#slide_nav {
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border-top: #ae074a 8px solid;
	box-shadow: 0 1px 2px 0 #999;
    position: fixed;
    top: -200px;
    left: 0;
    z-index: 10;
}

#slide_nav .inside {
    width: 98%;
    max-width: 1260px;
    margin: auto;
    padding: 15px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#slide_nav .menu-trigger {
    display: none;
}


#slide_nav .shop_logo {
    width: 25%;
}

#slide_nav nav {
    width: 72%;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
	/* border:#f00 thin solid; */
}

#slide_nav nav ul {
	width:100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}


#slide_nav nav ul li{
	width:19.5%;
	margin-bottom:0;
}


#slide_nav nav ul a {
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    padding:  5px 10px;
    border-radius: 2em;
    display: block;
}

#slide_nav nav ul li:nth-child(odd) a{
  background-color: #ff7e00;
}

#slide_nav nav ul li:nth-child(even) a{
  background-color: #d24eb7;
}




@media print,
screen and (max-width: 768px) {
    #slide_nav .inside {
        padding: 1em 0 0;
    }
	
	#slide_nav nav ul {
		display:block;
	}

	#slide_nav nav ul li{
		width:auto;
	}
	
	#slide_nav nav ul a {
    padding:  10px 10px;
	border-radius:0;
}

	
}




/*==================================
	// note mobile layout
====================================*/

@media screen and (max-width: 1023px) {

    #slide_nav .inside {
        width: 100%;
		display:block;
    }

    #slide_nav .shop_logo {
        width: 95%;
        margin: auto auto 1em;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
    }

    #slide_nav .shop_logo .logo_img {
        width: 60%;
    }


    #slide_nav nav {
        width: 100%;
        padding-top: 0;
        display: none;
        margin-bottom: -4px;
    }

    #slide_nav nav ul {
        display: block;
        width: 100%;
    }

    #slide_nav nav li {
        width: 100%;
        margin-right: 0;
        border-bottom: #fff thin solid;
    }

    #slide_nav nav a {
        font-size: 1.4rem;
        padding: 1em .25em 1em;
        border-radius: 0;
        display: block;
    }

    #slide_nav nav .telbox {
        width: 100%;
        padding: .5em 0 2em;
    }

    #slide_nav nav .telbox p {
        font-size: 1.4rem;
        margin: 0;
        text-align: center;
    }
    
    #slide_nav nav .telbox p strong{
        font-size: 1.6rem;
    }



    /* // note /////  .menu-trigger ///// */


    #slide_nav .menu-trigger,
    #slide_nav .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    #slide_nav .menu-trigger {
        position: relative;
        width: 35px;
        height: 26px;
        float: right;
    }

    #slide_nav .menu-trigger:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

    #slide_nav .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #ae074a;
    }

    #slide_nav .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    #slide_nav .menu-trigger span:nth-of-type(2) {
        /*         top: 20px;*/
        top: 11px;
    }

    #slide_nav .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    #slide_nav .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(-45deg);
        transform: translateY(11px) rotate(-45deg);
    }

    #slide_nav .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    #slide_nav .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(45deg);
        transform: translateY(-11px) rotate(45deg);
    }




}





@media print,
screen and (max-width: 768px) {

    #slide_nav .shop_logo .logo_img {
        width: 80%;
    }
	
	
	}