@charset "UTF-8";
/*drawerMenu.css */

/* Toggle(Button) */
#navToggle {
	display: none;
	position: absolute;/*to body*/
	right:11px;
	top:20px;
	width:50px;
	height:auto;
	cursor:pointer}
#navToggle div {position:relative;}

#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	}
	
#navToggle span:nth-child(1) {top:0; z-index:20}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}



header nav {
	z-index: 10;
	position:absolute;
	right:0;
    top:-1070px; /*通常時はビュー外*/
	background:#4f5c7c;
	font-size:14px; line-height:1em;
	letter-spacing:0.2em;
	color:#ffffff;
    width:100%;
	padding:0;
/* エフェクトなし
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;*/
	text-align:left}

header nav a{ color:#ffffff !important; text-decoration:none}
header nav li{display:block;border-bottom:solid 2px #fff; color:#ffffff}
header nav li a{ color:#ffffff}
header nav li a:hover{ background-color:#1960a3; color:#ffffff; text-decoration:none !important}
	
header ul {margin:0; padding:0;}
header ul li {display:block;margin:0; border-bottom:solid 2px #fff;height:em;}
header ul li a{display:block; color:#ffffff; text-decoration:none; padding-top:1.7em; padding-bottom:1.7em;padding-left:2em;}
header nav ul li .mark{ display: inline; height:4em;position:absolute; right:1.8em; vertical-align:middle; width:16px !important; height:auto}

.mark img{ vertical-align:middle; width:8px; height:14px;}
header ul li:after {content:""}
header ul li:last-child {border-bottom:none}

/* Toggle(Button) */
#navToggle {display: block; width:50px; height:50px; background-image:url("../images/drawer_open.png");  background-size:50px; z-index:1}

/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	display: block; width:50px; height:50px; background-image:url("../images/drawer_close.png");background-size:50px; z-index:50 !important;
	/*top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)*/
	}
	

	
/*header menu*/
.openNav nav {
	-moz-transform: translateY(1159px);
	-webkit-transform: translateY(1159px);
	transform: translateY(1159px)}


#layer {
            position: fixed;
            z-index: 1;
            background: #000000;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
			margin-top:100px;
            filter: alpha(opacity=0);
            opacity: 0.0;
            display: none;
        }
		
/* submenu_sp */
#submenu{ display:none}


/* submenu_sp */
label {
	font-size:14px;
	line-height:1em;
    background: #dde1ea;
    color: #333;
    padding-top:20px;
	padding-bottom:20px;
	padding-left:22px;
    display: block;
    margin: 0;
	letter-spacing:0.3em;
    border-bottom:solid 1px #b5b5b5;
}

input[type="checkbox"].on-off{
    display: none;
}

.submenu_sp ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
	
}

.submenu_sp li {
	border-bottom:solid 1px #b5b5b5;
	background-color:#efefef;
	letter-spacing:0.3em;
}

.submenu_sp .mark{ display:block; width:96%;margin-top:-1em; text-align:right;}
.submenu_sp li .mark{ display:block; width:96%;margin-top:-1em; text-align:right;}
.submenu_sp .mark_dwn{ display:block; width:96%;margin-top:-1em; text-align:right;}
.submenu_sp li .mark_dwn{ display:block; width:96%;margin-top:-2em; text-align:right;}
.mark img{ width:8px; height:auto}
.mark_dwn img{width:13px; height:auto}

.submenu_sp li a {
	font-size:14px;
	letter-spacing:0.3em;
	display:block;
	line-height:1em;
    padding-top:20px;
	padding-bottom:19px;
	padding-left:22px;
    color: #333;
	text-decoration:none;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: auto;
}

input[type="checkbox"].on-off:checked + ul{
    height:240px;
}



/* トグル付acMenu */

#acMenu{ background:#dde1ea; margin:0; padding:0; font-size:15px; letter-spacing:0.3em}
#acMenu dt{
	display:block;
	color:#333333;
	width:100%;
	height:54px;
	line-height:54px;
	text-align:left;
	border-top:#b5b5b5 1px solid;border-bottom:#b5b5b5 1px solid;
	background:url(../images/mark_downward_sub.png)  right 16px top 22px no-repeat; background-size:12px 8px;
	}
#acMenu span{ margin-left:1.5em;letter-spacing:0.3em;}
#acMenu dd{
	background:#efefef;
	width:100%;
	height:715px;
	line-height:50px;
	margin-left:0;
	text-align:left;
	padding-left:0;
	display:none;
	}
#acMenu a{ text-decoration:none; color:#333333}
#acMenu dt.active{
	background:url(../images/mark_upward_sub.png) right 16px top 22px no-repeat; background-size:12px 8px;
	}
#acMenu li{ display:block; height:54px; line-height:54px;list-style:none; border-bottom:solid 1px #b5b5b5; 
padding-left:1.5em;background:url(../images/mark_forward_sub.png)  right 16px top 22px no-repeat; background-size:7px 11px;letter-spacing:0.3em;}