@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    外国語ページ用 補足スタイル                   */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 英語版 日本博物館協会賞 のページをメニューから隠す */
html[lang='en']  #HeaderMenuArea #MainMenuDropDownChild .PageList li:nth-child(2){
  display: none;
}
/* 英語版 RESEARCH を強調 */
html[lang='en']  #HeaderMenuArea #MainMenuDropDownChild .PageList li:nth-child(5) .Label::after{
  content: "NEW";
  padding: 0.125em 0.25em;
  display: inline-block;
  background: #f66;
  color: white;
  margin-left: 0.25em;
  font-size: 80%;
}


/* --------------------------------------------------- */
/* MainBanner                                          */
/* メインバナー用                                      */
/* --------------------------------------------------- */
.MainBannerArea{
  padding: 10px 0;
  background: #4e443e;
  overflow: hidden;
}
            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .MainBannerArea{
                  padding: 4px;
                }
                body.rsbp-under-bp2 .MainBannerArea .MainBanner{
                  margin: 0 -25%;
                }
                body.rsbp-under-bp2 .MainBannerArea .MainBanner img{
                  width: 150%;
                }



/* --------------------------------------------------- */
/* MainImage                                           */
/* メイン画像用                                        */
/* --------------------------------------------------- */

/* MainImage（2018年 第一弾 公開用）
--------------------------------------------------- */
.MainImageArea.FirstShot{
}
        /* MainImageBlock
        --------------------------------------------------- */
        .MainImageArea.FirstShot .MainImageBlock{
        }
        
            .MainImageArea.FirstShot .MainImageBlock .BlockHeader .Heading,
            .MainImageArea.FirstShot .MainImageBlock .BlockContents p {
              margin: 0 auto;
            }
            .MainImageArea.FirstShot .MainImageBlock .BlockHeader{
              background: #222;
              position: relative;
            }
            .MainImageArea.FirstShot .MainImageBlock .BlockHeader .TextItem,
            .MainImageArea.FirstShot .MainImageBlock .BlockHeader .TextItem .Heading > span{
              width: 100%;
              position: absolute;
              left: 0px;
              top:  0px;
            }
            .MainImageArea.FirstShot .MainImageBlock .BlockHeader .TextItem .Heading > span{
              display: block;
            }
            .MainImageArea.FirstShot .MainImageBlock .BlockContents{
              padding: 20px 0;
              background: #527595;
            }
            .MainImageArea.FirstShot .MainImageBlock .BlockContents *{
              color: #fff;
              border-color: #fff;
            }
                /* + + + + + レスポンシブ + + + + +  */
                
                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockHeader .ImageItem{
                      margin: 0 auto;
                      max-width: 1350px;
                    }
                    body.rsbp-over-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockHeader .TextItem .Heading > span{
                      text-align: center;
                    }
                    body.rsbp-over-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockContents p {
                      max-width: 950px;
                    }

                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockHeader .TextItem {
                      height: 45%;
                      width: 100%;
                      overflow: hidden;
                    }
                    body.rsbp-under-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockHeader .TextItem img{
                      -webkit-transform: scale(1.25);
                              transform: scale(1.25);
                      -webkit-transform: scale(2);
                              transform: scale(2);
                      -webkit-transform-origin:center top;
                              transform-origin:center top;
                    }
                    body.rsbp-under-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockHeader .ImageItem {
                    }
                    body.rsbp-under-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockHeader .ImageItem img {
                      width: 175%;
                      max-width: none;
                    }
                    body.rsbp-under-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockContents {
                      padding: 30px 15px;
                    }
                    body.rsbp-under-bp2 .MainImageArea.FirstShot .MainImageBlock .BlockContents .Button{
                      width: 100%;
                      margin: 0.25em 0;
                    }