/*------------------ 共通スタイル ------------------*/

    img {
      width: 100%;
      height: auto;
    }

    .rule_text p {
      font-size: small;
      text-align: left;
    }

    .rule_list {
      width: 50%;
      padding: 10px;
      font-size: small;
      font-weight: bold;
      text-align: left;
    }

    .rule_title {
      padding: 10px 0;
      color: red;
      font-weight: bold;
      font-size: small;
      text-align: center;
    }


/*------------------ ウィンドウサイズ768pxまで　のスタイル（PC） ------------------*/

@media (min-width: 768px) {

    html, body {
      margin: 0;
      width: 100%;
      height: 100%;
    }

    .vegas-slide {
      display: none;
    }

    div {
      position: fixed !important;
    }
    
    .index_cont {
      width: 80%;
      height: auto;
      margin: 0px auto;
    }

    .logo {
      position: static !important;
      width: 80%;
      height: auto;
      margin: 0 auto;
      margin-top: 50px;
    }

    .logo_sp {
      display: none;
    }

    .info_text {
      position: static !important;
      width: 80%;
      height: auto;
      margin: 0 auto; 
    }

    .index_gate {
      position: static !important;
      width: 80%;
      height: auto;
      margin: 0px auto;
    }

    .index_gate img {
      max-width: 50%;
      height: auto;
      float: left;
    }

    .index_info {
      position: static !important;
      width: 100%;
      height: auto;
      margin: 50px auto;
    }

    .index_text {
      position: static !important;
      width: 50%;
      height: auto;
      margin: 0 auto;
      text-align: center;
    }

    .index_text p {
      color: #FFF;
      font-weight: bold;
    }

    .big_bn {
      position: static !important;
      width: 80%;
      height: auto;
      margin: 10px auto;
      text-align: center;
    }

    .big_bn img {
      width: auto;
      height: auto;
    }

    .mini_bn {
      position: static !important;
      width: 100%;
      height: auto;
    }

    .mini_bn img {
      width: auto;
      height: auto;
      float: left;
    }

    #kadomaru {
      width: 80%;
      height: auto;
      margin: 0px auto;
      margin-top: 100px;
      background: rgba(255,255,255,0.6);
      color: #000;
    }

}


/*------------------ ウィンドウサイズ767px以下　のスタイル（スマホ） ------------------*/


@media (max-width: 767px) {

    html, body {
            margin: 0;
            width: 100%;
            height: 100%;
    }

    div {
        position: fixed !important;
    }

    .index_cont {
        width: 100%;
        height: auto;
        margin: 0px auto;
    }

    .logo {
        position: static !important;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .logo_pc {
      display: none;
    }

    .info_text {
      position: static !important;
      max-width: 100%;
      height: auto; 
    }

    .index_gate {
        position: static !important;
        width: 100%;
        height: auto;
        margin: 0px auto;
    }

    .index_gate img {
        max-width: 50%;
        height: auto;
        float: left;
    }

    .index_info {
        position: static !important;
        width: 100%;
        height: auto;
        margin: 10px auto;
    }

    .bn_sp {
        width: 100% !important;
        height: auto;
    }

    .index_text {
        position: static !important;
        width: 70%;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }

    .index_text p {
        color: #ff1493;
        font-weight: bold;
        font-size: 10px;
    }

    .big_bn {
        position: static !important;
        width: 80%;
        height: auto;
        margin: 10px auto;
        text-align: center;
    }

    .big_bn img {
        width: 100%;
        height: auto;
    }

    .mini_bn {
        position: static !important;
        width: 100%;
        height: auto;
    }

    .mini_bn img {
        width: auto;
        height: auto;
        float: left;
    }

    #kadomaru {
        width: 100%;
        height: auto;
        margin: 10px auto;
        background: rgba(255,255,255,0.6);
        color: #000;
    }

}

