/* --------------------------------------------------
  GⅠレース出走馬決定順一覧 共通
-------------------------------------------------- */
img {
    object-fit: contain;
    vertical-align: top;
}

/* - レイアウト
-------------------------------------------------- */
.w940 {
	max-width: min(100%, 940px);
	margin: 0 auto;
}

.w1200 {
	max-width: min(100%, 1200px);
	margin: 0 auto;
}

a { color: #0155AD; }

.block_sub_header {
    border-bottom: 1px dotted #ccc;
}

.block_sub_header > h3,
.block_sub_header > h4 {
    color: #444;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 5px 0;
}

#abbr_list .content > .layout_grid > div:first-child {
    margin-top: 0;
}


/* ------------------------------------------------------------
	1199px以下
------------------------------------------------------------ */
@media screen and ( max-width : 1199px ) {
	.w1200 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
}

/* ------------------------------------------------------------
	959px以下
------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
	.w940 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
}


/* - コンテンツヘッダーエリア
-------------------------------------------------- */
.head_area {
    position: relative;
    /*margin-bottom: 50px;*/
}

.head_area .heading-simple.h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    margin-top: clamp(16px, 3vw, 24px);
    font-size: 2rem;
    font-size: clamp(1.8rem, 0.0266rem + 2.3121vw, 2.2rem);
}

/* .head_area .heading-simple.h2 .icon {
    height: 1.2em;
} */

.heading-simple .icon {
    grid-row: 1 / span 2;
    width: 44px;
    height: auto;
}


.head_area > .nav-local-group {
    margin-top: clamp(16px, 3vw, 24px);
}

.shadow_wrap {
    position: relative;
    overflow: hidden;
    /* 擬似要素のの高さの半分 */
    /*padding-bottom: 4vw;*/
	padding-bottom: clamp(15px,4vw,50px);
    width: 100%;
}

.shadow_wrap .head_area {
    position: relative;
    padding-bottom: 20px;
}

.shadow_wrap .head_area::before {
    content: "";
    width: 160vw;
    /*height: 8vw;*/
    height: clamp(30px,8vw,100px);
    border-radius: 50%;
    position: absolute;
    display: block;
    left: 50%;
    top: 100%;
    bottom: 0;
    transform: translateX(-50%);
    box-shadow: inset 0px 0 2vw rgba(0, 120, 83, 0.2);
    box-shadow: inset 0px 0 clamp(1.5rem, 4vw, 2rem) rgb(from var(--main-color) r g b / 20%);
}

.shadow_wrap.bg_gray .head_area::before {
	background-color: var(--color-bg-gray);
}


/* - レイアウト
---------------------------------------------------------------------- */

/* ----- コンテンツ ----- */
.unit_area .unit + .unit { margin-top: 50px; }

.unit_area .unit > .grid {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.unit_area .unit > .grid > .cell {
    display: table-cell;
    vertical-align: top;
}

.unit_area .unit > .content { margin-top: 20px; }


.unit_area .unit table.basic thead > tr > th {
    background-color: var(--color-gray);
}

.unit_area .unit table.basic tbody tr td.date,
.unit_area .unit table.basic tbody tr td.racename {
    text-align: left;
}

.unit_area .unit table.basic tbody tr td.date {
    /* width: 148px; */
}

.unit_area .unit table.basic tbody tr td.date span {
    font-size: 1.1rem;
}

/* .unit_area .unit table.basic tbody tr td.date span.sun {
    color: #B71C1C;
}

.unit_area .unit table.basic tbody tr td.date span.sat {
    color: #1670c9;
} */

.unit_area .unit table.basic tbody tr td.racename {
    /* width: 254px; */
    font-weight: bold;
}

.unit_area .unit table.basic tbody tr td:nth-child(6) a {
    min-width: 100px;
}

.unit_area .unit table.basic tbody tr td:nth-child(5) span.unit {
    font-size: 1.1rem;
}

#about .collapse-close-btn {
    text-align: center;
}

/* - リンクエリア
---------------------------------------------------------------------- */

.button-list.guidance {
    grid-template-columns: 1fr 1fr;
}
.button-list > div > a {
    font-size: var(--font-size-13_14);
}

/* --- ボタンリスト --- */

.button-list {
	gap: clamp(6px, 0.3345rem + 0.7080vw, 10px);
}

.button-list > div > a {
	padding: 12px clamp(6px, 0.2018rem + 1.0619vw, 12px);;
}

.button-list .wide {
	grid-column: 1 / -1;
}

.btn_group {
    display: flex;
    flex-wrap: wrap;
}
.btn_group.center {
	justify-content: center;
}

.btn_group a {
	color: var(--color-link);
}




/* ------------------------------------------------------------
	959px以下
------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
	
    #intro .button-list.div3 {
        grid-template-columns: repeat(2, 1fr);
    }

    #intro .button-list.div3 > div:first-child {
        grid-column: 1 / -1;
    }

}

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

    .head_area {
        /*margin-bottom: 30px;*/
    }

    .shadow_wrap {
        margin-bottom: 20px;
    }
    
    /* ----- レイアウト ----- */
    .unit_area .unit > .grid { display: block; }
    .unit_area .unit > .grid > .cell { display: block; }
    .unit_area .unit > .grid > .cell.img {
        width: auto;
        text-align: center;
        padding-left: 0;
        margin-top: 30px;
    }
    

    /* .unit_area .unit table.basic tbody tr td.racename {
        width: 205px;
    } */
}

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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
    #intro .button-list.div3 {
        grid-template-columns: repeat(1, 1fr);
    }
    
}

/* ------------------------------------------------------------
	479px以下
------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {

   
    
}

/* ------------------------------------------------------------
	359px以下
------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
}