/* スクロール設定 */
div.table_wrapper_ipo_return {
    max-height: 550px; /* 必要に応じて表示領域の高さを設定 */
    overflow-y: auto;  /* 縦スクロールを有効化 */
    overflow-x: hidden; /* 横方向のオーバーフローを隠す */
    table-layout: fixed; /* 列の幅を固定 */
    margin: 0 !important; /* マージンをゼロに設定 */
}
table.list_index{
    margin: 0 !important; /* マージンをゼロに設定 */
}
table.list_data{
    border-top: none !important; /* テーブル全体の上部枠線を非表示 */
    margin: 0 0 20px 0 !important; /* マージンをゼロに設定 */
}

/* IPO企業リスト */
table.ipo_return{
    width: 100%;
    border-collapse: collapse;
}
table.ipo_return tr th,
table.ipo_return tr td{
    text-align: center;
    font-size: 13px;
    padding: 2px 5px 2px 5px !important;
    border: 1px solid #000;
}
table.ipo_return.ipo_return tr td.company {
    background-color: #eaf4ff !important; /* 背景色を淡い青に */
}

/* クラス別指定 */
.company,
td.business{
    text-align: left !important;
}

.bb_date{
    line-height: 1.1 !important;
}
.overall_rating,
.opening_price,
.business{
    line-height: 1.3 !important;
}
td.overall_rating{
    font-size: 30px !important;
    padding: 0;
}
span.result {
    font-size: 0.9em;
}

/*---------------------------- PC向けのスタイル ----------------------------*/
@media only screen and (min-width: 768px) {
table.ipo_return tr th.listing_date,
table.ipo_return tr td.listing_date{
    width: 60px !important;
}
table.ipo_return tr th.overall_rating,
table.ipo_return tr td.overall_rating{
    width: 80px !important;
}
table.ipo_return tr th.expected_price,
table.ipo_return tr td.expected_price,
table.ipo_return tr th.offering_price,
table.ipo_return tr td.offering_price{
    width: 75px !important;
}
table.ipo_return tr th.opening_price,
table.ipo_return tr td.opening_price{
    width: 80px !important;
}
table.ipo_return tr th.return,
table.ipo_return tr td.return{
    width: 80px !important;
}
}

/*---------------------------- スマホ向けのスタイル ----------------------------*/
@media (max-width: 768px) {
div.table_wrapper_list {
    max-height: 480px !important; /* 必要に応じて表示領域の高さを設定 */
}
table.ipo_return tr th,
table.ipo_return tr td{
    font-size: 10px;
}
table.ipo_return tr th.company,
table.ipo_return tr td.company,
table.ipo_return tr th.business,
table.ipo_return tr td.business{
    font-size: 11px;
}

table.ipo_return tr th.listing_date,
table.ipo_return tr td.listing_date,
table.ipo_return tr th.overall_rating,
table.ipo_return tr td.overall_rating,
table.ipo_return tr th.domestic_expected_capital_absorption,
table.ipo_return tr td.domestic_expected_capital_absorption,
table.ipo_return tr th.bb_date,
table.ipo_return tr td.bb_date,
table.ipo_return tr th.expected_price,
table.ipo_return tr td.expected_price,
table.ipo_return tr th.offering_price,
table.ipo_return tr td.offering_price,
table.ipo_return tr th.indicative_price,
table.ipo_return tr td.indicative_price,
table.ipo_return tr th.opening_price,
table.ipo_return tr td.opening_price,
table.ipo_return tr th.return,
table.ipo_return tr td.return{
    padding: 1px !important;
}
table.ipo_return tr th.company,
table.ipo_return tr td.company,
table.ipo_return tr th.business,
table.ipo_return tr td.business{
    padding: 1px 1px 1px 5px !important;
}
table.ipo_return tr th.listing_date,
table.ipo_return tr td.listing_date{
    text-align: center;
    width: 28px !important;
}
table.ipo_return tr th.overall_rating,
table.ipo_return tr td.overall_rating{
    width: 40px !important;
}
td.overall_rating{
    font-size: 20px !important;
}
table.ipo_return tr th.domestic_expected_capital_absorption,
table.ipo_return tr td.domestic_expected_capital_absorption{
    width: 62px !important;
}
table.ipo_return tr th.expected_price,
table.ipo_return tr td.expected_price,
table.ipo_return tr th.offering_price,
table.ipo_return tr td.offering_price{
    width: 55px !important;
}
table.ipo_return tr th.opening_price,
table.ipo_return tr td.opening_price{
    width: 58px !important;
}
table.ipo_return tr th.return,
table.ipo_return tr td.return{
    width: 62px !important;
}
}