@charset "Shift_JIS";

/*==============================================
共通 ここから
================================================*/

/* 変数指定 */
:root {
    --font-size-text: 2.1cqw;
    --margin-space-beside: 3.5em;
    --margin-space-vertical: 3em;
}

footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav {
    margin: 0;
    padding: 0;
    max-width: none;
}

article#contents {
    padding-bottom: 0;
}
footer {
    position: relative;
    z-index: 1000;
    /* border-top: 2px solid #222; */
}
footer .footer-inner {
    padding: 30px 0 !important;
}

.smp-none {
    display: block;
}
.pc-none {
    display: none;
}

/*==============================================
#v-point 共通 STR
================================================*/

#v-point * {
    box-sizing: border-box;
}
#v-point .v-point-section {
    padding: var(--margin-space-vertical) 0;
}

/*==============================================
#v-point 共通 END
================================================*/

#v-point .contents_inner {
    padding: 1.5em 2em;
}
#v-point{
    background-color:#739fdb;
}


/*=========== pcだけに適用 ===========*/

#v-point #anchor {
    box-sizing: border-box;
    padding-bottom: 2em;
    padding: 0em 3em 2em;
}
#v-point .btn {
    filter: drop-shadow(0 5px 0 #8c1e11);
}
#v-point #anchor .anchor-list a::after {
    inset: -8px;
}

#v-point #anchor .anchor-list li::after {
    content: '';
    position: absolute;
    top: 55%;
    bottom: 0px;
    right: 46%;
    width: 12px;
    height: 12px;
    margin: auto;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(135deg);
    box-sizing: border-box;
    transition: all 0.2s;
}
#v-point .top p{
    font-size: 1em;
}
/* =========== 連携方法 ステップ2 =========== */
#v-point .base {
    padding: 1em 2em;
}
#v-point #contents_method .rink a {
    font-size:1em;
}

/* =========== 使える・貯まる =========== */
#v-point #contents_usesave .flex {
    gap: 10px;
}
#v-point #contents_usesave .icon .icon {
    position: absolute;
    width: 22%;
    top: 11%;
    right: 3%;
}
#v-point #anchor .anchor-list li p{
    font-size: 1.5em;
}
/* =========== ホバー =========== */
#v-point a:hover{
    opacity: .8;
    color: #fff!important;
}
/* 「こちら」のリンク */
#v-point #contents_method a:hover{
    opacity: .8;
    color: #0090ff!important;
}

/* =========== Vポイントについてー =========== */
#v-point #contents_about p {
    font-size:1em;
}
#v-point #contents_about .small {
    font-size: .8em;
}