/*
 使用しているゲームID
  //共通
  pkCommonInfoChipMine
  pkCommonInfoChipRival  
  //マイページ
  pkMyPageLayerUp
  pkMyPageGameLogo
  pkMyPageMenu
  pkMyPageBunny
  pkMyPageBunnyComment
  pkMyPageBunnyCommentInner
  //ランキング
  pkRankingWindow
  pkRankingWindowTitle
  pkRankingWindowMine
  pkRankingWindowBest
  pkRankingButtonReturn
  pkRankingButtonChara_1-6
  pkRankingMyInfoIcon
  pkRankingMyInfoName
  pkRankingMyInfoInfo
  pkRankingCation
  //ルール
  pkRuleMenu
  pkRuleTab1
  pkRuleTab2
  pkRuleTab3
  pkRuleWindow
  pkRuleWindowComment
  //CPU選択
  pkCpuSelectMenu
  pkCpuSelectComment
  pkCpuSelectCommentInner
  pkCpuSelectCharacter
  //メイン
  pkMainLayerUp
  pkMainInnerTop
  pkMainInnerRivalArea
  pkMainInnerMyArea
  pkMainInnerBottom  
  pkMainInfoMine
  pkMainInfoMineTextInner
  pkMainInfoMineNameInner
  pkMainInfoMineChipInner
  pkMainInfoRival
  pkMainInfoIconMine
  pkMainInfoIconRival
  pkMainInfoCommentRival
  pkMainInfoCommentRivalMain
  pkMainInfoBetMine
  pkMainInfoBetRival
  pkMainInfoBetAddMine
  pkMainInfoBetAddRival
  pkMainInfoCardExchangeText
  pkMainInfoStatusIconRival
  pkMainInfoStatusIconMine
  pkMainInfoCardRole

  pkMainButtonSetting
  pkMainButtonStart
  pkMainButtonExchange
  pkMainButtonSupport
  pkMainButtonGiveup
  pkMainButtonMatch
  pkMainButtonBet
  pkMainButtonBetPrev
  pkMainButtonContinue
  pkMainButtonStop

  pkMainTextButtonExchange

  pkMainEffectTurn
  pkMainEffectResult
  pkMainEffectResultMine
  pkMainEffectResultRival
  pkMainEffectDumpCardMine
  pkMainEffectDumpCardRival

  pkMainCardRival_0
  pkMainCardRival_1
  pkMainCardRival_2
  pkMainCardRival_3
  pkMainCardRival_4
  pkMainCardMine_0
  pkMainCardMine_1
  pkMainCardMine_2
  pkMainCardMine_3
  pkMainCardMine_4
  pkMainCardMineExchange_0
  pkMainCardMineExchange_1
  pkMainCardMineExchange_2
  pkMainCardMineExchange_3
  pkMainCardMineExchange_4
  pkMainSupportCardMine_0
  pkMainSupportCardMine_1
  pkMainSupportCardMine_2
  pkMainSupportCardMine_3
  pkMainSupportCardMine_4
  pkMainSupportCardMineSelect_0
  pkMainSupportCardMineSelect_1
  pkMainSupportCardMineSelect_2
  pkMainSupportCardMineSelect_3
  pkMainSupportCardMineSelect_4

  pkMainInnerBet
  pkMainInnerBetWindow
  pkMainInnerBetNumberArea
  pkMainInnerBetNumber
  pkMainButtonBetPlus
  pkMainButtonBetMinus
  pkMainButtonBetDefault
  pkMainButtonBetAll
  pkMainButtonBetTwice
  pkMainButtonBetHalf

  pkMainSupportInnerUse
  pkMainSupportWindow
  pkMainSupportInnerDetail
  pkMainSupportInnerCard
  pkMainSupportCardMine_
  pkMainSupportCardMineSelect_
  pkMainSupportInnerButton
  pkMainSupportTextDetail
  pkMainSupportButtonUse  

  pkMainSupport3InnerUse
  pkMainSupport3InnerWindow
  pkMainSupport3InnerDetail
  pkMainSupport3InnerCard
  pkMainSupport3CardMine_0
  pkMainSupport3CardMine_1
  pkMainSupport3CardMine_2
  pkMainSupport3CardMine_3
  pkMainSupport3CardMine_4
  pkMainSupport3CardMineSelect_0
  pkMainSupport3CardMineSelect_1
  pkMainSupport3CardMineSelect_2
  pkMainSupport3CardMineSelect_3
  pkMainSupport3CardMineSelect_4

  pkMainSupport5InnerUse
  pkMainSupport5InnerWindow
  pkMainSupport5InnerDetail
  pkMainSupport5InnerCard
  pkMainSupport5TextDetail
  pkMainSupport5TextDetail2
  pkMainSupport5TextDetail3
  pkMainSupport5CardMine_0
  pkMainSupport5CardMine_1
  pkMainSupport5CardMine_2
  pkMainSupport5CardMine_3
  pkMainSupport5CardMine_4
  pkMainSupport5CardMineSelect_0
  pkMainSupport5CardMineSelect_1
  pkMainSupport5CardMineSelect_2
  pkMainSupport5CardMineSelect_3
  pkMainSupport5CardMineSelect_4

  pkMainSupport6InnerUse
  pkMainSupport6InnerWindow
  pkMainSupport6InnerCardRival
  pkMainSupport6InnerDetail
  pkMainSupport6InnerCardMine
  pkMainSupport6CardMine_0
  pkMainSupport6CardMine_1
  pkMainSupport6CardMine_2
  pkMainSupport6CardMine_3
  pkMainSupport6CardMine_4
  pkMainSupport6CardMineSelect_0
  pkMainSupport6CardMineSelect_1
  pkMainSupport6CardMineSelect_2
  pkMainSupport6CardMineSelect_3
  pkMainSupport6CardMineSelect_4
  pkMainSupport6CardRival_0
  pkMainSupport6CardRival_1
  pkMainSupport6CardRival_2
  pkMainSupport6CardRival_3
  pkMainSupport6CardRival_4
  pkMainSupport6CardRivalSelect_0
  pkMainSupport6CardRivalSelect_1
  pkMainSupport6CardRivalSelect_2
  pkMainSupport6CardRivalSelect_3
  pkMainSupport6CardRivalSelect_4

  pkSettingInnerBgm
  pkSettingInnerSe
*/

/*-------------------------------------------------------------------------------*/
/* 共通関連
/*-------------------------------------------------------------------------------*/
.pkCommentBubble {
    position: absolute;
    padding: 1em;
    border-radius: 5px;
    background: rgba(255,255,255,0.9);
    display: inline-block;
}
.pkCommentBubble:after {
    position: absolute;
    content: " ";
    height: 0;
    width: 0;
}

.pkCommentBubbleCursorDown:after {
    top: 100%;
    right: 10%;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;    
}

.pkCommentBubbleCursorUp:after {
    bottom: 100%;
    right: 40%;
    border-bottom:10px solid #fff;
    border-right:10px solid transparent;
}

/*-------------------------------------------------------------------------------*/
/* マイページ関連
/*-------------------------------------------------------------------------------*/
#pkMyPageLayerUp {
    position: absolute;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    overflow: hidden;
    z-index: 5;
}

#pkMyPageGameLogo {
    position: absolute;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    overflow: hidden;
    z-index: 6;
}

#pkMyPageMenu {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}

#pkMyPageBunny {
    position: absolute;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    overflow: hidden;
    z-index: 4;
}

#pkMyPageBunnyComment {
    top: 31%;
    left: 40%;
    z-index: 5;
}

#pkMyPageBunnyCommentInner {
    width: 100%;
}
@media screen and (max-width: 480px) {
    #pkMyPageBunnyCommentInner {
        font-size: 10px;
    }
}

#pkMyPageButtonSetting {
    position: absolute;
    bottom: 5px;
    right: 5px;    
    width: 60px;
    height: 60px;
    padding: 5px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    z-index: 20;
}
@media screen and (max-width: 480px) {
    #pkMyPageButtonSetting {
        width: 40px;
        height: 40px;
        margin: 7px 0 0 0;
    }
}
#pkMyPageButtonSetting:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMyPageButtonSetting p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMyPageButtonSetting p {
        padding: 7px 0;
        font-size: 10px;
    }
}

/*-------------------------------------------------------------------------------*/
/* ランキング関連
/*-------------------------------------------------------------------------------*/
#pkRankingInnerButton {
    position: absolute;
    bottom: -4%;
    left: 2%;
    width: 96%;
    height: 100%;
    z-index: 20;
}
@media screen and (max-width: 480px) {
    #pkRankingInnerButton {
        bottom: -5%;
    }
}

#pkRankingWindow {
    position: absolute;
    left: 2%;
    bottom: 1%;
    width: 96%;
    height: 68%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.8);
    z-index: 20;
}

#pkRankingWindowTitle {
    position: absolute;
    left: 1%;
    bottom: 87%;
    width: 98%;
    height: 11%;
    color: #FFF;
    text-align: center;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.8);
}
#pkRankingWindowTitle p {
    padding: 2% 0 0 15px;
    font-size: 16px;
}
@media screen and (max-width: 480px) {
    #pkRankingWindowTitle p {
        padding: 2% 0 0 15px;
        margin: -3px 0 0 0;
        font-size: 12px;
    }
}

#pkRankingWindowMine {
    position: absolute;
    left: 1%;
    bottom: 66%;
    width: 98%;
    height: 20%;
    color: #FFF;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.8);
}

#pkRankingWindowBest {
    position: absolute;
    left: 1%;
    bottom: 1%;
    width: 98%;
    height: 64%;
    padding: 5px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.8);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /*Safari iOS*/
    font-size: 20px;
    z-index: 20;
}
#pkRankingWindowBest ul {
    overflow: auto;    
    z-index: 30;
}
#pkRankingWindowBest ul li {
    background-color: rgba(0,0,0,0);
    padding: 7px 0px 7px 15px;
}
@media screen and (max-width: 480px) {
    #pkRankingWindowBest ul li {
        font-size: 14px;
        padding: 4px 0px 4px 10px;
    }
}

#pkRankingButtonReturn {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 30;
}

#pkRankingButtonChara1 {left: 2%;}
#pkRankingButtonChara2 {left: 18%;}
#pkRankingButtonChara3 {left: 34%;}
#pkRankingButtonChara4 {left: 50%;}
#pkRankingButtonChara5 {left: 66%;}
#pkRankingButtonChara6 {left: 82%;}

#pkRankingButtonChara1,
#pkRankingButtonChara2,
#pkRankingButtonChara3,
#pkRankingButtonChara4,
#pkRankingButtonChara5,
#pkRankingButtonChara6 {
    position: absolute;
    bottom: 72%;
    width: 15%;
    height: 60px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    background-size: cover;
    background-position:0% 100%;
    opacity: 0.7;
    MozOpacity: 0.7;  /* FireFox用 */
    filter: alpha(opacity=70); /* Ie用 */
}
@media screen and (max-width: 480px) {
    #pkRankingButtonChara1,
    #pkRankingButtonChara2,
    #pkRankingButtonChara3,
    #pkRankingButtonChara4,
    #pkRankingButtonChara5,
    #pkRankingButtonChara6 {
        width: 15%;
        height: 45px;
    }
}
#pkRankingButtonChara1 p,
#pkRankingButtonChara2 p,
#pkRankingButtonChara3 p,
#pkRankingButtonChara4 p,
#pkRankingButtonChara5 p,
#pkRankingButtonChara6 p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkRankingButtonChara1 p,
    #pkRankingButtonChara2 p,
    #pkRankingButtonChara3 p,
    #pkRankingButtonChara4 p,
    #pkRankingButtonChara5 p,
    #pkRankingButtonChara6 p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkRankingMyInfoIcon {
    position: absolute;
    left: 2%;
    top: 2%;
    width: 11%;
    padding: 4px 0 0 2px;
}

#pkRankingMyInfoName {
    position: absolute;
    left: 20%;
    top: 10%;
    font-size: 20px;
}
@media screen and (max-width: 480px) {
    #pkRankingMyInfoName {
        font-size: 12px;
    }
}

#pkRankingMyInfoInfo {
    position: absolute;
    left: 20%;
    top: 42%;
    font-size: 20px;
}
@media screen and (max-width: 480px) {
    #pkRankingMyInfoInfo {
        font-size: 12px;
    }
}

#pkRankingCation {
    color:#DDD;
    font-size:12px;
    text-align:right;
    margin:6px 6px 6px 0;
}

#pkRankingPast {
    color:#DDD;
    font-size:12px;
    text-align:right;
    margin:6px 6px 6px 0;
}

.pkRankingBestInfoName {
    position: absolute;
    width: 50%;
    left: 13%;
    height: 24px;
    overflow: hidden;
}
@media screen and (max-width: 480px) {
    .pkRankingBestInfoName {
        height: 20px;
    }
}

.pkRankingBestInfoBattle {
    position: absolute;
    width: 20%;
    left: 45%;
    text-align: right;
}

.pkRankingBestInfoChip {
    position: absolute;
    width: 34%;/*25%;*/
    left: 65%;/*72%;*/
    text-align: right;
}


/*-------------------------------------------------------------------------------*/
/* ルール関連
/*-------------------------------------------------------------------------------*/
#pkRuleMenu {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}

.pkRuleTab {
    position: absolute;
    left: 0px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    overflow: auto;
    padding: 10px 0 0 15px;
}

#pkRuleWindow {
    position: absolute;
    right: 2%;
    bottom: 2%;
    width: 50%;
    height: 70%;
    padding: 10px 10px 0 10px;
    color: #FFF;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
    overflow: auto;
    z-index: 30;
    display: none;
}

#pkRuleWindowComment {
    color: #FFF;
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    #pkRuleWindowComment {
        font-size: 10px;
    }
}

/*-------------------------------------------------------------------------------*/
/* CPU選択関連
/*-------------------------------------------------------------------------------*/
#pkCpuSelectMenu {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 30;
}

#pkCpuSelectComment {
    bottom: 20%;
    right: 7%;
    z-index: 20;
}

#pkCpuSelectCommentInner {    
    width: 100%;
}
@media screen and (max-width: 480px) {
    #pkCpuSelectCommentInner {
        font-size: 10px;
    }
}

#pkCpuSelectCharacter {
    position: absolute;
    bottom: -20px;
    right: -15%;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-size: cover;
}

.pkCpuSelectButton {
    width: 160px;
    height: 50px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    overflow: hidden;
    margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
    .pkCpuSelectButton {
        width: 100px;
        height: 30px;
        padding: 2px 0 0 0;
        font-size: 11px;
    }
}
.pkCpuSelectButton:hover {
  background-color: rgba(0,0,0,0.2);
}
.pkCpuSelectButton p {
    text-align: center;
    margin: 13px 0 0 0;
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    .pkCpuSelectButton p {
        margin: 5px 0 0 0;
        font-size: 10px;
    }   
}

#pkCpuSelectButtonDecide {
    position: absolute;
    bottom: 10px;
    right: 4%;
    width: 30%;
    height: 50px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
    padding: 10px 10px;
    z-index: 30;
}
@media screen and (max-width: 480px) {
    #pkCpuSelectButtonDecide {
        font-size: 12px;
    }
}
#pkCpuSelectButtonDecide:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkCpuSelectButtonDecide p {
    text-align: center;
    margin: 2px 0 0 0;
}

/*-------------------------------------------------------------------------------*/
/* メイン関連(ラッパー)
/*-------------------------------------------------------------------------------*/
#pkMainLayerUp {
    position: absolute;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}

#pkMainInnerTop {
    position: absolute;
    width: 100%;
    height: 20%;
    top: 0px;
    background-color: rgba(0,0,0,0);
    text-align: center;
    z-index: 10;
}

#pkMainInnerRivalArea {
    position: absolute;
    width: 100%;
    height: 20%;
    top: 20%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    z-index: 6;
}

#pkMainInnerCenter {
    position: absolute;
    width: 100%;
    height: 20%;
    top: 40%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    z-index: 5;
}

#pkMainInnerMyArea {
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 20%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    z-index: 10;
}

#pkMainInnerBottom {
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 0px;
    background-color: rgba(0,0,0,0);
    text-align: center;
    z-index: 20;
}

/*-------------------------------------------------------------------------------*/
/* メイン関連(ボタン)
/*-------------------------------------------------------------------------------*/
#pkMainButtonSetting {
    position: absolute;
    bottom: 5px;
    right: 5px;    
    width: 60px;
    height: 60px;
    padding: 5px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
}
@media screen and (max-width: 480px) {
    #pkMainButtonSetting {
        width: 40px;
        height: 40px;
        margin: 7px 0 0 0;
    }
}
#pkMainButtonSetting:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonSetting p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonSetting p {
        padding: 8px 0;
        font-size: 10px;
    }
}

#pkMainButtonStart {
    width: 160px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonStart {
        width: 100px;
        height: 40px;
        margin: 7px 0 0 0;
    }
}
#pkMainButtonStart:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonStart p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonStart p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonExchange {
    width: 160px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonExchange {
        width: 110px;
        height: 40px;
        margin: 20px 0 0 0;
    }
}
#pkMainButtonExchange:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonExchange p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonExchange p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonSupport {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonSupport {
        width: 70px;
        height: 40px;
        margin: 7px 0 0 0;
    }
}
#pkMainButtonSupport:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonSupport p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonSupport p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonGiveup {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    overflow: hidden;
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonGiveup {
        width: 60px;
        height: 40px;
        margin: 14px 0 0 0;
    }
}
#pkMainButtonGiveup:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonGiveup p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonGiveup p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonBet {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    overflow: hidden;
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBet {
        width: 60px;
        height: 40px;
        margin: 14px 0 0 0;
    }
}
#pkMainButtonBet:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBet p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBet p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonBetPrev {
    width: 160px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetPrev {
        width: 100px;
        height: 40px;
        margin: 7px 0 0 0;
    }
}
#pkMainButtonBetPrev:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetPrev p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetPrev p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonContinue {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonContinue {
        width: 60px;
        height: 40px;
        margin: 14px 0 0 0;
    }
}
#pkMainButtonContinue:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonContinue p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonContinue p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonStop {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonStop {
        width: 60px;
        height: 40px;
        margin: 14px 0 0 0;
    }
}
#pkMainButtonStop:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonStop p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonStop p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonRedirect {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 0;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainButtonRedirect {
        width: 60px;
        height: 40px;
        margin: 14px 0 0 0;
    }
}
#pkMainButtonRedirect:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonRedirect p {
    text-align: center;
    padding: 14px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonRedirect p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainButtonMatch {
    position: absolute;
    width: 20%;
    height: 55%;
    right: 5%;
    bottom: 8%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(180,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonMatch {

    }
}
#pkMainButtonMatch:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonMatch p {
    text-align: center;
    padding: 28% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonMatch p {        
        font-size: 10px;
    }
}

/*-------------------------------------------------------------------------------*/
/* メイン関連(情報)
/*-------------------------------------------------------------------------------*/
#pkMainInfoMine {
    position: absolute;
    bottom: -5px;
    left: -5px;
    width: 28%;
    height: 30px;/*60px;*/
    color: #FFF;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.7);
    overflow: visible;
    /*padding: 10px 10px;*/
    padding: 3px 10px;
}
@media screen and (max-width: 480px) {
    #pkMainInfoMine {
        font-size: 10px;
        height: 24px;/*47px;*/
    }
}

#pkMainInfoMineTextInner {
    position: absolute;
    left: 0;/*45%;*/
    width: 100%;/*50%;*/
}

#pkMainInfoMineNameInner {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    overflow: hidden;
}
@media screen and (max-width: 480px) {
    #pkMainInfoMineNameInner {
        height: 10px;
    }
}

#pkMainInfoMineChipInner {
    position: absolute;
    left: 0;
    top: 0;/*20px;*/
    width: 100%;
    height: 20px;
    overflow: hidden;
}
@media screen and (max-width: 480px) {
    #pkMainInfoMineChipInner {
        top: 0;/*13px;*/
        height: 10px;
    }
}

#pkMainInfoRival {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 79%;/*26%;*/
    height: 35px;/*60px;*/
    color: #FFF;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.7);
    overflow: visible;
    padding: 8px 0px;
}
@media screen and (max-width: 480px) {
    #pkMainInfoRival {
        font-size: 10px;
        height: 24px;/*45px;*/
        padding: 5px 0;
    }
}

#pkMainInfoIconMine {
    position: absolute;
    bottom: 100%;/*8%;*/
    width: 50%;/*30%;*/
    left: 0%;
    color: #FFF;
}

#pkMainInfoIconRival {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 21%;
    height: 100%;
    color: #FFF;
    padding: 10px 10px;
    background-size: cover;
    z-index: 20;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-radius: 0 0 40px 0;
}

#pkMainInfoCommentRival {
    width: 50%;
    top: 30%;/*10px;*/
    left: -2%;
}
@media screen and (max-width: 480px) {
    #pkMainInfoCommentRival {
        font-size: 10px;
    }
}

.pkMainBubble {
    display:inline-block;
    position: relative;
    padding: 2% 0 2% 0;
    border-radius: 5px;
    background: rgba(255,255,255,0.9);
}
.pkMainBubble:after {
    position: absolute;
    content: " ";
    height: 0;
    width: 0;
}
.pkMainBubble-left:after {
    right: 100%;
    top: 60%;
    border: 7px solid transparent;
    border-right: 15px solid #fff;
    margin-top: -10px;
}

#pkMainInfoBetMine {
    position: absolute;
    color: #fff;
    right: 5px;
    bottom: 17%;
}
@media screen and (max-width: 480px) {
    #pkMainInfoBetMine {
        font-size: 10px;
    }
}

#pkMainInfoBetRival {
    position: absolute;
    color: #fff;
    right: 5px;
    top: 18%;
}
@media screen and (max-width: 480px) {
    #pkMainInfoBetRival {
        font-size: 10px;
    }
}

#pkMainInfoBetAddMine {
    position: absolute;
    color: #fff;
    left: 50%;
    bottom: 101%;
    z-index: 10;
}
@media screen and (max-width: 480px) {
    #pkMainInfoBetAddMine {
        font-size: 10px;
    }
}

#pkMainInfoBetAddRival {
    position: absolute;
    color: #fff;
    right: 8%;
    top: 105%;
    z-index: 10;
}
@media screen and (max-width: 480px) {
    #pkMainInfoBetAddRival {
        font-size: 10px;
    }
}

#pkMainInfoCardExchangeText {
    position: absolute;    
    width :100%;
    color: #FFF;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    display: none;
}
#pkMainInfoCardExchangeText p {
    margin: 3px 0 0 0;
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    #pkMainInfoCardExchangeText p {
        margin: 3px 0 0 0;
        font-size: 10px;
    }
}

#pkMainInfoStatusIconRival {
    position: absolute;
    right: 1%;
    top: 105%;
    width: 30px;
    height: 30px;
    background-size: cover;
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainInfoStatusIconRival {
        width: 20px;
        height: 20px;
    }
}

#pkMainInfoStatusIconMine {
    position: absolute;
    left: 51%;/*5%;*/
    bottom: 105%;
    width: 30px;
    height: 30px;
    background-size: cover;
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainInfoStatusIconMine {
        width: 20px;
        height: 20px;
    }
}

#pkMainInfoCardRoleDisplay {
    position: relative;
    width: 100%;    
    padding-top: 468%;
    background-size: cover;
    overflow: hidden;
}

/*-------------------------------------------------------------------------------*/
/* メイン関連(テキスト)
/*-------------------------------------------------------------------------------*/
#pkMainTextButtonExchange {
    position: relative;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainTextButtonExchange {
        font-size: 10px;
    }   
}

/*-------------------------------------------------------------------------------*/
/* メイン関連(演出)
/*-------------------------------------------------------------------------------*/
#pkMainEffectAreYouReady {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 10;
    display: none;
}

#pkMainEffectTurn {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 10;
    display: none;
}

#pkMainEffectResult {
    position: absolute;
    width: 100%;
    height: 100%;    
    background-size: cover;
    z-index: 10;
    display: none;
}

#pkMainEffectResultMine {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 10;
    display: none;
}

#pkMainEffectResultRival {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 10;
    display: none;
}

#pkMainEffectDumpCardMine {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 2;
    display: none;
}

#pkMainEffectDumpCardRival {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 2;
    display: none;
}

/*-------------------------------------------------------------------------------*/
/* メイン関連(カード)
/*-------------------------------------------------------------------------------*/
.pkWrapperCard {
    position: relative;
    width: 60px;
    height: 90px;
    background-size: cover;
    display: none;
}

.pkWrapperCardHold {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 10;
}

.pkMainWrapperDealCard {
    position: relative;
    width: 13%; /*60px*/
    height: 100%;/*90px*/
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
}

/*-------------------------------------------------------------------------------*/
/* アニメーション関連
/*-------------------------------------------------------------------------------*/
.pkAnimatedCpuAppear {
    -webkit-animation-duration:0.4s;
    animation-duration:0.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedAreYouReady {
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedCardAppear {
    -webkit-animation-duration:0.2s;/*0.15*/
    animation-duration:0.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedCardOpen {
    -webkit-animation-duration:0.15s;/*0.15*/
    animation-duration:0.15s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedTurnAppear {
    -webkit-animation-duration:1.2s;
    animation-duration:1.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedTurnDisppear {
    -webkit-animation-duration:0.4s;
    animation-duration:0.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedResult {
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedAddBet {
    -webkit-animation-duration:0.75s;
    animation-duration:0.75s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

.pkAnimatedUseSupport {
    -webkit-animation-duration:1.0s;
    animation-duration:1.0s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}

/*-------------------------------------------------------------------------------*/
/* ベット関連
/*-------------------------------------------------------------------------------*/
#pkMainInnerBet {
    position: absolute;
    width: 100%;
    height: 25%;
    bottom: 13%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    z-index: 20;
    display: none;
}

#pkMainInnerBetWindow {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 100%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(40,40,40,0.8);
    z-index: 110;
    display:inline-block;
}

#pkMainInnerBetNumberArea {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 90%;
    height: 20%;
    border-radius: 5px;
    color: #FFF;
    background-color: #FFF;
    display:inline-block;
}

#pkMainInnerBetNumber {
    position: absolute;
    top: 10%;
    right: 5%;
    color: #000;
    display:inline-block;
    font-size: 18px;
}
@media (min-width: 481px) and (max-width: 639px) {
    #pkMainInnerBetNumber {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    #pkMainInnerBetNumber {
        font-size: 10px;
    }
}

#pkMainButtonBetPlus {
    position: absolute;
    width: 21%;
    height: 25%;
    right: 27%;
    bottom: 37%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetPlus {
        
    }
}
#pkMainButtonBetPlus:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetPlus p {
    text-align: center;
    padding: 6% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetPlus p {
        font-size: 10px;
    }
}

#pkMainButtonBetMinus {
    position: absolute;
    width: 21%;
    height: 25%;
    right: 50%;
    bottom: 37%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetMinus {

    }
}
#pkMainButtonBetMinus:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetMinus p {
    text-align: center;
    padding: 6% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetMinus p {
        font-size: 10px;
    }
}

#pkMainButtonBetDefault {
    position: absolute;
    width: 21%;
    height: 25%;
    right: 73%;
    bottom: 37%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetDefault {

    }
}
#pkMainButtonBetDefault:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetDefault p {
    text-align: center;
    padding: 6% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetDefault p {
        font-size: 10px;
    }
}

#pkMainButtonBetAll {
    position: absolute;
    width: 21%;
    height: 25%;
    right: 27%;
    bottom: 8%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetAll {

    }
}
#pkMainButtonBetAll:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetAll p {
    text-align: center;
    padding: 6% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetAll p {
        font-size: 10px;
    }
}

#pkMainButtonBetTwice {
    position: absolute;
    width: 21%;
    height: 25%;
    right: 50%;
    bottom: 8%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetTwice {

    }
}
#pkMainButtonBetTwice:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetTwice p {
    text-align: center;
    padding: 6% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetTwice p {
        font-size: 10px;
    }
}

#pkMainButtonBetHalf {
    position: absolute;
    width: 21%;
    height: 25%;
    right: 73%;
    bottom: 8%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);    
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetHalf {

    }
}
#pkMainButtonBetHalf:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainButtonBetHalf p {
    text-align: center;
    padding: 6% 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainButtonBetHalf p {
        font-size: 10px;
    }
}

/*-------------------------------------------------------------------------------*/
/* サポートカード(参謀カード使用)関連
/*-------------------------------------------------------------------------------*/
#pkMainSupportInnerUse {
    position: absolute;
    width: 100%;
    height: 100%;
    top :0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
    z-index: 50;
    display: none;
}

#pkMainSupportWindow {
    position: absolute;
    bottom: 2%;
    left: 5%;
    width: 90%;
    height: 70%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(50,50,50,0.8);
    z-index: 110;
    display:inline-block;
}

.pkMainSupportWindowHeader {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    min-height: 35px;
    padding: 10px;
    color: #FFF;
    text-align: center;    
}

.pkMainSupportWindowFooter {
    padding: 10px;
    color: #FFF;
}

#pkMainSupportInnerDetail {
    position: absolute;
    width: 94%;
    height: 30%;
    top: 20%;
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    text-align: center;
}
@media screen and (max-width: 480px) {
    #pkMainSupportInnerDetail {
        top: 13%;
    }
}

#pkMainSupportInnerCard {
    position: absolute;
    /*
    width: 100%;
    height: 31%;
    top: 43%;
    margin: 0 0 15px 0;
    background-color: rgba(0,0,0,0);
    text-align: center;
    */
    width: 94%;
    height: 32%;
    top: 43%;
    left: 3%;
    margin: 0 0 15px 0;
    background-color: rgba(50,50,50,0.2);
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10px;
}

#pkMainSupportInnerButton {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background-color: rgba(0,0,0,0);
    text-align: center;
}

#pkMainSupportTextDetail {
    font-size: 16px;
}
@media screen and (max-width: 480px) {
    #pkMainSupportTextDetail {
        font-size: 10px;
    }
}

#pkMainSupportButtonReturn {
    position: absolute;
    bottom: 20%;
    right: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
@media screen and (max-width: 480px) {
    #pkMainSupportButtonReturn {
        width: 90px;
    }
}
#pkMainSupportButtonReturn:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainSupportButtonReturn p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainSupportButtonReturn p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainSupportButtonUse {
    position: absolute;
    bottom: 20%;
    left: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
@media screen and (max-width: 480px) {
    #pkMainSupportButtonUse {
        width: 90px;
    }
}
#pkMainSupportButtonUse:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainSupportButtonUse p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainSupportButtonUse p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainSupportCardMine_0,
#pkMainSupportCardMine_1,
#pkMainSupportCardMine_2,
#pkMainSupportCardMine_3,
#pkMainSupportCardMine_4 {
    position: relative;
    width: 16%; /*width: 15%;*/
    height: 94%;
    margin: 1% 0 0 0; /*margin: 4px 8px 0 0;*/
    background-size: cover;
    display: none;
}

/*-------------------------------------------------------------------------------*/
/* サポートカード(側近、企画、渉外)関連
/*-------------------------------------------------------------------------------*/
#pkMainSupport3InnerUse,
#pkMainSupport5InnerUse,
#pkMainSupport6InnerUse {
    position: absolute;
    width: 100%;
    height: 100%;
    top :0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
    z-index: 50;
    display: none;
}

#pkMainSupport3Window,
#pkMainSupport5Window {
    position: absolute;
    bottom: 2%;
    left: 5%;
    width: 90%;
    height: 70%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(50,50,50,0.8);
    z-index: 110;
    display:inline-block;
}

#pkMainSupport6Window {
    position: absolute;
    bottom: 2%;
    left: 5%;
    width: 90%;
    height: 94%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(50,50,50,0.8);
    z-index: 110;
    display:inline-block; 
}

#pkMainSupport3InnerDetail,
#pkMainSupport5InnerDetail {
    position: absolute;
    width: 94%;
    height: 30%;
    left: 3%;
    top: 20%;
    /*margin: 0 0 15px 0;*/
    /*padding: 0 0 0 20px;*/
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    text-align: center;
}
@media screen and (max-width: 480px) {
    #pkMainSupport3InnerDetail,
    #pkMainSupport5InnerDetail {
        top: 15%;
    }
}

#pkMainSupport6InnerDetail {
    position: absolute;
    width: 94%;
    height: 20%;
    bottom: 36%;
    left: 3%;
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    text-align: center;
}
@media screen and (max-width: 480px) {
    #pkMainSupport6InnerDetail {
        bottom: 39%;
    }
}

#pkMainSupport6TextDetail p,
#pkMainSupport6TextDetail2 p,
#pkMainSupport6TextDetail3 p {
    margin: 0;
}
@media screen and (max-width: 480px) {
    #pkMainSupport6TextDetail p,
    #pkMainSupport6TextDetail2 p,
    #pkMainSupport6TextDetail3 p {
        margin: 0;
        font-size: 10px; 
    }
}

#pkMainSupport3InnerCard {
    /*
    position: absolute;
    width: 100%;
    height: 31%;
    top: 43%;
    margin: 0 0 15px 0;
    background-color: rgba(0,0,0,0);
    text-align: center;
    */
    position: absolute;
    width: 94%;
    height: 32%;
    top: 43%;
    left: 3%;
    background-color: rgba(50,50,50,0.2);
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10px;
}

#pkMainSupport5InnerCard {
    position: absolute;
    left: 3%; /*left: 1%;*/
    top: 41%;
    width: 94%; /*width: 98%;*/
    height: 36%;
    /*margin: 0 0 15px 0;*/
    background-color: rgba(0,0,0,0);
    text-align: center; 
    overflow-x: auto;
    overflow-y: hidden;
    border: 2px solid #fff;
    border-radius: 10px;
}
@media screen and (max-width: 480px) {
    #pkMainSupport5InnerCard {
        top: 36%;
        height: 37%;
    }
}

#pkMainSupport6InnerCardRival {
    position: absolute;
    /*
    width: 100%;
    height: 24%;
    top: 12%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    */
    width: 94%;
    height: 24%;
    top: 12%;
    left: 3%;
    /*padding: 4px 0;*/
    background-color: rgba(0,0,0,0);
    text-align: center;
    border: 2px solid #44a;
    border-radius: 10px;
}

#pkMainSupport6InnerCardMine {
    position: absolute;
    /*
    width: 100%;
    height: 24%;
    bottom: 15%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    */
    width: 94%;
    height: 24%;
    bottom: 16%;
    left: 3%;
    /*padding: 4px 0;*/
    background-color: rgba(0,0,0,0);
    text-align: center;
    border: 2px solid #a44;
    border-radius: 10px;
}

#pkMainSupport5TextDetail,
#pkMainSupport5TextDetail2,
#pkMainSupport5TextDetail3 {
    color: #fff;
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    #pkMainSupport5TextDetail,
    #pkMainSupport5TextDetail2,
    #pkMainSupport5TextDetail3 {
        font-size: 10px;
    }
}

#pkMainSupport3InnerButton,
#pkMainSupport5InnerButton {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background-color: rgba(0,0,0,0);
    text-align: center;
}

#pkMainSupport6InnerButton {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15%;
    background-color: rgba(0,0,0,0);
    text-align: center; 
}

#pkMainSupport3ButtonUse {
    position: absolute;
    bottom: 20%;
    left: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkMainSupport3ButtonReset {
    position: absolute;
    bottom: 20%;
    right: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
@media screen and (max-width: 480px) {
    #pkMainSupport3ButtonUse,
    #pkMainSupport3ButtonReset {
        width: 90px;
    }
}

#pkMainSupport5ButtonUse {
    position: absolute;
    bottom: 20%;
    left: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkMainSupport5ButtonReset {
    position: absolute;
    bottom: 20%;
    right: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
@media screen and (max-width: 480px) {
    #pkMainSupport5ButtonUse,    
    #pkMainSupport5ButtonReset {
        width: 90px;
    }
}

#pkMainSupport6ButtonUse {
    position: absolute;
    bottom: 20%;
    left: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkMainSupport6ButtonReset {
    position: absolute;
    bottom: 20%;
    right: 50%;
    width: 120px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
@media screen and (max-width: 480px) {
    #pkMainSupport6ButtonUse,
    #pkMainSupport6ButtonReset {
        width: 90px;
    }
}
#pkMainSupport3ButtonUse:hover,
#pkMainSupport3ButtonReset:hover,
#pkMainSupport5ButtonUse:hover,
#pkMainSupport5ButtonReset:hover,
#pkMainSupport6ButtonUse:hover,
#pkMainSupport6ButtonReset:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkMainSupport3ButtonUse p,
#pkMainSupport3ButtonReset p,
#pkMainSupport5ButtonUse p,
#pkMainSupport5ButtonReset p,
#pkMainSupport6ButtonUse p,
#pkMainSupport6ButtonReset p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkMainSupport3ButtonUse p,
    #pkMainSupport3ButtonReset p,
    #pkMainSupport5ButtonUse p,
    #pkMainSupport5ButtonReset p,
    #pkMainSupport6ButtonUse p,
    #pkMainSupport6ButtonReset p {
        padding: 13px 0;
        font-size: 10px;
    }
}

#pkMainSupport3CardMine_0,
#pkMainSupport3CardMine_1,
#pkMainSupport3CardMine_2,
#pkMainSupport3CardMine_3,
#pkMainSupport3CardMine_4 {
    position: relative;
    width: 16%; /*width: 15%;*/
    height: 94%;
    margin: 1% 4px 0 0; /*margin: 4px 4px;*/
    background-size: cover;
    display: none;
}

#pkMainSupport5CardMine_0,
#pkMainSupport5CardMine_1,
#pkMainSupport5CardMine_2,
#pkMainSupport5CardMine_3,
#pkMainSupport5CardMine_4,
#pkMainSupport5CardMine_5,
#pkMainSupport5CardMine_6,
#pkMainSupport5CardMine_7,
#pkMainSupport5CardMine_8,
#pkMainSupport5CardMine_9 {
    position: absolute;
    width: 18%;
    height: 93%;
    margin: 1% 4px 0 0;
    background-size: cover;
    display: none;
}

#pkMainSupport6CardMine_0,
#pkMainSupport6CardMine_1,
#pkMainSupport6CardMine_2,
#pkMainSupport6CardMine_3,
#pkMainSupport6CardMine_4,
#pkMainSupport6CardRival_0,
#pkMainSupport6CardRival_1,
#pkMainSupport6CardRival_2,
#pkMainSupport6CardRival_3,
#pkMainSupport6CardRival_4 {
    position: relative;
    width: 16%;
    height: 92%;
    margin: 1% 4px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
}
@media screen and (max-width: 480px) {
    #pkMainSupport6CardMine_0,
    #pkMainSupport6CardMine_1,
    #pkMainSupport6CardMine_2,
    #pkMainSupport6CardMine_3,
    #pkMainSupport6CardMine_4,
    #pkMainSupport6CardRival_0,
    #pkMainSupport6CardRival_1,
    #pkMainSupport6CardRival_2,
    #pkMainSupport6CardRival_3,
    #pkMainSupport6CardRival_4 {
        height: 92%;
    } 
}

/*-------------------------------------------------------------------------------*/
/* セッティング関連
/*-------------------------------------------------------------------------------*/
#pkSettingInner {
    position: absolute;
    width: 100%;
    height: 100%;
    top :0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
    z-index: 100;
    display: none;
}

#pkSettingWindow {
    position: absolute;
    top: 2%;
    left: 5%;
    width: 90%;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(50,50,50,0.8);
    z-index: 110;
    display:inline-block;
}

.pkSettingWindowHeader {
    min-height: 35px;
    padding: 10px;
    color: #FFF;
}

.pkSettingWindowFooter {
    padding: 10px;
    color: #FFF;
}

#pkSettingInnerBgm {
    width: 100%;
    height: 20%;
    top: 20%;
    background-color: rgba(0,0,0,0);
    margin: 0 0 15px 0;
}

#pkSettingButtonBgmOff {
    width: 90px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkSettingButtonBgmOff p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}

#pkSettingButtonBgmOn {
    width: 90px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkSettingButtonBgmOn p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}

#pkSettingInnerSe {
    width: 100%;
    height: 20%;
    top: 40%;
    background-color: rgba(0,0,0,0);
    margin: 0 0 15px 0;
}

#pkSettingButtonSeOff {
    width: 90px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkSettingButtonSeOff p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}

#pkSettingButtonSeOn {
    width: 90px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display:inline-block;
}
#pkSettingButtonSeOn p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}

#pkSettingInnerGame {
    width: 100%;
    height: 20%;
    top: 60%;
    background-color: rgba(0,0,0,0);
}

#pkSettingButtonStop {
    width: 110px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: inline-block;
    margin: 0 0 10px 0;
}
#pkSettingButtonStop:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkSettingButtonStop p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}

#pkSettingButtonSave {
    width: 110px;
    height: 40px;
    color: #FFF;
    border: 2px solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #FFF inset;
    background-color: rgba(0,0,0,0.9);
    display: inline-block;
    margin: 0 0 10px 0;
}
#pkSettingButtonSave:hover {
  background-color: rgba(0,0,0,0.2);
}
#pkSettingButtonSave p {
    text-align: center;
    padding: 8px 0;
    color: #FFF;
}

#pkSettingInnerDetail {
    width: 100%;
    height: 20%;
    top: 80%;
    background-color: rgba(0,0,0,0);
    z-index: 10;
}

#pkSettingInnerDetail p {
    margin: 0 0 0 0;
    color: #FFF;
}
@media screen and (max-width: 480px) {
    #pkSettingInnerDetail {
        font-size: 10px;
    }
}

/*-------------------------------------------------------------------------------*/
/* サイドバー関連
/*-------------------------------------------------------------------------------*/
#pkSideBarControl {

}
@media screen and (max-width: 640px) {
    #pkSideBarControl {
        display:none;
    }
}