/* CSS Document *//* 新規ユーザー向けトップページ PC専用 */

.entrance_container {
  background-size: auto;
}
.entrance_container_adv{
  background-image: url("/game/mfc/p/img/back_base_gouka_entrance_adv.jpg");
  background-repeat: repeat-x;
  padding: 20px 0;
}

/* タイトルロゴ ----------------------------------------------*/
#top_ttl{
 padding-top: 0;
 max-width: 995px;
 text-align: center;
 width: 100%;
}
#top_ttl .copy{
 width: 44.92%;
 min-width: 250px;
 top: 77.39%;
 left: 28.04%;
}

/* 情報の塊 ----------------------------------------------*/
.entrance_wraper {
 max-width: 1036px;
 padding: 50px 0;
}

/* 画像フレキシブル ----------------------------------------------*/
.flex_img{
 width: 100%;
 max-width: 1036px;
 min-width: 682px;
}

/* ホバー時エフェクト ----------------------------------------------*/
.entrance_bnr a:hover, a.entrance_bnr:hover,.explanation a:hover{
 opacity: 0.85;
}
div.btn_center a{
 transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.explanation a,.entrance_bnr a,a.entrance_bnr{
 transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s; 
}

/* 動画 ----------------------------------------------*/
.movie_wrapper{
  text-align: center;
}

/* 中央ボタン ----------------------------------------------*/
.btn_center{
 background: none;
}
.btn_center a{
 width: 360px;
 background-size: 100%;
}
.btn_center a:hover{
 background:url("/game/mfc/p/img/entrance_btn1_gm_on.jpg") no-repeat;
}

/* 説明文 ----------------------------------------------*/
#intro_matching,#intro_planet{
 max-width: 1000px;
 padding: 50px 0;
 background-image: url("/game/mfc/p/img/entrance_hai1.png");
 background-repeat: no-repeat;
 background-size: 37%;
 background-position: bottom -5px right;
}
#intro_pro{
 max-width: 1000px;
 padding: 50px 0;
 background-image: url("/game/mfc/p/img/entrance_hai2.png");
 background-repeat: no-repeat;
 background-size: 35%;
 background-position: bottom -5px left;
}
.main_img{
 margin-bottom: 0px;
 width: 42%;
 max-width: 400px;
}
.explanation{
 display: inline-block;
 float: right;
 width: 56%;
 max-height: 240px;
}
.caption{
 margin-top: 50px;
}
#intro_pro .main_img{
 float: right;
}
#intro_pro .explanation{
 float: none;
}
.explanation a{
 display: display-block;
 text-align: left;
}

/* ページトップへ戻るボタン ----------------------------------------------*/
.page_top p{
 right: 16px;
 bottom: 16px;
}
.move_page_top:hover{
 opacity: 0.85;
}