@charset "utf-8";
.function{
    display: none;
    width: 6%;
    height: 6%;
    position: absolute;
    -webkit-transition-property:left,top;
    -webkit-transition-duration:0.5s,0.5s;
    -webkit-transition-timing-function:linear,linear;
    -moz-transition-property:left,top;
    -moz-transition-duration:0.5s,0.5s;
    -moz-transition-timing-function:linear,linear;
    -o-transition-property:left,top;
    -o-transition-duration:0.5s,0.5s;
    -o-transition-timing-function:linear,linear;
    transition-property:left,top;
    transition-duration:0.5s,0.5s;
    transition-timing-function:linear,linear;
    cursor: pointer;
}
.switch_icon{
    width: 4%;
    height: 4%;
}

.funcIcon{
    padding-top: 2.5%;
    padding-bottom: 2em;
}

.apptitle > .funcIcon{
    padding-bottom: 2em;
}

.markIcon{
    width: auto;
    height: 1.5em;
}

.switch_icon .point0{fill:#DF5411;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.switch_icon .point1{fill:#FFFFFF;stroke:#DF5411;stroke-width:2;stroke-miterlimit:10;}

.function .point0{fill:#DF5411;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.function .point1{fill:#FFFFFF;stroke:#DF5411;stroke-width:2;stroke-miterlimit:10;}
.function:hover .point0{fill:#FFFFFF;stroke:#DF5411;}
.function:hover .point1{fill:#DF5411;stroke:#FFFFFF;}


@-webkit-keyframes loaderSprite {
    from { background-position: 0px; }
    to { background-position: -2000px; }
}

@-moz-keyframes loaderSprite {
    from { background-position: 0px; }
    to { background-position: -2000px; }
}

@keyframes loaderSprite {
    from { background-position: 0px; }
    to { background-position: -2000px; }
}

.ieloader {
    display: none;
    width: 100px;
    height: 100px;
    background-image: url("../images/common/icon/loader.png");
    -webkit-animation: loaderSprite 1s steps(20, end) infinite;
    -moz-animation: loaderSprite 1s steps(20, end) infinite;
    animation: loaderSprite 1s steps(20, end) infinite;
    background-color: #000;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen\0 {
    #Loader{
        display: none;
    }
    .ieloader {
        display: block;
    }
}
@media screen and (min-width:0\0) { 
    #Loader{
        display: none;
    }
    .ieloader {
        display: block;
    }
}

@supports (-ms-accelerator:true) {
    #Loader{
        display: none;
    }
    .ieloader {
        display: block;
    }
}

/*開いた状態*/

/*メインディスプレイ（タッチパネル）*/
.frame00 #function01{ display: none;}
.frame01 #function01{ display: none;}
.frame02 #function01{ display: block; top: 51%; left: 47%;}
.frame03 #function01{ display: none;}
.frame04 #function01{ display: none;}
.frame22 #function01{ display: block; top: 51%; left: 47%;}
.frame42 #function01{ display: block; top: 51%; left: 48%;}
.frame62 #function01{ display: block; top: 51%; left: 48%;}
.frame82 #function01{ display: block; top: 51%; left: 48%;}
.frame102 #function01{ display: block; top: 51%; left: 48%;}
.frame122 #function01{ display: block; top: 51%; left: 49%;}
.frame142 #function01{ display: block; top: 51%; left: 49%;}
.frame762 #function01{ display: block; top: 51%; left: 46%;}
.frame782 #function01{ display: block; top: 51%; left: 46%;}
.frame802 #function01{ display: block; top: 51%; left: 46%;}
.frame822 #function01{ display: block; top: 51%; left: 46%;}
.frame842 #function01{ display: block; top: 51%; left: 46%;}
.frame862 #function01{ display: block; top: 51%; left: 46%;}
.frame882 #function01{ display: block; top: 51%; left: 46%;}
.frame890 #function01{ display: block; top: 44%; left: 48%;}
.frame891 #function01{ display: block; top: 46.5%; left: 48%;}
.frame892 #function01{ display: none;}
.frame893 #function01{ display: block; top: 54%; left: 47%;}
.frame894 #function01{ display: block; top: 52%; left: 47%;}


/*フロントカメラ、照度センサー*/
.frame00 #function02{ display: none;}
.frame01 #function02{ display: none;}
.frame02 #function02{ display: block; top: 16.4%; left: 62.8%;}
.frame03 #function02{ display: none;}
.frame04 #function02{ display: none;}
.frame22 #function02{ display: block; top: 16%; left: 63%;}
.frame42 #function02{ display: block; top: 16.4%; left: 62.2%;}
.frame62 #function02{ display: block; top: 16.7%; left: 61.6%;}
.frame82 #function02{ display: block; top: 16.5%; left: 60.8%;}
.frame102 #function02{ display: block; top: 16.5%; left: 59.5%;}
.frame122 #function02{ display: block; top: 17.3%; left: 58.1%;}
.frame142 #function02{ display: block; top: 17.5%; left: 56.6%;}
.frame162 #function02{ display: block; top: 17.5%; left: 54.8%;}
.frame762 #function02{ display: block; top: 14.5%; left: 57%;}
.frame782 #function02{ display: block; top: 15%; left: 58.6%;}
.frame802 #function02{ display: block; top: 15.1%; left: 60.1%;}
.frame822 #function02{ display: block; top: 14.8%; left: 61.1%;}
.frame842 #function02{ display: block; top: 15.3%; left: 62.1%;}
.frame862 #function02{ display: block; top: 15.8%; left: 62.6%;}
.frame882 #function02{ display: block; top: 16.4%; left: 62.8%;}
.frame890 #function02{ display: block; top: 31.8%; left: 61.5%;}
.frame891 #function02{ display: block; top: 21.5%; left: 61.8%;}
.frame892 #function02{ display: none;}
.frame893 #function02{ display: block; top: 19.3%; left: 63.8%;}
.frame894 #function02{ display: block; top: 29.5%; left: 66.5%;}

/*スピーカー（上部）、nanoSIMカードトレイ、トレイイジェクトホール*/
.frame220 #function03{ display: none;}
.frame221 #function03{ display: none;}
.frame222 #function03{ display: none;}
.frame223 #function03{ display: block; top: 25%; left: 47.9%;}
.frame224 #function03{ display: block; top: 32%; left: 48%;}
.frame440 #function03{ display: none;}
.frame441 #function03{ display: none;}
.frame442 #function03{ display: none;}
.frame443 #function03{ display: block; top: 16.5%; left: 59%;}
.frame444 #function03{ display: block; top: 25.5%; left: 61%;}
.frame680 #function03{ display: none;}
.frame681 #function03{ display: none;}
.frame682 #function03{ display: none;}
.frame683 #function03{ display: block; top: 18.5%; left: 46%;}
.frame684 #function03{ display: block; top: 23.5%; left: 45.8%;}
.frame890 #function03{ display: none;}
.frame891 #function03{ display: none;}
.frame892 #function03{ display: none;}
.frame893 #function03{ display: block; top: 15.8%; left: 34%;}
.frame894 #function03{ display: block; top: 26.3%; left: 36%;}

/*送話口／マイク（上部）*/
.frame220 #function04{ display: none;}
.frame221 #function04{ display: none;}
.frame222 #function04{ display: none;}
.frame223 #function04{ display: block; top: 18%; left: 47.9%;}
.frame224 #function04{ display: block; top: 20%; left: 48%;}
.frame440 #function04{ display: none;}
.frame441 #function04{ display: none;}
.frame442 #function04{ display: none;}
.frame443 #function04{ display: block; top: 16.5%; left: 39%;}
.frame444 #function04{ display: block; top: 25.5%; left: 39%;}
.frame680 #function04{ display: none;}
.frame681 #function04{ display: none;}
.frame682 #function04{ display: none;}
.frame683 #function04{ display: block; top: 31.5%; left: 46%;}
.frame684 #function04{ display: block; top: 39.5%; left: 45.8%;}
.frame890 #function04{ display: none;}
.frame891 #function04{ display: none;}
.frame892 #function04{ display: none;}
.frame893 #function04{ display: block; top: 15.8%; left: 56%;}
.frame894 #function04{ display: block; top: 26.3%; left: 58%;}

/*排気口*/
.frame220 #function05{ display: none;}
.frame221 #function05{ display: none;}
.frame222 #function05{ display: none;}
.frame223 #function05{ display: block; top: 14%; left: 47.9%;}
.frame224 #function05{ display: block; top: 14%; left: 48%;}
.frame440 #function05{ display: none;}
.frame441 #function05{ display: none;}
.frame442 #function05{ display: none;}
.frame443 #function05{ display: block; top: 16.5%; left: 28%;}
.frame444 #function05{ display: block; top: 25.5%; left: 27%;}
.frame680 #function05{ display: none;}
.frame681 #function05{ display: none;}
.frame682 #function05{ display: none;}
.frame683 #function05{ display: block; top: 39.5%; left: 46%;}
.frame684 #function05{ display: block; top: 49.5%; left: 45.8%;}
.frame890 #function05{ display: none;}
.frame891 #function05{ display: none;}
.frame892 #function05{ display: none;}
.frame893 #function05{ display: block; top: 15.8%; left: 66%;}
.frame894 #function05{ display: block; top: 26.3%; left: 70%;}

/*音量ボタン*/
.frame00 #function06{ display: none;}
.frame01 #function06{ display: none;}
.frame02 #function06{ display: block; top: 33.5%; left: 78.5%;}
.frame03 #function06{ display: none;}
.frame04 #function06{ display: none;}
.frame22 #function06{ display: none;}
.frame440 #function06{ display: block; top: 40.5%; left: 17%;}
.frame441 #function06{ display: block; top: 35%; left: 16.5%;}
.frame442 #function06{ display: none;}
.frame443 #function06{ display: block; top: 36.5%; left: 14.5%;}
.frame444 #function06{ display: block; top: 41.5%; left: 14.5%;}
.frame462 #function06{ display: block; top: 34.5%; left: 15.5%;}
.frame482 #function06{ display: block; top: 34.5%; left: 15.5%;}
.frame502 #function06{ display: block; top: 34.5%; left: 16.5%;}
.frame522 #function06{ display: block; top: 34%; left: 18%;}
.frame542 #function06{ display: block; top: 34%; left: 20.5%;}
.frame562 #function06{ display: block; top: 33.8%; left: 23.1%;}
.frame582 #function06{ display: block; top: 33.5%; left: 26.6%;}
.frame602 #function06{ display: block; top: 33.7%; left: 30.5%;}
.frame622 #function06{ display: block; top: 33.5%; left: 34.8%;}
.frame642 #function06{ display: block; top: 33.3%; left: 39.6%;}
.frame662 #function06{ display: block; top: 32%; left: 46.6%;}
.frame680 #function06{ display: block; top: 19.3%; left: 46%;}
.frame681 #function06{ display: block; top: 23.1%; left: 46%;}
.frame682 #function06{ display: block; top: 32%; left: 53%;}
.frame683 #function06{ display: block; top: 61.4%; left: 45.8%;}
.frame684 #function06{ display: block; top: 67.5%; left: 46%;}
.frame702 #function06{ display: block; top: 32.1%; left: 57.6%;}
.frame722 #function06{ display: block; top: 32.3%; left: 62.1%;}
.frame742 #function06{ display: block; top: 32.4%; left: 66.1%;}
.frame762 #function06{ display: block; top: 32.5%; left: 69.8%;}
.frame782 #function06{ display: block; top: 32.5%; left: 72.8%;}
.frame802 #function06{ display: block; top: 33%; left: 75.2%;}
.frame822 #function06{ display: block; top: 33.3%; left: 77%;}
.frame842 #function06{ display: block; top: 33.5%; left: 78.5%;}
.frame862 #function06{ display: block; top: 33.5%; left: 78.8%;}
.frame882 #function06{ display: block; top: 33.5%; left: 78.8%;}
.frame890 #function06{ display: block; top: 37.5%; left: 77%;}
.frame891 #function06{ display: block; top: 35.5%; left: 78%;}
.frame892 #function06{ display: none;}  
.frame893 #function06{ display: block; top: 36%; left: 79.5%;}
.frame894 #function06{ display: block; top: 41%; left: 82%;}

/*サイドボタン／指紋センサー*/
.frame00 #function07{ display: none;}
.frame01 #function07{ display: none;}
.frame02 #function07{ display: none;}
.frame03 #function07{ display: none;}
.frame04 #function07{ display: none;}
.frame22 #function07{ display: none;}
.frame440 #function07{ display: none;}
.frame441 #function07{ display: none;}
.frame442 #function07{ display: none;}
.frame443 #function07{ display: none;}
.frame444 #function07{ display: none;}
.frame462 #function07{ display: none;}
.frame482 #function07{ display: block; top: 44.5%; left: 15.5%;}
.frame502 #function07{ display: block; top: 44%; left: 16.5%;}
.frame522 #function07{ display: block; top: 44%; left: 18%;}
.frame542 #function07{ display: block; top: 44%; left: 20.5%;}
.frame562 #function07{ display: block; top: 44%; left: 23.1%;}
.frame582 #function07{ display: block; top: 44%; left: 26.6%;}
.frame602 #function07{ display: block; top: 44%; left: 30.5%;}
.frame622 #function07{ display: block; top: 44%; left: 34.8%;}
.frame642 #function07{ display: block; top: 43.9%; left: 39.6%;}
.frame662 #function07{ display: block; top: 42.5%; left: 46.6%;}
.frame680 #function07{ display: block; top: 25.3%; left: 46%;}
.frame681 #function07{ display: block; top: 30.1%; left: 46%;}
.frame682 #function07{ display: block; top: 42.5%; left: 53%;}
.frame683 #function07{ display: block; top: 67%; left: 45.8%;}
.frame684 #function07{ display: block; top: 71.5%; left: 46%;}
.frame702 #function07{ display: block; top: 42.5%; left: 57.6%;}
.frame722 #function07{ display: block; top: 42.5%; left: 62.1%;}
.frame742 #function07{ display: block; top: 42.5%; left: 66.1%;}
.frame762 #function07{ display: block; top: 42.6%; left: 69.8%;}
.frame782 #function07{ display: block; top: 42.6%; left: 72.8%;}
.frame802 #function07{ display: block; top: 42.8%; left: 75.2%;}
.frame822 #function07{ display: block; top: 42.5%; left: 77%;}
.frame842 #function07{ display: block; top: 43%; left: 78.5%;}
.frame862 #function07{ display: block; top: 43%; left: 78.8%;}
.frame882 #function07{ display: none;}
.frame890 #function07{ display: none;}
.frame891 #function07{ display: none;}
.frame892 #function07{ display: none;}  
.frame893 #function07{ display: none;}
.frame894 #function07{ display: none;}

/*スピーカー（下部）、排気口*/
.frame220 #function08{ display: block; top: 46.5%; left: 48%;}
.frame221 #function08{ display: block; top: 56.6%; left: 48%;}
.frame222 #function08{ display: none;}
.frame223 #function08{ display: none;}
.frame224 #function08{ display: none;}
.frame440 #function08{ display: block; top: 66.3%; left: 71.5%;}
.frame441 #function08{ display: block; top: 77.8%; left: 70%;}
.frame442 #function08{ display: none;}
.frame443 #function08{ display: none;}
.frame444 #function08{ display: none;}
.frame680 #function08{ display: block; top: 80.8%; left: 46.1%;}
.frame681 #function08{ display: block; top: 80.5%; left: 46%;}
.frame682 #function08{ display: none;}
.frame683 #function08{ display: none;}
.frame684 #function08{ display: none;}
.frame890 #function08{ display: block; top: 64.8%; left: 22.8%;}
.frame891 #function08{ display: block; top: 76.8%; left: 24.5%;}
.frame892 #function08{ display: none;}
.frame893 #function08{ display: none;}
.frame894 #function08{ display: none;}

/*送話口／マイク（下部）、USB Type-C接続端子（外部接続端子）*/
.frame220 #function09{ display: block; top: 76.5%; left: 48%;}
.frame221 #function09{ display: block; top: 79.6%; left: 48%;}
.frame222 #function09{ display: none;}
.frame223 #function09{ display: none;}
.frame224 #function09{ display: none;}
.frame440 #function09{ display: block; top: 66.3%; left: 27.5%;}
.frame441 #function09{ display: block; top: 77.8%; left: 28.5%;}
.frame442 #function09{ display: none;}
.frame443 #function09{ display: none;}
.frame444 #function09{ display: none;}
.frame680 #function09{ display: block; top: 59%; left: 46.1%;}
.frame681 #function09{ display: block; top: 66.5%; left: 46%;}
.frame682 #function09{ display: none;}
.frame683 #function09{ display: none;}
.frame684 #function09{ display: none;}
.frame890 #function09{ display: block; top: 64.8%; left: 66.8%;}
.frame891 #function09{ display: block; top: 76.8%; left: 65.8%;}
.frame892 #function09{ display: none;}
.frame893 #function09{ display: none;}
.frame894 #function09{ display: none;}

/*受話口、カバーカメラ、近接・照度センサー*/
.frame302 #function10{ display: block; top: 15.5%; left: 56.5%;}
.frame322 #function10{ display: block; top: 16%; left: 58.1%;}
.frame342 #function10{ display: block; top: 16.3%; left: 59.6%;}
.frame362 #function10{ display: block; top: 16.5%; left: 60.8%;}
.frame382 #function10{ display: block; top: 16.3%; left: 61.7%;}
.frame402 #function10{ display: block; top: 16.5%; left: 62.4%;}
.frame422 #function10{ display: block; top: 16.5%; left: 62.8%;}
.frame440 #function10{ display: block; top: 34%; left: 61.2%;}
.frame441 #function10{ display: block; top: 23%; left: 62%;}
.frame442 #function10{ display: block; top: 17%; left: 63%;}
.frame443 #function10{ display: block; top: 19.5%; left: 63.8%;}
.frame444 #function10{ display: block; top: 28.5%; left: 64.5%;}
.frame462 #function10{ display: block; top: 17.3%; left: 62.4%;}
.frame482 #function10{ display: block; top: 17.7%; left: 61.9%;}
.frame502 #function10{ display: block; top: 17.8%; left: 61.1%;}
.frame522 #function10{ display: block; top: 17.8%; left: 59.9%;}
.frame542 #function10{ display: block; top: 18%; left: 58.6%;}
.frame562 #function10{ display: block; top: 18%; left: 57%;}
.frame582 #function10{ display: block; top: 18.5%; left: 55.3%;}
.frame602 #function10{ display: block; top: 18.5%; left: 53.5%;}
.frame622 #function10{ display: block; top: 18.5%; left: 51.8%;}

/*カバーディスプレイ（タッチパネル）*/
.frame302 #function11{ display: block; top: 58%; left: 56.5%;}
.frame322 #function11{ display: block; top: 58%; left: 58.1%;}
.frame342 #function11{ display: block; top: 58%; left: 59.6%;}
.frame362 #function11{ display: block; top: 58%; left: 60.8%;}
.frame382 #function11{ display: block; top: 58%; left: 61.7%;}
.frame402 #function11{ display: block; top: 58%; left: 62.4%;}
.frame422 #function11{ display: block; top: 57%; left: 62.8%;}
.frame440 #function11{ display: block; top: 51%; left: 63.2%;}
.frame441 #function11{ display: block; top: 52%; left: 63%;}
.frame442 #function11{ display: block; top: 57%; left: 63%;}
.frame443 #function11{ display: block; top: 58%; left: 63.8%;}
.frame444 #function11{ display: block; top: 51%; left: 63.5%;}
.frame462 #function11{ display: block; top: 57%; left: 62.4%;}
.frame482 #function11{ display: block; top: 57%; left: 61.9%;}
.frame502 #function11{ display: block; top: 57%; left: 61.1%;}
.frame522 #function11{ display: block; top: 57%; left: 59.9%;}
.frame542 #function11{ display: block; top: 57%; left: 58.6%;}
.frame562 #function11{ display: block; top: 57%; left: 57%;}
.frame582 #function11{ display: block; top: 57%; left: 55.3%;}
.frame602 #function11{ display: block; top: 56.5%; left: 53.5%;}
.frame622 #function11{ display: block; top: 57%; left: 51.8%;}


/*リアカメラ、マイク（背面）、フラッシュ／ライト、NFC／FeliCa®位置*/
.frame302 #function12{ display: block; top: 28.4%; left: 32.6%;}
.frame322 #function12{ display: block; top: 28.3%; left: 30.5%;}
.frame342 #function12{ display: block; top: 28%; left: 27.5%;}
.frame362 #function12{ display: block; top: 27.8%; left: 26%;}
.frame382 #function12{ display: block; top: 27.6%; left: 24.3%;}
.frame402 #function12{ display: block; top: 27.3%; left: 23.1%;}
.frame422 #function12{ display: block; top: 27%; left: 22.5%;}
.frame440 #function12{ display: block; top: 35.8%; left: 23.8%;}
.frame441 #function12{ display: block; top: 29%; left: 23.1%;}
.frame442 #function12{ display: block; top: 26.8%; left: 22.1%;}
.frame443 #function12{ display: block; top: 30%; left: 21.1%;}
.frame444 #function12{ display: block; top: 36.5%; left: 20.5%;}
.frame462 #function12{ display: block; top: 26.5%; left: 22.5%;}
.frame482 #function12{ display: block; top: 26.2%; left: 23.1%;}
.frame502 #function12{ display: block; top: 26%; left: 24.5%;}
.frame522 #function12{ display: block; top: 25.8%; left: 26.1%;}
.frame542 #function12{ display: block; top: 25.6%; left: 28.3%;}
.frame562 #function12{ display: block; top: 25.5%; left: 31%;}
.frame582 #function12{ display: block; top: 25.3%; left: 34%;}
.frame602 #function12{ display: block; top: 25.1%; left: 37.3%;}
.frame622 #function12{ display: block; top: 25%; left: 41%;}

/*ワイヤレス充電位置*/
.frame302 #function13{ display: block; top: 52%; left: 38%;}
.frame322 #function13{ display: block; top: 52%; left: 37%;}
.frame342 #function13{ display: block; top: 52%; left: 36.5%;}
.frame362 #function13{ display: block; top: 52%; left: 34%;}
.frame382 #function13{ display: block; top: 52%; left: 33%;}
.frame402 #function13{ display: block; top: 52%; left: 32.5%;}
.frame422 #function13{ display: block; top: 52%; left: 32%;}
.frame440 #function13{ display: block; top: 50%; left: 31%;}
.frame441 #function13{ display: block; top: 51%; left: 31%;}
.frame442 #function13{ display: block; top: 52%; left: 31.5%;}
.frame443 #function13{ display: block; top: 51%; left: 30.5%;}
.frame444 #function13{ display: block; top: 51%; left: 31.5%;}
.frame462 #function13{ display: block; top: 52%; left: 32%;}
.frame482 #function13{ display: block; top: 52%; left: 32%;}
.frame502 #function13{ display: block; top: 52%; left: 32%;}
.frame522 #function13{ display: block; top: 52%; left: 33%;}
.frame542 #function13{ display: block; top: 52%; left: 34.5%;}
.frame562 #function13{ display: block; top: 52%; left: 35.5%;}
.frame582 #function13{ display: block; top: 51%; left: 38%;}
.frame602 #function13{ display: block; top: 52%; left: 39.5%;}
.frame622 #function13{ display: block; top: 52%; left: 42%;}


/*閉じた状態*/

/*受話口／スピーカー、カバーカメラ、近接・照度センサー*/
.frame00 #function14{ display: none;}
.frame01 #function14{ display: none;}
.frame02 #function14{ display: block; top: 17%; left: 47%;}
.frame03 #function14{ display: none;}
.frame04 #function14{ display: none;}
.frame22 #function14{ display: block; top: 16.8%; left: 47.5%;}
.frame42 #function14{ display: block; top: 17.1%; left: 48%;}
.frame62 #function14{ display: block; top: 16.8%; left: 48.5%;}
.frame82 #function14{ display: block; top: 16.5%; left: 49%;}
.frame102 #function14{ display: block; top: 17%; left: 49.1%;}
.frame122 #function14{ display: block; top: 16.8%; left: 49.5%;}
.frame142 #function14{ display: block; top: 16.8%; left: 49.8%;}
.frame762 #function14{ display: block; top: 16.8%; left: 44.8%;}
.frame782 #function14{ display: block; top: 17.1%; left: 45%;}
.frame802 #function14{ display: block; top: 17.1%; left: 45.5%;}
.frame822 #function14{ display: block; top: 17%; left: 45.8%;}
.frame842 #function14{ display: block; top: 16.8%; left: 46%;}
.frame862 #function14{ display: block; top: 16.8%; left: 46.6%;}
.frame882 #function14{ display: block; top: 17%; left: 47%;}
.frame890 #function14{ display: block; top: 31%; left: 47%;}
.frame891 #function14{ display: block; top: 21%; left: 47%;}
.frame892 #function14{ display: none;}
.frame893 #function14{ display: block; top: 21%; left: 47%;}
.frame894 #function14{ display: block; top: 31.3%; left: 47.1%;}

/*カバーディスプレイ（タッチパネル）*/
.frame00 #function15{ display: none;}
.frame01 #function15{ display: none;}
.frame02 #function15{ display: block; top: 57%; left: 47%;}
.frame03 #function15{ display: none;}
.frame04 #function15{ display: none;}
.frame22 #function15{ display: block; top: 57%; left: 47.5%;}
.frame42 #function15{ display: block; top: 57%; left: 48%;}
.frame62 #function15{ display: block; top: 57%; left: 48.5%;}
.frame82 #function15{ display: block; top: 57%; left: 49%;}
.frame102 #function15{ display: block; top: 57%; left: 49.1%;}
.frame122 #function15{ display: block; top: 57%; left: 49.5%;}
.frame142 #function15{ display: block; top: 57%; left: 49.8%;}
.frame762 #function15{ display: block; top: 57%; left: 44.8%;}
.frame782 #function15{ display: block; top: 57%; left: 45%;}
.frame802 #function15{ display: block; top: 57%; left: 45.5%;}
.frame822 #function15{ display: block; top: 57%; left: 45.8%;}
.frame842 #function15{ display: block; top: 57%; left: 46%;}
.frame862 #function15{ display: block; top: 57%; left: 46.6%;}
.frame882 #function15{ display: block; top: 57%; left: 47%;}
.frame890 #function15{ display: block; top: 50%; left: 47%;}
.frame891 #function15{ display: block; top: 56.5%; left: 47%;}
.frame892 #function15{ display: none;}
.frame893 #function15{ display: block; top: 57%; left: 47%;}
.frame894 #function15{ display: block; top: 55%; left: 47.1%;}

/*リアカメラ、マイク（背面）、フラッシュ／ライト、NFC／FeliCa®位置*/
.frame302 #function16{ display: block; top: 27.3%; left: 39.5%;}
.frame322 #function16{ display: block; top: 27.3%; left: 38.8%;}
.frame342 #function16{ display: block; top: 27.1%; left: 38%;}
.frame362 #function16{ display: block; top: 27.05%; left: 37.5%;}
.frame382 #function16{ display: block; top: 27%; left: 37.4%;}
.frame402 #function16{ display: block; top: 26.8%; left: 37.3%;}
.frame422 #function16{ display: block; top: 26.8%; left: 37.5%;}
.frame440 #function16{ display: block; top: 35%; left: 38.5%;}
.frame441 #function16{ display: block; top: 28.8%; left: 38.1%;}
.frame442 #function16{ display: block; top: 26.7%; left: 37.8%;}
.frame443 #function16{ display: block; top: 30.5%; left: 37.5%;}
.frame444 #function16{ display: block; top: 37.5%; left: 37.3%;}
.frame462 #function16{ display: block; top: 26.5%; left: 38.2%;}
.frame482 #function16{ display: block; top: 26.6%; left: 38.9%;}
.frame502 #function16{ display: block; top: 26.4%; left: 39.8%;}
.frame522 #function16{ display: block; top: 26.4%; left: 40.8%;}
.frame542 #function16{ display: block; top: 26.3%; left: 42%;}
.frame562 #function16{ display: block; top: 26.3%; left: 43.3%;}
.frame582 #function16{ display: block; top: 26.3%; left: 44.5%;}
.frame602 #function16{ display: block; top: 26.3%; left: 45.8%;}
.frame622 #function16{ display: block; top: 26.3%; left: 47.3%;}

/*ワイヤレス充電位置*/
.frame302 #function17{ display: block; top: 47%; left: 46.5%;}
.frame322 #function17{ display: block; top: 47%; left: 47%;}
.frame342 #function17{ display: block; top: 47%; left: 47%;}
.frame362 #function17{ display: block; top: 47%; left: 47%;}
.frame382 #function17{ display: block; top: 47%; left: 47%;}
.frame402 #function17{ display: block; top: 47%; left: 47%;}
.frame422 #function17{ display: block; top: 47%; left: 47%;}
.frame440 #function17{ display: block; top: 48%; left: 47%;}
.frame441 #function17{ display: block; top: 48%; left: 47%;}
.frame442 #function17{ display: block; top: 47%; left: 47%;}
.frame443 #function17{ display: block; top: 48%; left: 47%;}
.frame444 #function17{ display: block; top: 50%; left: 47%;}
.frame462 #function17{ display: block; top: 47%; left: 47%;}
.frame482 #function17{ display: block; top: 47%; left: 47%;}
.frame502 #function17{ display: block; top: 47%; left: 47%;}
.frame522 #function17{ display: block; top: 47%; left: 47%;}
.frame542 #function17{ display: block; top: 47%; left: 47%;}
.frame562 #function17{ display: block; top: 47%; left: 47%;}
.frame582 #function17{ display: block; top: 47%; left: 47.5%;}
.frame602 #function17{ display: block; top: 47%; left: 47.5%;}
.frame622 #function17{ display: block; top: 47%; left: 47.5%;}