/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator:  <a href="https://themeforest.net/user/laborator">Envato</a>, <a href="https://twitter.com/thelaborator">Twitter</a> or <a href="https://www.facebook.com/laboratorcreative">Facebook</a>.
Version: 2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

/*menu*/
.hamburger{
    height: 20px;
    position: absolute!important;
    right: 12%;
    top: 50px;
    width: 30px;
    z-index: 99;
    cursor: pointer;
    
}
.hamburger:after{
    background-color: transparent!important;
}
.hamburger__line{
    background: #000;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.hamburger__line--center{
    top: 9px;
}
.hamburger__line--bottom{
    bottom: 0;
}
.hamburger__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.hamburger__line--center.active{
    transform:scaleX(0);
}
.hamburger__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
@media screen and (max-width: 480px) { 
    .hamburger{
        right:8%;
    }
}



/*gnav*/
.gnav{
    background: rgba(255,255,255,1);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    left:0;
    top:0;
}

.gnav ul.menu{
    list-style: none;
    position: absolute;
    top: 20%;
    left: 25%;
}

/*fix*/
#fix_catch,
#fix_sns,
#fix_contact{
    position: absolute;
}

#fix_catch{
    top: 115px;
    right: 10px;
    font-size: 30px!important;
    font-weight: bold;
    text-align: right;
    width: 250px;
    z-index: 999;
}

#fix_sns{
    top: 38vh;
    left: 20px;
    font-size: 12px!important;
    width:40px;
    text-align: center;
    line-height: 2.5em!important;
}
#fix_sns span{
    display: inline-block;
    transform: rotate( 90deg );
    transform-origin: center center;
    margin-bottom: 10px;
    font-weight: bold;
}
#fix_sns i{
    margin-top: 5px;
    font-size: 26px;
}
#fix_sns a,
#fix_contact a{
    color: #000;
}
#fix_contact a{
    width: 100%;
    height: 100%;
}
#fix_contact{
    top: 35vh;
    right: 20px;
    font-size: 22px!important;
    width:40px;
    height: 200px;
    background: url('/wp-content/themes/kalium-child/assets/images/icons/contact.svg') no-repeat;
    line-height: 1.1em!important;
}


@media screen and (max-width: 480px) { 
    .gnav ul.menu{
        top: 5%;
        left: 10%;
    }
    .gnav ul.menu li a{
        font-size: 1.2em!important;
    }
    #fix_catch{
        font-size: 20px!important;
        top: 100px;
        right: 5px;
    }
    #fix_catch img{
        width:50%;
        height: auto;
    }

    #fix_sns,
    #fix_contact{
        display: none;
    }
}

.gnav ul.menu li {
    margin-bottom: 0.5em;
}

.gnav ul.menu li a{
    color: #000;
    font-size: 1.6em;
}

.gnav ul.menu li.bt{
    margin-top:1em;
    padding-top:1em;
    border-top:1px solid #000;
}

.gnav ul.menu li.bb{
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px solid #000;
}

.gnav ul.menu li.sub a{
    font-size: 0.8em!important;
}
.gnav ul.menu li.sns {
    position: absolute;
    bottom: 0;
    right:-400px;
}
@media screen and (max-width: 768px) { 
    .gnav ul.menu li.sns {
        position: static;
    }
}
.gnav ul.menu li.sns > a {
    display: none;
}
.gnav ul.menu li.sns ul{
    list-style: none;
    padding-left: 0;
}
.gnav ul.menu li.sns ul li{
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
}

.header-block{
    margin-top: 15px;
}

@media screen and (max-width: 768px){
    .header-block__items-row .header-block__item {
        /*display: none;*/
    }
}

/* PC TOP MENU */
.home ul#menu-asohikurashi_menu_pc_top{
    margin-top: 50px;
    text-align: center;
}
.home ul#menu-asohikurashi_menu_pc_top li{
    display: inline-block;
    margin-right: 50px;
}
.home ul#menu-asohikurashi_menu_pc_top li:last-child{
    margin-right: 0;
}
.home ul#menu-asohikurashi_menu_pc_top li a{
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

@media screen and (max-width: 480px) { 
    .home ul#menu-asohikurashi_menu_pc_top{
        display: none;
    }
}

.home h2.underline span{
    display: inline-block;
    margin: 0 auto!important;
    border-bottom: 2px solid #000;
}

@media screen and (max-width: 480px) { 
    .home h2.underline span{
        font-size: 0.8em;
    }
}

/* INFORMATION */
.home .information {
    padding: 0 5%;
}
.home .information .blog-post-image{
    display: none;
}

.home .information .blog-post-column{ 
    padding:0!important;
    margin-bottom: 0!important;
}

.home .information .blog-post-column .blog-post-entry{
    border:0!important;
    border-bottom:1px solid #000!important;
    margin-bottom: 0;
}

.home .information .blog-post-column .blog-post-entry .blog-post-content-container {
    padding: 40px 0 30px;
}

.home .information .blog-post-column:first-child{
    border-top:1px solid #000!important;
}

.home .information .blog-post-date{
    margin-right: 20px;
    font-size: 14px;
}
.home .information .blog-post-title{
    font-size: 19px!important;
    font-weight: 400!important;
}
.home .information .blog-post-date,
.home .information .blog-post-title{
    display: inline-block;
}

/* PICK UP */
.home #pickup .vc_grid-item-mini{
    background-color: #fff;
}

.home #pickup .vc_grid-item-mini .vc_gitem_row{
    padding:5px 20px;
}

.home #pickup .vc_grid-item-mini .vc_gitem_row .vc_gitem-post-data-source-post_excerpt{
    display: none;
}

.home #pickup .vc_grid-item .icon{
    display: block;
    width:40px;
    height: 40px;
    background: url('/wp-content/themes/kalium-child/assets/images/icons/new_icon.svg') no-repeat;
    position: absolute;
    left: -10px;
    top: -20px;
}

.home a.loadmorebtn{
    display: block;
    width: 100%;
    border: 3px solid #000;
    text-align: center;
    padding: 20px 0;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-top: -50px;
    text-decoration: none;
}
@media screen and (max-width: 480px) { 
    .home #pickup .vc_grid-item{
        width:48%;
        display: inline-block;
        padding-right: 5%;
    }
    .home #pickup .vc_grid-item-mini .vc_gitem_row {
        padding: 5px 10px;
    }
}


/* ACCESS RANKING */
.home .accessranking h2 span{
    padding-right: 40px;
    background: url('/wp-content/themes/kalium-child/assets/images/icons/trending.svg') no-repeat right;
}


.home ul.wpp-list{
    text-align: center;
}
.home ul.wpp-list li{
    display: inline-block;
    width:31%;
    margin-right:2%;
    vertical-align: top;
    text-align: left;
    position: relative;
    overflow: visible;
}
.home ul.wpp-list li:nth-child(3){
    margin-right: 0;
}
.home ul.wpp-list li span{
    display: block;
    font-size: 14px;
    color: #b2b2b2;
    text-align: left;
    font-family:Noto Sans;
    font-weight:400;
    font-style:normal;
    margin-top: 10px;
}
.home ul.wpp-list li a{
    color: #000;
}
.home ul.wpp-list li br{
    display: none;
}

.home ul.wpp-list li span.icon{
    display: block;
    width:30px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: -20px;
}
.home ul.wpp-list li:nth-child(1) span.icon{
    background: url('/wp-content/themes/kalium-child/assets/images/icons/ranking_1.svg') no-repeat;
}
.home ul.wpp-list li:nth-child(2) span.icon{
    background: url('/wp-content/themes/kalium-child/assets/images/icons/ranking_2.svg') no-repeat;
}
.home ul.wpp-list li:nth-child(3) span.icon{
    background: url('/wp-content/themes/kalium-child/assets/images/icons/ranking_3.svg') no-repeat;
}

@media screen and (max-width: 480px) { 
    .home ul.wpp-list li{
        width:100%;
        margin-right:0%;
        margin-bottom: 30px;
    }
}

.wpcf7 label,
.wpcf7 input,
.wpcf7 textarea{
    width:100%;
}