html {
    height: 100%;
}

body {
    height: 100%;
}

#index{
    height: 100%;
}

/* --- 本家サイト名 ---*/
#index_site_title {
  height: 10%;
  padding: 3%;
  font-size: 3em;
  font-weight: bold;
}

/* --- 本家ボタン群 ---*/
#index_buttons {
    height: 500px;
    line-height: 500px;
}

#index_buttons a{
    text-decoration: none;
    color: #ffffff;
    font-size: 2.2em;
    font-weight: bold;
}

/* --- 本家女性ランキングボタン ---*/
#index_female_ranking_btn {
    height: 100%;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(#fd67ad 0%, #fd67fd 100%);
    background-image: linear-gradient(#fd67ad 0%, #fd67fd 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #ca5eca;
}

#index_female_ranking_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}


/* --- 本家男性ランキングボタン ---*/
#index_male_ranking_btn{
    height: 100%;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
}

#index_male_ranking_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}




/* --- 本家女性ランキングボタン ---*/
#index_female_ranking_btn_mobile {
    width: 95%;
    height: 100%;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(#fd67ad 0%, #fd67fd 100%);
    background-image: linear-gradient(#fd67ad 0%, #fd67fd 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #ca5eca;
}

#index_female_ranking_btn_mobile:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}


/* --- 本家男性ランキングボタン ---*/
#index_male_ranking_btn_mobile{
    width: 95%;
    height: 100%;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
}

#index_male_ranking_btn_mobile:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

/* --- 本家ボタン群 ---*/
#index_buttons_mobile {
    height: 500px;
    line-height: 500px;
}

#index_buttons_mobile a{
    text-decoration: none;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
}