@charset "UTF-8";

.content .dpoint-bg {
    background: #EBE8D6;
}

.content .dpoint-frame {
    background-color: #FFF;
    border-radius: 24px;
}

.content .bnr.dpointLp-twin {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.content .bnr.dpointLp-twin img {
    width: 50%;
    margin: 0 8px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content .bnr.dpointLp-twin img:nth-child(1) {
    padding-bottom: 4px;
}

.content .bnr.dpointLp-twin img:nth-child(2) {
    /*margin: 0 0 0 8px;*/
    max-width: 50%;
}

.content .center {
    text-align: center;
}

.content .text-link {
    text-decoration: underline;
    font-size: 0.85rem;
    font-size: 14px;
    display: inline-block;
}

.content .dpoint-frame ul {
    font-size: 0.85rem;
    font-size: 14px;
    line-height: 1.275;
    list-style: disc outside;
    padding-left: 1.25em;
}

.content .dpoint-frame li {
    padding-bottom: 4px;
}

.content .dpoint-bg .slim-btns {
    background: #5DA1A4;
    /*border: 3px solid #D8B22C;*/
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    margin: 8px 16px 16px;
    /* width: 90%; */
    text-align: center;
}

.content .dpoint-bg .slim-btns a {
    vertical-align: middle;
    color: #F9F8F3;
    /* font-weight: bold; */
    /* font-size: 20px; */
    font-size: 16px;
    font-size: 1rem;
    padding: 8px 0;
    position: relative;
}

.content .dpoint-bg .slim-btns a:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.content .bnr.stampclear-imgs {
    position: relative;
    width: 100%;
}

.content .bnr.stampclear-imgs img.stampclear-card {
    position: absolute;
    width: 90%;
    right: 5%;
    bottom: 26%;
}

.content .bnr.stampclear-imgs .stampclear-btn {
    position: absolute;
    display: initial;
    width: 86%;
    right: 6%;
    bottom: 14%;
}

.content .dpoint-frame p.bnr-text {
    text-align: center;
    font-size: 0.85rem;
    font-size: 14px;
    line-height: 1.275;
}

.content .bold {
    font-weight: bold;
}

.content .red {
    color: #ff010b;
}

.content .blue {
    color: #5DA1A4;
}

.content .center {
    text-align: center;
}

/*おみくじ*/
.content .bnr.fortunetext-imgs {
    position: relative;
    width: 100%;
    font-size: 0.85rem;
    font-size: 14px;
    line-height: 1.275;
}

.content .bnr.fortunetext-imgs img.start-img {
    position: absolute;
    top: 0;
}

.content .bnr.fortunetext-imgs img.end-img {
    position: absolute;
    bottom: 0;
}


.content .bnr.fortunetext-imgs .fortunetext {
    margin-left: 4px;
}

.content .bnr.fortunetext-imgs .fortunetext .sub-title {
    font-weight: bold;
    padding: 8px 0 4px;
}

/*スペシャル抽選*/
.content .bnr.specialchusen-imgs {
    position: relative;
    width: 100%;
    padding-top: 68px;
}

.content .bnr.specialchusen-imgs img.specialchusen-title {
    position: absolute;
    width: 96%;
    right: 2%;
    top: 1%;
}


.content .bnr.stampnew-imgs {
    position: relative;
    width: 100%;
}

.content .bnr.stampnew-imgs img.stampcard {
    position: absolute;
    width: 90%;
    right: 5%;
    bottom: 8%;
}


/*獲得履歴*/
.content .dpoint-bg .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2px;
    /*max-width: 500px;*/
}

.content .dpoint-bg .tabs .tab {
    flex: 1 1;
    order: -1;
    /*opacity: .5;*/
    min-width: 70px;
    padding: 16px 8px;
    border-radius: 12px 12px 0 0;
    background-color: #dbdbdb;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
}

.content .dpoint-bg .tabs .tab.checked {
    /*opacity: 1;*/
    background-color: #5da1a4;
}

.content .dpoint-bg table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

.content .dpoint-bg table th, table td {
    text-align: center;
    font-weight: bold;
    background-color: #ffff;
}

.content .dpoint-bg table tr {
    border-top: solid 8px #EBE8D6;
}

.content .dpoint-bg table th {
    padding: 6px 0;
}

.content .dpoint-bg table td {
    padding: 10px 0;
}


.pager .pagination {
    text-align: left;
    position: relative;
    height: 36px;
}

.pager .pagination li.pre {
    text-align: center;
}

.pager .pagination li.next {
    position: absolute;
    right: 0;
    text-align: center;
}

.pager .pagination li {
    display: inline-block;
    width: 40%;
    height: 36px;
    background: #fff;
    position: relative;
    border-radius: 16px;
}

.pager .pagination li a {
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
    text-decoration: none;
}

.pager .pagination li a span {
    display: table-cell;
    vertical-align: middle;
}

.pager .pagination li.pre a,
.pager .pagination li.next a {
    width: 100%;
}

.pager .pagination li.pre span::after {
    content: "　前月";
}

.pager .pagination li.next span::before {
    content: "翌月　";
}

/*限定占い*/
.content .fortune-title {
    position: relative;
}

.content .fortune-title img {
    position: absolute;
    top: -1%;
}

.content .dpoint-bg.fortune {
    font-size: 0.85rem;
    font-size: 14px;
}

.content .dpoint-bg .stamp_table li {
    list-style: none;
}

.content .dpoint-bg .stamp_table .stamp_result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin: 0 16px;*/
}

.content .dpoint-bg .stamp_result_text {
    /*width: 35%;*/
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
    color: #4d4a4a;
}

.content .dpoint-bg .stamp_table .fortune-btns {
    background: #ff010b;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    /*margin: 8px 16px 16px;*/
    width: 55%;
    text-align: center;
}

.content .dpoint-bg .stamp_table .fortune-btns a {
    vertical-align: middle;
    color: #F9F8F3;
    font-weight: bold;
    /* font-size: 20px; */
    font-size: 16px;
    font-size: 1rem;
    padding: 16px 0;
    position: relative;
}

.content .dpoint-bg .stamp_table .fortune-btns a:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}