/* **************************************************

Name: custom.css
Create: 2016.03.01
Copyright 2016 Hitachi, Ltd.

***************************************************** */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

body{
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

#main {
opacity: 0;
}
.main-video,
.hero {
display:none;
}

.Roboto {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.JS body {
    background-color: #000;
}

.MinWidth {
  position: relative;
  min-width: 1280px;
}

.GridSet {
    width: 965px;
    margin: 0 auto;
}
/*Main*/
#main {
  position: relative;
  padding-top: 75px;
  min-width: 965px;
  background: #fff;
}

/* Animation
=========================================================================================== */
.animated:hover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.css-animation,
.staggered-animation {
  opacity: 0;
  -webkit-transform:translate3d(0,0,0);
}
.css-animation.animated,
.staggered-animation.animated {
    opacity: 1;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


/* Font
=========================================================================================== */
@font-face{
  font-family: 'mplus';
  src: url('/file/jp/css/15th/font/mplus/mplus-2p-light.eot');
  src: url('/file/jp/css/15th/font/mplus/mplus-2p-light.eot?#iefix') format('embedded-opentype'),
       url('/file/jp/css/15th/font/mplus/mplus-2p-light.woff') format('woff'),
       url('/file/jp/css/15th/font/mplus/mplus-2p-light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
.mplus {
font-family: 'mplus';
}

@font-face{
  font-family: 'Texga';
  src: url('/file/jp/css/15th/font/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.eot');
  src: url('/file/jp/css/15th/font/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/file/jp/css/15th/font/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.woff') format('woff'),
       url('/file/jp/css/15th/font/TeX-Gyre-Adventor/texgyreadventor-regular-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
.Texga {
font-family: 'Texga';
letter-spacing: 0.1em;
}

.Times {
  font-family: "Times New Roman", serif;
}

/* BOX
=========================================================================================== */
#PopUpContainer {
background-color: transparent;
}
#PopUpContents {
padding: 0;
}
#PopUpContents .Section {
padding-bottom: 0;
}
.MinWidth > .Section {
padding: 0;
}
.hero {
    font-size: 88%;
}
.hero a:focus {
outline: none;
}

/* BUTTON/LINK
=========================================================================================== */
a:link {
text-decoration: none;
color: #b1000e;
}
a:hover {
text-decoration: underline;
}
a.btn {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #0F7567;
    border-radius: 4px;
    color: #0F7567;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-strong {
font-weight: bold;
}
a.btn-default {
    border: 1px solid #0F7567;
    border-radius: 8px;
    color: #0F7567;
}
a.btn-default:hover {
    background-color: #0F7567;
    color: #fff;
}

/* HEADING
=========================================================================================== */
/*h Group*/
h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
background: none;
font-family: 'mplus';
}
h2 {
  font-size: 38px;
}
h4 {
  font-size: 24px;
}

/* SECTIONs
=========================================================================================== */
.content-sm {
width: 960px;
padding: 40px 0;
}
.content-bottom {
margin-top: 1px;
}

.content-bottom img {
width: 100%;
}

.Section p {
line-height: 1.8;
}
.Under995 .Section p {
line-height: 1.8;
}
.bg-color-white {
background-color: #fff;
}
.bg-color-gray {
  background-color: #ddd;
}

/*Visual*/
.visual {
  height: 1200px;
  min-height: 756px;
}
.main-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background: url(/image/jp/15th/video/poster.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
}
.hero {
padding-top: 8%;
}
.visual .ImgOnlyStyle {
margin-bottom: 20px;
}
.visual h1,
.visual p {
  color: #fff;
}
.visual p {
  margin-bottom: 90px;
  font-size: 16px;
  line-height: 1.8em;
}

.main-anchor {
  width: 782px;
  margin: 0 auto;
}
.main-anchor>li {
  float: left;
  width: 50%;
  padding: 0 12px;
  box-sizing: border-box;
}
.main-anchor>li>a {
  display: block;
  background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(255,255,255,0.4));
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.9)),to(rgba(255,255,255,0.4)));
  background: linear-gradient(to bottom,rgba(255,255,255,0.9),rgba(255,255,255,0.4));
  padding: 25px 25px 34px;
  color: #333;
  text-decoration: none;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-shadow:0px 0px 8px 2px rgba(0,0,0,.3);
  -moz-box-shadow:0px 0px 8px 2px rgba(0,0,0,.3);
  -webkit-box-shadow:0px 0px 8px 2px rgba(0,0,0,.3);
}
.main-anchor>li>a:hover {
  color: #0F7567;
}
.main-anchor>li>a:before,
.main-anchor>li>a:after {
  position: absolute;
  z-index: 51;
  bottom: 16px;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  content: '';
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 3px solid #0F7567;
}
.main-anchor>li>a:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 3px solid #0F7567;
}
.main-anchor>li>a:hover:before,
.main-anchor>li>a:hover:after {
  bottom: 12px;
}

.main-anchor span {
  display: block;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
}

.visual h1 {
  font-size: 50px;
  margin-bottom: 40px;
  line-height: 0.75em;
}
.visual h1>small {
  font-size: 26px;
}

.category>div {
  margin-bottom: 1px;
}
.category a {
  color: #333;
}
.category a:hover {
  text-decoration: none;
}
.category .thumnail {
  position: relative;
  padding: 15px 10px;
  border-top: 5px solid #ccc;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background: rgba(255,255,255,.9);
  /*min-height: 153px;*/
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.category .thumnail:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: rgba(255,255,255,.9);
    border-top-width: 14px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    margin-left: -7px;
    z-index: 10;
}
.category a {
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.category a:hover {
  opacity: 0.75;
}
.category .thumnail .filter-name {
  font-family: serif;
  font-size: 16px;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, serif;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
  line-height: 0;
}
.category .thumnail .category-txt {
  text-align: center;
  font-size: 16px;
  margin: 1em 0 0.6em;
  line-height: 1.4;
  min-height: 44px;
  display: table;
  width: 100%;
}
.category .thumnail.story .category-txt {
  color: #fff;
}
.category .thumnail.column .category-txt {
  color: #ce4965;
}
.category .thumnail.divisions .category-txt {
  color: #657fd3;
}
.category .thumnail.topics .category-txt {
  color: #888b92;
}
.category .thumnail .category-txt>span {
    display: table-cell;
    vertical-align: middle;
}

.category .thumnail dl {
  text-align: center;
  min-height: 78px;
  display: table;
  width: 100%;
}
.category .thumnail dl dt {
  margin-bottom: 2px;
  font-size: 14px;
}
.category .thumnail dl dd {
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
}
.category .thumnail dl dd>small {
display: block;
font-size: 14px;
}

.category .thumnail.story {
  border-color: #835702;
  background-color: rgba(202,148,2,.9);
}
.category .thumnail.story dl dt,
.category .thumnail.story dl dd {
  color: #fff;
}
.category .thumnail.story .filter-name {
  color: #fff;
}
.category .thumnail.story:after {
  border-top-color: rgba(202,148,2,.9);
}
.category .thumnail.divisions {
  border-color: #657fd3;
}
.category .thumnail.divisions .filter-name {
  color: #657fd3;
}
.category .thumnail.column {
  border-color: #ce4965;
}
.category .thumnail.column .filter-name {
  color: #ce4965;
}
.category .thumnail.topics {
  border-color: #333;
min-height: 222px;
}
.category .thumnail.topics .filter-name {
  color: #333;
  margin-bottom: 26px;
}
.category .thumnail.topics .icon-category {
    position: relative;
    right: -7px;
}

.icon-category {
  text-align: center;
  min-height: 54px;
  margin-bottom: 5px;
}

.icon-category img {
width: auto;
height: 54px;
}

.thum-movie {
  padding: 0 !important;
}
.thum-movie img {
  width: 100%;
  height: 100%;
}

/*Sector1*/
.sector1-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*Sector2*/
.sector2-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*Sector3*/
.sector3-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector3.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*Sector4*/
.accordion-heading.sector4-heading h2 {
  font-size: 28px;
}
.sector4-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector4.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*Sector5*/
.sector5-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector5.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/*Sector6*/
.accordion-heading.sector6-heading h2 {
  font-size: 30px;
  line-height: 1.2em;
}
.accordion-heading.sector6-heading .table h2 {
  margin-top: -40px;
}
.sector6-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector6.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.sector6-heading+.accordion-body>.container h2,
.sector6-heading+.accordion-body>.container h2 + p {
  color: #fff;
}

.sector6-heading.active .table .th {
display: block;
width: 100%;
}
.sector6-heading.active .table .th h2 {
margin-top: -20px;
}
.sector6-heading.active .table .td {
display: none;
}

/*#sector6 {
  background-image: url(/image/jp/15th/bg_sector6.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: #f4f0e7;
}
#sector6>.container:first-child {
  padding: 170px 0 180px;
}
#sector6 h2,
#sector6 h4 {
  color: #fff;
}*/

/*Sector7*/
.sector7-heading+.accordion-body {
  background-image: url(/image/jp/15th/bg_sector7.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}


.pdf {
  padding: 40px 20px;
  background: -webkit-linear-gradient(top, rgba(221,221,221,0), rgba(221,221,221,1));
  background: -o-linear-gradient(bottom, rgba(221,221,221,0), rgba(221,221,221,1));
  background: -moz-linear-gradient(bottom, rgba(221,221,221,0), rgba(221,221,221,1));
  background: linear-gradient(to bottom, rgba(221,221,221,0), rgba(221,221,221,1));
}
.pdf a {
  color: #333;
  font-weight: bold;
}
.pdf a:hover {
  color: #0F7567;
  text-decoration: none;
}
.pdf img {
  position: relative;
  top: -10px;
}
#tab2 .pdf {
  background: #fff;
}

.banner strong {
display: block;
padding-top: 5px;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 5px;
}

a.banner {
display: block;
text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color: #333;
}
a.banner:hover {
text-decoration: none;
    opacity: 0.75;
}

.banner-cap {
padding: 20px 20px 100px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

JS/CSS

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

/*Modal*/
iframe {
width: 100%;
    background: #fff;
}
.mfp-iframe-holder .mfp-close {
    top: -40px !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: 15px !important;
    width: 27px !important;
    height: 27px !important;
    background: url(/image/jp/15th/close.png) no-repeat center;
    border: none;
    color: #000;
    font-size: 0;
}
.mfp-arrow-left:before, .mfp-arrow-left:after {
    position: absolute;
    z-index: 51;
    top: 50%;
    left: 13px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    content: '';
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-right: 2px solid #0F7567;
    border-top: none;
    border-bottom: none;
    margin-left: 0;
}
.mfp-arrow-left:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 2px solid #0F7567;
}
.mfp-arrow-right:before, .mfp-arrow-right:after {
    position: absolute;
    z-index: 51;
    top: 50%;
    left: 60px;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #0F7567;
    border-top: none;
    border-bottom: none;
    border-left: none;
    margin-left: 0;
}
.mfp-arrow-right:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #0F7567;
}
/*.mfp-arrow-left:before {
  margin-left: 3px;
  border-top-width:  18px;
  border-bottom-width:  18px;
  border-right: 16px solid #0F7567;
  opacity: 1;
}
.mfp-arrow-right:before {
  right: 3px;
  left: auto;
  border-top-width:  18px;
  border-bottom-width:  18px;
  border-left: 16px solid #0F7567;
  opacity: 1;
}
.mfp-arrow-left:after,
.mfp-arrow-right:after {
  content: none;
}*/
.modal {
    position: relative;
    width: 900px;
    background: #fff;
    margin: 0 auto;
}
.modal-set {
padding: 30px 30px 30px 40px;
}
.mfp-first .mfp-arrow-left {
    display: none;
}
.mfp-last .mfp-arrow-right {
    display: none;
}

#fancybox-content {
font-size: 86%;
background: #fff;
}
#fancybox-content h1,
#fancybox-content h2,
#fancybox-content h3,
#fancybox-content h4,
#fancybox-content h5,
#fancybox-content h6 {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif
}
#fancybox-content h2 {
margin-bottom: 30px;
color: #333;
font-size: 28px;
line-height: 1.2;
    font-weight: normal;
}
#fancybox-content h2 small {
font-size: 18px;
}
#fancybox-content h3 {
margin-bottom: 30px;
color: #333;
font-size: 22px;
    font-weight: normal;
}
#fancybox-content h4 {
margin-bottom: 20px;
font-size: 16px;
}
#fancybox-content p {
text-indent: 1em;
word-break: break-word;
overflow-wrap:break-word;
}

@media screen and (max-width: 480px) {
  #fancybox-content h2 br,
  #fancybox-content h3 br {
    display: none;
  }
}

#fancybox-content .aside {
border: 1px solid #ccc;
    padding: 10px;
}
#fancybox-content .aside ul li {
padding-left: 1em;
text-indent: -1em;
  word-break: break-word;
  overflow-wrap: break-word;
}
#fancybox-content .aside ul li:before {
content: "●";
}

.annotation2 li {
text-indent: -2em;
    padding-left: 2em;
}

/*@media screen and (max-width: 900px) {
.modal {
    width: 95%;
}
}
@media screen and (max-width: 767px) {
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    background: url(/image/jp/15th/close_hd.png) no-repeat center;
    background-size: 27px auto;
}
}*/

/*Tab*/
.tab-heading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110;
  width: 100%;
  background: #fff;
  min-width: 1280px;
}
ul.tab {
  zoom: 1;
  background: #fff;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 724px;
  height: 75px;
}
ul.tab:after {
  content:".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
ul.tab li {
  float: left;
  width: 50%;
  font-size: 20px;
  text-align: center;
  box-sizing: border-box;
}
ul.tab li:first-child {
  border-left: 1px solid #ccc;
}
ul.tab li:last-child {
  background: none;
  border-right: 1px solid #ccc;
}
ul.tab li a {
  display: block;
  padding: 22px 0 21px;
  text-decoration: none;
  color: #333;
}
ul.tab li a:hover {
  background: #0F7567;
  color: #fff;
}
ul.tab li.active,
ul.tab li.active a,
ul.tab li.active a:hover {
  background: #0F7567;
  color: #fff;
  border-color: transparent;
}
.tab-body {
  clear: both;
  overflow: hidden;
  background: #fff;
}
.tabbox {
  position: relative;
  padding-top: 57px;
}
/*@media screen and (max-width: 964px) {
  ul.tab {
    width: 100%;
  }
  ul.tab li {
    float: left;
    width: 50%;
    text-align: center;
  }
}*/

.pageTop {
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -9px;
  line-height: 1;
}
.pageTop a {
  position: relative;
  color: #333;
}
.pageTop a:hover {
  text-decoration: none;
}
.pageTop a:before,
.pageTop a:after {
    position: absolute;
    z-index: 51;
    top: 50%;
    left: -22px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -2px;
    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 2px solid #0F7567;
}
.pageTop a:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-right: 2px solid #0F7567;
}
.pageTop a:hover:before,
.pageTop a:hover:after {
  top: 40%;
}

.download {
    position: absolute;
    top: 50%;
    left: 5%;
    margin-top: -9px;
    line-height: 1;
}
.download a {
    color: #333;
}
.download a:hover {
    text-decoration: none;
}
.download a>img {
position: relative;
    top: -10px;
    margin-right: 0.5em;
}

.dropdown {
display: none;
    position: absolute;
    top:34px;
    left: 0;
    border: 2px solid #666;
    background: #fff;
    padding: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.dropdown:after, .dropdown:before {
bottom: 100%;
left: 25%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.dropdown:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 9px;
border-bottom-width: 16px;
margin-left: -9px;
}
.dropdown:before {
border-color: rgba(102, 102, 102, 0);
border-bottom-color: #666;
border-width: 12px;
border-bottom-width: 20px;
margin-left: -12px;
}
.dropdown ol {
margin: 0 0 10px;
}
.dropdown li {
white-space: nowrap;
margin-bottom: 5px;
}
.dropdown ol li:last-child {
margin-bottom: 0;
}
.dropdown li> a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.dropdown li> a:hover {
color: #0F7567;
}

.download:hover .dropdown {
display: block;
}

/*Nav*/
.nav-horizontal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
  height: 60px;
  width: 100%;
  text-align: center;
  background: #0F7567;
  border-bottom: 1px solid #cdcdcd;
  -webkit-font-smoothing: subpixel-antialiased;
}
.nav-horizontal .mask {
  height: 74px;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.nav-horizontal ul {
  position: relative;
  display: inline-table;
  max-width: 100%;
  padding: 16px 0;
  vertical-align: top;
}
#tab2 .nav-horizontal ul {
  padding: 23px 0;
}
.nav-horizontal ul li {
  display: table-cell;
  padding: 0 20px;
  white-space: nowrap;
  vertical-align: middle;
  border-right: 1px solid #6faca4;
}
.nav-horizontal ul li:last-child,
.nav-horizontal ul li:nth-last-child(2) {
  border-right: none;
}
.nav-horizontal ul a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
}
.nav-horizontal ul a:hover {
  text-decoration: none;
}
.nav-horizontal ul li.navbar {
  background: #fff;
  height: 2px;
  display: block;
  position: absolute;
  width: 50px;
  top: 48px;
  left: 20px;
}
.fixed {
  position: fixed;
}
.nav-horizontal.fixed {
  top: 75px;
}

/*Mix*/
.mix-container{
  text-align: justify;
  -webkit-backface-visibility: hidden;
  padding-top: 100px;
  background-repeat: no-repeat;
  background-position: center 50px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin-bottom: 320px;
}
.mix-container:after{
  content:'';
  display:inline-block;
  width:100%;
}
.mix-container.filter-story,
.mix-container.filter-column,
.mix-container.filter-divisions,
.mix-container.filter-topics {
  padding-top: 120px;
}
.mix-container .mix,
.mix-container .gap{
  display: inline-block;
}
.mix-container .mix{
  text-align: left;
  display: none;
}

.mix-container.filter-story {
  background-image: url(/image/jp/15th/ttl-story.png);
}
.mix-container.filter-column {
  background-image: url(/image/jp/15th/ttl-column.png);
}
.mix-container.filter-divisions {
  background-image: url(/image/jp/15th/ttl-divisions.png);
}
.mix-container.filter-topics {
  background-image: url(/image/jp/15th/ttl-topics.png);
}

.mix-container>p {
  display: none;
  text-align: center;
  margin-bottom: 20px;
}
.mix-container.filter-story>p.lead-story {
  display: block;
}
.mix-container.filter-column>p.lead-column {
  display: block;
}
.mix-container.filter-divisions>p.lead-divisions {
  display: block;
}


/*Accordion*/
.accordion-heading {
border-top: 1px solid #ddd;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background-color: #303030;
  color: #fff;
}
.accordion-heading:first-child {
  border-top-width: 0;
}
.accordion-heading.active {
  background-color: #ccc;
  color: #000;
}
.accordion-heading:hover {
  background-color: #ccc;
  color: #000;
  cursor: pointer;
  cursor: hand;
}
/*.accordion-heading.active,
.accordion-heading.active + .accordion-body {
background-color: #eee;
}*/
.accordion-heading .container {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1440px) {
  .accordion-heading .container,
  .bottom-heading .container {
    width: 80%;
  }
}
.accordion-heading .container:before,
.accordion-heading .container:after {
    position: absolute;
    z-index: 51;
    top: 50%;
    right: 2%;
    display: block;
    width: 19px;
    height: 20px;
    margin-top: -20px;
    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 3px solid #fff;
}
.accordion-heading .container:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right: 3px solid #fff;
}
.accordion-heading:hover .container:before,
.accordion-heading:hover .container:after {
    border-color: #0F7567;
}
.accordion-heading.active .container:before,
.accordion-heading.active .container:after {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    border-color: #0F7567;
}
.accordion-heading.active .container:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
@media screen and (min-width: 1440px) {
.accordion-heading .container:before,
.accordion-heading .container:after {
    right: 5%;
}
}

.accordion-heading h2 {
  position: relative;
  font-size: 36px;
  line-height: 1em;
}
.accordion-heading h2>em {
  padding: 0;
  display: inline;
  background: none;
  font-size: 100%;
  line-height: 1;
  font-style: normal;
}
.accordion-heading h2>em.age {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}
.accordion-heading h2>small {
  font-size: 17px;
  line-height: 0;
}
.accordion-heading p {
  font-size: 14px;
}

.accordion-heading .table {
  display: table;
  width: 100%;
  height: 160px;
}
.accordion-heading .table>.th {
  position: relative;
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  height: 160px;
}
.accordion-heading .table>.td {
  display: table-cell;
  width: 60%;
  vertical-align: middle;
  height: 160px;
}

.accordion-heading .table h2 {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -46px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
.accordion-heading.sector6-heading .table h2 {
  padding-left: 51px;
  text-indent: -51px;
}
.accordion-heading .table>.td h2 {
  left: 40.5%;
}
.accordion-heading .table>.th h2,
.accordion-heading .table>.td p {
  opacity: 0;
}
.accordion-heading.active .table>.th img,
.accordion-heading.active .table>.td h2 {
  opacity: 0;
}
.accordion-heading.active .table>.th h2,
.accordion-heading.active .table>.td p {
  opacity: 1;
}

.accordion-body {
  padding: 60px 0 240px;
  border-top: 1px solid #ddd;
  background-attachment: fixed;
}

/*Custom Scroll*/
#content-1 {
    height: 500px;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 479px) {
#content-1 {
    height: 280px;
}
.modal-set {
    padding: 20px 20px 20px 30px;
}
#fancybox-content h2 {
    font-size: 1.6rem;
}
#fancybox-content h2 small {
    font-size: 1.2rem;
}
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background: #ddd;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    width: 8px;
    background: #0F7567;
    border-radius: 0;
}

/*Tiny Scrollbar1*/
#scrollbar1 {
    height: 500px;
}

#scrollbar1 .viewport {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#scrollbar1 .overview {
    position: absolute;
    padding-right: 20px;
}
#scrollbar1 .scrollbar {
    position: relative;
    float: right;
    width: 8px;
    background: #ddd;
}
#scrollbar1 .thumb {
    background-color: #0F7567;
    width: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}

.bottom-heading {
    padding: 22px 0;
    border-top: 1px solid #999;
    font-size: 24px;
    color: #fff;
    background: rgba(0,0,0,.6);
    text-align: center;
}
.bottom-heading.bottom-first {
    border-top: none;
}
.bottom-heading .container {
    position: relative;
    padding-bottom: 0;
}
.bottom-heading .container:before,
.bottom-heading .container:after {
    position: absolute;
    z-index: 51;
    top: 50%;
    right: 15px;
    display: block;
    width: 19px;
    height: 20px;
    margin-top: -10px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 3px solid #0F7567;
}
.bottom-heading .container:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 3px solid #0F7567;
}

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

is style

------------------------------------------------------------------------------------------- */
.CenterAdjust .img-responsive {
margin: auto;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.only-border {
position: relative;
    height: 84px;
}
.only-border:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #ddd;
    left: 50%;
    margin-left: -1px;
    height: 84px;
}

/*Spaces
------------------------------------*/
.no-margin-bottom {
  margin-bottom: 0 !important;
}

.margin-bottom-5  { margin-bottom:5px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-bottom-25 { margin-bottom:25px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }
.margin-bottom-35 { margin-bottom:35px !important; }
.margin-bottom-40 { margin-bottom:40px !important; }
.margin-bottom-45 { margin-bottom:45px !important; }
.margin-bottom-50 { margin-bottom:50px !important; }
.margin-bottom-55 { margin-bottom:55px !important; }
.margin-bottom-60 { margin-bottom:60px !important; }
.margin-bottom-100 { margin-bottom:100px !important; }

@media (max-width: 767px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px !important ; }
  .sm-margin-bottom-20 {
    margin-bottom: 20px !important ; }
  .sm-margin-bottom-30 {
    margin-bottom: 30px !important ; }
  .sm-margin-bottom-40 {
    margin-bottom: 40px !important ; }
  .sm-margin-bottom-50 {
    margin-bottom: 50px !important ; }
  .sm-margin-bottom-60 {
    margin-bottom: 60px !important ; }
}

@media (max-width: 994px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px !important ; }
  .md-margin-bottom-20 {
    margin-bottom: 20px !important ; }
  .md-margin-bottom-30 {
    margin-bottom: 30px !important ; }
  .md-margin-bottom-40 {
    margin-bottom: 40px !important ; }
  .md-margin-bottom-50 {
    margin-bottom: 50px !important ; }
  .md-margin-bottom-60 {
    margin-bottom: 60px !important ; }
}

.margin-top-5  { margin-top:5px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-25 { margin-top:25px !important; }
.margin-top-30 { margin-top:30px !important; }
.margin-top-35 { margin-top:35px !important; }
.margin-top-40 { margin-top:40px !important; }
.margin-top-45 { margin-top:45px !important; }
.margin-top-50 { margin-top:50px !important; }
.margin-top-55 { margin-top:55px !important; }
.margin-top-60 { margin-top:60px !important; }
.margin-top-100 { margin-top:100px !important; }

@media (max-width: 767px) {
  .sm-margin-top-10 {
    margin-top: 10px !important ; }
  .sm-margin-top-20 {
    margin-top: 20px !important ; }
  .sm-margin-top-30 {
    margin-top: 30px !important ; }
  .sm-margin-top-40 {
    margin-top: 40px !important ; }
  .sm-margin-top-50 {
    margin-top: 50px !important ; }
  .sm-margin-top-60 {
    margin-top: 60px !important ; }
}

@media (max-width: 995px) {
  .md-margin-top-10 {
    margin-top: 10px !important ; }
  .md-margin-top-20 {
    margin-top: 20px !important ; }
  .md-margin-top-30 {
    margin-top: 30px !important ; }
  .md-margin-top-40 {
    margin-top: 40px !important ; }
  .md-margin-top-50 {
    margin-top: 50px !important ; }
  .md-margin-top-60 {
    margin-top: 60px !important ; }
}

.padding-top-5  { padding-top:5px;}
.padding-top-10 { padding-top:10px;}
.padding-top-15 { padding-top:15px;}
.padding-top-20 { padding-top:20px;}
.padding-top-25 { padding-top:25px;}
.padding-top-30 { padding-top:30px;}
.padding-top-35 { padding-top:35px;}
.padding-top-40 { padding-top:40px;}
.padding-top-45 { padding-top:45px;}
.padding-top-50 { padding-top:50px;}
.padding-top-55 { padding-top:55px;}
.padding-top-60 { padding-top:60px;}
.padding-top-100 { padding-top:100px;}

@media (max-width: 767px) {
  .sm-padding-top-10 {
    padding-top: 10px;
  }
  .sm-padding-top-20 {
    padding-top: 20px;
  }
  .sm-padding-top-30 {
    padding-top: 30px;
  }
  .sm-padding-top-40 {
    padding-top: 40px;
  }
  .sm-padding-top-50 {
    padding-top: 50px;
  }
  .sm-padding-top-60 {
    padding-top: 60px;
  }
}

@media (max-width: 991px) {
  .md-padding-top-10 {
    padding-top: 10px;
  }
  .md-padding-top-20 {
    padding-top: 20px;
  }
  .md-padding-top-30 {
    padding-top: 30px;
  }
  .md-padding-top-40 {
    padding-top: 40px;
  }
  .md-padding-top-50 {
    padding-top: 50px;
  }
  .md-padding-top-60 {
    padding-top: 60px;
  }
}


/*Shadow*/
.text-shadow {
filter:dropshadow(color=#000000,offX= 0,offY= 1);
text-shadow: 0px 1px 10px rgba(0, 0, 0, 1);
}
/*Responsive dispaly*/
.is-none { display: none; }
.is-hidden { visibility: hidden; }
.for-sp {
  display: none;
}
@media screen and (min-width: 995px) {
.is-attachment {
background-attachment: fixed;
}
}

@media screen and (max-width: 1059px) {
  .for-tab {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .for-pc {
    display: none;
  }
  .for-sp {
    display: block;
  }
  .for-sp-textC {
  text-align: center;
  }
}

.v-hidden {
  visibility: hidden;
}

.cf {
}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0;
}

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

ie8 style

------------------------------------------------------------------------------------------- */
.lte-ie8 #section01 .arrowBounce {
padding-bottom: 30px;
}

.lte-ie8 .img-responsive {
width: inherit;
max-width:100%;
    height:auto;
}
.lte-ie8 #PopUpContainer {
    min-width: 965px;
}
.lte-ie8 #section01 {
height: auto !important;
}