@charset "UTF-8";
#twitter-widget-0 {
  min-height: 500px !important; }

.no-scroll {
  overflow: hidden; }

html {
  font-family: "MS Pゴシック"; }

body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden; }

img {
  width: 100%;
  height: auto; }

a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.85; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 111; }
  #loading #loading_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px; }

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2; }
  #pagetop a {
    display: block;
    z-index: 999;
    width: 0px;
    border-color: #000;
    border-style: solid;
    border-width: 20px;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent; }
  #pagetop a:hover {
    text-decoration: none;
    opacity: 0.7; }

#wrapper {
  min-width: 1024px;
  width: 100%;
  background-image: url(../img/bg_main.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: rgba(255, 255, 255, 0.6);
  background-blend-mode: lighten; }
  #wrapper #contents_01 {
    padding: 8% 0; }
    #wrapper #contents_01 .start_start {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0; }
    #wrapper #contents_01 .start .start_inner_start {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0; }
    #wrapper #contents_01 .start .start_inner .logo {
      width: 28%;
      margin: 0 auto 4.5%;
      opacity: 0; }
    #wrapper #contents_01 .start .start_inner .catch {
      width: 40%;
      margin: 0 auto;
      opacity: 0; }
  #wrapper #contents_02 .sports {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    justify-content: end;
    -webkit-align-items: end;
    align-items: end;
    flex-wrap: no-wrap;
    margin-bottom: 3%;
    opacity: 0; }
    #wrapper #contents_02 .sports .bg {
      width: 65%; }
    #wrapper #contents_02 .sports .img {
      width: 13%;
      margin-right: -5%;
      z-index: 1; }
    #wrapper #contents_02 .sports .logo {
      width: 16%;
      position: absolute;
      bottom: 4%;
      left: 58%; }
    #wrapper #contents_02 .sports .logobbb {
      bottom: 47%; }
    #wrapper #contents_02 .sports .logobbb2 {
      bottom: 14%; }
    #wrapper #contents_02 .sports .baseballbingo_twbtn {
      width: 30%;
      position: absolute;
      left: 42%;
      bottom: -2%; }
  #wrapper #contents_02 .wedding {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-align-items: end;
    align-items: end;
    flex-wrap: no-wrap;
    margin-bottom: 3%;
    opacity: 0; }
    #wrapper #contents_02 .wedding .bg {
      width: 65%; }
    #wrapper #contents_02 .wedding .img {
      width: 13%;
      margin-left: -5%;
      z-index: 1; }
    #wrapper #contents_02 .wedding .logo {
      width: 20%;
      position: absolute;
      bottom: -1%;
      right: 58%; }
  #wrapper #contents_02 .amuse {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    justify-content: end;
    -webkit-align-items: end;
    align-items: end;
    flex-wrap: no-wrap;
    margin-bottom: 7.5%;
    opacity: 0; }
    #wrapper #contents_02 .amuse .bg {
      width: 65%; }
    #wrapper #contents_02 .amuse .img {
      width: 13%;
      margin-right: -5%;
      z-index: 1; }
    #wrapper #contents_02 .amuse .logo {
      width: 16%;
      position: absolute;
      bottom: 4%;
      left: 58%; }
  #wrapper #contents_03 .txt {
    width: 43%;
    margin: 0 auto 3%;
    text-align: center;
    font-size: 1.5vw;
    opacity: 0; }
  #wrapper #contents_03 .txt_04 {
    font-size: 1vw;
    width: 50%;
    margin: 5% auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    justify-content: end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap; }
    #wrapper #contents_03 .txt_04 .left {
      width: 34%; }
    #wrapper #contents_03 .txt_04 .right {
      width: 62%;
      line-height: 2em;
      margin-left: 4%;
      padding: 2%;
      position: relative; }
      #wrapper #contents_03 .txt_04 .right .right_bg {
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .7; }
    #wrapper #contents_03 .txt_04 p {
      position: relative; }
      #wrapper #contents_03 .txt_04 p:nth-child(1) {
        width: 56%;
        margin: 0 auto 3%; }
  #wrapper #contents_04 .txt_01 {
    width: 50%;
    margin: 5% auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    justify-content: end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    opacity: 0; }
    #wrapper #contents_04 .txt_01 .left {
      width: 48%;
      line-height: 2em;
      margin-right: 4%;
      background-color: #fff;
      padding: 2%;
      font-size: 1vw; }
    #wrapper #contents_04 .txt_01 p:nth-child(1) {
      width: 100%;
      margin: 0 auto 3%; }
    #wrapper #contents_04 .txt_01 .right {
      width: 48%;
      position: relative; }
      #wrapper #contents_04 .txt_01 .right .swiper-button-next {
        background: url(../img/arrow_01_right.png) no-repeat;
        background-size: 50% auto;
        background-position: center;
        right: -10%; }
      #wrapper #contents_04 .txt_01 .right .swiper-button-prev {
        background: url(../img/arrow_01_left.png) no-repeat;
        background-size: 50% auto;
        background-position: center;
        left: -10%; }
      #wrapper #contents_04 .txt_01 .right .swiper-button-next::after,
      #wrapper #contents_04 .txt_01 .right .swiper-button-prev::after {
        display: none; }
  #wrapper #contents_04 .txt_02 {
    width: 50%;
    margin: 5% auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    justify-content: end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    opacity: 0; }
    #wrapper #contents_04 .txt_02 .right {
      width: 48%;
      line-height: 2em;
      margin-left: 4%;
      background-color: #fff;
      padding: 2%;
      font-size: 1vw; }
    #wrapper #contents_04 .txt_02 p:nth-child(1) {
      width: 100%;
      margin: 0 auto 3%; }
    #wrapper #contents_04 .txt_02 .left {
      width: 48%;
      position: relative; }
      #wrapper #contents_04 .txt_02 .left .swiper-button-next {
        background: url(../img/arrow_02_right.png) no-repeat;
        background-size: 50% auto;
        background-position: center;
        right: -10%; }
      #wrapper #contents_04 .txt_02 .left .swiper-button-prev {
        background: url(../img/arrow_02_left.png) no-repeat;
        background-size: 50% auto;
        background-position: center;
        left: -10%; }
      #wrapper #contents_04 .txt_02 .left .swiper-button-next::after,
      #wrapper #contents_04 .txt_02 .left .swiper-button-prev::after {
        display: none; }
  #wrapper #contents_04 .txt_03 {
    width: 50%;
    margin: 5% auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    justify-content: end;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: no-wrap;
    opacity: 0; }
    #wrapper #contents_04 .txt_03 .left {
      width: 48%;
      line-height: 2em;
      margin-right: 4%;
      background-color: #fff;
      padding: 2%;
      font-size: 1vw; }
    #wrapper #contents_04 .txt_03 p:nth-child(1) {
      width: 100%;
      margin: 0 auto 3%; }
    #wrapper #contents_04 .txt_03 .right {
      width: 48%;
      position: relative; }
      #wrapper #contents_04 .txt_03 .right .swiper-button-next {
        background: url(../img/arrow_03_right.png) no-repeat;
        background-size: 50% auto;
        background-position: center;
        right: -10%; }
      #wrapper #contents_04 .txt_03 .right .swiper-button-prev {
        background: url(../img/arrow_03_left.png) no-repeat;
        background-size: 50% auto;
        background-position: center;
        left: -10%; }
      #wrapper #contents_04 .txt_03 .right .swiper-button-next::after,
      #wrapper #contents_04 .txt_03 .right .swiper-button-prev::after {
        display: none; }
  #wrapper #contents_04 .txt_04 {
    width: 40%;
    margin: 5% auto 0;
    opacity: 0; }
  #wrapper #contents_05 .pv {
    width: 55%;
    margin: 5% auto 0;
    opacity: 0; }
  #wrapper #contents_05 .pv_pc .swiper-button-next {
    background: url(../img/arrow_01_right.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
    top: 60%;
    right: 6%; }
  #wrapper #contents_05 .pv_pc .swiper-button-prev {
    background: url(../img/arrow_01_left.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
    top: 60%;
    left: 6%; }
  #wrapper #contents_05 .pv_pc .swiper-button-next::after,
  #wrapper #contents_05 .pv_pc .swiper-button-prev::after {
    display: none; }
  #wrapper #contents_05 .pv_sp .swiper-button-next {
    background: url(../img/arrow_01_right.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
    top: 60%;
    right: .5%; }
  #wrapper #contents_05 .pv_sp .swiper-button-prev {
    background: url(../img/arrow_01_left.png) no-repeat;
    background-size: 50% auto;
    background-position: center;
    top: 60%;
    left: .5%; }
  #wrapper #contents_05 .pv_sp .swiper-button-next::after,
  #wrapper #contents_05 .pv_sp .swiper-button-prev::after {
    display: none; }
  #wrapper #contents_05 .twitter {
    width: 55%;
    margin: 10% auto 0;
    opacity: 0; }
    #wrapper #contents_05 .twitter p:nth-child(1) {
      width: 80%;
      margin: 0 auto; }
    #wrapper #contents_05 .twitter p:nth-child(2) {
      width: 50%;
      margin: 0 auto; }
  #wrapper #contents_05 .banner {
    width: 55%;
    margin: 3% auto 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    opacity: 0; }
    #wrapper #contents_05 .banner p {
      margin: 3% 2%; }
      #wrapper #contents_05 .banner p:nth-child(1) {
        width: 46%; }
      #wrapper #contents_05 .banner p:nth-child(2) {
        width: 46%; }
      #wrapper #contents_05 .banner p:nth-child(3) {
        width: 46%; }

#footer {
  min-width: 1024px;
  width: 100%;
  background-image: url(../img/bg_footer.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  font-size: 1vw; }
  #footer .txt_01 {
    width: 55%;
    margin: 5% auto 0;
    font-size: 1vw; }
    #footer .txt_01 p {
      padding-bottom: 1%; }
  #footer .txt_02 {
    width: 55%;
    margin: 5% auto 0; }
    #footer .txt_02 .title {
      text-align: center;
      padding-bottom: 1%; }
    #footer .txt_02 .flex {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-items: baseline;
      align-items: baseline;
      flex-wrap: no-wrap;
      width: 100%;
      padding-bottom: 1%; }
      #footer .txt_02 .flex .txt1 {
        text-align: left; }
        #footer .txt_02 .flex .txt1:nth-child(1) {
          width: 20%; }
        #footer .txt_02 .flex .txt1:nth-child(2) {
          width: 80%;
          line-height: 200%; }
  #footer .txt_03 {
    width: 55%;
    margin: 5% auto 0; }
    #footer .txt_03 p:nth-child(1) a, #footer .txt_03 p:nth-child(1) a:hover {
      color: #fff; }
    #footer .txt_03 p:nth-child(2) {
      text-align: center;
      margin: 8% auto 4%; }

@media (max-width: 767px) {
  html {
    overflow: auto !important;
    margin-right: 0 !important; }

  #wrapper {
    min-width: auto !important;
    background-image: url(../img/bg_main_sp.png) !important;
    background-size: cover !important; }
    #wrapper #contents_01 {
      padding: 20% 0 !important; }
      #wrapper #contents_01 .logo {
        width: 100% !important;
        margin: 0 auto 10% !important; }
      #wrapper #contents_01 .catch {
        width: 100% !important; }
    #wrapper #contents_02 .sports {
      margin-bottom: 10% !important; }
      #wrapper #contents_02 .sports .bg {
        width: 100% !important; }
      #wrapper #contents_02 .sports .img {
        width: 33% !important;
        margin-right: 0 !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important; }
      #wrapper #contents_02 .sports .logo {
        width: 40% !important;
        bottom: 4% !important;
        right: 3% !important;
        left: auto !important; }
      #wrapper #contents_02 .sports .logobbb {
        bottom: 47% !important; }
      #wrapper #contents_02 .sports .logobbb2 {
        bottom: 14% !important; }
      #wrapper #contents_02 .sports .baseballbingo_twbtn {
        width: 60%;
        position: absolute;
        left: 37%;
        bottom: -2%; }
    #wrapper #contents_02 .wedding {
      margin-bottom: 10% !important; }
      #wrapper #contents_02 .wedding .bg {
        width: 100% !important; }
      #wrapper #contents_02 .wedding .img {
        width: 33% !important;
        margin-right: 0 !important;
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important; }
      #wrapper #contents_02 .wedding .logo {
        width: 47% !important;
        bottom: 0% !important;
        left: 0 !important; }
    #wrapper #contents_02 .amuse {
      margin-bottom: 10% !important; }
      #wrapper #contents_02 .amuse .bg {
        width: 100% !important; }
      #wrapper #contents_02 .amuse .img {
        width: 33% !important;
        margin-right: 0 !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important; }
      #wrapper #contents_02 .amuse .logo {
        width: 40% !important;
        bottom: 4% !important;
        right: 3% !important;
        left: auto !important; }
    #wrapper #contents_03 .txt {
      width: 100% !important;
      font-size: 3.5vw !important;
      margin: 8% auto !important; }
      #wrapper #contents_03 .txt p:nth-child(1) {
        margin-bottom: 3% !important; }
    #wrapper #contents_03 .txt_04 {
      font-size: 3vw !important;
      width: 100% !important;
      -webkit-justify-content: left !important;
      justify-content: left !important;
      margin: 12% auto 10% !important; }
      #wrapper #contents_03 .txt_04 .left {
        width: 50% !important; }
      #wrapper #contents_03 .txt_04 .right {
        width: 70% !important;
        margin-right: 4% !important;
        margin-left: -15% !important; }
      #wrapper #contents_03 .txt_04 p:nth-child(1) {
        width: 65% !important; }
    #wrapper #contents_04 .txt_01 {
      width: 100% !important;
      flex-wrap: wrap !important; }
      #wrapper #contents_04 .txt_01 .left {
        width: 90% !important;
        margin-right: 0 !important;
        padding: 4% !important;
        margin: 0 auto !important;
        font-size: 3vw !important; }
      #wrapper #contents_04 .txt_01 p:nth-child(1) {
        width: 100%;
        margin: 0 auto 3%; }
      #wrapper #contents_04 .txt_01 .right {
        width: 80% !important;
        margin: 4% auto 6% !important; }
    #wrapper #contents_04 .txt_02 {
      width: 100% !important;
      flex-wrap: wrap !important; }
      #wrapper #contents_04 .txt_02 .right {
        width: 90% !important;
        margin-left: 0 !important;
        padding: 4% !important;
        margin: 0 auto !important;
        font-size: 3vw !important; }
      #wrapper #contents_04 .txt_02 p:nth-child(1) {
        width: 100%;
        margin: 0 auto 3%; }
      #wrapper #contents_04 .txt_02 .left {
        width: 80% !important;
        margin: 4% auto 6% !important; }
    #wrapper #contents_04 .txt_03 {
      width: 100% !important;
      flex-wrap: wrap !important; }
      #wrapper #contents_04 .txt_03 .left {
        width: 90% !important;
        margin-right: 0 !important;
        padding: 4% !important;
        margin: 0 auto !important;
        font-size: 3vw !important; }
      #wrapper #contents_04 .txt_03 p:nth-child(1) {
        width: 100%;
        margin: 0 auto 3%; }
      #wrapper #contents_04 .txt_03 .right {
        width: 80% !important;
        margin: 4% auto 6% !important; }
    #wrapper #contents_04 .txt_04 {
      width: 100% !important;
      margin: 14% auto 0 !important; }
    #wrapper #contents_05 .pv {
      width: 100% !important;
      margin: 10% auto 15% !important; }
    #wrapper #contents_05 .twitter {
      width: 100% !important;
      margin: 5% auto 0; }
      #wrapper #contents_05 .twitter p:nth-child(1) {
        width: 100% !important;
        margin: 0 auto; }
      #wrapper #contents_05 .twitter p:nth-child(2) {
        width: 84% !important;
        margin: -16% auto 0 !important; }
    #wrapper #contents_05 .banner {
      width: 100% !important;
      margin: 14% auto !important;
      flex-wrap: no-wrap !important; }
      #wrapper #contents_05 .banner p {
        margin: 3% 2%; }
        #wrapper #contents_05 .banner p:nth-child(1) {
          width: 85% !important; }
        #wrapper #contents_05 .banner p:nth-child(2) {
          width: 85% !important; }
        #wrapper #contents_05 .banner p:nth-child(3) {
          width: 85% !important; }

  #footer {
    min-width: auto !important;
    background-image: url(../img/bg_footer_sp.jpg) !important;
    font-size: 3vw !important; }
    #footer .txt_01 {
      width: 85% !important;
      margin: 5% auto 0; }
      #footer .txt_01 p {
        padding-bottom: 1%; }
    #footer .txt_02 {
      width: 85% !important;
      margin: 5% auto 0; }
      #footer .txt_02 .title {
        text-align: center;
        padding-bottom: 1%; }
      #footer .txt_02 .flex {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: baseline;
        align-items: baseline;
        flex-wrap: no-wrap;
        width: 100%;
        padding-bottom: 1%; }
        #footer .txt_02 .flex .txt1 {
          text-align: left; }
          #footer .txt_02 .flex .txt1:nth-child(1) {
            width: 25% !important; }
          #footer .txt_02 .flex .txt1:nth-child(2) {
            width: 75% !important;
            line-height: 200%; }
    #footer .txt_03 {
      width: 85% !important;
      margin: 5% auto 0; }
      #footer .txt_03 p:nth-child(1) a, #footer .txt_03 p:nth-child(1) a:hover {
        color: #fff; }
      #footer .txt_03 p:nth-child(2) {
        text-align: center;
        margin: 8% auto 4%; }

  #pagetop {
    bottom: 10px !important;
    right: 8px !important; }
    #pagetop a {
      border-width: 16px !important; } }

/*# sourceMappingURL=style.css.map */