/*!
 * jquery-drawer v3.2.0
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * https://git.blivesta.com/drawer
 * License :MIT
 * Author :blivesta <design@blivesta.com> (https://blivesta.com/)
 */


/* -----------------------------------------------------------

　Navbar

-------------------------------------------------------------- */
.drawerGutter {
	padding-top:12rem;
}

/* header（.descとnavを梱包） */
.drawerNavbar {
	top:0;
	width:100%;
	z-index:101;
}

.drawerFixed {
	position:fixed;
}

/* logoとhamburger */
.drawerHeader {
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
}

/* -----------------------------------------------------------

　Right

-------------------------------------------------------------- */
.drawerPosition.drawer-open .drawerNav, .drawerPosition .drawerHamburger, .drawerPosition.drawer-open .drawerNavbar .drawerHamburger {
	right:0;
}

.drawerPosition.drawer-open .drawerHamburger {
	right:16.25rem;
}

/* -----------------------------------------------------------

　Hamburger

-------------------------------------------------------------- */
.drawerHamburger {
	display:block;
	position:fixed;
	top:4.6rem;
	margin-right:3px;
	width:3rem;
	padding:12px 0.75rem 21px 0.75rem;
	background-color:#fff;
	border:1px #ccc solid;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-o-box-sizing:content-box;
	-ms-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-transition:all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition:all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	outline:0;
	z-index:106;
}

.drawerHamburger:hover {
	cursor:pointer;
}

.hamburgerIcon {
	position:relative;
	display:block;
	margin-top:10px;
}

.hamburgerIcon, .hamburgerIcon:before, .hamburgerIcon:after {
	width:100%;
	height:2px;
	background-color:#000;
	-webkit-transition:all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition:all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.hamburgerIcon:before, .hamburgerIcon:after {
	position:absolute;
	top:-10px;
	left:0;
	content:' ';
}

.hamburgerIcon:after {
	top:10px;
}

.drawer-open .hamburgerIcon {
	background-color:transparent;
}

.drawer-open .hamburgerIcon:before, .drawer-open .hamburgerIcon:after {
	top:0;
	background-color:#f00;
}

.drawer-open .hamburgerIcon:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.drawer-open .hamburgerIcon:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* -----------------------------------------------------------

　Base

-------------------------------------------------------------- */
.drawerNav {
	position:fixed;
	top:4.1rem;
	right:-26rem;
	padding-top:3.75rem;
	width:26rem;
	height:100%;
	background:#fff;
	-moz-transition:right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transition:right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition:right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-ms-transition:right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition:right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	overflow:hidden;
	z-index:104;
}

.drawerBrand {
	display:inline-block;
	width:145px;
	height:55px;
	background:url(../../../images/logo_mb.png) center center no-repeat;
	background-size:65% auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:100;
}

.drawerMenu {
	margin:0;
	padding-bottom:10rem;
	list-style:none;
}

.drawerMenu > li {
	padding:0 20px;
}

.menuItem, .menuItem:visited {
	display:block;
	padding:8px 0;
	border-bottom:1px #f19ec2 solid;
	color:#00a0e9;
	font-size:128.57142%;
	text-decoration:none;
	letter-spacing:0.1rem;
}

.menuItem:hover, .menuItem:focus {
	color:#ea68a2;
	text-decoration:none;
}

.menuItem:before {
	position:relative;
	top:8px;
	padding-right:10px;
	color:#f19ec2;
	font-size:3rem;
	font-family: "FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

.menuItem:hover:before {
	color:#ea68a2;
}

.drawerMenu > li:nth-child(1) .menuItem:before {
	content:"\f0f3";
}

.drawerMenu > li:nth-child(2) .menuItem:before {
	content:"\f030";
}

.drawerMenu > li:nth-child(3) .menuItem:before {
	content:"\f005";
}

.drawerMenu > li:nth-child(4) .menuItem:before {
	content:"\f004";
}

.drawerMenu > li:nth-child(5) .menuItem:before {
	content:"\f290";
}

.drawerMenu > li:nth-child(6) .menuItem:before {
	content:"\f1ad";
}

.drawerMenu > li:nth-child(7) .menuItem:before {
	content:"\f0e0";
}

.menuItem em {
	display:block;
	padding-left:4.2rem;
	font-size:0.77777em;
	font-weight:300;
	font-style:normal;
	line-height:1.2em;
}

.menuItem em span {
	padding-left:5px;
}

/* -----------------------------------------------------------
　overlay
-------------------------------------------------------------- */
.drawer-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:100;
}

.drawer-open .drawer-overlay {
	display:block;
}

.drawer-open > header .navi {
	background:inherit;
}

/* -----------------------------------------------------------

　Dropdown

-------------------------------------------------------------- */
/*.dropdownMenu {
	display:none;
	margin:0;
	padding:10px;
	width:100%;
	background:url(../../../images/bg_dropdown.png) 0 0 repeat;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-o-border-bottom-left-radius:10px;
	-ms-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-o-border-bottom-right-radius:10px;
	-ms-border-bottom-right-radius:10px;
}

.dropdownMenu > li {
	width:100%;
	list-style:none;
}

.dropdownMenu .dropdownItem {
	line-height:3.75rem;
}

.dropdownMenu > li a {
	display:block;
	padding:5px 3px;
}

.dropdownMenu > li a:before {
	display:inline;
	margin-right:5px;
	content:"\f0da";
	font-family: "FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

.dropdownMenu li:hover .dropdownMenu {
	position:static;
}

.dropdownMenu > li a:hover:before {
	color:#f60;
}

.dropdownMenu > li.other {
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px #ea68a2 solid;
	line-height:0;
}

.dropdownItem, .dropdownItem:visited {
	display:block;
	padding:0;
	padding-right:0.5rem;
	padding-left:0.5rem;
	color:#000;
	font-weight:300;
	text-decoration:none;
	line-height:3.75rem;
}

.dropdownItem:hover, .dropdownItem:focus {
	background:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	color:#f60;
	text-decoration:none;
}

.dropdownMenu > li a:hover:before, .dropdownMenu > li a:focus:before {
	color:#fff;
}

.dropdownMenu > li a:hover:after, .dropdownMenu > li a:focus:after {
	margin-left:5px;
	content:"\f061";
	font-family: "FontAwesome";
}*/

/* taneichi custom */
.dropdown-menu {
	display:none;
	position:inherit;
	border :none;
	border-radius:0px;
	margin:0;
	padding:10px;
	width:100%;
	background:url(../../../images/bg_dropdown.png) 0 0 repeat;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	/*box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;*/
	border-bottom-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-o-border-bottom-left-radius:10px;
	-ms-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-o-border-bottom-right-radius:10px;
	-ms-border-bottom-right-radius:10px;
}

.dropdown-menu > li {
	width:100%;
	list-style:none;
}

.dropdown-menu > li a {
	padding-left:10px;
	padding-right:10px;
}

.dropdown-menu > li a:before {
	display:inline;
	margin-right:5px;
	content:"\f0da";
	font-family:"FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

.dropdown-menu .dropdownItem {
	line-height:3.75rem;
}

.dropdown-menu > li a:hover:before {
	visibility:hidden;
}

.dropdown-menu > li.divider {
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px #ea68a2 solid;
	line-height:0;
}

.dropdownItem, .dropdownItem:visited {
	display:block;
	padding:0;
	padding-right:0.5rem;
	padding-left:0.5rem;
	color:#000;
	font-weight:300;
	text-decoration:none;
	line-height:3.75rem;
}

.dropdownItem:hover, .dropdownItem:focus {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	color:#F60;
	text-decoration:none;
}

.dropdownItem:hover {
	color:#F60 !important;
}

.dropdown-menu > li a:hover:before, .dropdown-menu > li a:focus:before {
	color:#fff;
}

.dropdown-menu > li a:hover:after, .dropdown-menu > li a:focus:after {
	margin-left:5px;
	content:"\f061";
	font-family: "FontAwesome";
}

/* -----------------------------------------------------------
　open
-------------------------------------------------------------- */
.drawerDropdown.open > .dropdown-menu {
	display:block;
}

.drawerDropdown.open > .menuItem {
	text-decoration:none;
}

.drawerDropdown.open > .menuItem:before {
	color:#ea68a2;
}

/* -----------------------------------------------------------
　drawerCaret
-------------------------------------------------------------- */
.drawerCaret {
	display:inline-block;
	width:0;
	height:0;
	margin-left:47%;
	border-top:6px solid;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	color:#000;
	vertical-align:middle;
	-webkit-transition:opacity 0.2s ease, -webkit-transform 0.2s ease;
	transition:opacity 0.2s ease, -webkit-transform 0.2s ease;
	transition:transform 0.2s ease, opacity 0.2s ease;
	transition:transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	text-align:center;
}

/*　open
/*-------------------------------------------*/
.drawerDropdown.open .drawerCaret {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

@media only screen and (min-width :360px) {

	/* -----------------------------------------------------------
	
	　Hamburger
	
	-------------------------------------------------------------- */
	.drawerHamburger {
		top:5.0rem;
	}

	/* -----------------------------------------------------------
	
	　Base
	
	-------------------------------------------------------------- */
	.drawerNav {
		top:4.5rem;
	}

}

@media only screen and (min-width :480px) {

	/* -----------------------------------------------------------
	
	　Base
	
	-------------------------------------------------------------- */
	.drawerNav {
		top:4.5rem;
	}

	.drawerBrand {
		width:145px;
		height:70px;
		background-size:85% auto;
	}

}

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

	/* -----------------------------------------------------------
	
	　Navbar
	
	-------------------------------------------------------------- */
	.drawerGutter {
		padding-top:15rem;
	}

	/* -----------------------------------------------------------
	
	　Hamburger
	
	-------------------------------------------------------------- */

	/* logoとhamburger */
	.drawerHeader {
		display:block;
		float:left;
		width:auto;
		padding:0;
		border:none;
		z-index:106;
	}

	.drawerHamburger {
		display:none;
	}

	/* -----------------------------------------------------------
	　current
	-------------------------------------------------------------- */
	.drawerMenu li a.active {
		color:#fff;
		background:#f19ec2;
	}
	
	.drawerMenu a.active:before {
		color:#fff45c;
	}

	/* -----------------------------------------------------------
	
	　Base
	
	-------------------------------------------------------------- */
	.drawerNav {
		position:relative;
		top:0;
		right:0;
		margin:0;
		padding:0;
		width:100%;
		height:12rem;
		background:inherit;
		-moz-transition:translate3d(0, 0, 0);
		-webkit-transition:translate3d(0, 0, 0);
		-o-transition:translate3d(0, 0, 0);
		-ms-transition:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		overflow:visible;
	}

	.drawerBrand {
		width:145px;
		height:115px;
		background-size:inherit;
	}
	
	.menuPosition {
		position:absolute;
		right:0;
	}
	
	.drawerMenu {
		padding:0;
	}

	.drawerMenu > li {
		float:left;
		padding:0;
		width:12.4vw;
	}

	.drawerMenu > li:nth-child(7) {
		display:none;
	}

	.menuItem, .menuItem:visited {
		padding:3.5vh 0;
		width:12.4vw;
		height:12rem;
		border-bottom:inherit;
		color:#ea68a2;
		font-size:80%;
		text-align:center;
		line-height:1.2em;
		letter-spacing:inherit;
	}
	
	.menuItem:hover, .menuItem:focus {
		color:#fff;
		background:#f19ec2;
	}

	.menuItem:before {
		display:block;
		margin-bottom:15px;
		padding-right:inherit;
		color:#ea68a2;
		font-size:2.5rem;
	}

	.menuItem:hover:before {
		color:#fff45c;
	}
	
	.menuItem em {
		padding-left:inherit;
		font-size:0.77777em;
	}
	
	.menuItem em span {
		display:block;
		padding-left:inherit;
	}
	
	/* -----------------------------------------------------------
	
	　Dropdown
	
	-------------------------------------------------------------- */
	.dropdownMenu {
		position:absolute;
		padding:5px;
		width:17rem;
	}
	
	.dropdownMenu > li.other {
		margin-top:10px;
		margin-bottom:10px;
		line-height:0;
	}

	.dropdownMenu a {
		font-size:90%;
	}

	/* taneichi custom */
	.dropdown-menu {
		position:absolute;
		padding:5px;
		width:17rem;
	}

	.dropdown-menu > li.other {
		margin-top:10px;
		margin-bottom:10px;
		line-height:0;
	}
	
	.dropdown-menu a {
		font-size:90%;
	}
	
	/* -----------------------------------------------------------
	　open
	-------------------------------------------------------------- */
	.drawerDropdown.open > .menuItem {
		color:#fff;
	}
	
	.drawerDropdown.open > .menuItem:before {
		color:#fff45c;
	}

	/* -----------------------------------------------------------
	　drawerCaret
	-------------------------------------------------------------- */
	.drawerDropdown .drawerCaret {
		margin-left:0;
		border-top:4px solid;
		border-right:4px solid transparent;
		border-left:4px solid transparent;
	}

}

@media only screen and (min-width :768px) {

	/* -----------------------------------------------------------
	
	　Base
	
	-------------------------------------------------------------- */
	.drawerMenu > li {
		width:13vw;
	}

	.menuItem, .menuItem:visited {
		padding:3vh 0;
		width:13vw;
		font-size:100%;
	}

	.menuItem:before {
		font-size:3rem;
	}
	
	.menuItem em {
		font-size:0.9em;
	}
	
	/* -----------------------------------------------------------
	
	　Dropdown
	
	-------------------------------------------------------------- */
	.dropdownMenu {
		width:20rem;
	}

	.dropdownMenu a {
		font-size:100%;
	}

	/* taneichi custom */
	.dropdown-menu {
		width:20rem;
	}

	.dropdown-menu a {
		font-size:100%;
	}

	/* -----------------------------------------------------------
	　drawerCaret
	-------------------------------------------------------------- */
	.drawerDropdown .drawerCaret {
		margin-left:5px;
		border-top:5px solid;
		border-right:5px solid transparent;
		border-left:5px solid transparent;
	}

}

@media only screen and (min-width :992px) {

	/* -----------------------------------------------------------
	
	　Base
	
	-------------------------------------------------------------- */
	.drawerBrand {
		width:185px;
		background:url(../../../images/logo.png) center center no-repeat;
	}

	.drawerMenu > li {
		width:13rem;
	}

	.menuItem, .menuItem:visited {
		padding:1.5vh 0;
		width:13rem;
		font-size:128.57142%;
	}

	.menuItem em {
		font-size:0.77777em;
	}
	
	/* -----------------------------------------------------------
	
	　Dropdown
	
	-------------------------------------------------------------- */
	.dropdownMenu {
		padding:10px;
		width:23rem;
	}

	/* taneichi custom */
	.dropdown-menu {
		padding:10px;
		width: 23rem;
	}

	/* -----------------------------------------------------------
	　drawerCaret
	-------------------------------------------------------------- */
	.drawerDropdown .drawerCaret {
		margin-left:6px;
		border-top:6px solid;
		border-right:6px solid transparent;
		border-left:6px solid transparent;
	}

}

@media only screen and (min-width :1200px) {

	/* -----------------------------------------------------------
	
	　Base
	
	-------------------------------------------------------------- */
	.drawerMenu > li {
		width:15rem;
	}

	.menuItem, .menuItem:visited {
		padding-top:15px;
		width:15rem;
	}

}