@charset "utf-8";




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    基本レイアウト                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
#World{
}
    .ContentsDivision{
      font-size: 112.5%;
    }



    /* 背景の定義 （プレオープン用） */
    .ContentsDivision{
      background-image: linear-gradient( to bottom, rgba(255,255,255,0) 500px,   rgba(255,255,255,1) 1000px);
    }
    
    .World,
    .MainImageBlock .ImageItem .Image::after{
      background-repeat: no-repeat;
      background-position: 50% 400px;
      background-position: 50% 550px;
    }
        /* スクリーン表示時は背景固定 */
        @media screen{
            .World,
            .MainImageBlock .ImageItem .Image::after{
              background-attachment: fixed;
            }
        }
        /* プリント時の調整 */
        @media print{
            .MainImageBlock .ImageItem .Image::after{
              background: none!important;
            }
        }
    .World{
      background-image: url(../img/top/main_image/main_image_bg_pre_blur.jpg);
    }
    .MainImageBlock .ImageItem .Image::after{
      background-image: url(../img/top/main_image/main_image_bg_pre.jpg);
    }


            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .World{
                  background: none;
                }
                body.rsbp-under-bp2 .MainImageBlock .ImageItem .Image::after{
                  background-attachment: scroll;
                  background-position: 50% 100%;
                  background-size: contain;
                }

                

/* --------------------------------------------------- */
/* MainBanner                                          */
/* メインバナー用                                      */
/* --------------------------------------------------- */

.MainBannerArea{
  padding: 10px 0;
  background: #3e342e;
  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                                           */
/* メイン画像用                                        */
/* --------------------------------------------------- */

.MainImageArea{
}


        /* MainImageBlock（プレオープン用）
        --------------------------------------------------- */
        .MainImageBlock.PreOpen{
        }

            /* ロゴ部分のスタイル */
            .MainImageBlock.PreOpen .ImageItem{
              text-align: center;
            }
                .MainImageBlock.PreOpen .ImageItem .Image{
                  position: relative;
                  display: inline-block;
                }
                .MainImageBlock.PreOpen .ImageItem .Image::after{
                  content: "";
                  display: block;
                  position: absolute;
                  left: 0px;
                  top: 0px;
                  border: 1px solid rgba(83,55,38,1);
                  border-radius: 100%;
                  overflow: hidden;
                  display: block;
                  margin: 0 auto;
                  -webkit-transition: all .2s;
                          transition: all .2s;
                  z-index: 1;
                }
                .MainImageBlock.PreOpen .ImageItem .Image:hover::after{
                }
                .MainImageBlock.PreOpen .ImageItem .Image img{
                  position: absolute;
                  left: 50%;
                  top:  50%;
                  z-index: 15;
                }



            /* テキスト部分のスタイル */
            .MainImageBlock.PreOpen .BlockContents{
              padding: 2em 0 1em;
              position: relative;
              z-index: 10;
            }
                .MainImageBlock.PreOpen .BlockContents .CatchCopy{
                  text-align: center;
                }
                .MainImageBlock.PreOpen .BlockContents .CatchCopy img{
                  width: 50%;
                  min-width: 285px;
                }
            .MainImageBlock.PreOpen .BlockFooter{
            }




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

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .MainImageBlock.PreOpen .ImageItem .Image{
                      margin-top: 50px;
                    }
                    body.rsbp-over-bp2 .MainImageBlock.PreOpen .ImageItem .Image,
                    body.rsbp-over-bp2 .MainImageBlock.PreOpen .ImageItem .Image::after{
                      width:  450px;
                      height: 450px;
                    }
                    body.rsbp-over-bp2 .MainImageBlock.PreOpen .ImageItem .Image:hover::after{
                      width: 650px;
                      height: 650px;
                      top:  -100px;
                      left: -100px;
                      border: 1px solid rgba(83,55,38,0.25);
                      width: 800px;
                      height: 800px;
                      top:  -125px;
                      left: -175px;
                    }
                    body.rsbp-over-bp2 .MainImageBlock.PreOpen .ImageItem .Image img{
                      width: 250px;
                      margin-left: -125px;
                      margin-top:  -125px;
                    }

                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .MainImageBlock.PreOpen .ImageItem .Image{
                      width:  70vw;
                      height: 70vw;
                      margin-top: 40px;
                    }
                    body.rsbp-under-bp2 .MainImageBlock.PreOpen .ImageItem .Image::after{
                      width:  70vw;
                      height: 70vw;
                      max-width: 450px;
                    }
                    body.rsbp-under-bp2 .MainImageBlock.PreOpen .ImageItem .Image img{
                      width:  40vw;
                      margin-left: -20vw;
                      margin-top:  -20vw;
                      max-width: 225px;
                    }





/* 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: 80px 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;
                    }




/* --------------------------------------------------- */
/* トップページ 表示コンテンツ用                       */
/* --------------------------------------------------- */

.PickUpContentsArea{
}
                /* + + + + + レスポンシブ + + + + +  */

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .PickUpContentsArea{
                      padding: 3.5em 0;
                    }
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .PickUpContentsArea{
                      padding: 2.5em 0;
                    }



        /* PickUpContentsBlock
        --------------------------------------------------- */
        .PickUpContentsBlock{
          margin: 0 0 3.5em;
        }
            .PickUpContentsBlock .BlockFooter{
              padding-top: 3em;
            }



            body.rsbp-over-bp2 .PickUpContentsBlock .SknTplDecoratedBox .ThumbnailList.Type2 > li > .inner{
              padding: 10px;
            }



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

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .PickUpContentsBlock .BlockContents{
                      margin: 0 auto;
                      width: 65%;
                    }
                    body.rsbp-over-bp2 .PickUpContentsBlock .BlockFooter{
                      margin: 0 auto;
                      width: 75%;
                    }
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .PickUpContentsBlock .ThumbnailList li{
                      min-width: 175px;
                    }




/* --------------------------------------------------- */
/* Information                                         */
/* お知らせ用                                          */
/* --------------------------------------------------- */

.InformationArea{
}

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

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .InformationArea{
                      padding: 3em 0 4em;
                    }
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .InformationArea{
                    }






/* --------------------------------------------------- */
/*    AccessArea, MapBlock                             */
/*    交通アクセス 表示用 ※block.cssの上書き          */
/* --------------------------------------------------- */

.AccessArea{
  background: none;
}




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

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .AccessArea{
                      padding: 3.0em 0;
                    }
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .AccessArea{
                      padding: 2.5em 0;
                    }


        /* MapBlock
        --------------------------------------------------- */
        .MapBlock{
          outline: 4px solid #fff;
        }

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

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .MapBlock{
                      float: right;
                      width: 400px;
                      height: 400px;
                    }
                    body.rsbp-over-bp2 .MapBlock *{
                      height: 400px;
                    }
                    
                    SknTplEmbedGoogleMaps
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .MapBlock{
                    }


        /* AccessBlock
        --------------------------------------------------- */
        .AccessBlock{
        }

        .AccessBlock .BlockHeader{
          margin: 0 0 1.5em;
        }
        .AccessBlock .BlockContents{
          margin: 0 0 1.5em;
        }
        .AccessBlock .BlockContents .DefaultText{
          font-size: 87.5%;
        }

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

                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .AccessBlock{
                      width: 50%;
                    }
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .AccessBlock{
                    }
                    body.rsbp-under-bp2 .AccessBlock .DefaultText br{
                      display: none;
                    }