@charset "utf-8";
.revision {
    padding: 60px 0 10px 0;
    text-align: center;
    box-shadow: 0 1px 4px #a7a5a5;
    border-bottom: 1px solid #f3f0f0;
    position: relative;
    text-decoration: underline;
    color: #1592E6;
    font-weight: bold;
    font-size: 20px;
}

.revision sup {
    font-size: 10px;
    position: relative;
    top: 5px;
}

@media screen and (max-width: 420px) {
	div.revision a {
		font-size: 13px;
	}

	.revision sup {
		font-size: 10px;
		position: relative;
		top: 10px;
    }
}

.mt74 {
    margin-top: 74px !important;
}

@media screen and (max-width: 420px) {
    .mt83_sp {
        margin-top: 83px !important;
    }
}

.col2_inner img.bf_off_icon {
    width: 100px;
    position: absolute;
    top: -70px;
    left: -10px;
}

@media screen and (max-width: 800px) {
    .col2_inner img.bf_off_icon {
        width: 65px;
        top: -55px;
        left: -5px;
    }
}

@media screen and (max-width: 420px) {
    .col2_inner img.bf_off_icon {
        width: 40px;
        top: -23px;
        left: -5px;
    }
}

.posi_re {
    position: relative;
}

/* 年末年始キャンペーン */
.year_end2023 {
    background: url(/assets/images/cpbanner/store/2023/bg/cpbanner_cp_holiday_bg_pc_10off.png);
}
@media screen and (max-width: 768px) {
    .year_end2023 {
        background: url(/assets/images/cpbanner/store/2023/bg/cpbanner_cp_holiday_bg_sp_10off.png);
    }
}

/* START line_check_area */
.line_check .kv_text_box {
    background: rgba(255, 255, 255, 0.9);
}
.line_check .line_kv_area {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.line_check img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.line_check_btn {
    background: rgba(255, 255, 255, 0.9);
    padding-bottom: 100px;
}
.line_hover:hover {
    transform: scale(0.95,0.95);
    transition-duration: 0.3s;
    opacity: 0.8;
}
.line_check_container {
    max-width: 994px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
}
.line_check_btn .friends {
    width: 45%;
    background: #00b900;
    border-radius: 10px;
    padding: 10px;
}
.line_check_btn .friends img {
    width: 100%;
}
.line_check_btn .detail {
    color: #00B900;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #00b900;
    width: 45%;
}
.line_check_btn .detail a {
    text-decoration: none;
}
.line_check_btn .detail p {
    padding: 22px 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    background-image: url(/assets/images/icon/detail_btn_pc.png);
    background-size: 30px;
    background-position: right 18px center;
    background-repeat: no-repeat;
}
.line_check_btn .detail a:hover {
    color: #00B900;
}
@media screen and (max-width: 768px) {
    .line_check_btn {
        padding-bottom: 40px;
    }
    .line_check_container {
        display: block;
    }
    .line_check_btn .friends {
        width: 78%;
        margin: 0 auto;
    }
    .line_check_btn .detail {
        width: 78%;
        margin: 0 auto;
        margin-top: 15px;
    }
    .line_check_btn .detail p {
        font-size: 16px;
        background-image: url(/assets/images/icon/detail_btn_sp.png);
        background-size: 20px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}
.col2_inner.comparison_inner {
    justify-content: space-between;
}
.col2_inner.comparison_inner > div {
    max-width: 450px;
    width: 49%;
}
.comparison_inner .balloon_inner {
    padding: 40px;
    margin: 18px auto 0;
    width: 100%;
    border-radius: 15px;
}
.balloon_title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 7px;
}
.comparison_inner > div:nth-child(1) .balloon_title {
    color: #c74848;
}
.comparison_inner > div:nth-child(2) .balloon_title {
    color: #278792;
}
.balloon_list li {
    position: relative;
    padding-left: 16px;
}
.balloon_list li + li {
    margin-top: 10px;
}
.balloon_list li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: 8px;
    left: 0;
}
.comparison_inner > div:nth-child(1) .balloon_list li:before {
    background: #c74848;
}
.comparison_inner > div:nth-child(2) .balloon_list li:before {
    background: #278792;
}
.comparison_inner > div:nth-child(1) .balloon_list b {
    font-weight: bold;
    color: #c74848;
}
.comparison_inner > div:nth-child(2) .balloon_list b {
    font-weight: bold;
    color: #278792;
}
.comparison_table_head {
    background: #5e5e5e;
    color: #fff;
    text-align: center;
    padding: 18px 0 20px;
    font-size: 20px;
    font-weight: bold;
}
.comparison_table_head span {
    font-size: 16px;
    font-weight: normal;
}
.comparison_table_cell {
    display: flex;
    justify-content: space-around;
    background: #5e5e5e;
    padding-bottom: 4px;
}
.comparison_table_cell > div {
    font-size: 50px;
    font-weight: bold;
    color: #333333;
    width: 49.5%;
    text-align: center;
    line-height: 1;
    padding: 35px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.comparison_table_cell > div:nth-child(1) {
    background: #f8e3e3;
}
.comparison_table_cell > div:nth-child(2) {
    background: #d7ebed;
}
.comparison_table_cell .comparison_table_note {
    font-size: 18px;
    line-height: 1;
    padding-top: 5px;
}
.comparison_balloon {
    position: relative;
    background: #033652;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    padding: 10px 0 10px;
    margin-bottom: 33px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 500px;
}
.comparison_balloon:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 21px);
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-top: 19px solid #033652;
    border-bottom: 0;
}
.comparison_digitallife .comparison_table_head {
    background: #033652;
}
.comparison_digitallife .comparison_table_cell {
    background: #033652;
}
.comparison_table .notes a,
.comparison_digitallife .notes a {
    color: #ffe9a5;
    font-size: 1em;
}
.comparison_table .notes a:hover,
.comparison_digitallife .notes a:hover {
    color: #ffe9a5;
    opacity: 0.8;
}

/* 定価campaignページ対応追記 */
.vbp_logo_top_txt {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.vbp_logo_top_txt sup {
    font-size: 10px;
}
.vbp_logo_top_txt span {
    display: inline-block;
}
p.vbp_logo_top_txt + img {
    max-width: 85%;
}
.pt16_pt0-sp {
    padding-top: 16px !important;
}
@media screen and (max-width: 500px) {
    .vbp_logo_top_txt {
        font-size: 9px;
    }
    .vbp_logo_top_txt sup {
        font-size: 7px;
    }
    .pt16_pt0-sp {
        padding-top: 0px !important;
    }
}
.col2_cart_border_modal.col2_cart_border_modal_fff {
    width: 1.3em;
    height: 1.3em;
    font-size: 0.8em;
    border: 2px solid #fff;
    line-height: 1.3;
}
input:checked + .col2_cart_modal {
    display: grid;
}
#col2_cart_modal_1,#col2_cart_modal_2 {display: none;}