/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* ---------------------------------
 header-topに検索窓を設置
---------------------------------*/
.header-top .search-form{
    position: relative;
    top:3px;
    margin-left: 30px;
}
/*虫眼鏡マーク*/
.header-top .search-form:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding:10px;
}
/*フィールド*/
.header-top .search-field{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
/*submitボタン非表示*/
.header-top .search-submit{
    display: none;
}
/*テキストフィールド*/
.header-top form .search-field{
    z-index: 200;
    opacity: 0;
    width: 64px;
    transition: all 0.5s ease-in;
    padding: 3px;
    cursor: pointer;
}
/*フォーカス時にテキストフィールド表示*/
.header-top form .search-field:focus{
    opacity: 1;
    width:155px;
    transition: all 0.5s ease-in;
    border-width:1px;
    border-radius:var(--vk-size-radius);
}