/*追従ボタン*/
[hidden] {
    display: none !important;
}

.a2h-area {
    box-sizing: border-box;
    position: fixed;
    z-index: 100;
   
}

.a2h-area.chrome-area {
    background:#fff;
    box-shadow:-2px 3px 5px rgba(50,50,93,.11), 3px -1px 5px rgba(0,0,0,.2);
    width: 375px;
    right: 20px;
    bottom: 20px;
    padding: 15px;
}

.a2h-area.ipad-area {
    width: 246px;
    right: 10px;
    top: 0;
    padding:10px;
    background:transparent;
}

.a2h-area.iphone-area img,
.a2h-area.ipad-area img {
width: 100%;
}

.a2h-area.iphone-area {
    background:transparent;
    width: 90vw;
    bottom:0;
    padding:18px 15px 0px 15px;
    left:5vw;
}



.a2h-area--a {
    padding: 0;
    background-color: transparent;
    box-shadow: none
}

.a2h-close {
    position: absolute;
    top: 3px;
    right: 1px;
    width: 36px;
    height: 36px;
    background: url(/pwa/img/ios-close.svg) 0 0/contain no-repeat;
    z-index: 10 
}
.a2h-area.chrome-area .a2h-close {
    background: url(/pwa/img/a2h-close.svg) 0 0/contain no-repeat;
}

.a2h-area--a .a2h-close {
    top: -14px;
    right: -4px
}

.a2h-close:hover {
    opacity: .8;
    cursor: pointer
}

.a2h-area__box {
    cursor: pointer;
}

.a2h-area__item {
    text-align: center
}

.a2h-area__item+.a2h-area__item {
    margin-left: 12px
}

.a2h-area.chrome-area .a2h-area__txt {
    width: 167px;
    margin: 0 auto 3px
}

.a2h-area__btn {
    text-decoration: none!important;
    display: inline-block;
    width: 254px;
    margin: 0 auto
}

.a2h-area--a .a2h-area__btn {
    width: 285px
}

.a2h-area__item--heightFix .a2h-area__btn {
    margin-top: 18px
}

.a2h-area__txtSub {
    margin-top: -12px
}

.a2h-area__txtSub>a,.a2h-area__txtSub>a:visited {
    color: #00d3e0!important
}

.a2h-area__txtSub>a:hover,.a2h-area__txtSub>a:visited:hover {
    text-decoration: underline;
    color: #00d3e0!important
}

.a2h-area__txtSub>a:visited>img,.a2h-area__txtSub>a>img {
    vertical-align: middle;
}

.add-to-home-plus {
    height: 65px;
    width:65px;
    margin-right:10px;
}

.add-to-home-plus img {
    width:100%;
    height:auto;
}

.menu-btn-wrap {
    display:flex;
    align-items: center;
}
.a2h-area.chrome-area .logo-area {
    display:flex;
    text-align:left;
}

.a2h-area.chrome-area .logo-area img {
    margin-right: 20px;
}

.add-to-home-ttl{
    font-size:18px;
    margin-bottom: 5px;
    font-weight: bold;
}
 .add-to-home-url{
    font-size: 12px;
 }

 .a2h-area.chrome-area .add-to-home-btn {
    background: #5c81e6;
    margin-top:10px;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    float:right;
 }
@media screen and (max-width: 768px){
    .add-to-home-plus {
        height: 40px;
        width:40px;
    }
    .a2h-area.chrome-area {
        width: 100vw;
        bottom:0;
        left: 0;
        right:10px;
    }
}

/* Pant*/

.add-to-home-plus {
    position:absolute;
    z-index: 11;
    height: 60px;
    width: 60px;
    display: none;
}


@media screen and (max-width: 680px){ 
    .add-to-home-plus {
        right: 0;
        top: 0;
        display: block;
    } 
    
}
.add-to-home-plus img {
    width: 85%;
}

/* push L CSS START*/
.pushl-modal .subscription-dialog {
    max-width: 340px !important;
    font-size: 18px;
}
/* push L CSS END*/