@charset "utf-8";
/*============================

grandindex用css
仮面ライダーリバイス_PC用

============================*/
/*背景
==============================*/
#main, #tw2022_slider{
    background: url(/img/grand_index/krider_revice/bg_BjcGFeiL.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
#krider_revice.gi_contentsarea{
    background: url(/img/grand_index/krider_revice/bg_BjcGFeiL.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 1px;
    overflow-x: hidden;
}
#krider_revice .gi_contents_bgarea {
    background: none;
}
#krider_revice a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*見出し
==============================*/
#krider_revice .gi_contents_bgarea h1.gi_title {
    background: url(/img/grand_index/krider_revice/ttl_bg_WZaZEuKg.jpg) no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
    height: 120px;
    margin: 0 calc(-50vw + 50%) 50px;
}
#krider_revice .gi_contents_bgarea h1.gi_title span {
    font-size: 1em;
}
#krider_revice.gi_contentsarea #gi_productlist h2,
#krider_revice.gi_contentsarea #gi_subcatearea h2,
#krider_revice.gi_contentsarea #gi_relationarea h2,
#krider_revice.gi_contentsarea #gi_explanation h2,
#krider_revice.gi_contentsarea #gi_specialarea h2,
#krider_revice.gi_contentsarea #gi_salessite h2,
#krider_revice.gi_contentsarea #pickup_area h2,
#krider_revice.gi_contentsarea #gi_explanation_ap h2 {
    background: url(/img/grand_index/krider_revice/contents_ttl_bg_NsULuQmk.png) no-repeat center center;
    /* background-size: cover; */
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    /* font-size: 28px; */
    font-weight: bold;
    margin-bottom: 40px;
    /* padding: 20px 0 30px; */
    padding: 20px 0 40px;
}
#krider_revice.gi_contentsarea #pickup_area h2 {
    font-size: 37px;
}

#krider_revice.gi_contentsarea .gi_subtitle._underline::before {
    display: none;
}
#krider_revice #gi_salessite .gi_contents_inner {
    padding: 0 0 40px;
}
#krider_revice #gi_specialarea .gi_contents_inner {
    padding: 0;
}
#krider_revice #gi_salessite .howtobuy {
    width: calc(90% - 90px);
}
#krider_revice #gi_salessite .map_tab {
    margin: 0 45px;
}
#krider_revice #gi_specialarea #gi_relatedarea {
    margin: 0 auto;
    padding: 40px 0 70px;
}

/*スライド
==============================*/
#krider_revice .slick-dots li button:before {
    color: #fff;
}
/*スライド下フリーエリア
==============================*/
#krider_revice .rider50bnr {
    text-align: center;
    margin-bottom: 70px;
} 
/*ブランド背景
==============================*/
/*ブランド説明
==============================*/
/* #krider_revice #gi_explanation dt {
    display: none;
} */
#krider_revice #gi_explanation dd,
#krider_revice #gi_explanation_ap dd {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    width: 100%;
    padding-left: 0;
}

#krider_revice #gi_explanation dl dd{
    color: #fff;
}
#krider_revice #gi_explanation .btn_link a{
    border-color: #fff;
    color: #fff;
}
#krider_revice #gi_explanation .btn_link a:after{
    background: #fff;
}
#krider_revice #gi_explanation .btn_link a:hover{
    background: #fff;
    color: #000;
}
#krider_revice #gi_explanation .btn_link a:hover:after{
    background: #000;
}

/*更新履歴
==============================*/
/*ページ内リンク
==============================*/
#krider_revice #gi_plbtn li.btn_link a {
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#krider_revice #gi_plbtn .btn_link a:after {
    background: #fff;
}
#krider_revice #gi_plbtn .btn_link a:hover {
    opacity: .8;
    background: #f102f1;
}

/*訴求エリア
==============================*/
#krider_revice .bnr_area01{
    margin-bottom: 100px;
}
#krider_revice .intro_area {
    margin-bottom: 120px;
}
#krider_revice .intro_area .catch {
    width: 90%;
    margin: 40px auto;
}

#krider_revice .intro_area .yt_link ul {
    display: flex;
    justify-content: center;
}
#krider_revice .intro_area .yt_link ul li {
    width: 30%;
    margin: 2%;
}
#krider_revice .intro_area .yt_link ul li a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #fff;
    padding: 20px;
}
#krider_revice .intro_area .yt_link ul li a:hover,
#krider_revice .intro_area .yt_link ul li a:visited {
    background: #b700b5;
}

#krider_revice #pickup_area .contents {
    height: 896px;
}
#krider_revice #pickup_area .contents.revi {
    background: url(/img/grand_index/krider_revice/contents_revi_main_9gssa3iL.png) no-repeat right center;
}
#krider_revice #pickup_area .contents.vice {
    background: url(/img/grand_index/krider_revice/contents_vice_main_gB5YxtTg.png) no-repeat right center;
}
#krider_revice #pickup_area .contents.evil {
    background: url(/img/grand_index/krider_revice/contents_evil02_main_kizLms3r.png) no-repeat right -2% center;
}
#krider_revice #pickup_area .contents.demons {
    background: url(/img/grand_index/krider_revice/contents_demons_main_9ph8iC9z.png) no-repeat right center;
    margin-bottom: -40px;
}
#krider_revice #pickup_area .contents.jeanne {
    background: url(/img/grand_index/krider_revice/20220317/contents_jeanne_main_n3piubx9.png) no-repeat right center;
}
#krider_revice #pickup_area .contents.revice {
    background: url(/img/grand_index/krider_revice/20220519/contents_revice_main_d24hbu6q.png) no-repeat right center;
    padding-top: 60px;
}
#krider_revice #pickup_area .contents.shf_20220721 {
    background: url(/img/grand_index/krider_revice/20220721/contents_revice_main_i7uhyng3.png) no-repeat right center;
    padding-top: 60px;
}
#krider_revice #pickup_area .contents.shf_20220818 {
    background: url(/img/grand_index/krider_revice/20221117/contents_revice_main_F8lkdT.png) no-repeat right center;
    padding-top: 60px;
}


#krider_revice #pickup_area .item_area {
    color: #fff;
    font-weight: bold;
}
#krider_revice #pickup_area .info {
    padding: 20px;
}
#krider_revice #pickup_area .info .name_wrap{
    position: relative;
    width: 39%;
    padding: 10px 0 5px 35px;
}
#krider_revice #pickup_area .info .name_wrap:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 8px;
}
#krider_revice #pickup_area .info .name_wrap .logo{
    margin-bottom: 5px;
}
#krider_revice #pickup_area .info .name_wrap .logo img{
    max-width: 100%;
    width: auto;
}
#krider_revice #pickup_area .info .name {
    font-size: 2em;
}
#krider_revice #pickup_area .info .name span{
    font-size: 0.7em;
    display: block;
}
#krider_revice #pickup_area .info .txt {
    font-size: 1em;
    line-height: 1.8em;
    margin: 20px 0 50px;
}
#krider_revice #pickup_area .info .point_ttl{
    width: 40%;
    margin-bottom: 20px;
}
#krider_revice #pickup_area .info .point_txt {
    width: 40%;
    margin-bottom: 50px;
}
#krider_revice #pickup_area .info .point_txt img {
    width: auto;
}
#krider_revice #pickup_area .info .btn_detail a {
    display: inline-block;
    position: relative;
    background: url(/img/grand_index/krider_revice/contents_btn_itemdetail_YiN49bRg.png) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    width: 32%;
    margin: 20px 40px;
    padding: 15px 3% 15px 1%;
}
#krider_revice #pickup_area .info .btn_detail a::after {
    content: "▲";
    position: absolute;
    transform: rotate(90deg);
    margin-left: 0.4em;
}
#krider_revice #pickup_area .notice_wrap {
    position: relative;
    background: #0d0d0d;
    width: 88%;
    margin: auto;
    padding: 15px 25px;
    transition: all .3s;
}
#krider_revice #pickup_area .notice_wrap:hover{
    box-shadow: 0 0 2px #4a0094, 0 0 5px #4a0094, 0 0 15px #4a0094;
    text-shadow: 0 0 5px #4a0094, 0 0 10px #4a0094;
}
#krider_revice #pickup_area .notice{
    position: relative;
    padding: 0 30px 20px;
}
#krider_revice #pickup_area .notice .data01 {
    line-height: 1.5;
}
#krider_revice #pickup_area .notice::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 6px;
}
#krider_revice #pickup_area .notice .item_name {
    font-size: 1.6em;
    margin-bottom: 10px;
}
#krider_revice #pickup_area .notice .item_name span {
    font-size: 0.7em;
}
#krider_revice #pickup_area .notice .item_name span.m {
    font-size: 0.8em;
}
#krider_revice #pickup_area .notice .data02 {
    font-size: 0.9em;
    margin-top: 5px;
}
#krider_revice #pickup_area .item_btn{
    border-top: 2px solid #4c4c4c;
    padding-top: 15px;
    margin-top: 15px;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    position: relative;
    display: block;
}
#krider_revice #pickup_area .item_btn:after{
    content: "▲";
    position: absolute;
    transform: rotate(90deg);
    margin-left: 0.4em;
}

#krider_revice #pickup_area .item_link{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#krider_revice #pickup_area .line {
    text-align: center;
    margin: 50px auto;
}
#krider_revice #pickup_area .line img {
    width: auto;
}
#krider_revice #pickup_area .visual {
    margin: -130px 0 30px;
}
#krider_revice #pickup_area .visual div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
#krider_revice #pickup_area .visual div p {
    margin: 0 -3%;
}
#krider_revice #pickup_area .visual span {
    display: block;
    text-align: right;
    font-size: 0.8em;
    margin: 10px 2%;
}
#krider_revice #pickup_area .info .announce {
    background: url(/img/grand_index/krider_revice/contents_evil_txt_bg_HKGkW425.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.7em;
    width: 44%;
    margin: 90px 0;
    padding: 20px 0 15px;
}
#krider_revice #pickup_area .info .info_visual {
    /*width: 44%;*/
    width: 46%;
}
#krider_revice #pickup_area .info .info_visual .info_v_txt {
    font-size: 1em;
    line-height: 1.8em;
    margin: 10px 0 50px;
}
#krider_revice #pickup_area .info .info_visual .info_v_txt span {
    display: block;
    font-size: 0.7em;
}
#krider_revice .bnr_catalog{
    margin-top: 100px;
}

/* ダイレクトカートイン */
#krider_revice #pickup_area .dc_in_item .dc_btn {
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    width: 32%;
    margin: 20px 40px;
}
#krider_revice #pickup_area .dc_in_item .dc_btn a {
    display: block;
    background: #dd048a;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-top: -1.46em;
    padding: 17px 1% 13px 1.2em;
}
#krider_revice #pickup_area .dc_in_item .dc_btn::before,
#krider_revice #pickup_area .dc_in_item .dc_btn a::before {
    top: 48%;
    transform: translateY(-50%);
    width: 1.2em;
    height: 1.2em;
}
#krider_revice #pickup_area .dc_in_item .dc_btn.close {
    background: #808080;
    padding: 17px 1% 13px 1.2em;
}


/* タブで表示するPVエリア 
=======================*/
/* タブスタイル */
.tab_wrap label {
    display: inline-block;
    width: 32%;
    margin-right: 15px;
    margin-bottom: -9px;
}
/* コンテンツスタイル */
.tab_wrap .panels {
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    border-left: 2px solid #d700ce;
    border-right: 2px solid #4100c9;
    padding: 50px 90px;
}
.tab_wrap .panels::before,
.tab_wrap .panels::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: linear-gradient(to right, #d700ce, #4100c9);
    background: -moz-linear-gradient(left, #d700ce, #4100c9);
    background: -webkit-linear-gradient(left, #d700ce, #4100c9);
    width: 100%;
    height: 2px;
}
.tab_wrap .panels::before {
    top: 0;
}
.tab_wrap .panels::after {
    bottom: 0;
}
.tab_wrap .panel {
    text-align: center;
}

/* ラジオボタン非表示 */
.tab_wrap input[name="check01"],
.tab_wrap input[name="check02"] {
        display: none;
}

/* タブ表示切り替え */
.tab_wrap .on {
    display: none;
}
.tab_wrap .off {
    display: block;
}
#tab01-01:checked~.tab_lab01-01 .on,
#tab01-02:checked~.tab_lab01-02 .on,
#tab02-01:checked~.tab_lab02-01 .on,
#tab02-02:checked~.tab_lab02-02 .on {
    display: block;
}
#tab01-01:checked~.tab_lab01-01 .off,
#tab01-02:checked~.tab_lab01-02 .off,
#tab02-01:checked~.tab_lab02-01 .off,
#tab02-02:checked~.tab_lab02-02 .off {
    display: none;
}
.tab_lab01-01:hover,
.tab_lab01-02:hover,
.tab_lab02-01:hover,
.tab_lab02-02:hover {
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}  

/* コンテンツ切り替え */
.tab_wrap .panel {
    display: none;
}
#tab01-01:checked~.panels #area01-01,
#tab01-02:checked~.panels #area01-02,
#tab02-01:checked~.panels #area02-01,
#tab02-02:checked~.panels #area02-02{
    display: block;
}
/*バックナンバー
==============================*/
/*商品など
==============================*/
#krider_revice #category_search .search_main_wrap .order_wrap label span,
#krider_revice #gi_productlist .search_result .txt {
    border-color: #fff;
    color: #fff;
}
#krider_revice #category_search .search_main_wrap .order_wrap label input:checked + span,
#krider_revice #category_search .search_main_wrap .order_wrap label span:hover {
    border-color: #fff;
}
#krider_revice.gi_contentsarea #gi_productlist .gi_subtitle,
#krider_revice #gi_productlist .search_result .result {
    color: #fff;
}

/*商品下フリーエリア
==============================*/
/*販売サイト下フリーエリア
==============================*/
#krider_revice .shoparea {
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    border-left: 2px solid #d700ce;
    border-right: 2px solid #4100c9;
    margin: 70px 0;
    padding: 50px 20px;
}
#krider_revice .shoparea::before,
#krider_revice .shoparea::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: linear-gradient(to right, #d700ce, #4100c9);
    background: -moz-linear-gradient(left, #d700ce, #4100c9);
    background: -webkit-linear-gradient(left, #d700ce, #4100c9);
    width: 100%;
    height: 2px;
}
#krider_revice .shoparea::before {
    top: 0;
}
#krider_revice .shoparea::after {
    bottom: 0;
}
#krider_revice .shoparea .shoplist_link a {
    display: block;
    position: relative;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    width: 75%;
    margin: auto;
    padding: 20px 1%;
}
#krider_revice .shoparea .shoplist_link a::after {
    content: "";
    background: url(/img/grand_index/krider_revice/shop_ic_other_83awUW42.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translateY(-50%);
    width: 1.4em;
    height: 1.4em;
}
#krider_revice .shoparea .shoplist_link a:hover,
#krider_revice .shoparea .shoplist_link a:visited {
    background: #b700b5;
}
#krider_revice .shoparea ul {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
#krider_revice .shoparea ul li {
    margin: 0 1.48373%;
}
/*サブカテゴリ
==============================*/
/*関連情報
==============================*/
#krider_revice #gi_relationarea .rela_bnr {
    text-align: center;
    margin-bottom: 60px;
}
#krider_revice #gi_relationarea .rela_bnr a img {
    width: 100%;
}
#krider_revice #gi_relationarea .rela_link p a {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 20px 1%;
}
#krider_revice #gi_relationarea .rela_link p a:hover {
    background: rgba(255, 255, 255, 0.4);
    color: #000;
}
/*関連情報下
==============================*/

/*PUSH通知サービス！
============================*/
#krider_revice #push_btn_area {
    width: 90%;
}

/*コピーライト
==============================*/
#krider_revice .gi_copyright {
    display: none;
}
#krider_revice .gi_free_copyright {
    color: #fff;
    font-size: 12px;
}

/*ポップアップ
==============================*/
#krider_revice .overlay.modal_push_area .btn_area {
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    border-left: 2px solid #d700ce;
    border-right: 2px solid #4100c9;
    width: 1100px;
    padding: 50px 3%;
}
#krider_revice .overlay.modal_push_area .btn_area::before,
#krider_revice .overlay.modal_push_area .btn_area::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: linear-gradient(to right, #d700ce, #4100c9);
    background: -moz-linear-gradient(left, #d700ce, #4100c9);
    background: -webkit-linear-gradient(left, #d700ce, #4100c9);
    width: 100%;
    height: 2px;
}
#krider_revice .overlay.modal_push_area .btn_area::before {
    top: 0;
}
#krider_revice .overlay.modal_push_area .btn_area::after {
    bottom: 0;
}
#krider_revice .overlay.modal_push_area .btn_area button {
    top: -50px;
    right: -10px;
    background: none;
    border: none;
}

.dc_btn a:before {
    mask: url(/img/grand_index/krider_revice/20221117/ic_cart01.png) no-repeat center center;
    -webkit-mask: url(/img/grand_index/krider_revice/20221117/ic_cart01.png) no-repeat center center;
    background: #fff;
    mask-size: cover;
    -webkit-mask-size: contain;
}