@charset "UTF-8";

/* ------------------------------------------------------------

   ニチコン株式会社 | グローバルナビゲーション

------------------------------------------------------------ */

/*
 item -[common]-
----------------------------------------*/
/* banner */
[data-item='banner'] {
  letter-spacing:-.5em;
  margin:-4px 0 0 -4px;
}
[data-item='banner'] > li {
  letter-spacing:normal;
  text-align:center;
  vertical-align:top;
  display:inline-block;
  width:247px;
  margin:4px 0 0 4px;
}
[data-item='banner'] a {
  text-decoration:none;
}
[data-item='banner'] a > * {
  color:#464646;
}
[data-item='banner'] img {
  margin-bottom:1em;
}
@media screen and (max-width:768px) {
  [data-item='banner'] {
    margin:-2% 0 0 -2%;
  }
  [data-item='banner'] > li {
    font-size:11px;
    width:48%;
    margin:2% 0 0 2%;
  }
  [data-item='banner'] img {
    margin-bottom:3px;
  }
}


/*
 global_navigation -[common]-
----------------------------------------*/
/* main */
main nav.contents {
  font-size:14px;
  color:#ffffff;
  width:100%;
  background:#313131;
}
main nav.contents .contents_link {
  width:1000px;
  margin:0 auto;
}
main nav.contents .contents_link a {
  text-decoration:none;
}
main nav.contents .contents_link a:hover {
  text-decoration:underline;
}
/* line 261, style.scss */
main nav.contents {
  width: 100%;
  background: #313131;
}
/* line 264, style.scss */
main nav.contents nav {
  width: 1000px;
  margin: 0 auto;
}
/* line 268, style.scss */
main nav.contents .contents_link {
  font-size: 14px;
  color: #fff;
}
/* line 272, style.scss */
main nav.contents .contents_link .contents_link__parent span {
  padding: 0px 13px;
}
/* line 274, style.scss */
#toppage main nav.contents .contents_link .contents_link__parent span {
  padding: 0 32px;
}
/* line 279, style.scss */
main nav.contents .contents_link:after {
  content: "";
  display: block;
  clear: both;
}
/* line 284, style.scss */
main nav.contents .contents_link > li {
  display: block;
  float: left;
}
/* line 296, style.scss */
main nav.contents .contents_link > li:last-child > a span {
  border-right: none;
}
/* line 304, style.scss */
main nav.contents .contents_link > li > a {
  display: block;
  padding: 12px 0;
  color: #fff;
}
/* line 308, style.scss */
main nav.contents .contents_link > li > a > span {
  position: relative;
  padding: 0 16px;
}
/* line 311, style.scss */
#toppage main nav.contents .contents_link > li > a > span {
  padding: 0 32px;
}
/* line 319, style.scss */
main nav.contents .contents_link > li + li > a > span:before {
  content: '';
  width: 2px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-right:1px solid #5a5a5a;
  margin: auto;
  background-color:#141414;
}
/* line 334, style.scss */
main nav.contents .contents_link__parent {
  position: relative;
  z-index:1;
}
/* line 337, style.scss */
main nav.contents .contents_link__parent:hover > ul {
  opacity: 1;
}
/* line 339, style.scss */
main nav.contents .contents_link__parent:hover > ul li {
  overflow: visible;
  height: 48px;
}
/* line 346, style.scss */
main nav.contents .contents_link__parent > a:hover {
  text-decoration: none;
}
/* line 351, style.scss */
main nav.contents .contents_link__child {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}
/* line 357, style.scss */
main nav.contents .contents_link__child li {
  overflow: hidden;
  height: 0;
  width: 100%;
  border-bottom: solid 1px #2d78b4;
  background: #0e5995;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
/* line 368, style.scss */
main nav.contents .contents_link__child li a {
  display: block;
  padding: 16px 0 16px 20px;
  color: #fff;
}
/* line 374, style.scss */
main nav.contents .contents_link__child.var01 {
  width: 13em;
}
/* line 377, style.scss */
main nav.contents .contents_link__child.var02 {
  width: 15em;
}
main nav.contents .contents_link__child.var02.type01 {
  width: 22em;
}
/* line 380, style.scss */
main nav.contents .contents_link__child.var03 {
  right: 0;
  left: auto;
  width: 15em;
}
main nav.contents .contents_link .contents_link__parent:last-child span {
  padding: 0px 21px;
}

/* footer */
footer nav.contents {
  font-size:14px;
  color:#ffffff;
  width:100%;
  display:none;
  padding:50px 16px;
  background:#dcdcdc;
}
footer nav.contents .contents_link {
  padding:8px;
  background-color:#ffffff;
}
footer nav.contents .contents_link li + li:before {
  content:'';
  border-top:1px solid #ffffff;
  display:block;
  width:100%;
  height:1px;
  background-color:#bebebe;
}
footer nav.contents .contents_link__parent > * {
  color:#434343;
  display:-webkit-box;
  display:-moz-box;
  display:box;
  -webkit-box-align:center;
  -moz-box-align:center;
  box-align:center;
  height:100%;
  min-height:40px;
  padding:8px;
  background-color:#d3d3d3!important;
}
footer nav.contents .contents_link__parent:after {
  content:'';
  border-top:1px solid #ffffff;
  display:block;
  width:100%;
  height:1px;
  background-color:#bebebe;
}
footer nav.contents .contents_link a {
  font-size:14px;
  color:#434343;
  text-decoration:none;
  position:relative;
  display:-webkit-box;
  display:-moz-box;
  display:box;
  -webkit-box-align:center;
  -moz-box-align:center;
  box-align:center;
  height:100%;
  min-height:40px;
  padding:8px;
  background-color:#f0f0f0;
}
footer nav.contents .contents_link a:after {
  content:'';
  font-size:14px;
  position:absolute;
  top:50%;
  right:8px;
  width:1em;
  height:1em;
  margin-top:-.5em;
  background-image:url(../images/ico_arrow_right.png);
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  background-size:100% 100%;
}
footer nav.contents .contents_link__child a {
  font-size:12px;
  text-indent:1em;
}

/* Media Queries */
@media screen and (max-width:768px) {
  main nav.contents {
    display:none;
  }
  footer nav.contents {
    display:block;
  }
}