/******************************************************************************
	スキンカラー設定（テーマ）
*******************************************************************************/
/* ボディカラー */
.theme {background-color: #f8b500;}

/* 「SELECT」・「START」ボタン */
.theme #function p {
    border: 1px solid #aaa;
    background-image: linear-gradient(#ccc 0%, #efefef 100%);
    border-bottom: solid 2px #b5b5b5;
    color: #999;
}
.theme #function .pushButton {
    border-bottom: none;
}
/* 「A」・「B」ボタン */
.theme #actionBtn p {
    border: 1px solid #333;
    background-image: linear-gradient(#333 0%, #666 100%);
    border-bottom: solid 2px #454545;
    color: #fff;
}
.theme #actionBtn .pushButton {
    border-bottom: none;
}
/* 「方向キー」ボタン */
.theme #btnBase {
    border: 1px solid #333;
    background-image: linear-gradient(#333 0%, #666 100%);
    border-bottom: solid 2px #454545;
}
.theme #btnCenter {
    background-image: linear-gradient(#444 0%, #555 100%);
}
.theme #btnUpDown {
    border: 2px solid #333;
    background-image: linear-gradient(#333 0%, #666 100%);
}
.theme #btnLeftRight {
    border: 2px solid #333;
    background-image: linear-gradient(#444 0%, #555 100%);

}
.theme #btnCenter span:after,
.theme #btnUpDown:before,
.theme #btnUpDown:after,
.theme #btnLeftRight:before,
.theme #btnLeftRight:after {
    color: #fff;
}
/******************************************************************************
	スキンカラー設定（なし）
*******************************************************************************/
/* ボディカラー */
.none {
    background-color:  rgba(135, 206, 250, 0.25);
}
/* ゲーム画面枠 */
/*.none #gameScreen {border-color: #aaa;}*/

/* PICOMINIロゴ*/
.none .picomini {
    background: transparent url("../../system/image/picomini_g.png") no-repeat center center;
    background-size: 94px 14px;
}
/* ゲームロゴ */
.none #gameLogo {opacity: 0.3;}
/* キャライメージ */
.none #charImage {
    opacity: 0.3;
}

/* 「Powerスイッチ」・「設定」ボタン */
.none #systemBtn p {
    border: 1px solid #ccc;
    background: none;
    box-shadow: none;
}
.none #systemBtn .pushButton {
    box-shadow: none;
    border-bottom: solid 1px #ccc;
}
.none #systemBtn .pushButton span {
    background-position: center center;
}
/* POWERボタン */
.none #btnPower span {
    background: transparent url("../../system/image/ic_power_g.png") no-repeat center center;
    background-size: 16px 16px;
    opacity: 0.7;
}
/* 設定ボタン */
.none #btnSetting span {
    background: transparent url("../../system/image/ic_gear_g.png") no-repeat center center;
    background-size: 16px 16px;
    opacity: 1.0;
}
/* キャプチャー（録画）&スクリーンショットボタン */
.none #btnCapture,
.none #btnScreenshot {
    background-color: transparent;
    border: 1px solid #ccc;
    mix-blend-mode: normal;
    opacity: 0.8;
}
.none #btnCapture:before {
    content: "";
    display: block;
    background: transparent url("../../system/image/ic_capture_g.png") no-repeat center center;
    background-size: 16px 16px;
    opacity: 1.0;
}
.none #btnScreenshot:before {
    content: "";
    display: block;
    background: transparent url("../../system/image/ic_screenshot_g.png") no-repeat center center;
    background-size: 16px 16px;
    opacity: 1.0;
}
/* ステータスパネル */
.none #statusPanel {
    background-color: transparent;
    border: 1px solid #ccc;
    mix-blend-mode: normal;
    opacity: 0.8;
}
/* 「SELECT」・「START」ボタン */
.none #function p {
    border: 1px solid #ccc;
    background: none;
    box-shadow: none;
    color: #ccc;
}
.none #function .pushButton {
    border-bottom: solid 1px #ccc;
    line-height: 32px;
}
/* 「A」・「B」ボタン */
.none #actionBtn p {
    border: 1px solid #ccc;
    background: none;
    box-shadow: none;
    color: #ccc;
}
.none #actionBtn .pushButton {
    border-bottom: 1px solid #ccc;
    line-height: 74px;
}
/* 「方向キー」ボタン */
.none #btnBase {
    border: 1px solid #ccc;
    background: none;
    box-shadow: none;
}
.none #btnCenter {
    background: none;
}
.none #btnCenter span:after {
    background: transparent url("../../system/image/ic_pico2man_g.png") no-repeat center center;
    background-size: 16px 16px;
    color: #ccc;
}
.none #btnCenter:before,
.none #btnCenter:after {
    background-color: #ccc;
}
.none #btnUpDown {
    border: 2px solid #ccc;
    background: none;
    box-shadow: none;
}
.none #btnLeftRight {
    border: 2px solid #ccc;
    background: none;
    box-shadow: none;
}
.none #btnUpDown:before,
.none #btnUpDown:after,
.none #btnLeftRight:before,
.none #btnLeftRight:after {
    color: #ccc;
}

/* 「上・下・左・右、左上、左下、右上、右下ボタン」押下時 */
.none .pushUp #btnBase,
.none .pushDown #btnBase,
.none .pushLeft #btnBase,
.none .pushRight #btnBase,
.none .pushLeftUp #btnBase,
.none .pushLeftDown #btnBase,
.none .pushRightUp #btnBase,
.none .pushRightDown #btnBase {
    top: 0px;
    left: 0px;
    box-shadow: none;
}
.none .pushUp #btnUpDown,
.none .pushDown #btnUpDown,
.none .pushLeft #btnUpDown,
.none .pushRight #btnUpDown,
.none .pushLeftUp #btnUpDown,
.none .pushLeftDown #btnUpDown,
.none .pushRightUp #btnUpDown,
.none .pushRightDown #btnUpDown {
    top: 5px;
    left: 51px;
    box-shadow: none;
}
.none .pushUp #btnLeftRight,
.none .pushDown #btnLeftRight,
.none .pushLeft #btnLeftRight,
.none .pushRight #btnLeftRight,
.none .pushLeftUp #btnLeftRight,
.none .pushLeftDown #btnLeftRight,
.none .pushRightUp #btnLeftRight,
.none .pushRightDown #btnLeftRight {
    top: 51px;
    left: 5px;
    box-shadow: none;
}
.none .pushUp #btnCenter,
.none .pushDown #btnCenter,
.none .pushLeft #btnCenter,
.none .pushRight #btnCenter,
.none .pushLeftUp #btnCenter,
.none .pushLeftDown #btnCenter,
.none .pushRightUp #btnCenter,
.none .pushRightDown #btnCenter {
    top: 55px;
    left: 50px;
    height: 42px;
}
.none .pushUp #btnCenter:before,
.none .pushDown #btnCenter:before,
.none .pushLeft #btnCenter:before,
.none .pushRight #btnCenter:before,
.none .pushLeftUp #btnCenter:before,
.none .pushLeftDown #btnCenter:before,
.none .pushRightUp #btnCenter:before,
.none .pushRightDown #btnCenter:before {
    height: 2px;
    top: -2x;
    left: 1px;
}
.none .pushUp #btnCenter:after,
.none .pushDown #btnCenter:after,
.none .pushLeft #btnCenter:after,
.none .pushRight #btnCenter:after,
.none .pushLeftUp #btnCenter:after,
.none .pushLeftDown #btnCenter:after,
.none .pushRightUp #btnCenter:after,
.none .pushRightDown #btnCenter:after {
    height: 2px;
    top: -2x;
    right: 1px;
}
.none .pushUp #btnCenter span:after,
.none .pushDown #btnCenter span:after,
.none .pushLeft #btnCenter span:after,
.none .pushRight #btnCenter span:after,
.none .pushLeftUp #btnCenter span:after,
.none .pushLeftDown #btnCenter span:after,
.none .pushRightUp #btnCenter span:after,
.none .pushRightDown #btnCenter span:after {
    top: 9px;
    left: 15px;
}
/*******************************************************************************
    Media Queries ※各ボタンの幅&高さを2倍
    （画面幅が1024px以上）かつ（画面高さが1366px以上）かつ（画面向きが縦）※iPad Pro 縦
    （画面幅が1366px以上）かつ（画面高さが680px以上）かつ（画面向きが横）※iPad Pro 横
*******************************************************************************/
@media only screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait),
only screen and (min-width: 1366px) and (min-height: 680px) and (orientation: landscape) {
/* POWERボタン */
.none #btnPower span {
    background-size: 32px 32px;
}
/* 設定ボタン */
.none #btnSetting span {
    background-size: 32px 32px;
}
/* キャプチャー（録画）&スクリーンショットボタン */
.none #btnCapture
.none #btnScreenshot {
    width: calc(24px * 2);
    height: calc(24px * 2);
    border: 1px solid #ccc;
    border-radius: 4px;
}
.none #btnCapture:before,
.none #btnScreenshot:before {
    width: calc(24px * 2);
    height: calc(24px * 2);
    background-size: calc(16px * 2) calc(16px * 2);
}
/* 方向キーの中心 */
.none #btnCenter span:after {
    background-size: 32px 32px;
}

}