@charset "utf-8";

/*
<li class="global-nav__item">に
    class="pulldown"   
を追加

<a href="#">に
    class="down"
を追加

<li class="global-nav__item">の中に
    <ul class="global-child-nav nav">
        <li class="global-child-nav__item"><a href="overview.html">Phothoshopの概要</a></li>
        <li class="global-child-nav__item"><a href="#">Phothoshopの操作</a></li>
        <li class="global-child-nav__item"><a href="#">写真画像の補正</a></li>
        <li class="global-child-nav__item"><a href="#">高度な補正</a></li>
        <li class="global-child-nav__item"><a href="#">画像の合成</a></li>
    </ul>
を追加
*/


/* global-child-nav */
.global-child-nav{
    border: solid 1px;
    border-top: none;

    box-sizing: border-box;
    background-color: #fff;
}
.global-child-nav__item a{
    border-top: dotted 1px;
}

.pulldown{
    position: relative;
}

.global-child-nav{
    position: absolute;
}

.pulldown{
    overflow: hidden;
}

.pulldown:hover{
    overflow: visible;
}

.global-child-nav{
    width: 100%;
}

@media screen and (max-width:600px){
        .pulldown:hover{
            overflow: hidden;
        }
    
}