@charset "UTF-8";

.header {
	position:fixed;
	z-index:998;
	width:100%;
	background-color:rgba(0,0,0,.8);
	top:0;
	left:0;
	text-align:center;
	min-width:980px;
}
.header_inner {
    width: 100%;
	max-width:1100px;
	height:100px;
	margin:0 auto;
}
.header_inner .header_logo {
	width:120px;
	margin:0 20px;
}

div[class^="menu-gmenu"] {
	margin:0 auto;
}
div[class^="menu-gmenu"] ul[id^="menu-gmenu"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	font-size:1.4rem;
}
div[class^="menu-gmenu"] li:not(:last-child) {
	margin-right:30px;
}
div[class^="menu-gmenu"] a {
	color:#ffffff;
	display:block;
	line-height:1;
	position:relative;
}
.header_inner div[class^="menu-gmenu"] a:hover {
	opacity:1;
}
div[class^="menu-gmenu"] a::after {
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#ffffff;
	transition:.3s;
	position:absolute;
	left:calc(50% - 3px);
	bottom:-1.5em;
	opacity:0;
}
div[class^="menu-gmenu"] .current-menu-item a::after,
div[class^="menu-gmenu"] a:hover::after {
	bottom:-1em;
	opacity:1;
}

.header_tel {
	border:1px solid rgba(255,255,255,.2);
	text-align:center;
	font-size:1.3rem;
	line-height:1;
	padding:7px 10px;
	margin:0 20px;
}
.header_tel dt {
	color:#FFFFFF;
	margin-bottom:.25em;
}
.header_tel dd a {
	color:#FFFFFF;
	font-family:oswald;
	font-size:1.7em;
}

.header_contact {
}
.header_contact a {
	width:115px;
	color:#FFFFFF;
	font-size:1.4rem;
	line-height:1;
	height:100px;
	text-align:center;
	transition:.3s;
}
.header_contact a::after {
	content:'';
	width:42px;
	height:42px;
}
.header_contact a span {
	width:100%;
	margin-bottom:.25em;
}
.header_contact a.cart {
	background-color:#088d87;
}
.header_contact a.cart::after {
	background:url(../img/common/icon_cart.png) no-repeat center center/contain;
}
.header_contact a.contact {
	background-color:#b50f4f;
}
.header_contact a.contact::after {
	background:url(../img/common/icon_mail.png) no-repeat center center/contain;
}
.header_contact a.cart:hover {
	background-color:#0bb3ab;
}
.header_contact a.contact:hover {
	background-color:#d8125f;
}


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


div[class^="menu-gmenu"] li:not(:last-child) {
	margin-right:17px;
}

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

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

.header {
	min-width:100%;
}

.header_inner {
	height:70px;
	padding-right:65px;
}
.header_inner .header_logo {
	width:110px;
	margin:0 15px;
}

div[class^="menu-gmenu"] {
	display:none;
}

.header_tel {
	font-size:1.1rem;
	margin:0;
}

.header_contact {
	display:none;
}

.spbtn {
	width:30px;
	height:30px;
	position:fixed;
	top:20px;
	right:15px;
	z-index:99999;
}
.spbtn::before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background-color:#ffffff;
	position:absolute;
	top:33%;
	left:0;
	transition:.5s;
	transition-timing-function:ease-in-out;
	transform-origin:center center;
}
.spbtn::after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background-color:#ffffff;
	position:absolute;
	bottom:33%;
	left:-5px;
	transition:.5s;
	transition-timing-function:ease-in-out;
	transform-origin:center center;
}
body.open .spbtn::before {
	transform:rotate(45deg);
	top:50%;
}
body.open .spbtn::after {
	transform:rotate(-45deg);
	bottom:48%;
	left:0;
}
.rmp-container {
	padding-top:70px!important;
}
button.rmp_menu_trigger {
	display:none!important;
}
	
}

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

.header_inner .header_logo {
	width:33%;
	margin-right:10px;
}
	
}