/*=== ナビゲーション用 ======================================================*/



/*=====================================================
　ナビゲーションカラー設定
=======================================================*/
@bar-color: #1b99e9;
@bar-border: #ccc;

/*=====================================================
　
=======================================================*/
nav{
   ul>li{
        line-height: 40px;
    }
    a{color:#000; text-decoration: none;font-weight:100;display: block;
    width: 100%;
    height: 100%;}
    @media screen and (min-width: 1025px) {
        >a{
            display: none;
        }
        *{
            padding:0;
            margin:0;
        }

        >ul{
            display: flex;
						list-style:none;
						    border-right: 1px solid #ccc;
    height: 40px;

        }
        >ul>li{
            font-weight: 700;
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            width:200px;
            position: relative;
            border-left:1px solid @bar-border;
        }
        >ul>li:hover{
            background: @bar-border;}
        >ul>:first-child{
            margin-left:-15px;
        }
        >ul>li ul li{border-bottom: 1px solid @bar-border; cursor: pointer;}
        >ul>li ul li:hover{background: @bar-border}
        ul>li ul {
            position:absolute;
            width:200px;
            display: none;
        }
        ul>li>ul>li>ul>li>ul,ul>li>ul>li>ul {
            border-left:1px solid @bar-border;
            margin-left:200px;
            margin-top:-40px;
        }
        ul>li:hover>ul{
            display: block;
						list-style:none;
						background-color: #f8f8f8;
        }
    }
    @media screen and (max-width: 1025px){
        >ul li {
            font-weight: 700;
            border-bottom: 1px solid @bar-border;
   		display: block;
        }
        *>li>a{
            border:1px slid @bar-border;
            display: block;
            width:100%;
            height:100%;
            padding-left:5px;
        }
        li a:focus{
            background: @bar-border;
        }
        * li:last-child{
            border-bottom: 0;
        }
        >a{
            display: inline-block;
						color: #ddd;
						position: absolute;
						right: 20px;
						top: 32px;
						z-index: 9999;
						text-align: right;
						width: initial;
						height: initial;
        }
        >ul{display:none;
	    padding: 21px;
	}
        ul>li>ul,ul>li>ul>li>ul>li>ul,ul>li>ul>li>ul {
            display: none;
        }
    }

}


/*FONTS*/
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    src: local('Bitter-Regular'), url("../fonts/Bitter-Regular-latin-ext-400.woff2") format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    src: local('Bitter-Regular'), url(../fonts/Bitter-Regular-latin-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    src: local('Bitter-Bold'), url(../fonts/Bitter-Regular-latin-ext-700.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    src: local('Bitter-Bold'), url(../fonts/Bitter-Bold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    src: local('Bitter-Italic'), url(../fonts/Bitter-Italic-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    src: local('Bitter-Italic'), url(../fonts/Bitter-Italic-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}