.d-flex-pc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 1279px){
    .d-flex-pc{
        display: block;
    }
}

.font-size-08{
    font-size: 0.8rem !important;
}

.left-auto{
    left: auto!important;
}

.pointer-none{
    pointer-events: none;
}

.p-relative{
    position: relative;
}

.p-absolute-center::before{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    margin: auto;
}
.radio-icon-ls-0::before{
    letter-spacing: 0!important;
}

.v-middle{
    vertical-align: middle !important;
}

.wp-nowrap{
    white-space: nowrap
}

#mask {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
  }

/*scoutmail/send_mail*/
.td-a-block a{
    display: block;
}
/*scoutmail/send_mail end*/

/*admin/admin_header*/
.text-small-sp{
    font-size: 100%;
}

@media screen and (max-width: 767.98px){
    .text-small-sp{
        font-size: 75%;
    }
}
.header-menu-block{
    display: inline-block;
}

@media screen and (max-width: 767.98px){
    .header-menu-block{
        display: block!important;
    }
}
/*admin/admin_header end*/


/*-------------------------
width
--------------------------*/
.max-w-25{
    max-width: 25rem !important;
}
.max-w-5{
    max-width: 5rem !important;
}

.max-w-100p{
    max-width: 100% !important;
}

.min-w-2{
    min-width: 2rem;
}

.min-w-3{
    min-width: 3rem;
}

.min-w-4{
    min-width: 4rem;
}

.min-w-5{
    min-width: 5rem;
}

.min-w-6{
    min-width: 6rem;
}
.min-w-7{
    min-width: 7rem;
}

.min-w-8{
    min-width: 8rem;
}

.min-w-10{
    min-width: 10rem;
}

.w-55 {
    width: 55%;
}

.w-74px{
    width: 74px;
}

.header-site-banner {
    max-width: 220px;
}

.header-site-banner-r {
    height: 100%;
}

.top-banner {
    height:70px;
    padding: 10px 0px;
}

.p-fix {
    padding: 5px 10px;
}

/*-------------------------
height
--------------------------*/

.max-h-3{
    max-height: 3rem;
}

/*-------------------------
サンプル画像の表示
--------------------------*/
.sample-1,.sample-2,.sample-3,.sample-4,.sample-5{
    position: relative;
}

@media screen and (max-width: 768px){
    .sample-1,.sample-2,.sample-3,.sample-4,.sample-5{
        display: none;
    }
}

.sample-1::after,.sample-2::after,
.sample-3::after,.sample-4::after,
.sample-5::after{
    content: "";
    position: absolute;
    top: 1em;
    display: inline-block;
    pointer-events: none;
    width: 50rem;
    height: 50rem;
    z-index: 100;
}

.sample-1::after,.sample-2::after,
.sample-4::after,.sample-5::after{
    left: 0;
}

.sample-3::after{
    left: -10rem;
}

.sample-1:hover::after{
    background: url(/images/admin/offer_detail_01.jpg) no-repeat center top;
    background-size: contain;
}

.sample-2:hover::after{
    background: url(/images/admin/offer_detail_02.jpg) no-repeat center top;
    background-size: contain;
}

.sample-3:hover::after{
    background: url(/images/admin/offer_detail_03.jpg) no-repeat center top;
    background-size: contain;
}

.sample-4:hover::after{
    background: url(/images/admin/offer_detail_04.jpg) no-repeat center top;
    background-size: contain;
}

.sample-5:hover::after{
    background: url(/images/admin/kaigobito_detail_01.jpg) no-repeat center top;
    background-size: contain;
}