/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

header,nav{display:block}

.js-navigation{
    -webkit-transition-duration:250ms;
    transition-duration:250ms;
    -webkit-transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transition-property:all;
    transition-property:all;
}

.l-header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:50px;
    background-color:#00416b;
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
    z-index:900;
    }
.l-header:after{clear:both;content:"";display:block}
.l-header .m-navigation{/*float:right;margin-right:7%;*/ /*margin-top:17px;*/}
.l-header .m-navigationToggle{display:none}

@media only screen and (max-width: 640px){
    .l-header{height:50px;}
    .l-header .m-navigation{/*float:none;*/margin:0}
    .l-header .m-navigationToggle{display:block}
}

.m-mainVisual{
    background-color:#00416b;
    width:100%;
    height:295px;
    max-height:900px;
    position:relative;
    overflow:hidden;
}
@media only screen and (max-width: 900px){
    .m-mainVisual:not(.m-mainVisual--product-single){height:340px}
}
@media only screen and (max-width: 700px){
    .m-mainVisual:not(.m-mainVisual--product-single){height:300px}
}
@media only screen and (max-width: 400px){
    .m-mainVisual:not(.m-mainVisual--product-single){height:200px}
}

.m-navigation ul{
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:0;
    letter-spacing:-1em;
    word-spacing:-1em;
	text-align: right;
}
.m-navigation li{
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
    letter-spacing:normal;
    word-spacing:normal;
    /*font-size:1rem;
    margin-left:40px; */
	font-size: 20px;
	color: #fff;
	/*padding-right: 7px;
	padding-left: 7px;*/
    padding-left: 8px;
}
.m-navigation li:first-child{margin-left:0}
.m-navigation li a{
    /*color:#fff;
    font-size:14px;
    font-family:"Gill Sans Std Book",sans-serif;
    letter-spacing:0.1em;
    padding-bottom:8px;
    border-bottom:2px solid transparent;*/
}

.m-navigation li a:hover{
    /*border-color:#fff;
    opacity:1; 
	font-size: 20px;
	color: #ffff00;*/
}
.m-navigation--center ul{text-align:center;}
.m-navigation--center li a{padding:0;border:none}
.m-navigation--center li a:hover{opacity:0.7}

@media only screen and (max-width: 640px){
    .m-navigation:not(.m-navigation--center){background-color:#00416b;overflow:hidden;}
    .m-navigation:not(.m-navigation--center) li{display:block;margin:0;border-top:1px solid #fff;text-align: center;}
    .m-navigation:not(.m-navigation--center) li:first-child{border-top:none;}
    .m-navigation:not(.m-navigation--center) li a{display:block;/*padding:0.7em 7% 0.7em 7%;*/border-bottom:none;
        padding-right: 7%; padding-bottom: 8px;
    }
}
/*@media only screen and (max-width: 580px){*/
@media only screen and (max-width: 640px){
    .m-navigation--center li{display:block;margin:0;/*border-top:1px solid #fff*/}
    .m-navigation--center li:first-child{border-top:none}
    .m-navigation--center li a{display:block;/*padding:1.2em 7% 1em 7%*/}
}
.js-navigation{
    -webkit-transition-duration:600ms;
    transition-duration:600ms;
    -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 640px){
    .js-navigation{
        -webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);
        margin-top:50px !important;
    }
    .js-navigation.is-open{
        -webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);
        margin-top:0 !important;
    }
}
.m-navigationToggle{
    /*letter-spacing:0.1em;*/
    background:url("../../images/icon-menu.png") no-repeat;
    background-color:#00416b;
    -webkit-background-size:34px 34px;
    background-size:34px 34px;
    background-position:100% 50%;
    margin-right: 10px;
    height:50px;
    line-height:50px;
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;*/
    cursor: pointer;
}