/* General styles for all menus */

.cbp-spmenu {

	background: #47a3da;

	position: fixed;

}


.cbp-spmenu a {

	display: block;

	color: #fff;
	font-size: 3vw;

	font-weight: 300;

}


.cbp-spmenu a:hover {

	background: #258ecd;

}


.cbp-spmenu a:active {

	background: #afdefa;

	color: #47a3da;

}


/* Orientation-dependent styles for the content of the menu */


.cbp-spmenu-vertical {

	width: 200px;

	height: 100%;

	top: 0;

	z-index: 1000;

}


.cbp-spmenu-vertical a {

	border-bottom: 1px solid #258ecd;

	padding: 1em;

}


.cbp-spmenu-horizontal {

	width: 100%;

	height: 40vm;
	left: 0;

	z-index: 1000;

	overflow: hidden;

}


.cbp-spmenu-horizontal a {

	float: left;
	width: 20%;

	padding: 0.64em;

	border-left: 0.5px solid #258ecd;

	border-right: 0.5px solid #258ecd;

}


/* Horizontal menu that slides from the top or bottom */


.cbp-spmenu-bottom {
	bottom: -600px;

}


.cbp-spmenu-top.cbp-spmenu-open {

	top: 0px;

}


.cbp-spmenu-bottom.cbp-spmenu-open {

	bottom: 0px;

}


/* Transitions */


.cbp-spmenu,

.cbp-spmenu-push {

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}


.vertical{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;/*IE独自仕様対応*/
    writing-mode: vertical-rl;
  display: inline-block;
white-space: nowrap;
}

.navi-trigger {
    position: fixed;
    z-index: 3;
	top: 10px; /*ブラウザのウィンドウ基準 + 固定*/
	right: 20px; /*ブラウザのウィンドウ基準 + 固定*/
}