@charset "utf-8";
/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (min-width:769px) {
.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

/*.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}*/



.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
	position:relative;
}

.menu > ul > li a {
    text-decoration: none;
    /*padding: 1.5em 3em;*/
    display: block;
}

.menu > ul > li > ul {
    /*display: none;*/
    /*width: 100%;*/
	width:300px;
    padding: 0;
    position: absolute;
    z-index: 300;
	left:0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}


/*.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}*/

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 16.6%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

/*.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}*/

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

/*.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}
*/
.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

/*.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}*/


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
2017追指定
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu > ul.inner{
    padding: 0 10%;
	background:url(images/base/gnav_back.gif) repeat-x left bottom,#fff;
	border-bottom:1px solid #879aa6;
	}
	
.menu > ul > li {
	width:16.5%;
	background:url(images/base/boder_dot.png) no-repeat left;
	height: 60px;
}

.menu > ul > li#menu06{
	width:17%;
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/boder_dot.png) no-repeat right;
}

.menu > ul > li a {
	color:#333;
	padding:15px 0;
}

.menu a p{
	min-height:30px;
    white-space:nowrap;
    overflow:visible;
	font-size:1.6rem;
	line-height:1.2;
	font-weight:500;
	letter-spacing:0.05em;
	margin:0 auto;
	}
	
	
.menu a p span{
	display:block;
	font-size:0.9rem;
	color:#999;
	letter-spacing:0.025em;
}

.menu #menu06 a p{
	letter-spacing:0;
}


.menu a p span.sp{
	display:none;
}


/*各ボタンの設定*/

li#menu01 p{
	width:120px;
	background:url(images/base/gicon_intro.png) no-repeat left top;
	background-size:30px auto;
	padding:0 0 0 40px;
}

li#menu02 p{
	width:115px;
	background:url(images/base/gicon_edu.png) no-repeat left top;
	background-size:24px auto;
	padding:0 0 0 35px;
}

li#menu03 p{
	width:115px;
	background:url(images/base/gicon_ent.png) no-repeat left top;
	background-size:22px auto;
	padding:0 0 0 32px;
}

li#menu04 p{
	width:125px;
	background:url(images/base/gicon_sl.png) no-repeat left top;
	background-size:32px auto;
	padding:0 0 0 42px;
}

li#menu05 p{
	width:115px;
	background:url(images/base/gicon_acc.png) no-repeat left top;
	background-size:23px auto;
	padding:0 0 0 33px;
}

li#menu06 p{
	width:160px;
	background:url(images/base/gicon_after.png) no-repeat left top;
	background-size:23px auto;
	padding:0 0 0 30px;
}


/*各ボタンの設定 hover*/

.menu > ul > li#menu01:hover a{ color:#e9546b; }
.menu > ul > li#menu02:hover a{ color:#58b9e3; }
.menu > ul > li#menu03:hover a{ color:#f08300; }
.menu > ul > li#menu04:hover a{ color:#9dc93a; }
.menu > ul > li#menu05:hover a{ color:#64c0ab; }
.menu > ul > li#menu06:hover a{ color:#a64d99; }

.menu > ul > li#menu01:hover {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/01_over.gif) repeat-x left bottom;
}

.menu > ul > li#menu02:hover {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/02_over.gif) repeat-x left bottom;
}

.menu > ul > li#menu03:hover {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/03_over.gif) repeat-x left bottom;
}

.menu > ul > li#menu04:hover {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/04_over.gif) repeat-x left bottom;
}
.menu > ul > li#menu05:hover {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/05_over.gif) repeat-x left bottom;
}

.menu > ul > li#menu06:hover {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/boder_dot.png) no-repeat right,
	url(images/base/06_over.gif) repeat-x left bottom;
}

.menu > ul > li#menu01 > ul li ul li{ background:#e9546b; }
.menu > ul > li#menu02 > ul li ul li{ background:#35a0cf; }
.menu > ul > li#menu03 > ul li ul li{ background:#e17a00; }
.menu > ul > li#menu04 > ul li ul li{ background:#7aa41b; }

.menu > ul > li#menu01 > ul li ul li:hover{ background: #e9b6c5; }
.menu > ul > li#menu02 > ul li ul li:hover{ background: #95cae1; }
.menu > ul > li#menu03 > ul li ul li:hover{ background: #edb776; }
.menu > ul > li#menu04 > ul li ul li:hover{ background: #a1bc65; }


/*各ボタンの設定 カレント*/

#intro .menu > ul > li#menu01 a{ color:#e9546b; }
#edu .menu > ul > li#menu02 a{ color:#58b9e3; }
#entr .menu > ul > li#menu03 a{ color:#f08300; }
#slife .menu > ul > li#menu04 a{ color:#7aa41b; }
#acc .menu > ul > li#menu05 a{ color:#64c0ab; }
#afters .menu > ul > li#menu06 a{ color:#a64d99; }

#intro .menu > ul > li#menu01:hover ul > li a,
#edu .menu > ul > li#menu02:hover ul > li a,
#entr .menu > ul > li#menu03:hover ul > li a,
#slife .menu > ul > li#menu04:hover ul > li a{ color:#333; }

#intro .menu > ul > li#menu01 {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/01_over.gif) repeat-x left bottom;
}

#edu .menu > ul > li#menu02 {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/02_over.gif) repeat-x left bottom;
}

#entr .menu > ul > li#menu03 {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/03_over.gif) repeat-x left bottom;
}

#slife .menu > ul > li#menu04 {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/04_over.gif) repeat-x left bottom;
}
#acc .menu > ul > li#menu05 {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/05_over.gif) repeat-x left bottom;
}

#afters .menu > ul > li#menu06 {
	background:url(images/base/boder_dot.png) no-repeat left,
	url(images/base/boder_dot.png) no-repeat right,
	url(images/base/06_over.gif) repeat-x left bottom;
}

/*PC メニュー上部固定*/

#top-head{
	position:relative;
	z-index:500;
}
#top-head.fixed {
	width:100%;
    margin-top: 0;
    top: 0;
    position: fixed;
    transition: top 0.65s ease-in;
    -webkit-transition: top .6s ease-in;
    -moz-transition: top .6s ease-in;
	border-top:5px solid #007bc7;
	z-index:500;
}


#top-head.fixed #head_info .inner{
	display:none;
}

#top-head.fixed #head_info{
	height:36px;
	border-top:none;
}

#top-head.fixed #head_info h1{
	padding:10px 0 0 20px;
}

#top-head.fixed #head_info h1 img{
	max-width:150px;
}

/*ドロップ内*/

.menu ul li ul li{
	width:100%;
}

.menu ul li ul li ul{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.menu ul li ul li ul.line3{
	max-width:750px;
}

.menu ul li ul li ul li span::before{
	content:"≫";
	color:#fff;
	margin:0 10px 0 -10px;
}


/*.menu ul li ul li ul li:hover span{
	filter: alpha(opacity=50); 
    -moz-opacity:0.50;
	opacity:0.50;
	-webkit-transition: all .3s;
	transition: all .3s;
}*/

.menu ul li ul li ul li a{
	width:100%;
	/*height:180px;*/
	margin:0 auto;
	padding:0;
}

.menu ul li ul li ul li a span{
	display:block;
	color:#fff;
	padding:10px 10px 8px 20px;
}

.menu ul li ul li ul li a span::before{
}

/*.menu ul li ul li ul li a img{
	width:225px;
	height:120px;
}*/

.menu > ul > li > ul > li > ul > li {
    padding: 0;
    font-size:1.4rem;
	line-height:1.4;
	margin:0 0 1px;
	letter-spacing:0.05em;
}

.menu-mobile {
    display: none;
}

/*.menu ul li#menu01 ul li ul li{ border-bottom:1px solid #e9546b; }
.menu ul li#menu02 ul li ul li{ border-bottom:1px solid #58b9e3; }
.menu ul li#menu03 ul li ul li{ border-bottom:1px solid #f08300; }
.menu ul li#menu04 ul li ul li{ border-bottom:1px solid #9dc93a; }*/

	.menu-mobile::after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 5.0rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

#global-nav button{ display:none;}

}

@media only screen and (max-width: 1299px) {


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
20171117追指定
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu > ul.inner{
    padding: 0 1%;
	}
	
}

@media only screen and (max-width: 999px) {
	
/*PC メニュー上部固定*/

#top-head.fixed {
    position:static;
}

}


@media only screen and (max-width: 768px) {
	
#global-nav button{ display:block;}




.menu > ul.inner{
    padding: 60px 0 0;
	border-bottom:1px solid #999;
	}

.menu > ul.inner li{
	line-height:1.4;
	border-top:1px solid #999;
}

.menu > ul.inner li p{
	font-size:1.5rem;
}


.menu a p span.sp{
	display:block;
}


.menu > ul.inner li ul li{
	border-top:none;
}

.menu > ul.inner li ul li ul li{
	font-size:1.4rem;
	border-top:1px solid #fff;
}


.menu > ul.inner li a{
	display:block;
	padding:10px;
	text-decoration:none;
}


.menu > ul.inner li#menu01 a { color:#e9546b; }
.menu > ul.inner li#menu02 a{ color:#35a0cf; }
.menu > ul.inner li#menu03 a{ color:#e17a00; }
.menu > ul.inner li#menu04 a{ color:#7aa41b; }
.menu > ul.inner li#menu05 a{ color:#64c0ab; }
.menu > ul.inner li#menu06 a{ color:#a64d99; }
.menu > ul.inner li.sp a{ color:#007bc7; }

.menu > ul.inner li#menu01 a:hover,
.menu > ul.inner li#menu02 a:hover,
.menu > ul.inner li#menu03 a:hover,
.menu > ul.inner li#menu04 a:hover,
.menu > ul.inner li#menu05 a:hover,
.menu > ul.inner li#menu06 a:hover,
.menu > ul.inner li.sp a:hover{ 
	filter: alpha(opacity=50); 
    -moz-opacity:0.50;
	opacity:0.50;
	-webkit-transition: all .6s;
	transition: all .6s;
	 }

.menu > ul.inner li#menu01 ul li a{ color:#fff; }
.menu > ul.inner li#menu02 ul li a{ color:#fff; }
.menu > ul.inner li#menu03 ul li a{ color:#fff; }
.menu > ul.inner li#menu04 ul li a{ color:#fff; }

.menu > ul.inner li#menu01 ul li ul li{ background:#e9546b; }
.menu > ul.inner li#menu02 ul li ul li{ background:#35a0cf; }
.menu > ul.inner li#menu03 ul li ul li{ background:#e17a00; }
.menu > ul.inner li#menu04 ul li ul li{ background:#7aa41b; }

.menu > ul.inner li#menu01 ul li ul li:hover{ background:#e9b6c5; }
.menu > ul.inner li#menu02 ul li ul li:hover{ background:#95cae1; }
.menu > ul.inner li#menu03 ul li ul li:hover{ background:#edb776; }
.menu > ul.inner li#menu04 ul li ul li:hover{ background:#a1bc65; }

.menu > ul.inner li#menu06 a span.sp{
	display:block;
	font-size:1.2rem;
}

}