@charset "UTF-8";
/* ****************************************************
index.css for IIJ 25th
 ***************************************************** */
/*general
=========================================*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Roboto", "Noto Sans Japanese", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
  font-size: 1rem;
  line-height: 1;
  color: #000;
}
body > img {
  display: none !important;
}

a {
  color: #000;
  text-decoration: none;
}

img {
  vertical-align: top;
}

figure figcaption {
  display: block;
  margin-top: .5rem;
  font-size: 81.25%;
}

sub {
  vertical-align: text-bottom;
  font-size: 1rem;
}

sup {
  vertical-align: text-top;
  font-size: 1rem;
}

/*Contents
=========================================*/
main {
  background-color: #d41330;
  color: #ffffff;
}
main:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
main .frameBox.frame01 {
  background-color: #b0081c;
}
main .frameBox h2 {
  z-index: 11;
}
main .frameBox .photo, main .frameBox .wrap {
  position: relative;
  z-index: 10;
}
main .frameBox .photo > img {
  box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.2);
}
main .frameBox .text {
  box-sizing: border-box;
  position: relative;
  box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  color: #333333;
  text-align: justify;
  text-justify: inter-ideograph;
}
main .frameBox .subPhoto {
  position: absolute;
}

#movie {
  text-align: center;
}
#movie #movieGo {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}

#message {
  background-color: #ece8e9;
}

#history {
  background-color: #f6f6f6;
}

#special {
  background-color: #d41330;
}

#lastMessage {
  background-color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
  /* ****************************************************
  style for Mobile
   ***************************************************** */
  /*Contents
  =========================================*/
  main {
    line-height: 1.5;
  }
  main #firstView {
    padding: 10.41667% 0 9.11458%;
    font-size: 1.6rem;
    background: #d41330 url(../../img/index_bg01_sp.jpg) no-repeat 50% 0;
    background-size: 100% auto;
  }
  main #firstView h1 {
    overflow: hidden;
    width: 69.01042%;
    height: 0;
    margin: 0 auto 5.20833%;
    padding-top: 46.22396%;
    background: url(../../img/index_h01_sp.png) no-repeat 0 0;
    background-size: cover;
    text-indent: 100%;
    font-size: 0;
    white-space: nowrap;
  }
  main #firstView p {
    padding: 0 3.90625%;
    text-align: center;
  }
  main .frameBox {
    position: relative;
  }
  main .frameBox.frame01 .photo {
    margin-left: 15.625%;
  }
  main .frameBox.frame02 h2 {
    text-align: right;
  }
  main .frameBox.frame02 .photo {
    margin-left: 3.90625%;
  }
  main .frameBox h2 {
    position: relative;
    z-index: 11;
    margin: 0 3.90625% -1rem;
    font-weight: bold;
    font-size: 1.9rem;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  }
  main .frameBox h2 > span {
    display: inline-block;
    border-bottom: 1px solid #ffffff;
  }
  main .frameBox .photo {
    width: 80.46875%;
  }
  main .frameBox .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -2.6rem;
    padding-bottom: 3.90625%;
  }
  main .frameBox .text {
    -webkit-order: 1;
    order: 1;
    width: 92.1875%;
    margin: 0 auto;
    padding: 7.06215% 4.23729%;
    font-size: 1.5rem;
  }
  main .frameBox .subPhoto {
    position: relative;
    -webkit-order: 0;
    order: 0;
    margin-bottom: -2.6rem;
  }
  main .frameBox#box1995 {
    background: #b0081c url(../../img/index_bg03_sp.png) no-repeat 0 0;
    background-size: 100% auto;
    padding-top: 36.19792%;
  }
  main .frameBox#box1995 .wrap {
    margin-top: -1.2rem;
  }
  main .frameBox#box1995 .subPhoto {
    width: 77.73438%;
  }
  main .frameBox#box2005 {
    background: #d41330 url(../../img/index_bg04_sp.png) no-repeat 0 0;
    background-size: 100% auto;
    padding-top: 36.19792%;
  }
  main .frameBox#box2005 .wrap {
    margin-top: -5.4rem;
  }
  main .frameBox#box2005 .subPhoto {
    width: 36.58854%;
    margin-bottom: -3.6rem;
  }
  main .frameBox#box2011 {
    background: #b0081c url(../../img/index_bg05_sp.png) no-repeat 0 0;
    background-size: 100% auto;
    padding-top: 36.19792%;
  }
  main .frameBox#box2011 .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main .frameBox#box2011 .subPhoto {
    margin-left: 5.33854%;
    width: 43.22917%;
  }
  main .frameBox#box2017 {
    padding-bottom: 0;
    background: #d41330 url(../../img/index_bg06_sp.png) no-repeat 0 0;
    background-size: 100% auto;
    padding-top: 36.19792%;
  }
  main .frameBox#box2017 .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -4.2rem;
  }
  main .frameBox#box2017 .subPhoto {
    margin-left: 4.94792%;
    width: 33.07292%;
  }

  #toggleArea {
    padding: 0 0 40px;
  }
  #toggleArea .toggleBtn > span {
    overflow: hidden;
    display: block;
    width: 31.11979%;
    height: 0;
    padding-top: 7.8125%;
    margin: 0 auto 0;
    background: url(../../img/index_bt02_sp.png) no-repeat 0 0;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
  }

  #movie {
    background: url(../../img/index_im01_sp.jpg) no-repeat 50% 0;
    background-size: cover;
    padding: 7.8125% 0;
  }
  #movie h2 {
    width: 89.84375%;
    margin: 0 auto 7.8125%;
  }
  #movie #movieGo {
    position: relative;
    width: 83.33333%;
    height: 0;
    padding-top: 46.875%;
  }
  #movie #movieGo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #movie .toggleBtn > span {
    overflow: hidden;
    display: block;
    width: 40.36458%;
    height: 0;
    margin: 3.90625% auto 0;
    padding-top: 7.8125%;
    background: url(../../img/index_bt01_open_sp.png) no-repeat 0 0;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
  }
  #movie .toggleBtn > span.open {
    background: url(../../img/index_bt01_close_sp.png) no-repeat 0 0;
    background-size: cover;
  }
  #movie #movieInfo {
    position: relative;
    width: 92.1875%;
    padding-top: 41.66667%;
    margin: 3.90625% auto 0;
    background: url(../../img/index_tx05_sp.png) no-repeat 0 0;
    background-size: 100% auto;
    box-shadow: 1.25rem 1.25rem 1.5rem rgba(0, 0, 0, 0.11);
  }
  #movie #movieInfo h3 {
    width: 100%;
  }
  #movie #movieInfo h3 img {
    display: none;
  }
  #movie #movieInfo ul {
    width: 100%;
  }
  #movie #movieInfo ul img {
    display: none;
  }
  #movie #movieInfo:before {
    position: absolute;
    top: 16.94915%;
    right: -4.23729%;
    content: " ";
    width: 26.69271%;
    height: 0;
    padding-top: 27.73438%;
    background: url(../../img/index_ic06_sp.png) no-repeat 0 0;
    background-size: cover;
  }

  .menuArea .wrap {
    padding: 7.8125% 0;
  }
  .menuArea .wrap h2 {
    padding-bottom: 7.8125%;
  }
  .menuArea .wrap .menuLink {
    width: 92.1875%;
    margin: 0 auto;
  }
  .menuArea .wrap .menuLink > li {
    background-color: #fff;
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.11);
  }
  .menuArea .wrap .menuLink > li + li {
    margin-top: 4.23729%;
  }
  .menuArea .wrap .menuLink > li > a {
    position: relative;
    display: block;
    padding: 4.23729%;
    color: #222;
  }
  .menuArea .wrap .menuLink > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 38.70056%;
    height: 0;
    padding-top: 38.70056%;
    content: " ";
    background: url(../img/com_bg08.png) no-repeat 0 0;
    background-size: cover;
  }
  .menuArea .wrap .menuLink > li > a > .photo {
    position: relative;
  }
  .menuArea .wrap .menuLink > li > a > .text > span, .menuArea .wrap .menuLink > li > a > span {
    position: relative;
    display: block;
    line-height: 1.2;
  }
  .menuArea .wrap .menuLink > li > a .name {
    margin: 1rem 0 .5rem;
    font-size: 1.5rem;
  }
  .menuArea .wrap .menuLink > li > a .title {
    font-weight: bold;
    font-size: 1.8rem;
  }
  .menuArea .wrap .menuLink > li > a .description {
    margin-top: 1rem;
    font-size: 1.5rem;
  }

  #message {
    background: #ece8e9 url(../../img/index_bg07_sp.jpg) no-repeat 0 0;
    background-size: 100% auto;
  }

  #history {
    background: #f6f6f6 url(../../img/index_bg08_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  #special {
    background: #d41330 url(../../img/index_bg09_sp.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  #lastMessage {
    padding: 10.41667%;
  }
  #lastMessage > p {
    width: 40.625%;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 768px) {
  /* ****************************************************
  stylefor PC
   ***************************************************** */
  /*Contents
  =========================================*/
  main {
    min-width: 1200px;
    line-height: 1.6;
  }
  main:after {
    height: 0;
  }
  main #firstView {
    position: relative;
    margin: 0 auto;
    font-size: 2.2rem;
    background: #d41330 url(../../img/index_bg01_pc.jpg) no-repeat 50% 50%;
  }
  main #firstView #firstWrap {
    box-sizing: border-box;
    position: relative;
    width: 1200px;
    min-height: 420px;
    margin: 0 auto;
    padding: 80px 0 0;
  }
  main #firstView h1 {
    width: 760px;
    height: 195px;
    margin: 0 auto 45px;
    background: url(../../img/index_h01_pc.png) no-repeat 0 0;
    text-indent: 100%;
    font-size: 0;
    white-space: nowrap;
  }
  main #firstView p {
    box-sizing: border-box;
    padding: 0 0 30px;
    text-align: center;
  }
  main .frameBox {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  main .frameBox > section {
    position: relative;
    width: 1200px;
    margin: 0 auto;
  }
  main .frameBox h2 {
    position: absolute;
    top: 45px;
    font-size: 3.8rem;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  }
  main .frameBox .wrap {
    width: 1200px;
    margin: 0 auto;
  }
  main .frameBox .text {
    width: 710px;
    margin-top: -50px;
    padding: 25px 30px;
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
  main .frameBox.frame01 h2 {
    left: 0;
  }
  main .frameBox.frame01 .photo {
    padding-left: 120px;
  }
  main .frameBox.frame02 h2 {
    right: 0;
  }
  main .frameBox.frame02 .photo {
    padding-left: 234px;
  }
  main .frameBox.frame02 .text {
    margin-left: 490px;
  }
  main .frameBox#box1995 {
    padding: 170px 0 256px;
    background: #b0081c url(../../img/index_bg04_pc.png) no-repeat 50% 120%;
  }
  main .frameBox#box1995:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 256px;
    content: " ";
    background: url(../../img/index_bg05_pc.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  main .frameBox#box1995 > section {
    min-height: 719px;
  }
  main .frameBox#box1995 > section:before {
    position: absolute;
    top: -140px;
    right: 220px;
    z-index: 11;
    display: block;
    width: 291px;
    height: 255px;
    content: " ";
    background: url(../../img/index_ic02_pc.png) no-repeat 0 0;
  }
  main .frameBox#box1995 > section:after {
    position: absolute;
    top: 0;
    right: 60px;
    display: block;
    width: 182px;
    height: 719px;
    content: " ";
    background: url(../../img/index_tx01_pc.png) no-repeat 0 0;
    opacity: .7;
  }
  main .frameBox#box1995 .subPhoto {
    bottom: -40px;
    left: 685px;
  }
  main .frameBox#box2005 {
    padding: 0 0 256px;
    background: url(../../img/index_bg06_pc.png) no-repeat 50% 0;
  }
  main .frameBox#box2005:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 256px;
    content: " ";
    background: url(../../img/index_bg03_pc.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  main .frameBox#box2005 > section {
    min-height: 826px;
  }
  main .frameBox#box2005 > section:before {
    position: absolute;
    top: -135px;
    left: 180px;
    z-index: 11;
    display: block;
    width: 412px;
    height: 251px;
    content: " ";
    background: url(../../img/index_ic03_pc.png) no-repeat 0 0;
  }
  main .frameBox#box2005 > section:after {
    position: absolute;
    top: -42px;
    left: 60px;
    display: block;
    width: 182px;
    height: 826px;
    content: " ";
    background: url(../../img/index_tx02_pc.png) no-repeat 0 0;
    opacity: .8;
  }
  main .frameBox#box2005 .subPhoto {
    bottom: -100px;
    left: 267px;
  }
  main .frameBox#box2011 {
    padding: 0 0 256px;
    background: #b0081c url(../../img/index_bg04_pc.png) no-repeat 50% 120%;
  }
  main .frameBox#box2011:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 256px;
    content: " ";
    background: url(../../img/index_bg05_pc.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
  main .frameBox#box2011 > section {
    min-height: 724px;
  }
  main .frameBox#box2011 > section:before {
    position: absolute;
    top: -138px;
    right: 147px;
    z-index: 11;
    display: block;
    width: 471px;
    height: 239px;
    content: " ";
    background: url(../../img/index_ic04_pc.png) no-repeat 0 0;
  }
  main .frameBox#box2011 > section:after {
    position: absolute;
    top: -8px;
    right: 60px;
    display: block;
    width: 182px;
    height: 724px;
    content: " ";
    background: url(../../img/index_tx03_pc.png) no-repeat 0 0;
    opacity: .7;
  }
  main .frameBox#box2011 .subPhoto {
    bottom: -72px;
    left: 685px;
  }
  main .frameBox#box2017 {
    padding: 0;
    background: url(../../img/index_bg06_pc.png) no-repeat 50% 0;
  }
  main .frameBox#box2017 > section {
    min-height: 767px;
  }
  main .frameBox#box2017 > section:before {
    position: absolute;
    top: -135px;
    left: 286px;
    z-index: 11;
    display: block;
    width: 628px;
    height: 251px;
    content: " ";
    background: url(../../img/index_ic05_pc.png) no-repeat 0 0;
  }
  main .frameBox#box2017 > section:after {
    position: absolute;
    top: -42px;
    left: 60px;
    display: block;
    width: 182px;
    height: 767px;
    content: " ";
    background: url(../../img/index_tx04_pc.png) no-repeat 0 0;
    opacity: .8;
  }
  main .frameBox#box2017 .subPhoto {
    bottom: -100px;
    left: 267px;
  }

  #toggleArea {
    padding: 0 0 40px;
  }
  #toggleArea .toggleBtn > span {
    overflow: hidden;
    display: block;
    width: 244px;
    height: 46px;
    margin: 106px auto 0;
    background: url(../../img/index_bt02_pc.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
  }
  #toggleArea .toggleBtn > span:hover {
    opacity: .7;
  }

  #movie {
    background: url(../../img/index_im01_pc.jpg) no-repeat 50% 0;
    padding: 75px 0 40px;
  }
}
@media print, screen and (min-width: 768px) and (min-width: 1921px) {
  #movie {
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 768px) {
  #movie h2 {
    text-align: center;
    margin: 0 auto 60px;
  }
  #movie #movieGo {
    width: 900px;
    height: 506px;
  }
  #movie #movieGo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
  #movie #movieGo a {
    display: none;
  }
  #movie .toggleBtn > span {
    overflow: hidden;
    display: block;
    width: 244px;
    height: 46px;
    margin: 30px auto 0;
    background: url(../../img/index_bt01_pc.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
  }
  #movie .toggleBtn > span:hover {
    opacity: .7;
  }
  #movie .toggleBtn > span.open {
    background: url(../../img/index_bt02_pc.png) no-repeat 0 0;
  }
  #movie #movieInfo {
    position: relative;
    width: 1140px;
    margin: 40px auto 0;
    box-shadow: 25px 25px 30px rgba(0, 0, 0, 0.11);
  }
  #movie #movieInfo:before {
    position: absolute;
    top: 50px;
    left: 975px;
    content: " ";
    width: 235px;
    height: 217px;
    background: url(../../img/index_ic06_pc.png) no-repeat 0 0;
  }

  .menuArea .wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
  }
  .menuArea .wrap h2 {
    margin-bottom: 70px;
    text-align: center;
  }
 .menuArea .wrap .menuLink {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menuArea .wrap .menuLink > li {
    background-color: #fff;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.11);
  }
  .menuArea .wrap .menuLink > li:not(.single) + li {
    margin-left: 30px;
  }
  .menuArea .wrap .menuLink > li > a {
    position: relative;
    display: block;
    padding: 15px;
    color: #222;
    line-height: 1.2;
  }
  .menuArea .wrap .menuLink > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 154px;
    height: 154px;
    content: " ";
    background: url(../img/com_bg08.png) no-repeat 0 0;
    background-size: cover;
  }
  .menuArea .wrap .menuLink > li > a:hover {
    opacity: .7;
  }
  .menuArea .wrap .menuLink > li > a > span {
    position: relative;
    display: block;
  }
  .menuArea .wrap .menuLink > li > a .photo img {
    width: 100%;
    height: auto;
  }
  .menuArea .wrap .menuLink > li > a .name {
    margin: 15px 0;
    font-size: 1.6rem;
    min-height: 2.4em;
  }
  .menuArea .wrap .menuLink > li > a .title {
    font-weight: bold;
    font-size: 2rem;
  }
  .menuArea .wrap .menuLink > li > a .description {
    margin-top: 15px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .menuArea .wrap .menuLink > li.single {
    width: 100%;
    margin-bottom: 40px;
  }
  .menuArea .wrap .menuLink > li.single > a {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  .menuArea .wrap .menuLink > li.single > a .photo {
    position: relative;
    width: 350px;
  }
  .menuArea .wrap .menuLink > li.single > a .text {
    box-sizing: border-box;
    width: 785px;
    padding-right: 20px;
    line-height: 1.6;
  }
  .menuArea .wrap .menuLink > li.single > a .text > span {
    display: block;
  }
  .menuArea .wrap .menuLink > li.single > a .text .name {
    margin: 0;
  }
  .menuArea .wrap .menuLink > li.single > a .text .title {
    font-size: 2.6rem;
  }
  .menuArea .wrap .menuLink > li.single > a .text .description {
    margin-top: 5px;
  }
  .menuArea .wrap .menuLink > li:not(.single) {
    width: 380px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  #message {
    background: #fed7dd url(../../img/index_bg07_pc.jpg) no-repeat 50% 0;
  }

  #history {
    background: #f6f6f6 url(../../img/index_bg08_pc.png) no-repeat 50% 100%;
  }

  #special {
    background: #d41330 url(../../img/index_bg09_pc.png) no-repeat 50% 0;
  }
  #special .menuLink > li > a .name {
    min-height: 1.2em;
  }

  #lastMessage {
    padding: 80px 0;
    text-align: center;
  }
}

/*== TOP 追加パーツ ==*/
/* forPC */
@media print, screen and (min-width: 768px) {
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap {
    position: relative;
    padding: 15px;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    color: #222;
    line-height: 1.2;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 154px;
    height: 154px;
    content: " ";
    background: url(../img/com_bg08.png) no-repeat 0 0;
    background-size: cover;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .movie {
    position: relative;
    width: 700px;
    z-index: 3;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .text {
    box-sizing: border-box;
    width: 435px;
    padding-right: 20px;
    line-height: 1.6;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .text span {
    position: relative;
    display: block;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .text .name {
    margin: 0;
    font-size: 1.6rem;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .text .title {
    font-weight: bold;
    font-size: 2.6rem;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .text .description {
    margin-top: 5px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .menuMovie {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 700px;
    height: 394px;
  }
  .menuArea .wrap .menuLink > li.movieBox > .movieWrap .menuMovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
/* for SP */
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .menuArea .wrap .menuLink > li > .movieWrap {
    position: relative;
    display: block;
    padding: 4.23729%;
    color: #222;
  }

  .menuArea .wrap .menuLink > li > .movieWrap:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 38.70056%;
    height: 0;
    padding-top: 38.70056%;
    content: " ";
    background: url(../img/com_bg08.png) no-repeat 0 0;
    background-size: cover;
  }

  .menuArea .wrap .menuLink > li > .movieWrap > .movie {
    position: relative;
  }
  .menuArea .wrap .menuLink > li > .movieWrap > .movie .menuMovie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  .menuArea .wrap .menuLink > li > .movieWrap > .movie .menuMovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .menuArea .wrap .menuLink > li > .movieWrap > .text > span, .menuArea .wrap .menuLink > li > a > span {
    position: relative;
    display: block;
    line-height: 1.2;
  }

  .menuArea .wrap .menuLink > li > .movieWrap .name {
    margin: 1rem 0 .5rem;
    font-size: 1.5rem;
  }

  .menuArea .wrap .menuLink > li > .movieWrap .title {
    font-weight: bold;
    font-size: 1.8rem;
  }

  .menuArea .wrap .menuLink > li > .movieWrap .description {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}