.match-type-icon-area {
    float:right;
    margin-top: -18px;
    text-align: right!important;
    width:55%;
}
.match-type-icon{
    display: inline-block!important;
    border-radius: 100vh;
    text-align: center;
    width: 85px;
}
.guest-user-alertify-title {
    margin: 0;
    padding: 15px 10px;
    font-size: 18px;
    Font-weight: 700;
    color: #fff;
    background-color: #172e6c;
    text-align: center;
    border-radius: 5px 5px 0 0;
    word-break: break-all;
    word-wrap: break-word;
}

.guest-user-alertify-body {
    padding: 24px 16px;
}
.guest-user-alertify-body .form-group{
    padding: 5px;
    text-align: center;
}
.guest-user-alertify-body .form-group > input[type="email"],
.guest-user-alertify-body .form-group > input[type="text"] {
    display: block;
    margin-top: 30px;
    margin-bottom: 0;
    width: 100%;
    padding: 10px 15px;
    background-color: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    font-size: 16px;
}
.guest-user-alertify-body .form-buttons {
    padding: 20px 0 4px;
    text-align: center;
}
.guest-user-alertify-body .form-buttons > input[type="submit"] {
    width: 100%;
    max-width: 140px;
    font-size: 13px;
    word-break: break-all;
    background: rgba(23,46,108,.8);
    color: #ffffff;
    font-weight: 400;
    margin-left: 0;
    padding: 10px 20px;
    border: 1px solid #172e6c;
    border-radius: 3px;
    box-shadow: 0 0;
    text-shadow: 0 0 0;
}

.guest-user-alertify-body .form-buttons > input[type="submit"]:hover {
    width: 100%;
    background: rgba(23,46,108,.1);
    color: #172e6c;
}
.live-board-wrapper{
    font-size: 13px;
}
.tab-panel{
    display: none;
}

.tab-panel.active{
    display: block;
}

.panel-title {
    border: 0;
    margin: 20px 0 25px;
    padding: 7px 5px 6px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.articles{
    padding: 0.5em 1em;
    margin: 0.8em 0;
    color: #5d627b;
    background: white;
    border-top: solid 3px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.articles p {
    margin: 0;
    padding: 0;
}
.articles p.date-name {
    padding-left: 3px;
    text-align: left;
    font-size: 10px;
    color: #6c6c6c;
}
.panel-area .form-area {
    margin: 0 auto;
    padding: 1em 0 0 0.5em;;
    width: 80%;
}
.panel-area .form-area textarea {
    width: 78%;
    height: 30px;
    outline: none;
    resize: none;
    border: 1px solid #CCC;
    border-radius: 3px;
}

.chat-submit-btn {
    background-color: #007bff;
    border-color: #0062cc;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    width: 18%;
    padding: 5px 0;
    position: relative;
    top: -10px;
}
.chat-submit-btn:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

.modal-close-btn {
    display: inline-block;
    width: 100%;
    max-width: 140px;
    font-size: 13px;
    word-break: break-all;
    background: #ffffff;
    color: rgba(23,46,108,.8);
    font-weight: 400;
    margin-left: 0;
    padding: 8px 20px;
    border: 1px solid #172e6c;
    border-radius: 3px;
    box-shadow: 0 0;
    text-shadow: 0 0 0;
    text-align: center;
    text-decoration: none;
}

.modal-submit-btn {
    display: inline-block;
    width: 100%;
    max-width: 140px;
    font-size: 13px;
    word-break: break-all;
    background: rgba(23,46,108,.8);
    color: #ffffff;
    font-weight: 400;
    margin-left: 0;
    padding: 10px 20px;
    border: 1px solid #172e6c;
    border-radius: 3px;
    box-shadow: 0 0;
    text-shadow: 0 0 0;
    text-align: center;
    text-decoration: none;
}

.modal-submit-btn:hover {
    color: rgba(23,46,108,.8);
    background: #ffffff;
}

.modal-close-btn:hover {
    color: #ffffff;
    background: rgba(23,46,108,.8);
}

.info-marquee__container {
    background-color: #264CB3;
    color: #FFFFFF;
    overflow: hidden;
}

.info-marquee__text {
    position: relative;
    transform: translateX(100%);
    animation: marquee 15s linear infinite;
    z-index: 1;
}
.info-marquee__text .marquee-inner {
    display: inline-block;
    margin-right: 60px;
}
@keyframes marquee {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.global-live-board-wrapper {
    height: 1.2em;
    position: relative;
}
.global-live-board-wrapper > *{
    float: left;
}

.global-live-board{
    position: relative;
    overflow: hidden;
}

.global-live-board-wrapper::after {
    clear: both;
}
.board_toggle_btn {
    background-color: #ffffff;
    border: #ff0000 2px solid;
    border-radius: 100vh;
    color: #ff0000;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    padding: 1px 8px;
    position: absolute;
    right: 3px;
    z-index: 10;
}

.board_toggle_btn:hover {
    color: #ff0000;
}

@media screen and (max-width: 760px){
    .global-live-board-wrapper{
        width: 98%;
    }
    .board_toggle_btn{
        margin-top: -1px;
    }
    .lotto-choices{
        width: 98%;
    }
    .choices-sort-area {
        padding: 0 20px;
    }
    .lotto-msg-box {
        padding: 8px;
    }
}

@media screen and (min-width: 761px){
    .global-live-board-wrapper{
        width: 35%;
    }
    .board_toggle_btn{
        margin-top: -3px;
    }
    .lotto-choices{
        margin: 0 auto;
        width: 70%;
    }
    .choices-sort-area {
        padding: 0;
    }
    .lotto-msg-box {
        padding: 2px;
    }
}

#slide-board-area {
    position: absolute;
    top: 0;
    left: 15%;
    background: #FFFFFF;
    z-index: 999;
}

#slide-board-area article{
    overflow-y: scroll;
}

#slide-board-area.off{
    display: none;
}


.slide-board-area-overlay {
    position: fixed;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 100, 100, .8);
    z-index: 998;
}
.board-category-tabs{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#board-category-tab {
    width: 100%;
    margin: 0;
    background: #ddd;
}

.board-category-tab_li {
    display:table-cell;
    list-style-type:none;
    margin:0 0 -3px;
    padding:0;
    font-size:1.2rem
}

.board-category-tab_li.selected .board-tab_button, .board-tab_button:hover {
    color: #fff;
    background: #3a6293;
}

.board-tab_button {
    display: block;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

.admin-area {
    text-align: right;
}

.admin-area .comment-delete-btn {
    margin-right: 2em;
}

.marquee-inner {
    white-space: nowrap;
}

.marquee-spacer {
    margin-right: 5em;
}

.chat-submit-btn.p-event-none{
    pointer-events: none;
}

.articles.own {
    color: #3366ff;
}

.lotto-choices{
    padding: 1em;
}

.lotto-choices ul > li.lotto-choices-list{
    background-color: #2850BD;
    border: 1px solid #3366ff;
    border-radius: 8px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 3px;
    padding: 2px 5px;
}

.lotto-choices ul.vote-confirm > li{
    background-color: #426579;
    border: 1px solid #426579;
}
.lotto-choices-points{
    float: left;
    width: 12%;
}

.lotto-choices-name{
    text-align: center;
    width: 100%;
}

.lotto-choices ul::after {
    clear: both;
}

.lotto-hidden {
    display: none;
}
.lotto-choices li{
    list-style: none;
}
#sortable li{
    cursor: ns-resize;
}
#sortable.vote-confirm li{
    cursor: default;
}

.lotto-category-tabs{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#lotto-category-tab {
    width: 100%;
    margin: 0;
    background: #ddd;
}

.lotto-category-tab_li {
    display:table-cell;
    list-style-type:none;
    margin:0 0 -3px;
    padding:0;
    font-size:1.2rem
}

.lotto-category-tab_li.selected .lotto-tab_button, .lotto-tab_button:hover {
    color: #fff;
    background: #3a6293;
}

.lotto-tab_button {
    display: block;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

.vote-list {
    margin: 0 0 10px 0;
    padding: 15px 15px 5px;
    background: #e1e1e1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 13px;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}

.vote-list span {
    margin: 0 10px 0 0;
    padding: 0;
    text-align: right;
    float: right;
    font-size: 15px;
    font-weight: 700;
}

.vote-history {
    border-collapse:collapse;
    padding: 6px 5px;
    font-size: 16px;
    margin-bottom: 16px;
    width: 100%;
    white-space: nowrap;
}

.vote-history thead th{
    border: 1px solid rgba(0,0,0,.4);
    font-weight: 700;
    background: rgba(0,0,0,.4);
    color: #fff;
}
.vote-history tbody td{
    border: 1px solid rgba(0,0,0,.4);
    text-align: center;
}

.vote-history span.rank-num {
    font-size: 22px;
    font-weight: 700;
}

.error-message {
    border: 1px solid #fff;
    border-radius: 8px;
    width: 80%;
    margin: 14px auto 15px;
    text-align: center;
    background: #f00;
    color: #fff;
}

.lotto-msg-box {
    font-size: 12px;
}

.lotto-msg-box > .mark-up {
    font-weight: 600;
    color: #3C89E1;
}

.mgt-2em {
    margin-top: 2em;
}

.timeLeft {
    font-size: 15px;
    color: #0F1E49;
    text-align: center;
    padding: 5px 0;
}

.top_banner_image{
    max-width: 100%;
}

.top_banner{
    display: none;
}

.top_banner.active{
    display: block;
}

.between_banner{
    max-width: 100%
}

.slick_link_button_2 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 2;
    max-height: 100px;
    width: calc((100% / 3) - 6px);
    margin: 0 3px;
    padding: 10px;
    overflow-y: hidden;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    color: rgba(255,255,255,.7);
    transition: all .2s;
    flex-direction: column;
    word-break: break-all;
}

@media screen and (max-width: 759px){
    .slick_link_button_2{
        /* 文字が隠れるのを防ぐ */
        padding: 1px;
    }
}

.slick_link_button_category_2 {
    display: inline-block;
    max-height: 50px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    color: white;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    word-break: break-all;
}

@media screen and (max-width: 759px){
    .slick_link_button_category_2{
        font-size: 2.5vw;
        -webkit-text-stroke: 0.15vw black;
        text-stroke: 0.15vw black;
    }
}

.slick_link_rate_2 {
    display: inline-block;
    font-size: 47px;
    line-height: 1em;
    font-weight: 600;
    color: blue;
    -webkit-text-stroke: 2px white;
    text-stroke: 2px white;
    word-break: break-all;
}

@media screen and (max-width: 759px){
    .slick_link_rate_2{
        font-size: 4.75vw;
        -webkit-text-stroke: 0.25vw white;
        text-stroke: 0.25vw white;
    }
}

.slick_link_rate_bai_2 {
    font-size: 30px;
    line-height: 1em;
    font-weight: 600;
    color: blue;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    word-break: break-all;
}

@media screen and (max-width: 759px){
    .slick_link_rate_bai_2{
        font-size: 3.5vw;
        -webkit-text-stroke: 0.15vw white;
        text-stroke: 0.15vw white;
    }
}

.slick_link_button_times_2 {
    flex-direction: none;
}

.lotto-list-wrap {
    font-size: 13px;
}

.lotto-list-wrap .lotto-list-head{
    background-color: #1B357D;
    color: #FFFFFF;
    font-weight: 600;
    padding: 7px 10px;
}
.lotto-list-wrap .lotto-list-body{
    border-bottom: 1px solid #CCC;
    display: flex;
    flex-wrap: wrap;
    padding: 7px 10px;
    margin-bottom: 5px;
}
.lotto-list-wrap .lotto-list-body .lotto-area{
    line-height: 2.5;
    width: 80%;
}
.lotto-list-wrap .lotto-list-body .lotto-list-button-area {
    float: right;
    text-align: right;
    line-height: 2.5;
    width: 18%;
}

.lotto-list-button-area .lotto-vote-button{
    text-decoration: none;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.5rem;
    background-color: #18D953;;
}

.replace_bonus {
    border: 3px solid #B83DBA;
    background: #F64397;
    height: 35px;
    max-width: 100%;
    font-size: 12px;
    margin-top: 7px;
}

.replace_bonus_button {
    color: white;
    background: #F64397;
    height: 100%;
    width: 68%;
    text-align: center;
    border-radius: 0;
    font-size: 13px;
}

.replace_bonus_select {
    color: #FEE709;
    background: #F64397;
    border: none;
    width: 30%;
    text-align: center;
    font-size: 13px;
}


@media screen and (max-width: 759px) {
    .replace_bonus {
        max-width: calc(100% - 104px);
        margin-left: 52px;
        margin-right: 52px;
        font-size: 12px;
        margin-top: 7px;
        display: flex;
    }

    .replace_bonus_button {
        width: 74%;
        text-align: center;
        border-radius: 0;
    }

    .replace_bonus_select {
        width: 26%;
        text-align: center;
        font-size: 14px;
    }
}

.replace_bonus_full_bet {
    border: 3px solid #FF9900;
    background: #FF6D01;
}

.replace_bonus_button_full_bet {
    background: #FF6D01;
}

.replace_bonus_select_full_bet {
    background: #FF6D01;
}

.bet_history_bonus{
    font-size: 13px;
}

.echelon_product_image {
    padding: 10px 20px;
    margin: 20px 0 0;
    text-align: center;
}
.echelon_product_image label {
    width: 300px;
}
.echelon_product_image label > img {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: #ffffff 5px solid;
    width: 100%;
    height: auto;
}
.echelon_product_image label > img.selected {
    border: #00b900 5px solid;
}

.deposit_out_table_td.cell_right.text_right.max_out_amount{
    font-size: 15px;
}

#aml {
    width: 90%;
    margin: 30px 0 0 6%;
    padding: 0;
    font-size: 15px;
    line-height: 1.65em
}

#aml ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#aml ul li {
    margin: 15px 0;
    padding: 5px
}

#aml ul li ul {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 14px
}

#aml ul li ul li ul {
    margin: 0 0 0 35px;
    padding: 0
}

.deposit_detail {
    font-size: 12px;
    color: #6d6d6d;
}

.deposit_detail table {
    border: 1px #66666654 solid;
    max-width: 240px;
    width: 100%;
    padding-left: 8px;
    margin-left: -10px
}

.deposit_detail td {
    padding: 3px 0;
}

.deposit_detail_chips {
    vertical-align: top
}

.bonus_link {
    margin: 3px 0;
}

.deposit_detail_left {
    width: 55%;
}

.deposit_detail_right {
    width: 45%;
}

.deposit_detail_alertify table {
    border: 1px #66666654 solid;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    Background: rgba(23,46,108,.075);
    border-collapse: separate;
    border-spacing: 0;
}

.deposit_detail_alertify td {
    padding: 3px 0;
}

.deposit_detail_alertify_left {
    width: 55%;
}

.deposit_detail_alertify_right {
    width: 45%;
}

.left_font{
    font-size: 13px;
    Font-weight: 700;
}

.right_font{
    font-size: 18px;
    Font-weight: 700;
}

.alertify_bonus_detail{
    List-style: none;
    Display: flex;
    justify-content: space-between;
    align-items: center;
}

.alertify_bonus_detail_border{
    Border-top: 1px solid rgba(24,46,108,.1);
}

.all_left_font{
    font-size: 16px;
    Font-weight: 700;
}

.all_right_font1{
    font-size: 18px;
    Font-weight: 700;
    margin-left: 10px
}

.all_right_font2{
    font-size: 18px;
    Font-weight: 700;
    margin-left: 12px
}

.alertify_all_p{
    padding-left: 15px;
}

.out_reports_annotation{
    font-size: 10px;
}

.out_reports_success{
    background: #77FA7BFF;
    padding: 10px 20px 10px 25px;
    color: #fff;
    font-size: 16px;
}
.alert_info {
    color: #ff0000;
    font-size: 13px;
    padding: 20px 10px 0;
}

.echelon_product_image {
    padding: 10px 20px;
    margin: 20px 0 0;
    text-align: center;
}
.echelon_product_image label {
    width: 300px;
}
.echelon_product_image label > img {
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: #ffffff 5px solid;
    width: 100%;
    height: auto;
}
.echelon_product_image label > img.selected {
    border: #00b900 5px solid;
}

/*sliderのドットカラー*/
.slick-dots li button::before {
    color: #000!important;
    font-size: 24px!important;
}

/*sliderの矢印*/
.slick_prev, .slick_next {
    background: rgba(255,255,255,.8);
    border-radius: 50%;
}
@media screen and (max-width: 760px) {
    /*
    .slick_next, .slick_prev {
        width: 8vw!important;
        min-width: 8vw!important;
    }
    .slick_prev::before {
        top: 7px!important;
        left: 11px!important;
        border-bottom: 5px solid #fff!important;
        border-left: 5px solid #fff!important;
    }
    .slick_next::before {
        top: 7px!important;
        left: -10px!important;
        border-top: 5px solid #fff!important;
        border-right: 5px solid #fff!important;
    }
    .main_content_box {
        margin-top: 18px!important;
    }
    */
}


.slick_prev::before {
    border-bottom: 2px solid #555!important;
    border-left: 2px solid #555!important;
}

.slick_next::before {
    border-top: 2px solid #555!important;
    border-right: 2px solid #555!important;
}

.mt-1em{
    margin-top: 1em;
}

.mt-2em{
    margin-top: 2em;
}

.mt-3em{
    margin-top: 3em;
}

.mr-1em{
    margin-right: 1em;
}

.mr-2em{
    margin-right: 2em;
}

.mr-3em{
    margin-right: 3em;
}

.mb-1em{
    margin-bottom: 1em;
}

.mb-2em{
    margin-bottom: 2em;
}

.mb-3em{
    margin-right: 3em;
}

.ml-1em{
    margin-left: 1em;
}

.ml-2em{
    margin-left: 2em;
}

.ml-3em{
    margin-left: 3em;
}

.icon_file_manage {
    color: #1B357D;
    height: 16px;
}

/*カスタマーレビュー*/
.review_post_section {
    margin: 0 0 10px;
    padding: 0;
}

.review_post_form {
    color: #444;
    margin: 0 10px 20px;
    padding: 20px 10px;
}

.review_post_form dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.review_post_form dt {
    width: calc(25% - 2px);
    font-size: 15px;
    font-weight: bold;
    margin: 0 2px 0 0;
    padding: 28px 10px;
    border-bottom: 2px dotted #b6b8bb;
}

.review_post_form dd {
    width: 75%;
    margin: 0;
    padding: 25px 10px;
    border-bottom: 2px dotted #b6b8bb;
}

.review_post_form dt:nth-last-of-type(1), .review_post_form dd:nth-last-of-type(1) {
    border-bottom: none;
}

.review_post_form dd dt {
    width: 25%;
    margin: 0;
    padding: 10px;
    border-bottom: none;
}

.review_post_form dd dd {
    width: 75%;
    margin: 0;
    padding: 10px;
    border-bottom: none;
}

.review_post_form input[type="text"], .review_post_form textarea {
    width: 100%;
    font-size: 16px;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid #888;
}

.review_post_form select {
    color: #2C3D6C;
    font-size: 16px;
    padding: 5px 35px 5px 10px;
    border-radius: 4px;
    border: 2px solid #888;
}

.review_post_form .star {
    position: relative;
    display: inline-block;
}

.review_post_form .star::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    pointer-events: none;
}

.review_post_form dd small {
    display: inline-block;
    font-size: 12px;
    line-height: 1.7em;
    margin-top: 10px;
}

.review_post_notes {
    font-size: 14px;
    margin: 0 15px 50px;
    padding: 20px 25px;
    background: #e3e3ee;
}

.review_post_notes dl {
    margin: 0;
    padding: 10px;
}

.review_post_notes dt {
    position: relative;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 2px 2px 2px 23px;
}

.review_post_notes dt::before {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    left: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #666;
}

.review_post_notes dd {
    margin: 0 0 20px;
    padding: 2px;
}

.review_post_notes dd:nth-last-of-type(1) {
    margin-bottom: 5px;
}

.review_post_notes dd p {
    margin-bottom: 7px;
}

.review_post_button {
    text-align: center;
    margin: 0 10px 80px;
    padding: 10px;
}

.review_post_button .submit {
    display: block;
    width: 96%;
    max-width: 550px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 40px;
    padding: 15px 30px;
    background: #2e538c;
}

.review_post_button .back {
    display: inline-block;
    width: 60%;
    max-width: 300px;
    color: #333;
    font-size: 16px;
    margin: 0 auto;
    padding: 10px 30px;
    border: 2px solid #888;
    background: #fff;
}

@media screen and (max-width: 760px) {
    .review_post_form {
        margin: 0 10px 20px;
        padding: 10px 15px;
    }

    .review_post_form dt {
        width: 100%;
        font-size: 14px;
        margin: 0 0 0 0;
        padding: 20px 5px 10px;
        border-bottom: none;
    }

    .review_post_form dd {
        width: 100%;
        margin: 0;
        padding: 5px 5px 30px;
    }

    .review_post_form dd dl {
        align-items: center;
    }

    .review_post_form dd dt {
        width: 35%;
        margin: 0 0 0 5%;
        padding: 10px;
        border-bottom: none;
    }

    .review_post_form dd dd {
        width: 60%;
        margin: 0;
        padding: 10px;
        border-bottom: none;
    }

    .review_post_form dd small {
        font-size: 12px;
        line-height: 1.6em;
    }

    .review_post_form dd small br {
        display: none;
    }

    .review_post_notes {
        font-size: 13px;
        margin: 0 15px 35px;
        padding: 20px 15px;
    }

    .review_post_notes dd {
        margin: 0 0 15px;
        padding: 2px;
    }

    .review_post_button {
        margin: 0 15px 50px;
        padding: 15px 5px;
    }

    .review_post_button .submit {
        width: 100%;
        max-width: none;
        font-size: 22px;
    }

    .review_post_button .back {
        width: 50%;
        max-width: 300px;
        font-size: 15px;
    }

    .photo-view {
        width: 100%;
    }
}

.photo-view {
    background-size: contain;
    border: solid 3px #6cb3e0;
    width: 80%;
    display: none;
}

.photo-alert {
    font-weight: bold;
    color: #ff6666;
    display: none;
}
.first-visit-announcement {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.show-announcement {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    padding: 2rem;
    width: 400px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    border: 3px #aaaaaa solid;
}
.modal-add-check {font-size: 14px;}
.modal-add-check label {display: block; margin-top: 1rem;}
.modal-add-check input[type=checkbox] {display: inline-block;}

.show-announcement img {width: 100%;height: auto;vertical-align: bottom;}

.popup-btn-2colmun {display: flex;}
.popup-btn-2colmun a {display: block;width: 50%;}

.announcement-close-button-line::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.announcement-close-button-line::before, .announcement-close-button-line::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #333;
    transform-origin: center;
}
.announcement-close-button-line::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.announcement-close-button-line {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #333;
    background: #ffffff;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: background 0.2s;
}

.fade-out {
    animation: fadeOut 0.5s forwards;
}
.padd2rem {
    padding: 0 2rem;
}
.show-announcement.nowidepadding {
    padding: 2rem 0;
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}