@charset "UTF-8";
/*
ポイント倍率アップカードPC用css
*/
.sp {
    display: none;
}

.content_box {
    position: relative;
    z-index: 1;
}

#update_contents_index ul li a {
    line-height: 0;
}

#itemcard_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

#itemcard_nav li {
    background: url("/assets/img/item/nav_item_rateup_card_off.png") no-repeat center bottom;
    background-size: 100% auto;
    width: 178px;
    height: 48px;
    margin-right: 5px;
    color: #FFF;
    text-align: center;
    position: relative;
}

#itemcard_nav li a, #itemcard_nav li span {
    display: block;
    padding: 18px 10px;
    line-height: 1;
    color: #FFF;
}

#itemcard_nav li a:hover, #itemcard_nav li span:hover {
    text-decoration: none;
}

#itemcard_nav li.infotip:after {
    content: "";
    background: url("/assets/img/ic/exclamation.png") no-repeat center top;
    background-size: 100% auto;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 1;
}

#itemcard_nav li.current, #itemcard_nav li:hover {
    background: url("/assets/img/item/nav_item_rateup_card_on.png") no-repeat center bottom;
    background-size: 100% auto;
}

#itemcard_nav li:active {
    transform: translate(0, 2px);
}

#itemcard_nav li:active.current {
    transform: translate(0, 0);
}

.item_card_box *, .item_card_modal * {
    box-sizing: border-box;
}

.item_card_box, .item_card_modal {
    font-size: 16px;
    line-height: 1.2;
}

.item_card_box a:hover, .item_card_modal a:hover {
    text-decoration: none;
}

.item_card_box .btn, .item_card_modal .btn {
    display: inline-block;
    position: relative;
    line-height: 1;
    background: #2c4c94;
    color: #FFF;
    border-radius: 5px;
    padding: 5px 15px;
}

.item_card_box .btn.big, .item_card_modal .btn.big {
    font-size: 18px;
    padding: 15px 35px 15px 15px;
}

.item_card_box .btn.norad, .item_card_modal .btn.norad {
    border-radius: 0;
}

.item_card_box .btn.arrowR:after, .item_card_modal .btn.arrowR:after {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 0 0 5px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 15px;
}

.item_card_box .btn.arrowL, .item_card_modal .btn.arrowL {
    padding-left: 20px;
}

.item_card_box .btn.arrowL:before, .item_card_modal .btn.arrowL:before
    {
    content: '';
    width: 6px;
    height: 6px;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.item_card_box .btn.yellow, .item_card_modal .btn.yellow {
    background: #ffb500;
}

.item_card_box .btn.red, .item_card_modal .btn.red {
    background: #ff0000;
}

.item_card_box .btn:active, .item_card_modal .btn:active {
    transform: translate(0, 2px);
}

.item_card_box .attention, .item_card_modal .attention {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.item_card_box.confirm_wrap {
    display: none;
}

.card_select_wrap tr td img {
    vertical-align: bottom;
}

.btn_box {
    margin: 30px auto;
    text-align: center;
}

.btn_box.taR {
    text-align: right;
}

.btn_box h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.select_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid #aaa;
}

.select_tab li {
    width: 32%;
    overflow: hidden;
}

.select_tab li:nth-of-type(1), .select_tab li:nth-of-type(2) {
    margin-right: 2%;
}

.select_tab li a {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    display: block;
    background-color: #a6a6a6;
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 30px 30px;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.select_tab li a:active {
    transform: translate(0, 2px);
}

.select_tab li:hover a, .select_tab li.current a {
    background-color: #ffb500;
}

.select_tab li.card a {
    background-image: url("/assets/img/item/rateup_card/nav_cardlist.svg");
}
.select_tab li.race a {
    background-image: url("/assets/img/item/rateup_card/nav_racelist.svg");
}
.select_tab li.history a {
    background-image: url("/assets/img/item/rateup_card/nav_cardhistory.svg");
}

.item_card_content {
    position: relative;
    margin-top: 20px;
}

.item_card_content.mt0 {
    margin-top: 0;
}

.item_card_content .reload_btn {
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    line-height: 1.5;
}

.item_card_content .reload_btn a {
    display: inline-block;
    background-color: #2c4c94;
    font-size: 16px;
    line-height: 1;
    background-image: url("/assets/img/item/btn/update_on.svg");
    background-size: 20px 17px;
    background-repeat: no-repeat;
    background-position: left 15px center;
    padding: 9px 15px 9px 40px;
    color: #FFF;
    border-radius: 5px;
}

.item_card_content .reload_btn a.disable {
    background-color: #CCC;
    background-image: url("/assets/img/item/btn/update_off.svg");
    background-size: 20px 17px;
    color: #333;
    pointer-events: none;
}

.item_card_content .reload_btn a:active {
    transform: translate(0, 2px);
}

.item_card_content h3 {
    font-size: 24px;
    font-weight: bold;
    color: #2c4c94;
    margin-bottom: 10px;
}

.item_card_content h3 img {
    vertical-align: middle;
    margin: 0 5px 5px 0;
}

.card_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.card_list li {
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.card_list li:nth-of-type(4n) {
    margin-right: 0;
}

.card_list li a:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/assets/img/item/rateup_card/select_flame.png") no-repeat
        center top;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.card_list li a, .card_list li span {
    display: block;
    position: relative;
}

.card_list li a .maisu, .card_list li span .maisu {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1;
    background-color: #fff;
    padding: 2px 8px;
    white-space: nowrap;
}

.card_list li.current a {
    pointer-events: none;
}

.card_list li.current a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/assets/img/item/rateup_card/select_flame.png") no-repeat
        center top;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.card_list li:active a {
    transform: translate(0, 2px);
}

.card_list li:active a:after {
    transform: translate(0, -2px);
}

.card_list li.disable a:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3) inset;
    z-index: 1;
}

.get_navi .btn {
    min-width: 40%;
}

.get_navi .btn:nth-of-type(1) {
    margin-right: 3%;
}

.about_box {
    margin-bottom: 30px;
}

.about_box h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.confirm_box {
    margin: 0 auto;
    text-align: center;
    max-width: 580px;
}

.confirm_box h3 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.confirm_box .img {
    text-align: center;
    margin-bottom: 30px;
}

.confirm_box .get_navi h4 {
    color: #FF0000;
}

.item_card_modal {
    background-color: #FFF;
    border: 5px solid #aaa;
    max-width: 1000px;
    width: 1000px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.item_card_modal .modalInner {
    padding: 20px;
    position: relative;
}

.item_card_modal .card_select_wrap {
    text-align: center;
}

.item_card_modal .card_select_step_title {
    margin: 0 auto 30px auto;
    text-align: center;
}

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

.item_card_modal .card_select_step.mb {
    margin-bottom: 15px;
}

.item_card_modal .card_select_step .card_select_step_left {
    width: 330px;
    margin-right: 30px;
    position: relative;
}

.item_card_modal .card_select_step .card_select_step_right {
    width: calc(100% - 360px);
}

.item_card_modal .card_select_step .card_select_step_right .allcard_title {
    width: 100% !important;
    margin-bottom: 20px;
    border-bottom: 3px solid #2c4c94;
    position: relative;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-end;
}

.item_card_modal .card_select_step .card_select_step_right .allcard_title h3 {
    color: #2c4c94;
    font-size: 24px;
    font-weight: bold;
}

.item_card_modal .card_select_step .card_select_step_right .allcard_title .allcard_btn_box
    {
    text-align: right !important;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn {
    display: inline-block;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn a img {
    vertical-align: middle;
    margin-right: 5px;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn a span {
    vertical-align: middle;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn .sort_select
    {
    margin-bottom: 5px;
    position: relative;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn .sort_select select
    {
    -webkit-appearance: none !important;
    appearance: none;
    border-radius: 0;
    padding: 5px 5px 5px 35px;
    background-color: #FFF;
    background-image: url("/assets/img/item/rateup_card/float/sort_ic.svg");
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 20px 21px;
    position: relative;
    color: #333;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn .sort_select select::-ms-expand
    {
    display: none;
}

.item_card_modal .card_select_step .card_select_step_right .sort_btn .sort_select select:focus
    {
    outline: none;
}

.item_card_modal .card_select_step .card_select_step_right ul.card_badge li {
    box-shadow: 3px 3px 0 0 #d9d9d9;
}

.item_card_modal .card_select_step .card_select_step_right ul.card_badge li>a,
    .item_card_modal .card_select_step .card_select_step_right ul.card_badge li>span
    {
    position: relative;
}

.item_card_modal .card_select_step .card_select_step_right ul.card_badge li.current a:before,
    .item_card_modal .card_select_step .card_select_step_right ul.card_badge li:hover a:before
    {
    content: "";
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background-image: url("/assets/img/item/rateup_card/float/select_flame.png");
    background-size: 100% 100%;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 2;
}

.item_card_modal .card_select_step .card_select_step_right ul.card_badge li:active
    {
    transform: translate(0, 2px);
    box-shadow: 3px 1px 0 0 #d9d9d9;
}

.item_card_modal .card_select_step .card_select_step_right ul.card_badge li.disable:before
    {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    z-index: 1;
}

.item_card_modal .allcard_wrap {
    height: 390px;
    overflow-y: scroll;
}

.item_card_modal .card_select_step_back {
    margin-top: 30px;
}

.item_card_modal .card_select_step_back a {
    position: relative;
    color: #2c4c94;
    font-size: 18px;
}

.item_card_modal .card_select_step_back a:before {
    content: '';
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #2c4c94;
    border-left: 2px solid #2c4c94;
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 10px 2px 0;
}

.item_card_modal .modal_next {
    margin: 30px auto 0 auto;
    text-align: center;
}

.item_card_modal .modal_next a {
    display: inline-block;
    position: relative;
    filter: grayscale(100%);
    opacity: .5;
    pointer-events: none;
}

.item_card_modal .modal_next a.current {
    filter: grayscale(0%);
    opacity: 1;
    pointer-events: auto;
}

.item_card_modal .modal_back {
    margin-top: 30px;
    text-align: left;
}

.item_card_modal .modal_back .btn {
    padding: 15px 15px;
}

.item_card_modal .att_box {
    display: inline-block;
    border: 1px solid #ff0000;
    margin: 30px auto 0 auto;
    text-align: center;
    padding: 10px;
}

.item_card_modal .att_box .attention {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.item_card_modal .modal_confirm {
    margin: 30px auto 0 auto;
    text-align: center;
}

.item_card_modal .modal_confirm a {
    display: inline-block;
    transform: translate(0, 0);
}

.item_card_modal .modal_confirm a:active {
    transform: translate(0, 2px);
}

.item_card_modal .mdClose {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.modal[id=card_select] .card_select_step_back {
    position: absolute;
    bottom: 33px;
    left: 20px;
}

.effect_card {
    position: relative;
    max-width: 330px;
    margin: 0 auto;
    text-align: center;
}

.effect_card .effect_text {
    display: none;
    position: absolute;
    top: 300px;
    left: 5%;
    width: 90%;
    text-align: center;
    background-color: #FFF;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0px 3px 3px rgba(0, 0, 0, 0.1);
    word-break: break-all;
}

.effect_card .effect_text h4 {
    text-align: center;
    color: #b48c12;
    font-weight: bold;
}

.effect_card .effect_text span {
    font-size: 120%;
    font-weight: bold;
}

.effect_card .effect_text.current {
    display: block;
}

ul.card_badge {
    margin-right: 20px;
    width: 570px;
}

ul.card_badge li {
    border: 2px solid #d9d9d9;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
}

ul.card_badge li>a, ul.card_badge li>span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 5px;
}

ul.card_badge li>a .card, ul.card_badge li>span .card {
    width: 230px;
    margin-right: 10px;
}

ul.card_badge li>a .card img, ul.card_badge li>span .card img {
    width: 100%;
    height: auto;
}

ul.card_badge li>a .logo, ul.card_badge li>span .logo {
    width: 130px;
    margin-right: 10px;
}

ul.card_badge li>a .logo img, ul.card_badge li>span .logo img {
    width: 100%;
    height: auto;
}

ul.card_badge li>a .card_detail, ul.card_badge li>span .card_detail {
    width: calc(100% - 240px);
}

ul.card_badge li>a .card_detail .title, ul.card_badge li>span .card_detail .title
    {
    font-size: 28px;
    font-weight: bold;
    padding-right: 60px;
}

ul.card_badge li>a .card_detail .kikan .label, ul.card_badge li>span .card_detail .kikan .label
    {
    display: inline-block;
    background-color: #4d4d4d;
    color: #FFF;
    padding: 1px 10px;
    border-radius: 15px;
}

ul.card_badge li>a .card_detail .kikan .date, ul.card_badge li>span .card_detail .kikan .date
    {
    display: block;
}

ul.card_badge li>a .race_detail, ul.card_badge li>span .race_detail {
    width: calc(100% - 140px);
    font-size: 20px;
    font-weight: bold;
}

ul.card_badge li.current:after {
    display: block;
    content: "選択中";
    background-color: #ff0000;
    color: #FFF;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 10px;
    border-radius: 5px;
    z-index: 1;
}

ul.card_badge_history li {
    margin-bottom: 15px;
}

ul.card_badge_history li .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

ul.card_badge_history li .title h4 {
    font-size: 18px;
    font-weight: bold;
}

ul.card_badge_history li .title .memo .badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
    white-space: nowrap;
}

ul.card_badge_history li .title .memo .badge.used {
    background-color: #FF0000;
    color: #FFF;
}

ul.card_badge_history li .title .memo .badge.exp {
    border: 1px solid #b2b2b2;
}

ul.card_badge_history li .title .memo .date {
    display: inline-block;
    font-size: 16px;
}

ul.card_badge_history li .card_badge_memo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 5px;
    border: 2px solid #d9d9d9;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
}

ul.card_badge_history li .card_badge_memo .card {
    width: 230px;
    margin-right: 10px;
}

ul.card_badge_history li .card_badge_memo .card img {
    width: 100%;
    height: auto;
}

ul.card_badge_history li .card_badge_memo .card_detail {
    width: calc(100% - 240px);
}

ul.card_badge_history li .card_badge_memo .card_detail .memo {
    display: block;
}

ul.card_badge_history li .card_badge_memo .card_detail .memo:nth-of-type(1)
    {
    margin-bottom: 10px;
}

ul.card_badge_history li .card_badge_memo .card_detail .memo .label {
    display: inline-block;
    background-color: #4d4d4d;
    color: #FFF;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 14px;
    min-width: 110px;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
}

ul.card_badge_history li .card_badge_memo .card_detail .memo .date {
    font-size: 16px;
}

ul.card_badge_history li .card_badge_memo .card_detail .memo .race {
    display: block;
    width: 100%;
    padding-left: 115px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    text-overflow: ellipsis;
}

.race_select_wrap {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.race_select_wrap .nowtime {
    position: absolute;
    top: 30px;
    right: 0;
    white-space: nowrap;
}

.race_select_wrap .rase_select_date_tab ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.race_select_wrap .rase_select_date_tab ul li {
    background: #7fa7db;
    width: 178px;
    height: 48px;
    margin-right: 5px;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.race_select_wrap .rase_select_date_tab ul li span, .race_select_wrap .rase_select_date_tab ul li a
    {
    display: block;
    padding: 18px 10px;
    line-height: 1;
    color: #FFF;
    cursor: pointer;
}

.race_select_wrap .rase_select_date_tab ul li.current, .race_select_wrap .rase_select_date_tab ul li:hover
    {
    background: linear-gradient(to top, #2d6cc0 0%, #2a66bd 62%, #418aca 100%);
}

.race_select_wrap .rase_select_date_tab ul li.current {
    pointer-events: none;
}

.race_select_wrap .rase_select_date_tab ul li:active {
    transform: translate(0, 2px);
}

.race_select_wrap .rase_select_date_tab ul li:active.current {
    transform: translate(0, 0);
}

.race_select_wrap .rase_select_content {
    width: 100%;
}

.race_select_wrap .rase_select_content .rase_select_place_tab {
    display: grid;
    background-color: #266bc2;
    padding: 10px 10px 0 10px;
    border-bottom: 4px solid #044b97;
    margin-bottom: 5px;
}

.race_select_wrap .rase_select_content .rase_select_place_tab h3 {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 15px;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul {
    width: 100%;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul li {
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    background-color: #7fa7db;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul li a,
    .race_select_wrap .rase_select_content .rase_select_place_tab ul li span
    {
    display: block;
    padding: 10px 25px;
    color: #FFF;
    line-height: 1;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul li.current
    {
    background-color: #044b97;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul li.current a,
    .race_select_wrap .rase_select_content .rase_select_place_tab ul li.current span
    {
    pointer-events: none;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul li.gray
    {
    background-color: #a6a6a6;
}

.race_select_wrap .rase_select_content .rase_select_place_tab ul li:active
    {
    transform: translate(0, 2px);
}

.race_select_wrap .rase_select_place_content {
    line-height: 1;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl {
    width: 100%;
    background-color: #FFF;
    color: #333;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl tr th,
    .race_select_wrap .rase_select_place_content .rase_select_tbl tr td {
    border: 1px solid #9c9c9c;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl thead tr th
    {
    background-color: #0050b7;
    color: #FFF;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.2;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl tbody tr.past
    {
    background-color: #CCC;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl tbody tr td a
    {
    display: inline-block;
    text-decoration: underline;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl tbody tr td a:active
    {
    transform: translate(0, 2px);
}

.race_select_wrap .rase_select_place_content .rase_select_tbl tbody tr td a:hover
    {
    text-decoration: none;
}

.race_select_wrap .rase_select_place_content .rase_select_tbl .stop {
    color: #FF0000;
}

/*-------------------------------------------------
    ++ PAGENAVI
-------------------------------------------------*/
.page_nav {
    margin: 70px auto;
    text-align: center;
}

.page_nav ul {
    letter-spacing: -.4em;
    text-align: center;
}

.page_nav ul li {
    display: inline-block !important;
    letter-spacing: normal;
}

.page_nav ul li a, .page_nav ul li span {
    display: block;
    padding: 14px 17px;
    line-height: 100%;
    text-decoration: none;
    margin: 0 5px;
    border: 1px solid #CCC;
}

.page_nav ul li a:hover, .page_nav ul li span:hover {
    background-color: #2c4c94;
    color: #FFF;
}

.page_nav ul li span {
    background-color: #2c4c94;
    color: #FFF;
}

/*-------------------------------------------------
    ++ ABOUT ITEM
-------------------------------------------------*/
.item_card_about_box {
    font-size: 14px;
}

.item_card_about_box .intro_text {
    margin-left: 20px;
}

.item_card_about_box .item_card_content#about02 h2 {
    margin-bottom: 30px;
}

.about_intro {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
}

.pointup_title {
    color: #2c4c94;
    font-size: 24px;
    font-weight: bold;
}

.about_intro_box {
    border: 1px solid #2c4c94;
    margin: 30px 0 70px 0;
    padding: 20px 30px;
}

.about_intro_box h4 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
}

.about_intro_box .hikaku_box {
    display: flex;
    width: 100%;
    margin: 20px 0;
    justify-content: space-between;
}

.about_intro_box .hikaku_box dl {
    width: 48%;
}

.about_intro_box .hikaku_box dl dt {
    text-align: center;
    color: #ff7500;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.about_intro_box .hikaku_box dl dd {
    background-color: #ffffbb;
    border-radius: 10px;
    padding: 10px;
    height: 210px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.pointup_cardlist_type {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}

.pointup_cardlist_type table {
    width: 70%;
    border-top: 2px solid #2c4c94;
}

.pointup_cardlist_type table tr {
    border-bottom: 2px solid #2c4c94;
}

.pointup_cardlist_type table tr th, .pointup_cardlist_type table tr td {
    padding: 3px;
}

.pointup_cardlist_type table tr th {
    font-size: 18px;
    font-weight: bold;
    color: #2c4c94;
    white-space: nowrap;
}

.pointup_cardlist_type table tr td {
    padding-left: 10px;
}

ul.list li {
    margin-bottom: 5px;
}

ul.list li:nth-last-of-type(1) {
    margin-bottom: 0;
}

ul.list.disc {
    padding-left: 20px;
}

ul.list.disc li {
    list-style-type: disc;
}

.pointup_cardlist {
    display: flex;
    justify-content: space-between;
}

.pointup_cardlist li .name {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.pointup_tokuten {
    margin: 40px 0;
}

.pointup_tokuten ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pointup_tokuten ul li {
    width: 47.79%;
    border: 3px solid #2c4c94;
    border-radius: 10px;
    padding: 10px;
    min-height: 120px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 0 0 #2c4c94;
    position: relative;
}

.pointup_tokuten ul li:nth-last-of-type(1), .pointup_tokuten ul li:nth-last-of-type(2)
    {
    margin-bottom: 0;
}

.pointup_tokuten ul li .icon {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -25px;
    left: 5px;
}

.pointup_tokuten ul li h4 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #2c4c94;
    margin-bottom: 15px;
}

.pointup_tokuten ul li.type_game {
    border-color: #ffb500;
    box-shadow: 5px 5px 0 0 #ffb500;
}

.pointup_tokuten ul li.type_game h4 {
    color: #ffb500;
}

.pointup_tokuten ul li.type_game .tokuten_btn {
    display: table;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-spacing: 10px;
}

.pointup_tokuten ul li.type_game .tokuten_btn .btn {
    display: table-cell;
    min-width: 45%;
    background-color: #ffb500;
    text-align: center;
    vertical-align: middle;
}

.about_select_wrap .about_select_block {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.about_select_wrap .about_select_block .about_select_box {
    width: 48.422%;
}

.about_select_wrap .about_select_block .about_select_box h3 {
    color: #ff7500;
    font-size: 22px;
    text-align: center;
}

.about_select_wrap .about_select_block .about_select_box ul li {
    margin-bottom: 25px;
    position: relative;
}

.about_select_wrap .about_select_block .about_select_box ul li:before {
    position: absolute;
    bottom: -35px;
    content: "";
    left: 1px;
    box-sizing: border-box;
    border: 23px solid transparent;
    border-top: 45px solid #94DCFF;
}

.about_select_wrap .about_select_block .about_select_box ul li:after {
    position: absolute;
    content: "";
    margin: auto;
    width: 15px;
    height: calc(100% - 90px);
    background-color: #94DCFF;
    top: 60px;
    left: 17px;
}

.about_select_wrap .about_select_block .about_select_box ul li h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background-color: #2c4c94;
    color: #FFF;
    padding: 7px 55px;
    position: relative;
    border-radius: 10px;
}

.about_select_wrap .about_select_block .about_select_box ul li h4:after
    {
    display: block;
    content: "";
    background-color: #FFF;
    border-radius: 15px;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #2c4c94;
    text-align: center;
}

.about_select_wrap .about_select_block .about_select_box ul li h4 sup {
    display: inline-block;
    padding-top: 5px;
}

.about_select_wrap .about_select_block .about_select_box ul li .card {
    padding-left: 80px;
    margin-top: 10px;
}

.about_select_wrap .about_select_block .about_select_box ul li .atttext
    {
    padding-left: 100px;
    text-indent: -18px;
    margin-top: 10px;
}

.about_select_wrap .about_select_block .about_select_box ul li.step1 {
    min-height: 380px;
}

.about_select_wrap .about_select_block .about_select_box ul li.step1 h4:after
    {
    content: "1";
}

.about_select_wrap .about_select_block .about_select_box ul li.step2 {
    min-height: 435px;
}

.about_select_wrap .about_select_block .about_select_box ul li.step2 h4:after
    {
    content: "2";
}

.about_select_wrap .about_select_block .about_select_box ul li.step3 h4:after
    {
    content: "3";
}

.about_select_wrap .about_select_block .about_select_box ul li.step4 h4:after
    {
    content: "4";
}

.about_select_wrap .about_select_block .about_select_box ul li.step5 h4:after
    {
    content: "5";
}

.about_select_wrap .about_select_block .about_select_box ul li.step5:before
    {
    bottom: -85px;
}

.about_select_wrap .about_select_block .about_select_box ul li.step5:after
    {
    height: calc(100% - 40px);
}

.about_select_wrap .about_select_block .about_select_box#case_race ul li.step3:before
    {
    bottom: -890px;
}

.about_select_wrap .about_select_block .about_select_box#case_race ul li.step3:after
    {
    height: calc(100% + 765px);
}

.about_select_fin {
    margin-top: 55px;
}

.about_select_fin h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background-color: #ffb500;
    color: #FFF;
    padding: 7px 100px;
    position: relative;
    border-radius: 10px;
}

.about_select_fin h4:before {
    display: block;
    content: "Fin";
    background-color: #FFF;
    color: #ffb500;
    width: 70px;
    height: 30px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 20px;
    line-height: 1.4;
}

.about_select_fin h4 sup {
    display: inline-block;
    padding-top: 5px;
}

.about_select_fin p {
    text-align: center;
    margin-top: 15px;
}

.disable_card {
    pointer-events: none;
}