@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    サイト共通部                                  */
/*    ・ヘッダ・フッタの装飾                        */
/*    ・全体大枠のレイアウト定義                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{
  color: #fff;
  background: #000;
}
body{
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 0 auto;
  min-width: 320px;
  color: #fff;
  background: #000;
}
#World{
  text-align: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    基本レイアウト                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

body{
      background: #000 url(../img/main_image/bg.png) repeat-y 50% 50%;
      background-size: cover;
      background-size: 1000px 380px;
      background-size: 1500px 570px;
      background-attachment: fixed;
}
#World{
  padding: 2em 0;
  background: linear-gradient(to right, #340000 0%, #680000 25%, #680000 75%,  #340000 100%);
  
  background: linear-gradient(to right, rgba(50,0,0,0.85) 0%,  rgba(100,0,0,0.85) 25%,  rgba(100,0,0,0.85) 75%,  rgba(50,0,0,0.85) 100%);
  
}

/* サイトのページ幅 */
.PageWidthSetter{
  margin: 0 auto;
  max-width: 1050px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Header, Contents, Footer                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
}
    .PageTitleBlock{
      margin: 2em 0;
    }



            /* + + + + + レスポンシブ + + + + +  */

                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .PageTitleBlock{
                  margin-top: 0em;
                }


/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
}


    /* - - メイン画像エリア - - */
    .MainImageArea{
      padding: 2.5em 0;
      text-align: center;
      position: relative;
      z-index: 1;
    }
    .MainImageArea::before,
    .MainImageArea::after{
      content: "";
      position: absolute;
      top : 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
    }
    
    .MainImageArea::before{
      background: #000 url(../img/main_image/bg.png) repeat-y 50% 50%;
      background-size: cover;
      background-size: 1000px 380px;
      background-size: 1500px 570px;
      background-attachment: fixed;
      /*
      opacity: 0.875;
      */
    }
    
    .MainImageArea::after{
      background: linear-gradient(to bottom, rgba(0,0,0,0.875) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.875) 100%);
    
    }
        .MainImageArea p{
          position: relative;
          z-index: 2;
        }
    
    
    
    /* - - 受賞者紹介エリア - - */
    .PrizeArea{
    }
    .PrizeArea > .PageWidthSetter{
      background: rgba(0,0,0,0.25);
      border-top: 2px solid #c5af55;
    }



            /* + + + + + レスポンシブ + + + + +  */

                /* bp2より広いディスプレイ用 */
                body.rsbp-over-bp2 .PrizeArea{
                  padding: 3.5em 0 2.5em;
                }
                body.rsbp-over-bp2 .PrizeArea > .PageWidthSetter{
                  padding: 50px 30px;
                }

                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .PrizeArea{
                  padding: 1em 2vw;
                }
                body.rsbp-under-bp2 .PrizeArea > .PageWidthSetter{
                 padding: 30px 15px;
                }


/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
}

    /* - - SiteFooterBlock - - */
    .SiteFooterBlock{
      text-align: center;
    
    }
        .SiteFooterBlock .BlockHeader{
          font-size: 125%;
          margin: 0 0 0.5em;
        }
        .SiteFooterBlock .BlockContents{
          font-size: 87.5%;
        }
        
        
        



            /* + + + + + レスポンシブ + + + + +  */

                /* bp2より広いディスプレイ用 */
                body.rsbp-over-bp2 .SiteFooterBlock{
                }

                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .SiteFooterBlock{
                  margin-top: 2.5em;
                  
                }