@charset "utf-8";

/* PC：gnavi-top-pc.css
 * おまかせプラン ver.6
 * **************************************************
 * Space
 * Mm-menu (jquery)
 * Main Img
 * Body
 * Container
 * Content (Main)
 * Header
 * Side
 * Global Navigation (Nav)
 * Header Navigation (Nav)
 * Local Navigation (Nav)
 * Content (Main)
 * Common Elements
 * **************************************************
 * Media Queries min-width: その他　 (調整)
 * **************************************************
 */

/*  Space
------------------------------------------------------------------- */

/* Mm-menu (jquery)
------------------------------------------------------------------ */
.mm-menu {
}

/* Body
------------------------------------------------------------------ */
body {
}

/* Global Navigation (Top)
------------------------------------------------------------------ */
#globalNav {
	display: block;
	background: url(../images/gnavi/bg_gnavi.jpg) repeat-x center bottom;
	padding:0 20px;
}

#globalNav nav a {
	text-decoration: none; 
}

/* 1階層 */
#globalNav nav ul:not(.sec) {
	position: relative;
	margin: 0 auto;
  width: 100%;
  max-width: 1050px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#globalNav li[id^="nav_g"] {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
	margin-top:7px;
	border-right: 1px solid #d0cece;
	width: calc(100% / 7 );
}
#globalNav li#nav_g00{
	width:7%;
}

#globalNav li[id^="nav_g"]:first-child{
		border-left: 1px solid #d0cece;
}

#globalNav li[id^="nav_g"] > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items:end;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  font-weight:bold;
  width: 100%;
  height: 100%;
  text-align:center;
	color:#3e3e3e;
}

#globalNav li[id^="nav_g"] > a span{
	padding-bottom:5px;
}

#globalNav li[id^="nav_g"]:hover,
#globalNav li[id^="nav_g"].active{
  padding-bottom:5px;
	position:relative;
}

#globalNav li[id^="nav_g"]:hover::before,
#globalNav li[id^="nav_g"].active::before{
	position:absolute;
	display: block;
	font-size:1.0em;
	content:'▲';
	bottom:-7px;
   left: 50%;
  transform:translateX(-50%); 
}

#globalNav li#nav_g00:hover,
#globalNav li#nav_g00.active{
	border-bottom:3px solid #113277;
}
#globalNav li#nav_g00:hover::before,
#globalNav li#nav_g00.active::before{
	color:#113277;
}

#globalNav li#nav_g08:hover,
#globalNav li#nav_g08.active{
	border-bottom:3px solid #d0baa3;
}
#globalNav li#nav_g08:hover::before,
#globalNav li#nav_g08.active::before{
	color:#d0baa3;
}

#globalNav li#nav_g02:hover,
#globalNav li#nav_g02.active{
	border-bottom:3px solid #43ae90;
}
#globalNav li#nav_g02:hover::before,
#globalNav li#nav_g02.active::before{
	color:#43ae90;
}

#globalNav li#nav_g04:hover,
#globalNav li#nav_g04.active{
	border-bottom:3px solid #a3ab17;
}
#globalNav li#nav_g04:hover::before,
#globalNav li#nav_g04.active::before{
	color:#a3ab17;
}

#globalNav li#nav_g05:hover,
#globalNav li#nav_g05.active{
	border-bottom:3px solid #91a9d5;
}
#globalNav li#nav_g05:hover::before,
#globalNav li#nav_g05.active::before{
	color:#91a9d5;
}

#globalNav li#nav_g06:hover,
#globalNav li#nav_g06.active{
	border-bottom:3px solid #b23b71;
}
#globalNav li#nav_g06:hover::before,
#globalNav li#nav_g06.active::before{
	color:#b23b71;
}

#globalNav li#nav_g03:hover,
#globalNav li#nav_g03.active{
	border-bottom:3px solid #5580de;
}
#globalNav li#nav_g03:hover::before,
#globalNav li#nav_g03.active::before{
	color:#5580de;
}

#globalNav li#nav_g07:hover,
#globalNav li#nav_g07.active{
	border-bottom:3px solid #43b3e1;
}
#globalNav li#nav_g07:hover::before,
#globalNav li#nav_g07.active::before{
	color:#43b3e1;
}



#globalNav nav li span::before {
  position:absolute;
  display: block;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0px;
}

#globalNav  nav #nav_g00 span::before {
  content: url("../images/gnavi/gnavi_01.jpg");
}
#globalNav nav #nav_g08 span::before {
  content: url("../images/gnavi/gnavi_08.jpg");
}
#globalNav nav #nav_g02 span::before {
  content: url("../images/gnavi/gnavi_02.jpg");
}
#globalNav nav #nav_g04 span::before {
  content: url("../images/gnavi/gnavi_04.jpg");
}
#globalNav nav #nav_g05 span::before {
  content: url("../images/gnavi/gnavi_05.jpg");
}
#globalNav nav #nav_g06 span::before {
  content: url("../images/gnavi/gnavi_06.jpg");
}
#globalNav nav #nav_g03 span::before {
  content: url("../images/gnavi/gnavi_03.jpg");
}
#globalNav nav #nav_g07 span::before {
  content: url("../images/gnavi/gnavi_07.jpg");
}

/* 2階層 */
#globalNav nav .sec {display: none;}
#globalNav nav li:hover .sec {display: block;}
#globalNav nav .sec {
	position: absolute; top:59px; left:0px;
	padding: 2em;
	height:auto;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
	width:200px;
}

#globalNav nav .sec li span::before{
	display:none;
}

#globalNav nav> ul> li:last-of-type .sec {
  left: auto; right: 0;
}
#globalNav nav .sec li+ li {
  margin-top: 1.2em;
}
#globalNav nav .sec li a {
	display: block;
	width:auto;
  color: #3d3d3d;
	padding-left:1.6em;
	font-size: 1.0em;
	font-weight: bold;
  line-height: 1.1;
	text-decoration: none;
	position:relative;
}

#globalNav nav .sec li a:before{
	position:absolute;
	content:'';
	width:15px;
	height:15px;
	left:0;
	
}
#globalNav nav #nav_g08 .sec li a:before{
	background:url("../images/common/link-arrow_g08.svg") no-repeat left center/contain;
}
#globalNav li#nav_g08 .sec{
	border:3px solid #d0baa3;
}

#globalNav nav #nav_g02 .sec li a:before{
	background:url("../images/common/link-arrow_g02.svg") no-repeat left center/contain;
}
#globalNav li#nav_g02 .sec{
	border:3px solid #43ae90;
}

#globalNav nav #nav_g04 .sec li a:before{
	background:url("../images/common/link-arrow_g04.svg") no-repeat left center/contain;
}
#globalNav li#nav_g04 .sec{
	border:3px solid #a3ab17;
}

#globalNav nav #nav_g05 .sec li a:before{
	background:url("../images/common/link-arrow_g05.svg") no-repeat left center/contain;
}
#globalNav li#nav_g05 .sec{
	border:3px solid #91a9d5;
}

#globalNav nav #nav_g06 .sec li a:before{
	background:url("../images/common/link-arrow_g06.svg") no-repeat left center/contain;
}
#globalNav li#nav_g06 .sec{
	border:3px solid #b23b71;
}

#globalNav nav #nav_g03 .sec li a:before{
	background:url("../images/common/link-arrow_g03.svg") no-repeat left center/contain;
}
#globalNav li#nav_g03 .sec{
	border:3px solid #5580de;
}

#globalNav nav #nav_g07 .sec li a:before{
	background:url("../images/common/link-arrow_g07.svg") no-repeat left center/contain;
}
#globalNav li#nav_g07 .sec{
	border:3px solid #43b3e1;
}

#globalNav nav .sec li:hover a {
  color: #1365ec;
}
/* 2階層：非表示 */
#globalNav nav li > .sec li {
	display: none;
}
/* 2階層：表示  */
#globalNav nav li:hover > .sec li {
	display: block;
}
#globalNav nav li:hover > .sec {
	z-index: 99999;
}

/* 3階層：非表示  */
#globalNav nav li > .sec li ul.sec {
	display: none;
}