@media screen and (max-width:915px) {
    #stt_lang_sp .stt-langlist{
        background: #FFF;
        font-size: 88%;
        line-height: 160%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #stt_lang_sp .stt-langlist li{
        width: 50%;
    }
    #stt_lang_sp .stt-langlist li a{
        padding: 10px 15px;
        border-bottom:1px dotted #CCC;
        display: inline-block;
        width: 100%;
    }
    #stt_lang_sp .stt-langlist li:last-child a{
        border:none;
    }
    .translationBox.onlySP.dispn {
        display: block !important;
    }
    .translationBox.onlySP.dispn .stt-langbar{
        top:-227px;
    }
    .translationBox.onlySP .stt-langbar{
        background:#424444;
        display: block !important;
        position: absolute;
        transition: all 0.3s;
        z-index: -1;
        width: calc(100% - 10px);
        width: 100%;
        padding:5px;
    }
    #stt_lang_sp .stt-langlist li:nth-child(1) a,
    #stt_lang_sp .stt-langlist li:nth-child(3) a{
        border-right:1px dotted #CCC;
    }
    .translationBox.onlySP{
        display: block !important;
    }
}




@media screen and (max-width:915px) {
    .translationBox.onlySP .stt-langbar{
        top:80px;
    }
}
@media screen and (max-width:425px) {
    .translationBox.onlySP .stt-langbar{
        top:60px;
    }
}

.sp_btn{
    background-color: rgba(36, 150, 218, 1);
}
/*
.translationWidget .stt-langmenu.dispn{
    display: block !important;
visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}

.translationWidget.active .stt-langmenu.dispn{
visibility: visible;
  opacity: 1;
}



.translationWidget .stt-langmenu.dispn{
    display: block !important;
    opacity: 1;
    transition: opacity 0.5s;
  @starting-style {
    opacity: 0;
  }
}
*/
.translationWidget .stt-langmenu.dispn .stt-langbar .stt-langlist{
    display: flex;
    flex-wrap: wrap;
}
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar{

}
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist{
    display: flex;
    flex-wrap: wrap;
    background:#FFF;

}
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li{
    width: 20%;
}
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li a{
    border-bottom:1px dotted #CCC;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-right:1px dotted #CCC;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 78px;
}
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li:last-child a{
    border:none;
}
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li:nth-child(1)
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li:nth-child(2)
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li:nth-child(3)
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li:nth-child(4)
header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li:nth-child(3){
    padding:0;
}

header .side_menu ul li.translationWidget.active {
    margin-left: -300px;
}

.translationWidget.active .stt-langmenu.dispn{
    display: block !important;
    width: 180px;
}
/*
.translationWidget .stt-langmenu.dispn{
    display: block !important;
    right:-180px;
}

.translationWidget.active .dispn{
    right:0;
}
*/

.side_menu.onlyPC .translationWidget .stt-langmenu.dispn{
    display: block !important;
    position: absolute;
    right: -300px;
    transition: all 0.5s;
    width: 300px;
    font-size: 12px;
    background:#424444;

}

.side_menu.onlyPC .translationWidget.active .stt-langmenu.dispn{
    right: 0px;
}

header .side_menu ul li.translationWidget button{
    height:80px;
}
header .side_menu.onlyPC .translationWidget .stt-langmenu.dispn ul li:nth-child(3),
header .side_menu.onlyPC .translationWidget .stt-langmenu.dispn ul li:nth-child(5){
    margin:0;
}

header .side_menu ul li.translationWidget img.honyaku_img{
    width: 80px;
}
header .side_menu ul li.searchBox.active{
    margin-left: -300px;
}

@media screen and (min-width:916px) and ( max-width:1300px) {
    header .side_menu ul li.translationWidget img.honyaku_img{
        width: 60px;
    }
    header .side_menu ul li.translationWidget button{
        height:60px;
    }
    header .side_menu .translationWidget .stt-langmenu.dispn .stt-langbar ul.stt-langlist li a{
        height: 58px;
    }
}