/* CSS Document *//* 新規ユーザー向けトップページ PCスマホ共通 */

.entrance_container{
  background-color: #000;
  background-image:url("/game/mfc/p/img/back_base_grandmaster_entrance_top.jpg"),url("/game/mfc/p/img/back_base_grandmaster_entrance_bottom.jpg");
  background-size: 130%;
  background-repeat: no-repeat;    /* 背景を繰り返さない */
  background-position: 50% top, 50% bottom;    /* 背景画像の位置は中央 */
  background-attachment:scroll, scroll;    /* 背景画像をスクロールさせる */
}
.entrance_container_adv{
  background-image: url("/game/mfc/p/img/back_base_gouka_entrance_adv.jpg");
  background-repeat: repeat-x;
  padding: 15px 0;
  border-top: solid 1px #7e6a17;
  border-bottom: solid 1px #7e6a17;
  text-align: center;
}

/* 情報の塊 ----------------------------------------------*/
.entrance_wraper {
 width: 100%;
 max-width: 480px;
 padding: 30px 0;
 margin: 0 auto;
 text-align: center;
}

/* 画像フレキシブル ----------------------------------------------*/
.flex_img{
 width: 95%;
 max-width: 480px;
}

/* 影 ----------------------------------------------*/
.shadow {
  box-shadow:0px 0px 10px 3px #000000;
}

/* タイトルロゴ ----------------------------------------------*/
#top_ttl{
 width: 100%;
 max-width: 480px;
 padding-top: 10px;
 margin: 0 auto;
 text-align: center;
 position: relative;
}
#top_ttl .copy{
 position: absolute;
 width: 76%;
 max-width:447px;
 top: 82%;
 left: 12%;
}

/* 動画 ----------------------------------------------*/
.iframe_wrapper{
 position: relative;
 width: 95%;
 padding-top: 53.44%;
 margin: 10px auto 0;
}
.iframe_wrapper iframe{
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}

/* 中央ボタン ----------------------------------------------*/
.btn_center{
 background:url("/game/mfc/p/img/back_base_grandmaster_entrance_bottom.jpg") 50% bottom scroll;
 background-size: 130%;
}
.btn_center a{
 width: 90%;
 height: 80px;
 max-width: 360px;
 background:url("/game/mfc/p/img/entrance_btn1_gm.jpg") no-repeat;
 background-position: center;
 background-size: 95%;
 display: block;
 margin: 0 auto;
}

/* 告知バナー ----------------------------------------------*/
.entrance_bnr{
 width: 670px;
 line-height: 0;
}
.entrance_bnr img{
 display: inline-block;
 width: 80%;
 max-width: 536px;
}

/* 説明文 ----------------------------------------------*/
.intro_container{
 width: 100%;
 background: #0e3a23;
 background: -moz-linear-gradient(-45deg, #0e3a23 0%, #061610 100%);
 background: -webkit-linear-gradient(-45deg, #0e3a23 0%,#061610 100%);
 background: linear-gradient(135deg, #0e3a23 0%,#061610 100%);
}
.reverse{
 background: #061610;
 background: -moz-linear-gradient(-45deg, #061610 0%, #0e3a23 100%);
 background: -webkit-linear-gradient(-45deg, #061610 0%,#0e3a23 100%);
 background: linear-gradient(135deg, ##061610 0%,#0e3a23 100%);
}
#intro_matching,#intro_pro,#intro_planet{
 width: 95%;
 max-width: 480px;
 padding: 30px 0;
 margin: 0 auto;
}
.main_img{
 margin-bottom: 10px;
 width: 100%;
 max-width: 480px;
}
.explanation{
 font-size: 14px;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
 color: #fff;
 text-align: justify;
 line-height: 160%;
}
.caption{
 margin-bottom: 5px;
 margin-left: -3px;
 width: 100%;
 max-width: 378px;
}
.explanation a{
 display: block;
 margin-top: 10px;
 text-align: center;
}

/* ページトップへ戻るボタン ----------------------------------------------*/
.page_top{
 display: none;
 margin: 0;
 padding: 0;
}
.page_top p{
 margin: 0;
 padding: 0;
 position: fixed;
 right: 8px;
 bottom: 8px;
}
.move_page_top{
 display: block;
 background: url("/game/mfc/p/img/totop_btn.png");
 width: 54px;
 height: 56px;
 filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
 transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
}