/* ---- 指定席 ---- */

#reserved_seat > .block_header {
	margin-bottom: 20px;
}


#reserved_seat > .block_list > div.inner {
    padding: 20px;
}

#reserved_seat > .block_list > div.inner > div.img {
	text-align: center;
}

#reserved_seat > .block_list > div.inner > div.img > img {
	border: 1px solid #e0e0e0;
}

#reserved_seat > .head_info {
	margin-bottom: 10px;
	color: #cc0500;
}

#reserved_seat > p.attention {
    text-indent: -1.3rem;
    padding-left: 1.3rem;
}

#reserved_seat p a:hover {
	color: #017e1e;
}


.red { color: #c00; }

.txt_s {
	font-size:1.1rem;
}

.txt_ss {
	font-size:1.0rem;
}


/* ----- 2021.06.10追記　画像キャプションテキスト用 ----- */
.txt_cap {
	margin-top: 4px;
	text-align: center;
}

p.txt_cap + p.img.cap {
	margin-top: 10px;
}


ul.note_list { }

ul.note_list > li {
	display:table;
}

ul.note_list > li > span {
	display:table-cell;
	vertical-align:top;
	
}

ul.note_list > li > span.cap {
	white-space:nowrap;
}


/* - アンカーボタン
------------------------------------------------------------ */
#reserved_seat > .anch_block {
	background-color: #ebebeb;
	padding: 10px;
	max-width: 720px;
	width: 100%;
}

#reserved_seat > .anch_block > ul {
	display: table;
	width: 100%;
}

#reserved_seat > .anch_block > ul > li {
	display: table-cell;
	padding-left: 10px;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
}

#reserved_seat > .anch_block > ul > li:first-child { padding-left: 0; }

#reserved_seat > .anch_block > ul > li a {
	display: block;
	padding: 6px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	border-radius: 4px;
	
	font-size: 1.8rem;
	font-weight: bold;
	color: #444;
	text-decoration: none;
}

#reserved_seat > .anch_block > ul > li a:hover { background-color: #f1f8e9; }


#reserved_seat > .anch_block > ul > li > a span {
	font-size: 1.6rem;
	margin-left: 0.3rem;
}

#reserved_seat > .anch_block > ul > li a i {
	margin-right: 0.5rem;
	color: #188542;
}





#reserved_seat > ul.block_list.type1 > li {
	margin-bottom: 20px;
}

#reserved_seat > ul.block_list.type1 > li:last-child {
	margin-bottom: 30px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > p.img {
	width: 390px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > p.img > span {
	display:block;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 {
	overflow: hidden;
	/zoom : 1;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1:after {
	content: '';
	display: block;
	clear: both;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block {
	float: right;
	width: 270px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block > dl > dt {
	position: relative;
	padding: 5px;
	font-size: 1.1rem;
	background-color: #2aa83d;
	background-color: #515f60;
	color: #fff;
	text-align: center;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block > dl > dt:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(42, 168, 61, 0);
    border-top-color: #2aa83d;
	border-top-color: #515f60;
    border-width: 6px;
    margin-left: -6px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > p.txt {
	width: 100%;
	margin-top: 14px;
}

#reserved_seat .block_sub_header {
	margin-bottom: 20px;
}

#reserved_seat .iconList ul.iconGRID {
	margin-top: 14px;
	overflow: hidden;
	/zoom : 1;
}

#reserved_seat .iconList ul.iconGRID:after {
    content: '';
    display: block;
    clear: both;
}

#reserved_seat .iconList ul.iconGRID li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#reserved_seat .iconList ul.iconGRID li.icon-price {
	background-color: #609a43;
	background-color: #c3e2c6;
	/*border-left: 3px solid #538539;*/
	color: #fff;
	color: #333;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-saleDay {
	background-color: #964444;
	/*border-left: 3px solid #723333;*/
	color: #fff;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-jraCard {
	background-color: #2dac93;
	background-color: #90e7b1;
	/*border-left: 3px solid #25937d;*/
	color: #fff;
	color: #333;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-noSmoke {
	background-color: #4c9ecd;
	background-color: #ccd9fb;
	/*border-left: 3px solid #3f86ae;*/
	color: #fff;
	color: #333;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-smoke {
	background-color: #f48ef3;
	/*border-left: 3px solid #ce76cd;*/
	color: #fff;
	color: #333;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-priceFree {
	background-color: #439a95;
	background-color: #1b6d69;
	/*border-left: 3px solid #398480;*/
	color: #fff;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-arrival {
	background-color: #aca12d;
	background-color: #ddd262;
	/*border-left: 3px solid #948a26;*/
	color: #fff;
	color: #333;
	padding: 5px;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-salonMember {
	background-color: #948a26;
	/*border-left: 3px solid #8c6226;*/
	color: #fff;
	color: #333;
	line-height: 1;
}

#reserved_seat .iconList ul.iconGRID li.icon-consent {
	background-color: #fbc0c0;
	/*border-left: 3px solid #fd6a6a;*/
	color: #fff;
	color: #333;
	padding: 5px;
	line-height: 1;
}
#reserved_seat .iconList ul.iconGRID li.icon-pw{
    background-color: #faebd7;
    color: #000;
    padding: 5px;
	line-height: 1;
   }
#reserved_seat .iconList ul.iconGRID li.icon-free{
    background-color: #C8D7FB;
    color: #000;
    padding: 5px;
	line-height: 1;
   }


/* 2022年5月追記 */


#reserved_seat > ul.block_list.type1 > li div.link_list > div > a span{
	vertical-align: middle;
}
#reserved_seat > ul.block_list.type1 > li div.link_list > div > a > span img{
	vertical-align: middle;
    max-width: 35px;
    margin-right: 0.5em;
}

#reserved_seat > ul.block_list.type1 > li div.link_list > div > a > .inner {
    padding: 0;
;}




#reserved_seat .wheelchair_tbl { margin-top: 10px; }


#reserved_seat .wheelchair_tbl > table {
	width: 100%;
    border-collapse: collapse;
}

#reserved_seat .wheelchair_tbl > table > caption {
	display: none;
}

#reserved_seat .wheelchair_tbl > table tr th {
	color: #fff;
	font-weight: bold;
	background-color: #20b4c0;
	background-color: #0181a1;
    text-align: left;
    border: 1px solid #fff;
    font-size: 1.3rem;
    text-align: left;
    padding: 3px 5px;
    white-space: nowrap;
	text-align: center;
}

#reserved_seat .wheelchair_tbl > table tr:nth-child(2n-1) {
	background-color: #f4f4f4;	
}

#reserved_seat .wheelchair_tbl > table tr:nth-child(2n) {
	background-color: #fcfdfc;
}

#reserved_seat > .wheelchair_tbl > table tr td {
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 3px 5px;
    font-size: 1.2rem;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner  > .unit1 > .r_block > p > span,
#reserved_seat > .wheelchair_tbl > table tr td > span { color: #cc0500; }



#reserved_seat .block_header.mt { margin-top: 50px; }

#reserved_seat .purchase dl {
	margin-bottom: 20px;
}

#reserved_seat .purchase dl > dt {
    padding: 8px;
    background-color: #1b521f;
    color: #fff;
    font-weight: bold;
}

#reserved_seat .purchase dl > dd {
    background-color: #eaeaea;
    border: 1px solid #d0d0d0;
    border-top: none;
    padding: 9px;
}

#reserved_seat .purchase dl > dd > ul > li a i {
    margin-right: 0.5rem;
    color: #188542;
}

#reserved_seat .purchase dl > dd ul > li {
    padding: 5px;
}

#reserved_seat .purchase dl > dd ul > li a {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    text-decoration: none;
    color: #188542;
    color: #444;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 5px 0;
    padding: 8px;
    font-weight: normal;
}

#reserved_seat .purchase dl > dd ul > li a:hover { background-color: #f1f8e9; }




#reserved_seat div.all_seat dl {
	display: table;
    margin: 0 auto;
    width: 100%;
}

#reserved_seat div.all_seat dt {
	display: table-cell;
    color: #444;
    font-size: 1.4rem;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    background: #eaeade;
    border-right: 2px solid #dfdfd3;
    border-radius: 4px 0 0 4px;
    padding: 10px 30px;
    text-align: center;
    font-size: 1.6rem;
}

#reserved_seat div.all_seat dd {
	font-size: 4rem;
    font-weight: bold;
    color: #ba0000;
    display: table-cell;
    padding: 8px 30px;
    background-color: #f3f3f3;
    border-radius: 0 4px 4px 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

#reserved_seat div.all_seat dd.plus_table { font-size: 3rem; }

#reserved_seat div.all_seat dd span {
	font-size: 1.2rem;
	display: block;
}

#reserved_seat div.all_seat dd span.option {
	font-size: 3rem;
	line-height: 1.2;
}


#reserved_seat .purchase_dataUnit > table {
	margin-bottom: 20px;
    width: 100%;
    border-collapse: collapse;
}

#reserved_seat .purchase_dataUnit > table > caption { display: none; }

#reserved_seat .purchase_dataUnit > h5 {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px;
	/*padding-bottom: 5px;
	color: #388e3c;*/
	font-size: 1.4rem;
	font-weight: bold;
	
	background-color: #f3f3f3;
    border-top: 2px solid #ddd;
	
	background-color: #abc398;
    border-top: 2px solid #778c66;
}

#reserved_seat .purchase_dataUnit > table th {
	font-weight: bold;
    text-align: left;
    border: 1px solid #e4e4e4;
    font-size: 1.2rem;
    text-align: left;
    padding: 6px;
    white-space: nowrap;
    text-align: left;
}

#reserved_seat .purchase_dataUnit > table tr.all {
	background-color: #616161;
	color: #fff;
}

#reserved_seat .purchase_dataUnit > table tr.detail_all {
	background-color: #eee;
	font-weight: bold;
	vertical-align: middle;
}

#reserved_seat .purchase_dataUnit > table tr.detail_all th {
	vertical-align: middle;
}

#reserved_seat .purchase_dataUnit > table td {
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 5px;
    font-size: 1.2rem;
	text-align: center;
}

#reserved_seat .purchase_dataUnit > table .seatA { background-color: #E3F2FD; }
#reserved_seat .purchase_dataUnit > table .seatB { background-color: #F9FBE7; }
#reserved_seat .purchase_dataUnit > table .seatC { background-color: #FFFDE7; }
#reserved_seat .purchase_dataUnit > table .seatW { background-color: #EDE7F6; }
#reserved_seat .purchase_dataUnit > table .seatS { background-color: #FCE4EC; }
#reserved_seat .purchase_dataUnit > table .seatSe { background-color: #FFF3E0; }

/*#reserved_seat .purchase_dataUnit > table tr.seatA { background-color: #E3F2FD; }
#reserved_seat .purchase_dataUnit > table tr.seatB { background-color: #F9FBE7; }
#reserved_seat .purchase_dataUnit > table tr.seatC { background-color: #FFFDE7; }
#reserved_seat .purchase_dataUnit > table tr.seatW { background-color: #EDE7F6; }
#reserved_seat .purchase_dataUnit > table tr.seatS { background-color: #FCE4EC; }
#reserved_seat .purchase_dataUnit > table tr.seatSe { background-color: #FFF3E0; }*/

#reserved_seat .purchase_dataUnit > table td.no-sm,
#reserved_seat .purchase_dataUnit > table td span {
	color: #c00;
}


#reserved_seat .purchase_dataUnit.nakayama > table td.no-sm,
#reserved_seat .purchase_dataUnit.nakayama > table td span {
	color: #750000;
}

#reserved_seat p.caution {
    font-size: 1.2rem;
    text-indent: -1.2rem;
    padding-left: 1.2rem;
}

#reserved_seat .caution_box {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

#reserved_seat p.annotation {
	padding-left: 3em;
    text-indent: -3em;
}

#reserved_seat p.annotation.num {
	padding-left: 3.5em;
    text-indent: -3.5em;
}

#reserved_seat p.caution_2i {
    font-size: 1.2rem;
    text-indent: -2.4rem;
    padding-left: 2.4rem;
}

#reserved_seat .tojitsu_block {
	border: 2px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 10px;
    margin-top: 30px;
    max-width: 940px;
    margin: 30px auto 0 auto;
}

#reserved_seat .tojitsu_block > h4 {
    /* font-size: 123.1%; */
    font-weight: bold;
    color: #c00;
    line-height: 1;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
    font-size: 1.6rem;
}

#reserved_seat .tojitsu_block > p { margin-bottom: 10px; }

#reserved_seat .tojitsu_block > p:last-child { margin-bottom: 0; }



/* --------------------------------------------------

	京都競馬場 作成時　追記分（共通）

-------------------------------------------------- */

strong { font-weight: bold; }

#reserved_seat p { line-height: 1.6; }

ul.kome_list > li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.2rem;
}

span.red {
	color: #c00;
	font-weight: bold;
}


div.iconList h4 { }

#reserved_seat .iconList.floor { margin-top: 10px; }

#reserved_seat .iconList.floor > p {
	font-size: 1.1rem;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	text-align: left;
}

#reserved_seat .iconList.floor > p.t_week {
	
	border-bottom: none;
	
}


#reserved_seat .iconList.floor > ul.iconGRID {
	margin-top: 5px;
	margin-top: 8px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > p.img span {
	margin-top: 4px;
	font-size: 1.2rem;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > p.img span.caution {
	display: block;
	font-size: 1.1rem;
	color: #c00;
	margin-top: 5px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > p.txt { float: none; }


/* --- ご利用方法 --- */
div.howto_list { margin-top: 15px; }

div.howto_list > h4 {
	font-weight: bold;
	font-size: 1.2rem;
	border-bottom: 1px dotted #ccc;
}

div.howto_list > table { width: 100%; }

div.howto_list > table thead th {
	background-color: #555;
	color: #fff;
	border: none;
	padding: 5px;
	font-size: 1.2rem;
	font-weight: bold;
}

div.howto_list > table tbody th {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	
	white-space: nowrap;
	
	font-size: 1.2rem;
	width: 80px;
}

div.howto_list > table tbody td {
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 1.2rem;
}

#reserved_seat .iconList ul.iconGRID.no-margin {
	margin-top: 0;
}


/* --- 購入方法 --- */

div.purchase_dataUnit > table { width: 100%; }

#reserved_seat div.purchase_dataUnit > table > thead > tr.all > td {
	text-align: left;
	font-weight: bold;
}

#reserved_seat div.purchase_dataUnit > table > thead > tr.detail_all > th { text-align: center; }

#reserved_seat div.purchase_dataUnit > table > thead > tr.detail_all > th span {
	font-size: 1.1rem;
	margin-left: 0.2em;
}

#reserved_seat div.purchase_dataUnit > table > tbody > tr > th {
	background-color: #fafafa;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

#reserved_seat div.purchase_dataUnit > table > tbody > tr > th span { font-size: 1.1rem; }

/* --------------------------------------------------
	2021.4.4 追記
-------------------------------------------------- */


#reserved_seat .seat_name{

    background-color: #1b521f;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 8px;  
    display: flex;
    justify-content: space-between;
}
#reserved_seat .seat_name {
    height: 37px;
}
#reserved_seat .seat_name h3{
    
    vertical-align: middle;
}
#reserved_seat .seat_name .iconList ul.iconGRID{
    margin-top: 0;
    font-weight: normal;
     
    }
#reserved_seat .seat_name .iconList ul.iconGRID li{
    margin-bottom: 0;
}

#reserved_seat .seat_name .iconList ul.iconGRID li.icon-consent,
#reserved_seat .seat_name .iconList ul.iconGRID li.icon-jraCard,
#reserved_seat .seat_name .iconList ul.iconGRID li.icon-pw,
#reserved_seat .seat_name .iconList ul.iconGRID li.icon-free{
    padding: 3px;
}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1.img_only .img{
    float: none;
    width: 100%;
    text-align: center;
    
}
#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1.img_only .img img{
    width: 390px;
    max-width: 100%;
    height: auto;
}

#reserved_seat .icon_info .icon-pw{
    background-color: #faebd7;
    color: #000;
    padding: 5px;
	line-height: 1;
   }



/* --------------------------------------------------
	2021.8.20 追記
-------------------------------------------------- */

.img_only .img_flex_list > div {
    margin-bottom: 0;
}



/* --------------------------------------------------

	東京競馬場

-------------------------------------------------- */

#reserved_seat .purchase_dataUnit > table tr th.fuji {
	background-color: #2196F3;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

#reserved_seat .purchase_dataUnit > table tr th.memorial {
	background-color: #009688;
	color: #fff;
	text-align: left;
	font-weight: bold;
	}


/* --------------------------------------------------

	京都競馬場

-------------------------------------------------- */

#reserved_seat div.purchase_dataUnit.kyoto > table > thead > tr.detail_all > th:nth-child(6) { width: 200px; }


#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr > td { font-size: 1.2rem; }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.i_seat { background-color: #e3f2fd;  }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.box_seat { background-color: #F9FBE7; }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.lounge_seat { background-color: #ecf9ee; }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.senior_seat { background-color: #fff3e0; }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.sa_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.a_seat { background-color: #F9FBE7; }
#reserved_seat div.purchase_dataUnit.kyoto > table > tbody > tr.b_seat { background-color: #ecf9ee; }


/* --------------------------------------------------

	阪神競馬場

-------------------------------------------------- */

/* - 席数 - */
#reserved_seat div.purchase_dataUnit.hanshin > table > thead > tr.detail_all > th:nth-child(7) { width: 180px; }


/* ---- 購入方法セルカラー --- */
#reserved_seat div.purchase_dataUnit.hanshin > table > tbody > tr.s_seat { background-color: #f7ecbe; }
#reserved_seat div.purchase_dataUnit.hanshin > table > tbody > tr.i_seat { background-color: #fbe5ec; }
#reserved_seat div.purchase_dataUnit.hanshin > table > tbody > tr.a_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.hanshin > table > tbody > tr.b_seat { background-color: #ecf9ee; }
#reserved_seat div.purchase_dataUnit.hanshin > table > tbody > tr.c_seat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.hanshin > table > tbody > tr.w_seat { background-color: #dbe8f8; }


/* --------------------------------------------------

	札幌競馬場

-------------------------------------------------- */

/* - 席数 - */
#reserved_seat div.purchase_dataUnit.sapporo > table > thead > tr.detail_all > th:nth-child(4) { width: 80px; }

/* --- 小倉と同じカラー --- */
#reserved_seat div.purchase_dataUnit.sapporo > table > tbody > tr.a_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.sapporo > table > tbody > tr.b_seat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.sapporo > table > tbody > tr.senior_seat { background-color: #f3f3f3; }


/* --------------------------------------------------

	中京競馬場

-------------------------------------------------- */

/* - 席数 - */
#reserved_seat div.purchase_dataUnit.chukyo > table > thead > tr.detail_all > th:nth-child(4) { width: 80px; }

#reserved_seat div.purchase_dataUnit.chukyo > table > tbody > tr.twinhat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.chukyo > table > tbody > tr.pegasus { background-color: #e3f2fd; }


/* --------------------------------------------------

	新潟競馬場

-------------------------------------------------- */

/* - 席数 - */
#reserved_seat div.purchase_dataUnit.niigata > table > thead > tr.detail_all > th:nth-child(4) { width: 80px; }

/* --- 新潟　購入方法セルカラー --- */
#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.s_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.s_seat td:nth-child(6) { background-color: #f3f3f3; }

#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.i_seat { background-color: #daecfa; }
#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.senior_seat { background-color:#fce6f1; }

#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.a_seat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.a_seat td:nth-child(6) { background-color: #f3f3f3; }

#reserved_seat div.purchase_dataUnit.niigata > table > tbody > tr.b_seat { background-color: #ecf9ee; }



/* --- 新潟　席の説明 --- */
p.kome {
	text-indent: -1em;
	padding-left: 1em;
}


/* --------------------------------------------------

	小倉競馬場

-------------------------------------------------- */

/* - 席数 - */

#reserved_seat div.purchase_dataUnit.kokura > table > thead > tr.detail_all > th:nth-child(7) { width: 180px; }

/* --- 購入方法セルカラー --- */
#reserved_seat div.purchase_dataUnit.kokura > table > tbody > tr.a_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.kokura > table > tbody > tr.b_seat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.kokura > table > tbody > tr.senior_seat { background-color: #f3f3f3; }


/* --------------------------------------------------

	函館競馬場

-------------------------------------------------- */

/* - 席数 - */
#reserved_seat div.purchase_dataUnit.hakodate > table > thead > tr.detail_all > th:nth-child(4) { width: 80px; }

/* --- 小倉・札幌と同じカラー --- */
#reserved_seat div.purchase_dataUnit.hakodate > table > tbody > tr.a_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.hakodate > table > tbody > tr.b_seat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.hakodate > table > tbody > tr.senior_seat { background-color: #f3f3f3; }

/* --- 函館のみのカラー --- */
#reserved_seat div.purchase_dataUnit.hakodate > table > tbody > tr.w_seat { background-color: #f6eecc; }


/* --------------------------------------------------

	福島競馬場

-------------------------------------------------- */

/* - 席数 - */
#reserved_seat div.purchase_dataUnit.fukushima > table > thead > tr.detail_all > th:nth-child(4) { width: 80px; }

/* --- 福島　購入方法セルカラー --- */
#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.a_seat { background-color: #e3f2fd; }
#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.b_seat { background-color: #ecf9ee; }
#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.c_seat { background-color: #f9fbe7; }
#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.lounge_seat { background-color: #f7ecbe; }
#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.senior_seat { background-color:#fce6f1; }


#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.a_seat td.ticket1 { background-color: #feedcc; }
/*efe0c2*/
#reserved_seat div.purchase_dataUnit.fukushima > table > tbody > tr.c_seat td.ticket2 { background-color: #f1f1f1; }


/* --------------------------------------------------

	中山競馬場

-------------------------------------------------- */

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > h4 {
	color: #444;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    /*padding: 5px 0;*/
	border-bottom: 1px dotted #ccc;
}


/*シニア席(スタンド地下1階・スタンド2・3・4階）部分*/

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > dl {
	display: table;
	}

#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > dl > dt,
#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > dl > dd {
	display: table-cell;
	font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5;
	 }

.w_seat {
    background-color: #dbe8f8;
}


/* ----- 2018.07.19　シートの色追加 ----- */

#reserved_seat .purchase_dataUnit > table .seatG { background-color: #E4DEBF; }
#reserved_seat .purchase_dataUnit > table .seatA2 { background-color: #FCE4EC; }
#reserved_seat .purchase_dataUnit > table .seatV { background-color: #FBB7B7; }
#reserved_seat .purchase_dataUnit > table .seatB2 { background-color: #ffc796; }
#reserved_seat .purchase_dataUnit > table .seatK { background-color: #B9C9E0; }
#reserved_seat .purchase_dataUnit > table .seatKi { background-color: #bbe2ef; }
#reserved_seat .purchase_dataUnit > table .seatbx { background-color: #B2D593; }
#reserved_seat .purchase_dataUnit > table .seatSi { background-color: #dbdbdb; }
#reserved_seat .purchase_dataUnit > table .seatWh { background-color: #82E0AD; }



/* ----- 指定席発売所 ----- */

#seat_buy div.block_unit .inner {
	text-align: center;
	padding: 20px;
}

#seat_buy div.block_unit .inner img {
	display: block;
	margin: 0 auto;
}

/* ----- 指定席エリア ----- */
#seat_area {  }

#seat_area div.block_unit .inner {
	text-align: center;
	padding: 20px;
}

#seat_area div.block_unit .inner a {
	display: block;
	margin: 0 auto;
}


/* --- シニアサロン・シニア席 --- */
div.dot_list > p {
	text-align: left;
}

div.dot_list > dl {
	display: table;
}

div.dot_list > dl > dt {
	display: table-cell;
	width: 18px;
	text-align: center;
}

div.dot_list > dl > dd {
	display: table-cell;
	text-align: left;
}


/* --------------------------------------------------
	2025.1.28 追記 VRボタンDFF
-------------------------------------------------- */

div.link_list.center.off > div > span {
    text-align: center;
}
div.link_list.max-narrow.off > div > span {
    padding: 3px 4px;
}
div.link_list.off > div > span {
    display: block;
    background-color: #fff;
    background-color: #eaeaea;
    padding: 15px;
    border-radius: 4px;
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
    text-decoration: none;
    color: #333;
    line-height: 1.4;
    font-size: 1.4rem;
    font-weight: bold;
    color: #06a;
}

#reserved_seat > ul.block_list.type1 > li div.link_list > div > span > span img {
    vertical-align: middle;
    max-width: 35px;
    margin-right: 0.5em;
}


/* - 指定席ネット予約ログイン
------------------------------------------------------------ */
.btn_login_line {
	display: flex;
	width: 100%;
    gap: 10px;
}

.btn_login_line > div { width: 50%; flex-grow: 1; }

.btn_member_login > a.btn-def.green,
.btn_member_entry > a.btn-def.green {
    padding: 18px 10px;
    font-size: 1.6rem;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    
    border-radius: 5px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.1);
    border: 3px solid #fff;
    background: linear-gradient(170deg, #268300, #1d4f0d);
    transition: all 0.3s ease-in-out;
    
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-touch .btn_member_login > a.btn-def.green:hover,
.no-touch .btn_member_entry > a.btn-def.green:hover {
    background: linear-gradient(-15deg, #268300, #1d4f0d);
    border: 3px solid #fff;
}

.btn_member_login > a.btn-def.green:focus,
.btn_member_entry > a.btn-def.green:focus {
    background: linear-gradient(-15deg, #268300, #1d4f0d);
    border: 3px solid #fff;
}

.btn_member_login > a > div > span.copy,
.btn_member_entry > a > div > span.copy {
    display: block;
    font-size: 1.6rem;
}

.btn_member_login > a > div > span.login {
    margin-top: 5px;
    display: block;
    background-color: #f9f5df;
    color: #444;
    border-radius: 1em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    border: 1px solid #1d4f0d;
    background-color: rgba(255,255,255,0.8);
    font-size: 1.5rem;
    padding: 4px 10px;
}

.btn_member_login > a > div > span.login i { margin-right: 0.5em; }

.btn_member_entry > a > div > span.icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 4px;
	font-size: 1.8rem;
}

.btn_member_entry > a > div > span.icon img {
	max-width: 30px;
	vertical-align: top;
}


#reserved_seat .purchase dl > dd .btn_member_login {
    padding: 5px;
    margin-top: 5px;
}


.anch_block + .btn_member_login { margin-top: 20px; }


/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {

    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 {
        text-align: center;
    }
    
    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > p.img {
        width: auto;
        padding-bottom: 20px;
    }
	
	
	/* ----- 2021.06.10　追加 ----- */
	#reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > p.img.cap {
        padding-bottom: 0;
    }
    
    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block {
        float: none;
        width: 100%;
    }
    
    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block > dl {
        width: 270px;
        margin: 0 auto;
    }
    
    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block > p {
        text-align: left;
    }
	        /* ----- 席の説明----- */
    
    #reserved_seat .seat_name{
        display: block;
        height: auto;
    
    }
    #reserved_seat .seat_name .iconList ul.iconGRID li{
        margin-top: 5px;
    }
}


/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
    #reserved_seat > .block_list > div.inner {
        padding: 0;
    }
    
    #reserved_seat > ul.block_list.type1 > li > .block_unit > .content > .inner > .img {
        text-align: center;
        width: auto;
    }
    
    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .unit1 > .r_block > dl {
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
    }
    
    
    #reserved_seat > ul.block_list.type1 > li >.block_unit > .content > .inner > .txt {
        width: 100%;
    }

    #reserved_seat .wheelchair_tbl {
        margin-top: 0;
        width: 100%;
        overflow-x: auto;
    }

    #reserved_seat .wheelchair_tbl > table {
        width: 600px;
    }

    #reserved_seat .block_header.mt { margin-top: 40px; }

    #reserved_seat .purchase dl > dd ul > li a {
        padding-left: 2.5rem;
    }

    #reserved_seat .purchase dl > dd ul > li a i {
        text-indent: -1.4rem;
        margin-right: 0.2rem;
    }
    
    
    #reserved_seat .purchase_dataUnit {
        width: 100%;
        overflow-x: auto;
    }
    
    #reserved_seat .purchase_dataUnit > table {
        width: 700px;
    }
    
    #reserved_seat div.all_seat dd.plus_table { font-size: 2.4rem; }
    
    
    /* - 指定席ネット予約ログイン
    ------------------------------------------------------------ */
    .btn_login_line { display: block; }
    .btn_login_line > div { width: auto; }
    .btn_login_line > div + div { margin-top: 15px; }
    .btn_member_entry > a > div > span.icon { font-size: 2rem; }

    /* ----- 指定席ネット予約ログインボタン ----- */
    .btn_member_login > a > div > span.copy,
    .btn_member_entry > a > div > span.copy {
        display: block;
        margin-right: 0;
        font-size: 1.8rem;
    }
    
    .btn_member_login > a > div > span.login { margin-top: 5px; }
    

}


/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    #reserved_seat div.all_seat dl {
        display: block;
    }
    
    #reserved_seat div.all_seat dt {
        display: block;
        padding: 8px 10px;
        border: none;
        border-bottom: 2px solid #dfdfd3;
        border-radius: 4px 4px 0 0;
        text-align: center;
    }
    
    #reserved_seat div.all_seat dd {
        display: block;
        padding: 8px 10px;
        text-align: center;
        border-radius: 0 0 4px 4px;
    }
    
    
    /* ----- 指定席ネット予約ログインボタン ----- */
    .btn_member_login > a > div > span.login {
        /*font-size: 1.4rem;
        padding: 4px 20px;*/
    }
    

    
    .img_only .img_flex_list > div.bottom {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    

    

    
}