@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Kreon:300,400,700");
@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");
/*-----------------------------------

anniversary25th_special.scss

------------------------------------*/
#main {
  padding: 0; }

.container,
.update {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Kreon', 'Noto Sans JP', sans-serif; }

.headerNav {
  width: 100%;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  font-size: 0;
  height: 80px;
  z-index: 1111111111111111111111;
  text-align: center;
  position: fixed; }
  .headerNav img {
    vertical-align: top;
    width: 100px; }
  .headerNav_25thlogo {
    display: inline-block;
    margin: 0 auto; }
    .headerNav_25thlogo a {
      height: 80px;
      width: 300px;
      display: table-cell;
      vertical-align: middle; }
  .headerNav_jplogo {
    position: absolute;
    left: 20px;
    top: 20px; }
    .headerNav_jplogo img {
      width: 40px; }

.update {
  padding: 15px 20px;
  background: #c71714;
  display: block;
  width: 100%;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
  margin-top: 80px; }
  .update_heading {
    display: none; }
  .update_listwrap a {
    color: #fff; }
  .update_listwrap time {
    display: block;
    margin-bottom: 0.3em; }

.sec {
  text-align: center;
  margin: 0;
  padding: 0; }
  .sec > div {
    padding: 50px 5%; }

.sec_desc {
  background: #000 url("/img/special/anniversary/25th/line_5.png") no-repeat top center;
  background-size: 100% 27px;
  padding-top: 27px;
  color: #fff; }
  .sec_desc .wd100 {
    background: url("/img/special/anniversary/25th/bg_catchcopy.jpg") repeat-y top center;
    padding: 30px 0; }
  .sec_desc_heading {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em; }
  .sec_desc_text {
    font-size: 95%;
    line-height: 2.3;
    font-weight: 300;
    letter-spacing: 0.05em; }

.sec_cont_heading {
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0 0 50px;
  background: url("/img/special/anniversary/25th/ribon.png") no-repeat bottom center;
  background-size: 100px auto;
  margin-bottom: 30px; }
  .sec_cont_heading i {
    font-style: normal;
    display: block; }
.sec_cont_text {
  font-size: 15px;
  line-height: 2;
  padding: 30px 0;
  text-align: left; }
  .sec_cont_text p {
    margin-bottom: 1em;
    color: #333; }
.sec_cont_subheading img {
  width: 100%; }
.sec_cont_if_ex_heading {
  font-size: 20px;
  color: #d73144;
  margin-bottom: 1em;
  letter-spacing: 0.2em; }
.sec_cont_if_ex_pic {
  font-size: 0; }
  .sec_cont_if_ex_pic li {
    display: inline-block;
    font-size: 14px; }

.btn {
  margin: 50px 0; }
  .btn a {
    padding: 20px 0;
    width: 100%;
    display: inline-block;
    background: #333;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.5; }
    .btn a i {
      font-style: normal;
      display: block; }
  .btn_rainbow a {
    background: #e32929;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e32929 0%, #8c64cf 25%, #1698c8 50%, #6dc951 75%, #ffb033 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e32929 0%, #8c64cf 25%, #1698c8 50%, #6dc951 75%, #ffb033 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e32929 0%, #8c64cf 25%, #1698c8 50%, #6dc951 75%, #ffb033 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.sns_area {
  margin-top: 40px; }
  .sns_area p {
    margin-bottom: 20px; }
  .sns_area img {
    width: 100%;
    margin-bottom: 20px; }
  .sns_area ul {
    display: block;
    margin: 0 auto; }
    .sns_area ul li {
      margin: 20px; }
      .sns_area ul li a {
        display: block;
        width: 100%;
        height: 70px;
        padding: 15px 0 0;
        border-radius: 35px;
        color: #ffffff;
        font-size: 18px; }
        .sns_area ul li a.Tw {
          background: #27aae1; }
          .sns_area ul li a.Tw:before {
            content: ' ';
            background: url("/img/special/anniversary/25th/twitter.png") 0 0 no-repeat;
            background-size: 100%;
            display: block;
            width: 30px;
            height: 25px;
            margin: 0 auto 10px; }
        .sns_area ul li a.Fb {
          background: #2f4d9f; }
          .sns_area ul li a.Fb:before {
            content: ' ';
            background: url("/img/special/anniversary/25th/facebook.png") 0 0 no-repeat;
            background-size: 100%;
            display: block;
            width: 30px;
            height: 30px;
            margin: 0 auto 10px; }
        .sns_area ul li a.Insta {
          background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
          background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; }
          .sns_area ul li a.Insta:before {
            content: ' ';
            background: url("/img/special/anniversary/25th/insta.png") 0 0 no-repeat;
            background-size: 100%;
            display: block;
            width: 30px;
            height: 30px;
            margin: 0 auto 10px; }

.snsBGWrap {
  margin: 10px auto !important;
  padding: 0 !important; }

.snsBtnWrap {
  padding: 0 5% !important; }

.bottomArea,
.pc_disp,
.specialArea {
  display: none; }

.menu-trigger {
  position: absolute;
  right: 0;
  top: 10px;
  display: block;
  width: 32px;
  height: 20px;
  z-index: 99999;
  box-sizing: border-box;
  margin: 20px;
  cursor: pointer; }

/* ハンバーガーメニュー */
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  margin: 0 auto; }

.menu-trigger.active span {
  background-color: #fff; }

.menu-trigger span:nth-of-type(1) {
  top: 0; }

.menu-trigger span:nth-of-type(2) {
  top: 9px; }

.menu-trigger span:nth-of-type(3) {
  bottom: 0; }

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0; }

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg); }

#navigation {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99998; }

#navigation img {
  width: 40% !important; }

#navigation .navigation_inner {
  display: table;
  width: 100%;
  height: 100%; }

#navigation .navigation_inner .navigation_menu {
  display: table-cell;
  vertical-align: top;
  padding: 60px 10px 10px 10px; }

#navigation .navigation_inner .navigation_menu li {
  position: relative;
  padding: 30px 0;
  margin: 0 auto;
  border-bottom: solid 1px rgba(225, 225, 225, 0.3);
  font-size: 15px; }

#navigation .navigation_inner .navigation_menu li::after {
  position: absolute;
  font-family: 'ionicons';
  content: '\f30f';
  color: #fff;
  right: 25px;
  font-size: 14px;
  top: 50%;
  transform: translateY(-50%); }

#navigation .navigation_inner .navigation_menu li a {
  display: block;
  color: #fff; }

#navigation .navigation_inner .navigation_menu li span {
  display: block;
  line-height: 1.5;
  color: #fff;
  font-weight: 100;
  letter-spacing: 0.1em;
  font-family: 'Arvo', sans-serif; }

#navigation .navigation_inner .navigation_menu li span.top {
  display: block;
  font-size: 16px;
  color: #fff; }

#navigation .match_subTit_icon .menu_eng {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.02em;
  vertical-align: middle; }

#navigation .match_subTit_icon .jpn {
  font-size: 13px; }

#navigation .superplay_subTit_icon .subhead_jp span {
  display: block;
  line-height: 1.7; }

#navigation .subhead_center {
  margin-bottom: 0; }

/* ---------------------------------
　
other page

----------------------------------- */
#main {
  background: none; }

.kvArea {
  position: relative;
  z-index: 111; }
  .kvArea img {
    width: 100%;
    height: auto; }

.kvArea .kvIndex,
.kvArea .kvArticle {
  display: none; }

body.kvIndex .kvArea .kvIndex,
body.kvArticle .kvArea .kvArticle {
  display: block; }

.second .kvArea {
  margin-top: 80px; }

.sec_interviewTxt > div {
  padding: 30px 5%; }
  .sec_interviewTxt > div p {
    letter-spacing: 0.1em;
    line-height: 1.65;
    text-align: left; }

.sec_interviewlist > div {
  padding: 0; }
.sec_interviewlist_article {
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden; }
  .sec_interviewlist_article a {
    display: block; }
    .sec_interviewlist_article a img {
      width: 155%;
      height: auto;
      text-align: center;
      margin-left: -33%;
      vertical-align: bottom; }

.interview_pink {
  background: #965f60; }

.interview_blue {
  background: #518b91; }

.interview_yellow {
  background: #adaa6b; }

.interview_green {
  background: #679357; }

.interviewKV {
  margin-top: -50px;
  width: 100%;
  overflow: hidden; }
  .interviewKV img {
    width: 155%;
    height: auto;
    text-align: center;
    margin-left: -33%;
    vertical-align: bottom; }

.interviewTXT p {
  text-align: left;
  line-height: 1.65;
  margin-bottom: 1em; }
  .interviewTXT p.btn {
    text-align: center; }
.interviewTXT figure {
  margin: 30px 0; }
  .interviewTXT figure img {
    width: 100%;
    height: auto; }
.interviewTXT dl {
  margin-bottom: 2em;
  text-align: left; }
  .interviewTXT dl dt {
    font-weight: bold;
    line-height: 1.65;
    margin-bottom: 1em; }
  .interviewTXT dl dd {
    line-height: 2;
    font-size: 14px;
    margin-bottom: 1em; }

.borderT {
  border-top: 1px solid #8c8b8b;
  padding-top: 40px; }

body.moshij .sec > div.wd980 {
  padding-top: 0; }