@charset "UTF-8";
/*$fontset_min: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
ul {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  outline: none;
}

#gaCol {
  height: 0;
  overflow: hidden;
}

　
#jack {
  /*.bnr_luminaria {
    background-color: rgba(101, 184, 150, 0.8);
    box-sizing: border-box;
    margin: 0px auto 20px;
    text-align: center;
    line-height: 1.2em;

    dl {
      dd {
        text-align: center;

        ul {
          display: flex;
          justify-content: center;
          padding-top: 15px;

          li {
            &:first-of-type {
              margin-right: 5px;
            }
          }
        }
      }
    }

    small {
      font-size: 0.8em;
    }

    @include sp {
      width: 90%;
      padding: 15px;

      small {
        display: inline-block;
        padding-top: 10px;
        text-align: left;
      }
    }

    @include pc {
      //width: 1000px;
      width: 96%;
      min-height: 180px;
      padding: 20px 50px;

      dl {
        display: flex;
        justify-content: center;

        dt {
          margin-right: 30px;
        }
        dd {
          padding-top: 10px;
        }
      }
    }
  }*/
}

#jack {
  /*.bnr {
    position: fixed;
    bottom: 0;
    z-index: 500;
    
    a {
      display: block;
      width: 100%;
      height: 100%;
    }
    
    .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 20px;
      background: #333;
      color: #FFF;
      text-align: center;
      line-height: 1em;
      //z-index: 6;
      z-index: 501;
      cursor: pointer;
    }    
  }

  // SPの場合
  @include sp {
    .bnr {
      left: 0;
      width: 100%;
      height: auto;
      text-align: center;

      img {
        width: 100%;
      }      
    }
  }
  
  // PCの場合
  @include pc {    
    .bnr {   
      left: 50%;
      transform: translate(-50%, 0);
      width: 100%;
      max-width: 1200px;
      //height: 160px;
      height: auto;
      //margin-left: -600px;
      text-align: center;
      background: #000;      

      a {
        transition: all 0.2s ease-in-out;
      }
    }
  }*/
}
#jack .bnr {
  z-index: 500;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin: -20px auto 20px;
}
@media (max-width: 768px) {
  #jack .bnr {
    padding: 10px;
  }
}
@media (min-width: 769px) {
  #jack .bnr {
    padding: 20px 0;
  }
}
#jack .bnr a {
  display: block;
  width: 100%;
  height: 100%;
}
#jack .bnr .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #333;
  color: #FFF;
  text-align: center;
  line-height: 1em;
  z-index: 501;
  cursor: pointer;
}

main::before {
  background: url("../images/jack/tox/bg.jpg") left top no-repeat #fff;
  background-size: cover;
}
@media (max-width: 768px) {
  main::before {
    background: url(../images/jack/tox/bg_sp.jpg) center center no-repeat #fff;
    background-size: cover;
  }
}

header nav {
  background: #3CB27F;
}
@media screen and (max-width: 1180px) {
  header .menu ul {
    background: #3CB27F;
  }
  header .menu ul li {
    border-bottom: 1px solid #7d8186;
  }
}

footer {
  background: #3CB27F;
}
footer #sitemap dl ul li {
  background: #057681;
}

main {
  background: none;
}
main a {
  color: #eb1d65;
}
main::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: -6;
}
@media (max-width: 768px) {
  main {
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  main {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}

#login main {
  background: none;
}
#login main::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: -6;
}

.snav ul a {
  background-color: rgba(255, 255, 255, 0.7);
}
.snav ul a:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.snav .active {
  background-color: rgba(255, 255, 255, 0.7);
}

#information {
  background: rgba(255, 255, 255, 0.7);
}

#newsList li {
  background-color: rgba(255, 255, 255, 0.7);
}
#newsList .pickup {
  background-color: rgba(255, 255, 255, 0.7);
}
#newsList dl a:hover {
  color: #eb1d65;
}

#pickupCol #pickupList li {
  /*&:nth-child(odd) {
    background: url(../images/top/pickup/bg_pickup_01_w.png) no-repeat center top;
    background-size: contain;
    box-sizing: border-box;
  }*/
}
#pickupCol #pickupList li:nth-child(even) {
  background: url(../images/top/pickup/bg_pickup_02_w.png) no-repeat center top;
  background-size: contain;
  box-sizing: border-box;
}

#membersCol {
  background-color: rgba(255, 255, 255, 0.7);
}
#membersCol .membersList li {
  background: rgba(150, 100, 0, 0.2);
}

@media (max-width: 1700px) {
  #mvCol {
    top: 45px;
    height: calc(56.4vw - 6px);
  }
}
@media (min-width: 1701px) {
  #mvCol {
    top: 0px;
    height: calc(56.4vw - 7px);
  }
}

@media (min-width: 1701px) {
  .bg .bg-wrap #bg-movie-player {
    height: 56.4vw;
  }
}

@media (min-width: 1701px) {
  #mvColBg {
    height: 56.4vw;
  }
}

@media (min-width: 1701px) {
  #mvColInner {
    height: 56.4vw;
  }
}

@media (max-width: 1700px) {
  main {
    margin-top: 45px;
  }
}
@media (min-width: 1701px) {
  main {
    margin-top: 0;
  }
}

.icoList a {
  color: #fffdf2;
}

main .btn_archive2 {
  background-color: #3CB27F;
}
main .archiveWrapper {
  background-color: rgba(255, 255, 255, 0.7);
}

/*

// 英語用　 ------------------------------------

// blog部分
#blogCol {
  .titBorder {
    background: url(../images/common/title/bg_tit_w_border_b.png) center bottom repeat-x;
  }
}

body {
  color: $color_light;
  background: #000;
  background-size: 100% auto;
}

// 重要なお知らせ
h2 {
  color: $color_light;
}
#information {
  a {
    color: $color_light !important;
  }
}

// News
#newsList {
  dl {
    a {
      color: $color_light;
    }
  }
}

.titPen {
  background-image: url(../images/common/title/bg_tit_w_pen.png),
    url(../images/common/title/bg_tit_w_pen_line.png);
}

.titBorder {
  background-image: url(../images/common/title/bg_tit_w_border_t.png),
    url(../images/common/title/bg_tit_w_border_b.png);
}


// 会員限定コンテンツ
#membersCol {
  background-image: url(../images/common/frame/bg_fr01_w_lt.png),
  url(../images/common/frame/bg_fr01_w_rt.png),
  url(../images/common/frame/bg_fr01_w_lb.png),
  url(../images/common/frame/bg_fr01_w_rb.png);
  .membersList {
  li {
      // background-color: $bg_jack;rgb(181 133 76)
      // background: rgba(181, 133, 76, 1);
      background: rgba(240, 230, 200, .1);
    }
    dt {
      background-image: url(../images/top/members/bg_w_tit.png);
      color: $color_light;
    }
    dd {
      span {
        color: $color_light;
      }
      color: $color_light;
    }

  }
}



*/
/*#mvColInner {
  #mvColBox {
    display: none;
  }
}*/
/*main {
  &::before{    
    //background: url("../images/jack/tog/bg.png") center top no-repeat #404040;
    background: url("../images/jack/tog/bg.jpg") left top no-repeat #fdf6c8;
    background-size: cover;
    @include sp {
      //background: url(../images/jack/tog/bg_sp.jpg) center top no-repeat #fdf6c8;
      background: url(../images/jack/tog/bg_sp.jpg) center center no-repeat #fdf6c8;
      background-size: contain;
      //background-size: 165vw auto;
    }
  }
}

#login {
  main {  
    &::before{
      background: url(../images/jack/tog/bg.png) center top no-repeat #fdf6c8;
      background-size: cover;

      @include sp {
        background: url(../images/jack/tog/bg_sp.png) center top no-repeat #fdf6c8;
        background-size: cover;
        //background-size: 165vw auto;
      }
    }    
  } 
}*/