@charset "UTF-8";@charset "UTF-8";
#pickupg-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
	top:120%;
    left:0;
	width:100%;
    height: 720vh;/*ナビの高さ*/
	background:#fbfaff;
    /*動き*/
	transition: all 0.6s;
    text-align: center;
}

/*アクティブクラスがついたら位置を0に*/
#pickupg-nav.panelactive{
    top: 30vh;
}
#pkshokai{
    display: flex;
}
/*ナビゲーションの縦スクロール*/
#pickupg-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*========= ボタンのためのCSS ===============*/
.pkopenbtn{
	position: fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:85vh;
	left: 80vw;
	cursor: pointer;
    width: 11vh;
    height:50px;
}
.yajirushi{
    width: 10vh;
    height: 70px;
}
.pkleter{
    font-size: 0.8em;
    color: #000;
    margin: -10px;
    text-align: center;
}
#pickuppaint{
    padding-top: 10px;
    object-fit: cover;
}
#pkteamname{
    width: 50%;
    font-family: "Zen Old Mincho", serif;
    color: black;
}
#pkkeiretsu{
    width: 50%;
    font-family: "Zen Old Mincho", serif;
    color: black;
}
@media screen and (max-width: 480px){
    .pkopenbtn{
        left: 70vw;
    }
    #pickuppaint{
        width: 100%;
        height: 30vh;
        max-width: 360px;
    }
    #pkteamname{
        font-size: 0.8em;
    }
    #pkkeiretsu{
        font-size: 0.8em;
    }
}
@media screen and (min-width:480px) and (max-width: 768px){
    #pickuppaint{
        width: 100%;
        height: 40vh;
        max-width: 400px;
    }
    #pkteamname{
        font-size: 0.8em;
    }
    #pkkeiretsu{
        font-size: 0.8em;
    }
    .pkopenbtn{
        left: 70vw;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
    #pickuppaint{
        width: 70vh;
        height: 50vh;
    }
    #pkteamname{
        font-size: 1em;
    }
    #pkkeiretsu{
        font-size: 1em;
    }
    .pkopenbtn{
        left: 86vw;
    }
}
@media screen and (min-width:1024px) {
    #pickuppaint{
        width: 80vh;
        height: 55vh;
    }
    #pkteamname{
        font-size: 1.2em;
    }
    #pkkeiretsu{
        font-size: 1.2em;
    }
    .pkopenbtn{
        left: 86vw;
    }
}