@media only screen and (min-width: 736px) {
	.orHeader {display: block;width: 100%;margin: 0 auto;border-bottom: 1px solid #ddd;background-repeat: repeat-x;}
	.orHeader.orHeader--fixed {}
	.orHeader__inner {position: relative;		display: block;		overflow: hidden;		width: 980px;		height: 67px;		margin: 0 auto;}
	.orHeader__title {display: block;float:left;width: 218px;height: 67px;margin: 0;}
	.orHeader__title a {display: block;overflow: hidden;width: 181px;height: 67px;margin: 0;white-space: nowrap;text-indent: 120%;background-image: url(../img/header/nav_orangedealer.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}
	.orHeader__title a:hover {opacity: 0.6;}
	.orHeader__navContainer {display: block;float: left;width: 762px;margin: 0;	}
	.orHeader__navContainer.orHeader__navContainer--close {}
	.orHeader__navList {overflow: hidden;width: 100%;height: 67px;margin: 0;padding: 0;display:flex;justify-content:flex-end;}
	.orHeader__navItem {position:relative;margin: 0 50px 0 0 ;}
	.orHeader__navItem a{color:#000;text-decoration:none;font-size:1.1em;line-height:67px;position: relative;}
	.orHeader__navItem a::before,.orHeader__navItem a::after{position: absolute;top:-0.2em;bottom: 0;left: -1.4em;margin: auto;content: "";vertical-align: middle;}
	.orHeader__navItem a::before{width: 22px;height: 22px;-webkit-border-radius: 50%;border-radius: 50%;background: #eb5604;position: absolute;}
	.orHeader__navItem a::after{left: -1.15em;width:0.46em;height:0.46em;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;}
	.orHeader__navItem a {margin: 0;}
	.orHeader__navItem a:hover {opacity: 0.6;}
	.orHeader__toggle {
		display: none;
	}
	.orHeader__toggle.orHeader__toggle--close {}
	.orHeaderOverlay {}
	.orHeader.orHeader--fixed+.orHeaderOverlay {}
    
    .comingsoon span {
        font-size: 12px;
        margin-left: 5px;
    }
    .comingsoon {
        cursor: default;
        opacity: 0.4;
    }
    .comingsoon a:hover {opacity: 1;}
    
}

@media only screen and (max-width: 735px) {
	.orHeader {}
	.orHeader.orHeader--fixed {
		position: absolute;
		top: 51px;
		left: 0;
		overflow: hidden;
		z-index: 2;
		width: 100%;
		height: 100%;
	}
	.orHeader__inner {
		position: relative;
	}
	.orHeader__title {
		display: block;
		width: 100%;
		height: 0;
		margin: 0;
		padding-bottom: 14.8%;
		background-image: url(../img/header/sp/nav_bg.png);
		background-repeat: repeat-x;
		background-position: 0 0;
		background-size: contain;
		z-index: 0;
	}
	.orHeader__title a {
		display: block;
		overflow: hidden;
		width: 37.33333%;
		height: 0;
		margin: 0 auto;
		padding-bottom: 14.8%;
		white-space: nowrap;
		text-indent: 120%;
		background-image: url(../img/header/nav_orangedealer.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
	}
	.orHeader__navContainer {}
	.orHeader__navList {
		margin: 0;
		padding: 0;
	}
	.orHeader__navContainer.orHeader__navContainer--close {
		display: none;
	}
	.orHeader__navItem {border-bottom:1px dotted #ccc;background-color:#fff;}
	.orHeader__navItem a {}
	.orHeader__navItem.orHeader__navItem--lineup {}
	.orHeader__navItem.orHeader__navItem--search {}
	.orHeader__navItem.orHeader__navItem--event {}
	.orHeader__navItem.orHeader__navItem--welfare {}
	.orHeader__navItem a {
		display: block;
		overflow: hidden;
		width: auto;
		padding-bottom: 10.6666%;
		white-space: nowrap;
		color:#eb5604;
		text-decoration:none;
		font-size:1.2em;
		padding:0.5em 1.0em;
		line-height:1.6em;
	}
       
    .comingsoon span {
        font-size: 12px;
        margin-left: 5px;
    }
    .comingsoon a {
        opacity: 0.4;
    }

	.orHeader__toggle {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		overflow: hidden;
		width: 10.133%;
		height: 0;
		margin: 0;
		margin-top: 2.666%;
		margin-left: 2.666%;
		/*outline: none;*/
		padding: 0;
		padding-bottom: 10.133%;
		cursor: pointer;
		white-space: nowrap;
		text-indent: 120%;
		border: none;
		background-color: transparent;
		background-image: url(../img/header/sp/menu_open.svg);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		z-index: 10;
	}
	.orHeader__toggle.orHeader__toggle--close {
		background-image: url(../img/header/sp/menu_close.png);
	}
	.orHeaderOverlay {
		content: "";
		position: fixed;
		display: none;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0;
		background-color: rgba(255, 255, 255, 0.8);
		z-index: 1;
	}
	.orHeader.orHeader--fixed+.orHeaderOverlay {
		display: block;
	}
}