@charset "utf-8";

/**************************** 共通 ****************************/
/* スムーズスクロール */
html{
    scroll-behavior:smooth;
    scroll-padding-top:80px;
}
img{
    height:auto;
}
/* テキストカラー */
.text-airregi{
    color:#20aee5;
}
.text-bic{
    color:#e50010;
}
/* 背景色 */
.bg-skyblue{
    background:#ecf9ff!important;
}
.bg-airregi{
    background:#20aee5!important;
}
.bg-bic{
    background:#e50010!important;
}
/* ボタン色 */
.btn-biz{
    --bs-btn-bg:#f0ad4e!important;
    --bs-btn-border-color:#eea236!important;
}
.btn-airregi{
    --bs-btn-bg:#20aee5!important;
    --bs-btn-border-color:#20aee5!important;
}
/* 境界線の色 */
.border-info{
    border-color:#20aee5!important;
}
/* Airレジロゴ */
.icon-airregi{
    content:url(https://www.biccamera.co.jp/airregi/img/ic-heading.svg?1);
    width:2.2rem!important;
    margin-right:0.2rem;
    vertical-align: -8px;
}
/* テキストサイズ・行高さ */
.fs-5{
    font-size:1.1rem!important;
}
.fs-6{
    font-size:1.0rem!important;
}
.text-small{
    font-size:.75em;
}
.lh-md{
    line-height:1.8;
}
/* 周辺機器の図形サイズ */
.rounded-circle{
    width:20rem;
    height:20rem;
}
/* フッターの影 */
.box-shadow{
    box-shadow: rgba(108, 117, 125, 0.51) 0px 0px 20px;
}
/* 共通マウスホバー */
.hover-box:hover{
    opacity:0.7;
    transition:0.4S;
    cursor:pointer;  
}
/* マウスホバーのアイコン余白 */
.icon-link {
    gap:.25rem!important;
}

/**************************** TOPページ ****************************/
/* --------------------------------------------------
hero変更とアイコンボタン追加 2025/07/30
-------------------------------------------------- */
#airregi .hero {
    display: block;
    position: relative;
    width: 100%;
    height: 450px;
    text-align: center;
    margin: 0 auto;
    background-image: url(https://www.biccamera.co.jp/airregi/img/img-hero.jpg);
    background-size: 1920px;
    background-position: center 70%;
    background-repeat: no-repeat;
}
#airregi .inner {margin: 10%;}
#airregi .inner a {width: 12rem;}
#airregi .inner a span {font-size: .7em!important;}
@media screen and (max-width:767px){
    #airregi .hero {
        height: 500px!important;
        background-size: 1300px!important;
        background-position: 68% 0!important;
    }
    #airregi .inner {margin:10% 0 0 0;}
    #airregi .inner p, .inner .wrap, .inner h1 {text-align: center;}
    #airregi .inner h1 img {width: 85%;}
    #airregi .inner a {width: 9rem;text-align:center; padding: 0;}
    #airregi .inner .alert {margin: 54% auto 0;}
}
/* zoomWrap */
#airregi .zoom-box {
    display: inline-block;
    overflow: hidden;
    padding-right: .3rem!important;
    padding-left: .3rem!important;
}
#airregi .zoom {
    display: block;
    transition-duration: .5s;
    line-height: 1.2;
}
#airregi .zoom:hover {transform: scale(.9);}
@media screen and (min-width:992px){
    #airregi a.zoom img {width: 70%!important;}
}
@media screen and (min-width:768px) and (max-width:991px){
    #airregi a.zoom {font-size: .8rem;}
    #airregi a.zoom img {width: 75%!important;}
}
@media screen and (max-width:767px){
    #airregi a.zoom {font-size: .6rem;}
}
/* toast */
#airregi .toast {width: 10rem;}
#airregi .toast, .toast-header, .toast-body .alert {background:#f0fff8;}
#airregi .toast.fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    bottom:auto!important;
    z-index: 1030;
}
@media screen and (min-width:992px){
    #airregi .toast.fixed-bottom {top: 7.5rem;}
}
@media screen and (max-width:991px) {
    #airregi .toast.fixed-bottom {bottom: 24rem!important;}
}
@media screen and (min-width:1440px) {
    #airregi .zoomWrap .row {margin: 0 3.5rem;}
} 

#airregi .toast-smp .fixed-bottom {right:2%;bottom:7rem;left:initial;}
#airregi .toast-smp .fixed-bottom a {width:6rem;height:6rem;}
/* Modal */
#airregi .w-65 {width:65%;}
#airregi .table th {vertical-align: middle;}
#airregi .table th:nth-child(1) {width: 12%!important;}
#airregi .table th:nth-child(4) {width: 25%!important;white-space: nowrap;}
#airregi .table th:nth-child(3) {width: 50px!important;}
#airregi .modal a img:hover {cursor: pointer;}
@media screen and (max-width:1024px){
    #airregi .zoomWrap p {font-size: .9rem!important;}
    #airregi .small small {font-size: 65%!important;}
}
/* hero変更とアイコンボタン追加 2025/07/30 --- ここまで --- */

/* 動画画像のホバーアクション */
#airregi .js-video-button:hover,
#airregi .alert:hover,
#airregi .btn:hover{
    opacity:0.7;
    transition:0.4S;
    cursor:pointer;
}

/* アイコンの位置・サイズ・非表示 */
@media screen and (min-width:426px) and (max-width:767px){
#airregi .icon-1, #airregi .icon-2{
    display:none;
    }
}
@media screen and (max-width:425px){
#airregi .icon-1,
#airregi .icon-2{
    font-size:2rem;
    }
#airregi .icon-1{
    left:50%!important;
    top:31%!important
    }
#airregi .icon-2{
    left:50%!important;
    top:63.5%!important
    }
}
/* headerの追従ナビのフォントサイズ */
@media screen and (max-width:425px){
#airregi #sticky-nav a{
    font-size:.95rem!important;
    }
#airregi .bi.bi-arrow-down{
    display:none;
    }
/* カルーセルのアイコン位置 */
#airregi .carousel-control-next,
#airregi .carousel-control-prev{
    top:-20px
    }
}
/* headerの追従ナビ位置 */
#airregi #sticky-nav.sticky-top{
    top:64px;
}
@media screen and (min-width:768px){
#airregi #sticky-nav.sticky-top{
    top:58px;
    }
}
/* headerの追従ナビの位置 */
@media screen and (min-width:1200px){
#airregi #sticky-nav.sticky-top{
    top:53px;
    }
}
/**************************** Airペイ ****************************/
/* ヒーロー画像 */
#airpay .bg-hero-1{
    background-image:url(https://www.biccamera.co.jp/airregi/about/payment/img/img-hero-01.jpg?38);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:45%;
}
@media screen and (min-width:320px) and (max-width:768px){
#airpay .bg-hero-1{
    background-position-x:30.5%;
    }
}
@media screen and (min-width:769px) and (max-width:1440px){
#airpay .bg-hero-1{
    background-position-x:40%;
    }
}
#airpay .bg-hero-2{
    background-image:url(https://www.biccamera.co.jp/airregi/about/payment/img/img-hero-02.jpg?38);
    background-repeat:no-repeat;
    background-size:cover;
}

/* アイコンの位置・サイズ・非表示 */
@media screen and (min-width:426px) and (max-width:767px){
#airpay .icon-1, 
#airpay .icon-2{
    display:none;
    }
}
@media screen and (max-width:425px){
#airpay .icon-1,
#airpay .icon-2{
    font-size:2rem;
    }
#airpay .icon-1{
    left: 50%!important;
    top: 32%!important;
    }
#airpay .icon-2{
    left: 50%!important;
    top: 65%!important;
    }
}
/* footerの余白 */
@media screen and (max-width:991px){
#airpay .sitemap-block{
    padding-bottom:4rem;
    }
}
/**************************** Airペイ QR ****************************/
/* ヒーロー画像 */
#airpay-qr .bg-hero-3{
    background-image:url(https://www.biccamera.co.jp/airregi/about/mobilepay/img/img-hero-03.jpg?18);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y: 75%;
}
@media screen and (max-width:768px){
#airpay-qr .bg-hero-3{
    background-position-x:60%;
    }
}
/* アイコンの位置 */
@media screen and (max-width:425px){
#airpay-qr .icon-5{
    top:45%!important;
    }
}
/* footerの余白 */
@media screen and (max-width:991px){
#airpay-qr .sitemap-block{
    padding-bottom:4rem;
    }
}
/**************************** Airウェイト ****************************/
/* ヒーロー画像 */
#airwait .bg-hero-4{
    background-image:url(https://www.biccamera.co.jp/airregi/about/wait/img/img-hero-04.jpg?28);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:90%;
}
@media screen and (max-width:768px){
#airwait .bg-hero-4{
    background-position-x:35%;
    }
}
/* テキストカラー */
#airwait .text-success{
    color:#6fc02c!important;
}
/* アイコンの非表示 */
@media screen and (max-width:425px){
#airwait .icon-6{
    top:50.5%!important;
    }
}
@media screen and (max-width:991px){
#airwait .arrow-icon{
    display:none;
    }
}
/* footerの余白 */
@media screen and (max-width:991px){
#airwait .sitemap-block{
    padding-bottom:4rem;
    }
}
/**************************** Airレジオーダー ****************************/
/* TOP画像 */
#airregi-order .bg-hero{
    background-image:url(https://www.biccamera.co.jp/airregi/about/order/img/bg-hero.jpg?10);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:80%;

}
/**************************** サービスカウンター ****************************/

/* 灰色 */
#service-counter .bg-light{
   background-color: rgb(237 237 237) !important;
}
/* タイトル影 */
#service-counter .text-shadow{
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
/* 検索へ戻る */
#seekfooter{
    position:fixed;
    right:3%;
    bottom: 1%;
    transition:.5s;
    z-index: 100;
}
#seekfooter a{
    display: block;
    color: #fff;
    background: #495057;
    padding: 1rem 0.45rem;
    opacity: .7;
    border-radius: 50%;
}
.hide{
    transform: translateY(110%);
}
/* ボタン調整 */
#service-counter .btn-light{
    --bs-btn-bg: #fff;
    --bs-btn-hover-bg:#20aee5;
    --bs-btn-hover-color:#fff;
    --bs-btn-active-bg:#20aee5;
    --bs-btn-active-color:#fff;
}
#service-counter .btn-info{
    --bs-btn-bg: #20aee5;
    --bs-btn-border-color: #20aee5;
}
/* テーブルの最小高 */
#service-counter .counterWrap{
    min-height:800px;
}
#service-counter table{
    vertical-align:middle!important;
}
/* 検索TOPへ戻る */
#service-counter .fixed-bottom a{
    display: block;
    color: #fff;
    background:#495057;
    padding: 1.1rem 0.5rem;
    opacity: .7;
    border-radius: 50%;
}
/* 仕切り線非表示 */
@media screen and (max-width:991px){
#service-counter .border-end{
    border-right:none!important;
    }
}
/* レイアウト調整 */
@media screen and (min-width: 992px){
    #service-counter .offset-lg-1 {
    margin-left: 3.333333%;
    }
}
@media screen and (min-width:1440px){
    #service-counter .col-lg-3 {
    width: 22%;
    }
}
/* --------------------------------------------------
店舗リストSSI化 2025/07/30
-------------------------------------------------- */
#service-counter .table th {vertical-align: middle;line-height: 1.2;}
#service-counter #currentStore .table th:nth-child(1),
#service-counter #onlineStore .table th:nth-child(1) {width: 12%!important;}

#service-counter #currentStore .table th:nth-child(4),
#service-counter #onlineStore .table th:nth-child(4),
#service-counter .conterArea .table th:nth-child(3) {width: 24%!important;}

#service-counter #currentStore .table th:nth-child(3), 
#service-counter #onlineStore .table th:nth-child(3),
#service-counter #hokkaido .table th:nth-child(2),
#service-counter #tokyo .table th:nth-child(2),
#service-counter #kanto .table th:nth-child(2),
#service-counter #tokai .table th:nth-child(2),
#service-counter #kansai .table th:nth-child(2),
#service-counter #kyusyu .table th:nth-child(2){width:50px!important;}

/* Modal */
#service-counter #mapModal .modal-footer .btn-dark {display: none;}
#service-counter .table a img:hover {cursor: pointer;}

/**************************** 店舗ページ共通 ****************************/
/* 768px以上で電話リンク無効化 */
@media screen and (min-width: 768px) {
body.store a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    color:rgba(33, 37, 41, 0.75);
    }
.h2, h2 {
    font-size: calc(1.325rem + .6vw);
    }
}

/**************************** 周辺機器 **********************************/
/* ヒーロー画像 */
#device .bg-hero{
    background-image:url(https://www.biccamera.co.jp/airregi/about/wait/img/img-hero-04.png?10);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y: 90%;
}
/* テキストの装飾 */
#device .filled-circle-red{
    font-size: 14pt;
    text-emphasis: filled circle #ff8100;
}
/* バッチの色・サイズ変更 */
#device .text-bg-light{
    background-color:#fff!important;
}
@media screen and (min-width:426px){
    #device .text-bg-secondary{
    font-size:0.9rem;
    }
}
/* カードの境界線 */
#device .card{
    --bs-card-border-color:#dee2e6;
}
#device .border-primary{
    --bs-primary-rgb:#20aee5!important;
}
/* アイコンのサイズ */
.handle-icon{
    width:1.45rem;
    height:auto;
    padding-right:0.1rem;
}
@media screen and (min-width:1024px){
    .handle-icon{
    width:1.6rem;
    }
}
/* カードのホバーアニメーション */
#device .starterpack-wrap .card:hover,
#device .printer-wrap .card:hover,
#device .cashdrawer-wrap .card:hover,
#device .barcodeReader-wrap .card:hover,
#device .stand-wrap .card:hover,
#device .regiroll-wrap .card:hover,
#device .accessories-wrap .card:hover,
#device .bnr-wrap-1 .card:hover,
#device .bnr-wrap-2 .card:hover{
    opacity:.6;
}
/* 折り畳みの装飾 */
#device .accordion-button:not(.collapsed){
    --bs-accordion-active-bg:initial;
}
#device .accordion-button:focus{
    border-color:initial;
    box-shadow:initial;
}
/* テキストサイズ */
@media screen and (max-width:425px){
#device .color{
    font-size:85%;
    }
#device .h6{
    font-size:.85rem;
    }
}

/**************************** 自動釣銭機 ****************************/
/* ヒーロー画像 */
#auto-change .bg-hero{
    background-image:url(https://www.biccamera.co.jp/airregi/device/auto-change/img/img-hero.jpg?20);
    background-repeat:no-repeat;
    background-size:cover;
}

/**************************** invoice ****************************/
/* カードのホバーアクション */
#invoice .airregiWrap .card:hover,
#invoice .luminous img:hover{
    opacity:0.6;
    transition:0.3S;
 }
/* ポップアップの矢印非表示 */
#invoice .lum-gallery-button{
    display:none;
}
/* ポップアップ画像のサイズ */
@media screen and (max-width: 767px){
#invoice .lum-lightbox-inner img{
    max-width: 70%;
    max-height: 70%;
    }
#invoice .lum-lightbox-position-helper{
    width:80%;
    }
}
@media screen and (min-width: 768px){
#invoice .lum-lightbox-inner img{
    max-width: 75%;
    max-height: 75%;
    }
}

/**************************** Air ID/AKRコード ***********************/
/* 境界線の非表示 */
@media screen and (min-width:768px){
.accountWrap .border-bottom{
    border-bottom:none!important;
    }
}
@media screen and (max-width:767px){
.accountWrap .border-end{
    border-right:none!important;
    }
}
/**************************** サイトマップ ****************************/
#sitemap .sitemap-box ul li a:hover{
    border-bottom:1px solid #0d6efd;
}