@charset "utf-8";
/* CSS Document */

/* ///　MENU /// */
#navToggle {
    display:none;
	position:absolute;
    right: 20px;
    top: 10px;
    width: 30px;
    height: 25px;
    cursor:pointer}
#navToggle div {position:relative}
#navToggle span { display: block; position: absolute; width: 100%; border-bottom: solid 3px #000; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out }
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}


/* ////////////////// スマートフォン用 ////////////////// */
@media screen and (max-width: 768px) {
#logo {
	width: 100%;
	text-align: center;
}
nav {
	display: none;
	
/*
	position: absolute;
    right:0;
    top: -364px;
    background-color: #FFF;
    width:50%;
    padding:0;
*/
	/*
	-webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
*/
    text-align:left}
header {
	height: 73px;
}
header ul {
	margin: 15px 0 0 0;
}
header ul li { width: 50%; display: block; text-align: center; margin: 0; border-right: solid 1px #585858; border-bottom: solid 1px #585858; line-height: 1; box-sizing: border-box; height: 50px }
header ul li:first-child, header ul li:nth-child(2) { border-top: solid 1px #585858 }
header ul li:nth-child(2n) { border-right: none }
header ul li:last-child { width: 50%; border-right: none }
header ul li a { display: block; padding: 0 }
header ul li.group a { font-size: 12px }
header ul li#login { width: 100% }
header ul li::after {content:''}
  header ul li#login, header ul li#cart { margin-left: 0; padding-left: 0; background-color: #FFF }
header ul li#login a, header ul li#cart a { width: 100%; color: #000 }
 
#navToggle {display:block}
 
.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)}

.openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)}

header.openNav {
	height: 280px;
}
.openNav nav {
	display: block;
}
	.openNav nav li a { padding: 15px 0 }

	
}