/* スリックナビ用スタイルまとめ
----------------------------------------*/
/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn{
	position:relative;
	display:block;
	vertical-align:middle;
	float:right;
	padding:0.9em 1em;
	line-height:1.125em;
	cursor:pointer;
	height:6em;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{
	margin-top:0.188em;
}

.slicknav_menu{
	*zoom:1;
}

.slicknav_menu .slicknav_menutxt{
	display:block;
	line-height:1.188em;
	float:left;
}

.slicknav_menu .slicknav_icon{
	float:left;
	width:3.6em;
	height:auto;
}

.slicknav_menu .slicknav_icon:before{
	background:transparent;
	width:30px;
	height:20px;
	display:block;
	content:"";
	position:absolute;
}

.slicknav_menu .slicknav_no-text{
	margin:0;
}

.slicknav_menu .slicknav_icon-bar{
	display:block;
	width:1.125em;
	height:0.125em;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before{
	content:" ";
	display:table;
}

.slicknav_menu:after{
	content:" ";
	display:table;
	clear:both;
}

.slicknav_nav{
	clear:both;
}

.slicknav_nav ul{
	display:block;
	position:relative;
	top:-30px;
}

.slicknav_nav li{
	padding:9px 23px 9px 9px;
	font-size:85%;
	display:block;
	position:relative;
	background-color: #ffffff;
	margin-bottom:1em;
	height:3.1em;
}

.slicknav_nav .slicknav_arrow{
	font-size:0.8em;
	margin:0 0 0 0.4em;
	position:absolute;
	right:1.2em;
	top:1.3em;
}

.slicknav_parent ul li:last-child{
	border:none;
}

.slicknav_nav .slicknav_item{
	cursor:pointer;
}

.slicknav_nav .slicknav_item a{
	display:inline;
}

.slicknav_nav .slicknav_row{
	display:block;
}

.slicknav_nav a{
	display:block;
}

.slicknav_nav .slicknav_parent-link a{
	display:inline;
}

.slicknav_brand{
	float:left;
}

.slicknav_menu{
	position:fixed;
	z-index:99;
	right:0;
	top:0;
	width:15em;
}
.slicknav_menu *{
	box-sizing:border-box;
}

.slicknav_menu .slicknav_menutxt{
	color:#413d3c;
	font-weight:bold;
	width:4em;
	position:absolute;
	bottom:0.5em;
	left:50%;
	margin-left:-1.95em;
}

.slicknav_open .slicknav_menutxt{
	display:none;
}

.slicknav_menu .slicknav_icon-bar{
	background-color:#ce514d;
}

.slicknav_btn{
	/*アイコン枠*/
	margin:2em;
	text-decoration:none;
	
	/* box-shadow */

	z-index:2;
	transition:0.5s;

}

.slicknav_btn.slicknav_open{
	border-color:transparent;
	box-shadow:none;
}

.slicknav_menu.fixed .slicknav_btn{
	margin:5px 5px 7px 5px;
}

.slicknav_nav {
	/*背景*/
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:rgba(0,0,0,0.1);
	color: #fff;
	margin:0;
	padding:0;
	font-size:0.875em;
	list-style:none;
	overflow:auto;
	
	position:fixed;
	top:0;
	right:0;
	background-color:rgba(234,219,208,0.7);
	width:100%;
	z-index:1;
	height:100%;
	transition:0.5s;
	box-sizing:border-box;
}

.slicknav_nav.slicknav_hidden{
	right:-83em;
}

.slicknav_nav ul{
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:10em 0 0 0;
}

.slicknav_nav {
	padding:0 2em;
}

.slicknav_nav a{
	padding: 0.3em;
	margin: 0px 5px;
	text-decoration: none;
	color:#333333;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position:relative;
}

.slicknav_nav ul a:before,
.slicknav_nav ul a:after{
	content:"";
	display:block;
	width:0.8em;
	height:0.8em;
	position:absolute;
	top:50%;
	margin-top:-0.4em;
	transform:rotate( 45deg );
}

.slicknav_nav ul a:before{
	background-color:#000000;
	right:-0.5em;
	transition:0.3s;
}

.slicknav_nav ul a:after{
	background-color:#ffffff;
	right:calc( -0.5em + 3px );
}

.slicknav_nav .under1 {
	text-align:center;
	padding:1em 0 2em 0;
}

.slicknav_nav .under1 a{
	display:inline-block;
	color:#ffffff;
	font-size:130%;
}

.slicknav_nav .under1 a:nth-of-type(1){
	margin-right:8%;
}

.slicknav_nav .under2 img{
	display:inline-block;
	width:46%;
}

.slicknav_nav .under2 img:nth-of-type(1){
	margin-right:8%;
}

.slicknav_nav a:hover{
	color:#dea503;
}

.slicknav_nav a:hover:before{
	background-color:#dea503;
}

.slicknav_nav a .left{
	width:6em;
	height:4em;
	margin-right:1em;
	background-size:cover;
	background-position:center center;
}

.slicknav_nav li:nth-of-type(1) a .left{
	background-image:url("../image/common/menu/menu01.jpg");
}

.slicknav_nav li:nth-of-type(2) a .left{
	background-image:url("../image/common/menu/menu02.jpg");
}

.slicknav_nav li:nth-of-type(3) a .left{
	background-image:url("../image/common/menu/menu03.jpg");
}

.slicknav_nav li:nth-of-type(4) a .left{
	background-image:url("../image/common/menu/menu04.jpg");
}

.slicknav_nav li:nth-of-type(5) a .left{
	background-image:url("../image/common/menu/menu05.jpg");
}

.slicknav_nav li:nth-of-type(6) a .left{
	background-image:url("../image/common/menu/menu06.jpg");
}

.slicknav_nav li:nth-of-type(7) a .left{
	background-image:url("../image/common/menu/menu08.jpg");
}

.slicknav_nav li:nth-of-type(8) a .left{
	background-image:url("../image/common/menu/menu07.jpg");
}

.slicknav_nav a .right div{
	letter-spacing:0.05em;
}

.slicknav_nav a .right div:nth-of-type(1){
	font-size:100%;
	margin-bottom:-0.1em;
}

.slicknav_nav a .right div:nth-of-type(2){
	font-size:110%;
}

.slicknav_nav .slicknav_txtnode{
	margin-left:15px;
}

.slicknav_nav .slicknav_item a{
	padding:0;
	margin:0;
}

.slicknav_nav .slicknav_parent-link a{
	padding:0;
	margin:0;
}

.slicknav_brand{
	color:#fff;
	font-size:18px;
	line-height:30px;
	padding:7px 12px;
	height:44px;
}

/*
 * 三本線アニメーション
 */
/*
.animenu__toggle__bar{
	display:block;
	width:3.6em;
	height:3px;
	background-color:#413d3c;
	-webkit-transition:0.2s cubic-bezier(0.75, -0.55, 0.25, 1.55);
	transition:0.2s cubic-bezier(0.75, -0.55, 0.25, 1.55);

	box-shadow:0px 0px 0px 2px rgba(255,255,255,0.7);
}
*/
.animenu__toggle__bar{
	display:block;
	width:0px;
}

.animenu__toggle__bar + .animenu__toggle__bar{
	margin-top:0.9em;
}

.animenu__toggle--active .animenu__toggle__bar{
	width:3.6em;
	margin:0;
	position:absolute;
	top:2em;
	box-shadow:none;
	background-color:#cacaca;
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(1){
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(2){
	opacity:0;
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(3){
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}