/*!
 * smartbanner.js v1.19.0 <https://github.com/ain/smartbanner.js#readme>
 * Copyright © 2022 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */
.smartbanner{position:fixed;top:0;left:0;overflow-x:hidden;width:100%;height:84px;background:#f3f3f3;font-family:Helvetica,sans,sans-serif;border-bottom:1px #ddd solid;box-sizing:border-box;}.smartbanner__exit{position:absolute;top:calc(50% - 6px);left:9px;display:block;margin:0;width:12px;height:12px;border:0;text-align:center}.smartbanner__exit::before,.smartbanner__exit::after{position:absolute;width:2px;height:15px;background:#333;content:" "}.smartbanner__exit::before{transform:rotate(45deg)}.smartbanner__exit::after{transform:rotate(-45deg)}.smartbanner__icon{position:absolute;top:10px;left:30px;width:64px;height:64px;border-radius:15px;background-size:64px 64px}.smartbanner__info{position:absolute;top:10px;left:104px;display:flex;overflow-y:hidden;width:65%;height:64px;align-items:center;color:#000}.smartbanner__info__title{font-size:14px}.smartbanner__info__author,.smartbanner__info__price{font-size:12px}.smartbanner__button{position:absolute;top:50%;transform: translateY(-50%);right:0px;z-index:1;display:block;padding:0 10px;min-width:10%;border-radius:5px;background:#F04E98;color:#FFF;font-size:14px;text-align:center;text-decoration:none}  .smartbanner__button__label{text-align:center}.smartbanner.smartbanner--android{background:#f3f3f3;}.smartbanner.smartbanner--android .smartbanner__exit{left:6px;margin-right:7px;font-family:"ArialRoundedMTBold",Arial;font-size:20px;line-height:17px;text-shadow:0 1px 1px #000}.smartbanner.smartbanner--android .smartbanner__exit::before,.smartbanner.smartbanner--android .smartbanner__exit::after{top:3px;left:8px;width:2px;height:15px;background:#333}.smartbanner.smartbanner--android .smartbanner__exit:active,.smartbanner.smartbanner--android .smartbanner__exit:hover{color:#eee}.smartbanner.smartbanner--android .smartbanner__icon{background-color:rgba(0,0,0,0);box-shadow:none}.smartbanner.smartbanner--android .smartbanner__info{color:#333;}.smartbanner.smartbanner--android .smartbanner__info__title{color:#000;font-weight:bold}.smartbanner.smartbanner--android .smartbanner__button{top:30px;right:20px;padding:0;min-width:12%;border-radius:0;background:none;color:#fff;font-size:14px;font-weight:bold}.smartbanner.smartbanner--android .smartbanner__button:active,.smartbanner.smartbanner--android .smartbanner__button:hover{background:none}.smartbanner.smartbanner--android .smartbanner__button__label{display:block;padding:0 10px;background:#F04E98;background:linear-gradient(to bottom, #F04E98, #F04E98);box-shadow:none;line-height:24px;text-align:center;text-shadow:none;text-transform:none}.smartbanner.smartbanner--android .smartbanner__button__label:active,.smartbanner.smartbanner--android .smartbanner__button__label:hover{background:#2ac7e1}/*# sourceMappingURL=smartbanner.min.css.map */
a.smartbanner__button:link, a.smartbanner__button:visited {color: #FFF;}


/* 追加 */
.smartbanner{
    z-index: 99;
}
.smartbanner__exit,
.smartbanner.smartbanner--android .smartbanner__exit{
    left: 15px;
}
.smartbanner__icon {
    left: 40px;
}
.smartbanner__info {
    left: 120px;
    width: 65%;
}
.smartbanner.smartbanner--android .smartbanner__info {
    width: 70%;
}
.smartbanner__button {
    padding: 5px 10px;
}
.smartbanner.smartbanner--android .smartbanner__button {
    padding: 5px 10px;
    top: 50%;
    transform: translateY(-50%);
}
.smartbanner__button__label,
.smartbanner.smartbanner--android .smartbanner__button__label{
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 10px;
}
.smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover {
    background: #F04E98;
}

/* 新作フレーバーLP用　※SNSボタンが隠れてしまうため */
.fom-stickyList {
    top: 150px;
}
@media print, screen and (min-width: 768px) {
    .fom-stickyList {
        top: 110px;
    }
}

/* シナモンロールLP用　※SNSボタンが隠れてしまうため */
@media screen and (max-width: 767px){
    .part-stickyList {
        top: 120px;
    }
}


/* PCで表示されない処理 */
@media print, screen and (min-width: 768px) {
    .smartbanner{
        display: none !important;
    }
    
    html{
        margin-top: 0 !important;
    }
}