@charset "UTF-8";/* ← html側で、charset宣言している場合は不要 */

/* PCの基本フォントサイズを100pxにして、基本単位をremにする。SPの基本フォントサイズをvw指定するだけでレスポンシブに対応。 */
html {
    font-size: 625%; /* デフォルトを100pxに */
    margin: 0;
    padding: 0;
    border: 0;
}
@media screen and (max-width: 750px) {
    html { font-size: 13.33333vw; }  /* 100px ➗750px(PCコンテンツ幅) ✖100 */
}
/* 英数字用フォント ==================== */
@font-face {
    font-family: 'cinzel-bold';
    src: url('../font/cinzel/cinzel-bold.woff2') format('woff2'),
         url('../font/cinzel/cinzel-bold.woff') format('woff'),
         url('../font/cinzel/cinzel-bold.ttf') format('truetype'),
         url('../font/cinzel/cinzel-bold.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
}
.cinzel-font { font-family: 'cinzel-bold'; }
/* PS4フォント ==================== */
@font-face {
    font-family: ps4-font;
    src: url('../font/ps4/SIE-T10.otf') format('opentype'),
         url('../font/ps4/SIE-T10.ttf') format('truetype'),
         url('../font/ps4/SIE-T10.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}
.ps4-font {
    font-family: ps4-font;
    padding: 0 .05rem;
}
/* ============================== */
body {
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN",'ヒラギノ角ゴ ProN W3','Meiryo UI', Meiryo, sans-serif;
    font-size: 0.26rem; /* サイトデフォルト 26px */
    line-height: 1.8; /* サイトデフォルト */
    letter-spacing: 0.01rem;
    font-feature-settings : "palt";
    -webkit-font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
    color: #444;
}
/* base style */

/* 適宜 追記 TODO: q-resetとしてまとめる */
h1, h2, h3, h4, h5, h6,p,figure { margin: 0; }
img { max-width: 100%;height: auto; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 0.05rem !important; }
.mb10 { margin-bottom: .1rem !important; }
.mb15 { margin-bottom: .15rem !important; }
.mb20 { margin-bottom: .2rem !important; }
.mb25 { margin-bottom: .25rem !important; }
.mb30 { margin-bottom: .3rem !important; }
.mb35 { margin-bottom: .35rem !important; }
.mb40 { margin-bottom: .4rem !important; }
.mb45 { margin-bottom: .45rem !important; }
.mb50 { margin-bottom: .5rem !important; }
.taC {text-align: center;}
.taL {text-align: left;}
ul,ol,dl,dt,dd { list-style: none; margin:0; padding:0;}
a { text-decoration: none; color: #000}
button:focus,
a:focus {
    outline: none;
    outline: none -webkit-focus-ring-color;
}
a.link-area {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.sp-only { display: none !important; }
.ws-n{ white-space: nowrap; }
@media screen and (max-width: 750px) {
    .pc-only { display: none !important; }
    .sp-only { display: inline !important; }
}
*[class*="sr-"] {
    visibility: hidden;
}
/* ==================================================================
ドロワーメニューを使用する場合の基本スタイル
================================================================== */
/* サイドナビとコンテンツを横並び */
/*
.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}*/
/* ハンバーガーメニュー非表示 */
.drawer-hamburger { display: none; }
/* サイドナビサイズ */
.nav__left {
    width: 2.80rem;
    height: 100%;
    display: block;
}
/* メインコンテンツ */
/*
.conts {
    width: 100vw;
    position: relative;
    padding-left: 2.80rem;
}*/
/* SP時drawer.cssのハンバーガーメニューを適宜上書き */
@media screen and (max-width: 750px) {
    .drawer-hamburger {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: #fff;
        padding: .05rem .15rem;
        border: 1px solid #03ceb7;
        border-radius: .22rem;
        margin-right: .25rem;
        top: .20rem;
    }
    .drawer-hamburger:hover {
        background-color: #fff;
    }
    .drawer--right.drawer-open .drawer-hamburger {
        right: 0;
        z-index: 200;
    }
    .drawer-hamburger-ico {
        position: relative;
        display: block;
        background: url('../img/btn_nav_open.svg') no-repeat 0 0;
        width: .18rem;
        height: .18rem;
        margin-right: .10rem;
    }
    .drawer--right.drawer-open .drawer-hamburger-ico {
        background: url('../img/btn_nav_close.svg') no-repeat 0 0;
    }
    .drawer-hamburger .hamburger-txt {
        color: #009ea6;
        font-size: .20rem;
    }
    .drawer-nav {
        width: 100vw;
    }
}

/* ==================================================================
ナビゲーションエリア
================================================================== */
#inc-nav {
    width: 1.90rem;
    position: fixed;
    left: calc(50% - 640px);
    top: 0;
    z-index: 100;
}
@media screen and (max-width: 1280px) {
    #inc-nav {left: 0;}
}
.logo {
    width: 1.70rem;
    margin: .25rem auto .40rem;
}
.g-nav {
    padding-left: .40rem;
    margin-bottom: 2.00rem;
}
.g-nav__item {
    font-size: .15rem;
    line-height: 1;
    margin-bottom: .25rem;
}
.g-nav__item a {
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px; 
}
.g-nav__item a:hover,
.g-nav__item.crrt a {
    text-decoration: none;
    color: #03ccc4;
}
.g-nav__item.new,
.g-nav__product.new
{ position: relative; }
.g-nav__item.new::after{
    content: 'NEW';
    position: absolute;
    left: -.35rem;
    font-size: .12rem;
    font-weight: bold;
    top: 0;
    color: #ff60a5;
    letter-spacing: -1px;
}
.flat-btn--finger.new::before{
    content: 'NEW';
    position: absolute;
    left: 0.05rem;
    font-size: .12rem;
    font-weight: bold;
    color: #fffd4f;
    letter-spacing: -1px;
}
.nav-area .share-btn {
    padding-left: .40rem;
    margin-bottom: .15rem;
}
.nav-area .share-btn__ttl {
    font-size: .14rem;
    line-height: 1;
    text-shadow: 1px 1px 1px #fff;
}
.nav-area .share-btn__list {}
.nav-area .share-btn__item {
    display: inline-block;
    width: .25rem;
    height: .25rem;
}
.flat-btn--finger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1.70rem;
    height: .80rem;
    border-radius: 0 .40rem .40rem 0;
    font-size: .16rem;
    color: #fff;
    padding-left: .40rem;
}
.flat-btn--finger:hover {
    color: #fff;
    text-decoration: none;
}
[class^="flat-btn--"].grape,
[class*=" flat-btn--"].grape {
    background: rgb(255,111,164);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255,111,164,1)),to(rgba(177,86,246,1)));
    background: linear-gradient(to right, rgba(255,111,164,1) 70%,rgba(177,86,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6fa4', endColorstr='#b156f6',GradientType=1 );
    position: relative;
}
[class^="flat-btn--"].grape:hover,
[class*=" flat-btn--"].grape:hover {
    background: rgb(255,48,105);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255,48,105,1)),to(rgba(140,32,229,1)));
    background: linear-gradient(to right, rgba(255,48,105,1) 70%,rgba(140,32,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3069', endColorstr='#8c20e5',GradientType=1 );
}
.flat-btn--finger.orange {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, rgb(255,205,70)), color-stop(70%, rgb(255,183,75)), to(rgb(255,161,80)));
    background-image: linear-gradient(to right, rgb(255,205,70) 1%, rgb(255,183,75) 70%, rgb(255,161,80) 100%);
}
.flat-btn--finger.migrate {
    background-color: #23cbcf;
}
.flat-btn--finger.migrate:hover {
    background-color: #11e1e6;
}
/* ==================================================================
フッターエリア
================================================================== */
footer {
    min-width: 1280px;
    position: relative;
    z-index: 2;
    background-color: #f4f5ed;
    text-align: center;
}
.footer-sec {
    border-top: 1px solid #fff;
    padding: .40rem 0;
}
.footer-sec a {
    color: #3e3a39;
}
.footer__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 .20rem 0 2.10rem;
    text-align: left;
    color: #3e3a39;
    font-size: .14rem;
}
.footer-sec .share-btn {
    margin-bottom: .20rem;
}
.footer-sec .share-btn__ttl {
    font-size: .18rem;
    color: #02cbd3;
    line-height: 1;
    margin-bottom: .30rem;
}
.footer-sec .share-btn__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 3.50rem;
}
.footer-sec .share-btn__item {
    display: inline-block;
    width: .60rem;
    height: .60rem;
}
.footer-contextual-txtlinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .30rem;
}
.footer-contextual-txtlinks li {
    padding-right: 1em;
}
.footer-contextual-txtlinks li:not(:last-child)::after {
    content: '|';
    padding-left: 1em;
}
.footer-contextual-foruser li.none,
.footer-contextual-foruser dd.none{
    color:#aaa;
}
.footer-contextual-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .30rem;
}
.footer__inner .btn-link-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.footer-contextual-banner li {
    margin-right: .20rem;
}
.footer__inner .btn-link {
    margin: 0;
}
.footer__inner .btn-link {
    border: .02rem solid #ff6fa4;
    color: #ff6fa4;
    background-color: transparent;
}
.footer__inner .btn-link:hover {
    color: #fff;
    border: none;
    background: rgb(255,48,105);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255,48,105,1)),to(rgba(140,32,229,1)));
    background: linear-gradient(to right, rgba(255,48,105,1) 70%,rgba(140,32,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3069', endColorstr='#8c20e5',GradientType=1 );
}
.footer-contextual-notes {
    margin-bottom: .40rem;
}
.footer-contextual-foruser dt {
    font-size: .16rem;
    color: #02cbd3;
    margin-bottom: .25rem;
}
.footer-contextual-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 0;
    margin-bottom: .40rem;
}
.footer-contextual-logos li {
    margin-right: .40rem;
}
.footer-contextual-logos .vita {
    width: 1.70rem;
}
.footer-contextual-logos .steam {
    width: 1.50rem;
}
.footer-contextual-logos .switch {
    width: .55rem;
}
.footer-contextual-logos .cero {
    width: .45rem;
}
.footer-contextual-logos .koeitecmo {
    width: .80rem;
}
.footer-contextual-logos .rubyparty {
    width: 1.30rem;
}
.footer-contextual-tm {
    margin-bottom: .60rem;
}


/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/

/* ==================================================================
汎用パーツ
================================================================== */
/* ボタン
 ---------------------------- */
.btn-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
/* グラデ系ボタン
------------------------------*/
.btn-link {
    position: relative;
    border-radius: 1.00rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background-color: #000;
    color: #fff;
}
.btn-link:hover {
    text-decoration: none;
    color: #fff;
}
/* 斜め上向き矢印 */
.btn-link .arrw-r-up {
    position: relative;
}
.btn-link .arrw-r-up::after {
    content: '';
    background: url('../img/icon_arrw-r-up.svg');
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.5em;
    margin: auto;
    width: 1.0em;
    height: 1.0em;
}
/* 予約（赤系のグラデ） */
.btn-link.reserve {
    background: rgb(255,111,164);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255,111,164,1)),to(rgba(177,86,246,1)));
    background: linear-gradient(to right, rgba(255,111,164,1) 70%,rgba(177,86,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6fa4', endColorstr='#b156f6',GradientType=1 );
}
.btn-link.reserve:hover {
    background: rgb(255,48,105);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255,48,105,1)),to(rgba(140,32,229,1)));
    background: linear-gradient(to right, rgba(255,48,105,1) 70%,rgba(140,32,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3069', endColorstr='#8c20e5',GradientType=1 );
}
/* 購入、特典、店舗（青系のグラデ） */
.btn-link.benefits {
    background: rgb(3,206,183);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(3,206,183,1)),to(rgba(0,198,255,1)));
    background: linear-gradient(to right, rgba(3,206,183,1) 70%,rgba(0,198,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ceb7', endColorstr='#00c6ff',GradientType=1 );
}
.btn-link.benefits:hover {
    background: rgb(0,173,177);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(0,173,177,1)),to(rgba(0,147,253,1)));
    background: linear-gradient(to right, rgba(0,173,177,1) 70%,rgba(0,147,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adb1', endColorstr='#0093fd',GradientType=1 );
}
/* 小さいサイズ */
.btn-link.small {
    font-size: .18rem !important;
    width: 2.40rem !important;
    height: .50rem !important;
}
/* 大きいサイズ */
.btn-link.big {
    font-size: .22rem !important;
    width: 4.00rem !important;
    height: .64rem !important;
}

/* 下層ページナビ ボタンリンク
-----------------------------*/
.header__page-ttl + .btn-link-wrap {
    padding: 0 .25rem .35rem;
}
.btn_page-navi {
    position: relative;
    width: 2.80rem;
    border: 1px solid rgba(2, 204, 196, 1.0);
    color: #02ccc4;
    border-radius: 1.00rem;
    font-size: .22rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: .5em;
    -webkit-transition: .4s;
    transition: .4s;
    background: #fff;
    line-height: 1;
    margin: 0 .20rem;
    height: .54rem;
}
.btn_page-navi.crrt,
.btn_page-navi:hover {
    background: rgb(3,206,183);
    background: -webkit-gradient(linear, left top, right top, from(rgba(3,206,183,1)),to(rgba(0,198,254,1)));
    background: linear-gradient(to right, rgba(3,206,183,1) 0%,rgba(0,198,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ceb7', endColorstr='#00c6fe',GradientType=1 );
    border: 1px solid rgba(2, 204, 196, 0);
    color: #fff;
    text-decoration: none;
}
/* >矢印 */
.btn-link .arrw-r {
    position: relative;
}
.btn_page-navi.arrw-r::after {
    content: '';
    background: url('../img/icon_arrw-r_blue.svg') no-repeat 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .10rem;
    margin: auto;
    width: 1.0em;
    height: 1.0em;
}
.btn_page-navi.arrw-r:hover::after {
    background: url('../img/icon_arrw-r.svg') no-repeat 0 0;
}

/* 下層ページ共通
--------------------------*/
.wrapper {
    width: auto;
    background-image: url('../img/ptrn-stripe.gif');
    background-position: 0 0;
    background-repeat: repeat;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.wrapper::after {
    content: '';
    width: 300%;
    height: 100%;
    background-image: url('../img/ptrn-star.gif');
    background-position: center center;
    background-repeat: repeat;
    background-size: 10.00rem 10.00rem;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: -1;
    margin: 0 auto;
    -webkit-animation: slide 50s linear infinite;
            animation: slide 50s linear infinite;
}
@-webkit-keyframes slide{
  0%{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform: translate3d(-10.00rem,0, 0);
            transform: translate3d(-10.00rem,0, 0);
  }
}
@keyframes slide{
  0%{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform: translate3d(-10.00rem,0, 0);
            transform: translate3d(-10.00rem,0, 0);
  }
}
.header-wrap {
    min-width: 1280px;
    background-image: url('../img/ptrn-star-gray.gif'), url('../img/ptrn-5line-gray.gif');
    background-position: 0 0, center top;
    background-repeat: repeat, no-repeat;
    background-color: #fff;
    width: 100%;
    min-height: 2.37rem;
}
.header-wrap__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 .50rem 0 1.90rem;
    text-align: center;
}
.header__page-ttl {
    height: 2.37rem;
    margin: 0 auto;
    color: #00ced2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header__page-ttl img {
    height: 1.01rem;
    width: auto;
}
.content-wrap {
    min-width: 1280px;
}

.navitwoff{ width: 100%; max-width: 170px; font-size: 0.12rem; border: solid 1px #50abf1; border-left: none; text-align: center; margin-bottom: 0.2rem; background:#50abf1;
border-radius: 0 30px 30px 0;
-webkit-border-radius:0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;

}
.navitwoff a{ width:100%; display: block; background:#50abf1; color: #fff; border: solid 2px #fff; border-left: none;
border-radius: 0 30px 30px 0;
-webkit-border-radius:0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
text-decoration: none;
}
.navitwoff a:hover{
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity:0.65;
opacity:0.65;
text-decoration: none;
}

@media screen and (max-width: 750px) {

.navitwoff{ width: 70%; max-width: 640px; margin: 0 auto; font-size: 0.24rem; border: solid 3px #50abf1; text-align: center; margin-bottom: 0.4rem; background:#50abf1;
border-radius: 30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;

}

.navitwoff a{ width:100%; display: block; background:#50abf1; color: #fff; border: solid 2px #fff;
border-radius: 30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;
}


}



/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
@media screen and (min-width: 751px) {
    .g-nav__item.crrt::before {
        content: "";
        border-left:4px solid #5FC9C3;
        margin-right: 12px;
    }
    .g-nav__item.crrt {
        background-color: #fff;
    }
}
/* SP用スタイル */
@media screen and (max-width: 750px) {
    .g-nav__item.crrt {
        background-color: #5BC3F8;
    }
    .sp-only { display: ; }
    .wrapper {
        width: 100vw;
    }
    .header-wrap {
        background-size: cover;
        min-width: auto;
    }
    .header-wrap__inner {
        padding: 0;
    }
    .content-wrap {
        min-width: auto;
    }
/* ==================================================================
汎用パーツ
================================================================== */
/* ボタン
 ---------------------------- */
    /* 小さいサイズ */
    .btn-link.small {
        font-size: .26rem !important;
        width: 4.00rem !important;
        height: .70rem !important;
    }
    /* 大きいサイズ */
    .btn-link.big {
        font-size: .36rem !important;
        width: 6.26rem !important;
        height: 1.00rem !important;
    }
/* ==================================================================
SPナビゲーションエリア
================================================================== */
    #inc-nav {
        position: fixed;
        left: auto;
        width: 100%;
    }
    .nav-area {
        background: url('../img/nav_bg.png') repeat-y center top;
        background-size: cover;
        min-height: 100vh;
        text-align: center;
    }
    .logo {
        width: 100%;
        background-color: #fff;
        margin: 0 auto;
    }
    .logo > a {
        display: inline-block;
        width: 2.33rem;
        margin: 1vw auto;
    }
    .g-nav {
        padding-left: 0;
        margin-bottom: .70rem;
    }
    .g-nav__item {
        font-size: .36rem;
        border-bottom: 1px solid #e0e0e0;
        height: 1.10rem;
        line-height: 1.10rem;
        margin-bottom: 0;
    }
    .g-nav__item.new::after {
        left: 1.00rem;
        font-size: .28rem;
    }
    .g-nav__item > a {
        color: #fff;
        display: block;
        width: 100%;
        height: 100%;
        text-shadow: none;
    }
    .nav-area .btn-link-wrap.sp-only {
        display: block !important;
        width: 6.24rem;
        height: .80rem;
        line-height: .80rem;
        margin: 0 auto .40rem;
        border-radius: 5.3vw;
    }
    .nav-area .btn-link-wrap.sp-only .btn-link.reserve {
        width: 100%;
        height: 100%;
        font-size: .36rem;
        margin: 0;
        padding: 0;
    }
    .nav-area .share-btn {
        padding: 0 0 1.00rem 0;
    }
    .nav-area .share-btn__ttl {
        font-size: .24rem;
        color: #fff;
        text-shadow: none;
    }
    .nav-area .share-btn__item {
        width: .60rem;
        height: .60rem;
        margin: .20rem;
    }
    .g-nav__item a:hover, .g-nav__item.crrt a {
        color: #fff;
    }
    .nav-area .bnr-link {
        display: block !important;
        width: 4.92rem;
        margin: 0 auto .40rem;
    }
/* ==================================================================
SPフッターエリア
================================================================== */
    footer {
        min-width: auto;
    }
    .footer__inner {
        padding: 0 .20rem;
        text-align: center;
    }
    .footer-sec .share-btn {
        text-align: center;
    }
    .footer-sec .share-btn__list {
        margin: 0 auto;
    }
    .footer-contextual-txtlinks {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .footer-contextual-txtlinks li {
        width: 50%;
        padding: 0 0.3rem;
        margin: .1rem 0;
        white-space: nowrap;
    }
    .footer-contextual-txtlinks li:nth-child(odd) {
        text-align: right;
        border-right: 1px solid #000;
    }
    .footer-contextual-txtlinks li:nth-child(even) {
        text-align: left;
    }
    .footer-contextual-txtlinks li:not(:last-child)::after {
        content: none;
    }
    .footer-contextual-txtlinks li a {
        font-size: .20rem;
    }
    .footer-contextual-banner {
        margin: 0 auto .40rem;
    }
    .footer-contextual-btn-wrap {
        margin: 0 auto;
    }
    .footer__inner .btn-link-wrap {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer__inner .btn-link.pink-line {
        width: 6.40rem;
        height: .80rem;
        font-size: .36rem;
    }
    .footer-contextual-foruser dt {
        font-size: .24rem;
    }
    .footer-contextual-foruser dd {
        font-size: .20rem;
    }
    .footer-contextual-notes {
        font-size: .20rem;
    }
    .footer-contextual-logos {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer-contextual-logos li {
        margin: 0 .20rem;
    }
    .footer-contextual-tm {
        text-align: left;
        font-size: .20rem;
    }
    .footer-contextual-cr {
        font-size: .18rem;
    }

/* 下層ページ共通
--------------------------*/
    .header__page-ttl {
        height: 2.76rem;
        margin: 0 auto;
    }
    .header__page-ttl + .btn-link-wrap {
        padding: 0 .25rem;
    }
    .btn-link-wrap li {
        margin: 0 0 .35rem 0;
    }
}