@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%;
}

.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;
    }
}

/*通知LED、虹彩認証用LED、近接・照度センサー*/
.frame00 #function1{ display: none;}
.frame01 #function1{ display: none;}
.frame02 #function1{ display: block; top: 6%; left: 35.5%;}
.frame03 #function1{ display: none;}
.frame04 #function1{ display: none;}
.frame22 #function1{ display: block; top: 6%; left: 36%;}
.frame42 #function1{ display: block; top: 6%; left: 36.5%;}
.frame62 #function1{ display: block; top: 5.5%; left: 37%;}
.frame82 #function1{ display: block; top: 5%; left: 38%;}
.frame102 #function1{ display: block; top: 5%; left: 39%;}
.frame122 #function1{ display: block; top: 5%; left: 40%;}
.frame142 #function1{ display: block; top: 4.5%; left: 42%;}
.frame762 #function1{ display: block; top: 8%; left: 38%;}
.frame782 #function1{ display: block; top: 7.5%; left: 37%;}
.frame802 #function1{ display: block; top: 7%; left: 36%;}
.frame822 #function1{ display: block; top: 6.5%; left: 35.5%;}
.frame842 #function1{ display: block; top: 6.5%; left: 35.5%;}
.frame862 #function1{ display: block; top: 6%; left: 35.5%;}
.frame882 #function1{ display: block; top: 6%; left: 35.5%;}
.frame890 #function1{ display: block; top: 25.5%; left: 37.5%;}
.frame891 #function1{ display: block; top: 18%; left: 37%;}
.frame892 #function1{ display: none;}
.frame893 #function1{ display: block; top: 13%; left: 33.5%;}
.frame894 #function1{ display: block; top: 26%; left: 32%;}

/*エッジスクリーン左側*/
.frame00 #function2{ display: none;}
.frame01 #function2{ display: none;}
.frame02 #function2{ display: block; top: 47%; left: 29%;}
.frame03 #function2{ display: none;}
.frame04 #function2{ display: none;}
.frame22 #function2{ display: block; top: 47%; left: 29.5%;}
.frame42 #function2{ display: block; top: 47%; left: 30%;}
.frame62 #function2{ display: block; top: 47%; left: 31%;}
.frame82 #function2{ display: block; top: 46.5%; left: 32%;}
.frame102 #function2{ display: block; top: 46.5%; left: 33.5%;}
.frame122 #function2{ display: block; top: 46.5%; left: 35.5%;}
.frame142 #function2{ display: block; top: 46.5%; left: 38%;}
.frame762 #function2{ display: block; top: 47.5%; left: 39.5%;}
.frame782 #function2{ display: block; top: 47.5%; left: 37%;}
.frame802 #function2{ display: block; top: 47.5%; left: 35.5%;}
.frame822 #function2{ display: block; top: 47.5%; left: 33.5%;}
.frame842 #function2{ display: block; top: 47%; left: 31.5%;}
.frame862 #function2{ display: block; top: 47%; left: 30.5%;}
.frame882 #function2{ display: block; top: 47%; left: 29.5%;}
.frame890 #function2{ display: block; top: 47%; left: 29%;}
.frame891 #function2{ display: block; top: 47%; left: 29%;}
.frame892 #function2{ display: none;}
.frame893 #function2{ display: block; top: 47%; left: 29%;}
.frame894 #function2{ display: block; top: 47%; left: 29%;}

/*エッジスクリーン右側*/
.frame00 #function3{ display: none;}
.frame01 #function3{ display: none;}
.frame02 #function3{ display: block; top: 47%; left: 65%;}
.frame03 #function3{ display: none;}
.frame04 #function3{ display: none;}
.frame22 #function3{ display: block; top: 47%; left: 64.5%;}
.frame42 #function3{ display: block; top: 47%; left: 63.5%;}
.frame62 #function3{ display: block; top: 47%; left: 62.5%;}
.frame82 #function3{ display: block; top: 47.5%; left: 61.5%;}
.frame102 #function3{ display: block; top: 47.5%; left: 60%;}
.frame122 #function3{ display: block; top: 47.5%; left: 59%;}
.frame142 #function3{ display: block; top: 47.5%; left: 57%;}
.frame762 #function3{ display: block; top: 46.5%; left: 54%;}
.frame782 #function3{ display: block; top: 46.5%; left: 56.5%;}
.frame802 #function3{ display: block; top: 46.5%; left: 59%;}
.frame822 #function3{ display: block; top: 46.5%; left: 61%;}
.frame842 #function3{ display: block; top: 47%; left: 62%;}
.frame862 #function3{ display: block; top: 47%; left: 63%;}
.frame882 #function3{ display: block; top: 47%; left: 64%;}
.frame890 #function3{ display: block; top: 47%; left: 65%;}
.frame891 #function3{ display: block; top: 47%; left: 65%;}
.frame892 #function3{ display: none;}
.frame893 #function3{ display: block; top: 47%; left: 65%;}
.frame894 #function3{ display: block; top: 47%; left: 65%;}

/*ディスプレイ*/
.frame00 #function4{ display: none;}
.frame01 #function4{ display: none;}
.frame02 #function4{ display: block; top: 47%; left: 47%;}
.frame03 #function4{ display: none;}
.frame04 #function4{ display: none;}
.frame22 #function4{ display: block; top: 47%; left: 47.5%;}
.frame42 #function4{ display: block; top: 47%; left: 47.5%;}
.frame62 #function4{ display: block; top: 47%; left: 48%;}
.frame82 #function4{ display: block; top: 47%; left: 48%;}
.frame102 #function4{ display: block; top: 47%; left: 48.5%;}
.frame122 #function4{ display: block; top: 47%; left: 48.5%;}
.frame142 #function4{ display: block; top: 47%; left: 49%;}
.frame762 #function4{ display: block; top: 47%; left: 45%;}
.frame782 #function4{ display: block; top: 47%; left: 45.5%;}
.frame802 #function4{ display: block; top: 47%; left: 45.5%;}
.frame822 #function4{ display: block; top: 47%; left: 46%;}
.frame842 #function4{ display: block; top: 47%; left: 46%;}
.frame862 #function4{ display: block; top: 47%; left: 46.5%;}
.frame882 #function4{ display: block; top: 47%; left: 46.5%;}
.frame890 #function4{ display: block; top: 47%; left: 47%;}
.frame891 #function4{ display: block; top: 47%; left: 47%;}
.frame892 #function4{ display: none;}
.frame893 #function4{ display: block; top: 47%; left: 47%;}
.frame894 #function4{ display: block; top: 47%; left: 47%;}

/*受話口*/
.frame00 #function5{ display: none;}
.frame01 #function5{ display: none;}
.frame02 #function5{ display: block; top: 6%; left: 47%;}
.frame03 #function5{ display: none;}
.frame04 #function5{ display: none;}
.frame22 #function5{ display: block; top: 6%; left: 47.5%;}
.frame42 #function5{ display: block; top: 6%; left: 48%;}
.frame62 #function5{ display: block; top: 6%; left: 48%;}
.frame82 #function5{ display: block; top: 6%; left: 48%;}
.frame102 #function5{ display: block; top: 6%; left: 48.5%;}
.frame122 #function5{ display: block; top: 6%; left: 48.5%;}
.frame142 #function5{ display: block; top: 6%; left: 49%;}
.frame762 #function5{ display: block; top: 6.5%; left: 45%;}
.frame782 #function5{ display: block; top: 6%; left: 45.5%;}
.frame802 #function5{ display: block; top: 6%; left: 45.5%;}
.frame822 #function5{ display: block; top: 6%; left: 46%;}
.frame842 #function5{ display: block; top: 6%; left: 46%;}
.frame862 #function5{ display: block; top: 6%; left: 46.5%;}
.frame882 #function5{ display: block; top: 6%; left: 46.5%;}
.frame890 #function5{ display: block; top: 25.5%; left: 47%;}
.frame891 #function5{ display: block; top: 18%; left: 47%;}
.frame892 #function5{ display: none;}
.frame893 #function5{ display: block; top: 13%; left: 47%;}
.frame894 #function5{ display: block; top: 26%; left: 47%;}

/*フロントカメラ、虹彩認証用カメラ*/
.frame00 #function6{ display: none;}
.frame01 #function6{ display: none;}
.frame02 #function6{ display: block; top: 6%; left: 57%;}
.frame03 #function6{ display: none;}
.frame04 #function6{ display: none;}
.frame22 #function6{ display: block; top: 6%; left: 57%;}
.frame42 #function6{ display: block; top: 6%; left: 57%;}
.frame62 #function6{ display: block; top: 6.5%; left: 57%;}
.frame82 #function6{ display: block; top: 6.5%; left: 56.5%;}
.frame102 #function6{ display: block; top: 7%; left: 56.5%;}
.frame122 #function6{ display: block; top: 7%; left: 56%;}
.frame142 #function6{ display: block; top: 7.5%; left: 55.5%;}
.frame762 #function6{ display: block; top: 4.5%; left: 51.5%;}
.frame782 #function6{ display: block; top: 5.0%; left: 52.5%;}
.frame802 #function6{ display: block; top: 5.5%; left: 53.5%;}
.frame822 #function6{ display: block; top: 5.5%; left: 54.5%;}
.frame842 #function6{ display: block; top: 5.5%; left: 55.5%;}
.frame862 #function6{ display: block; top: 6%; left: 56%;}
.frame882 #function6{ display: block; top: 6%; left: 56.5%;}
.frame890 #function6{ display: block; top: 25.5%; left: 57%;}
.frame891 #function6{ display: block; top: 18%; left: 57%;}
.frame892 #function6{ display: none;}
.frame893 #function6{ display: block; top: 13%; left: 58%;}
.frame894 #function6{ display: block; top: 26%; left: 58.5%;}

/*リアカメラ*/
.frame302 #function7{ display: block; top: 17.5%; left: 42.5%;}
.frame322 #function7{ display: block; top: 17.5%; left: 42.5%;}
.frame342 #function7{ display: block; top: 17%; left: 43%;}
.frame362 #function7{ display: block; top: 17%; left: 43%;}
.frame382 #function7{ display: block; top: 17%; left: 43%;}
.frame402 #function7{ display: block; top: 16.5%; left: 43%;}
.frame422 #function7{ display: block; top: 16.5%; left: 43%;}
.frame440 #function7{ display: block; top: 31%; left: 44%;}
.frame441 #function7{ display: block; top: 24%; left: 44%;}
.frame442 #function7{ display: block; top: 16.5%; left: 43%;}
.frame443 #function7{ display: block; top: 23%; left: 43%;}
.frame444 #function7{ display: block; top: 33%; left: 43%;}
.frame462 #function7{ display: block; top: 16.5%; left: 44%;}
.frame482 #function7{ display: block; top: 16.5%; left: 44%;}
.frame502 #function7{ display: block; top: 16.5%; left: 44.5%;}
.frame522 #function7{ display: block; top: 16.5%; left: 45%;}
.frame542 #function7{ display: block; top: 16.5%; left: 45.5%;}
.frame562 #function7{ display: block; top: 16.5%; left: 46%;}
.frame582 #function7{ display: block; top: 16.5%; left: 46.5%;}

/*指紋センサー*/
.frame302 #function8{ display: block; top: 24%; left: 45%;}
.frame322 #function8{ display: block; top: 24%; left: 45%;}
.frame342 #function8{ display: block; top: 24%; left: 45.5%;}
.frame362 #function8{ display: block; top: 24%; left: 45.5%;}
.frame382 #function8{ display: block; top: 24%; left: 46%;}
.frame402 #function8{ display: block; top: 24%; left: 46%;}
.frame422 #function8{ display: block; top: 24%; left: 46.5%;}
.frame440 #function8{ display: block; top: 35%; left: 47%;}
.frame441 #function8{ display: block; top: 29%; left: 47%;}
.frame442 #function8{ display: block; top: 24%; left: 47%;}
.frame443 #function8{ display: block; top: 29.5%; left: 47%;}
.frame444 #function8{ display: block; top: 37.5%; left: 47%;}
.frame462 #function8{ display: block; top: 24%; left: 47%;}
.frame482 #function8{ display: block; top: 24%; left: 47.5%;}
.frame502 #function8{ display: block; top: 24%; left: 48%;}
.frame522 #function8{ display: block; top: 24%; left: 48%;}
.frame542 #function8{ display: block; top: 24%; left: 48.5%;}
.frame562 #function8{ display: block; top: 24%; left: 49%;}
.frame582 #function8{ display: block; top: 24%; left: 49%;}

/*FeliCaマーク、Qiマーク*/
.frame302 #function9{ display: block; top: 46.5%; left: 45%;}
.frame322 #function9{ display: block; top: 46.5%; left: 45%;}
.frame342 #function9{ display: block; top: 46.5%; left: 45.5%;}
.frame362 #function9{ display: block; top: 46.5%; left: 45.5%;}
.frame382 #function9{ display: block; top: 46.5%; left: 46%;}
.frame402 #function9{ display: block; top: 46.5%; left: 46%;}
.frame422 #function9{ display: block; top: 46.5%; left: 46.5%;}
.frame440 #function9{ display: block; top: 47%; left: 47%;}
.frame441 #function9{ display: block; top: 47.5%; left: 47%;}
.frame442 #function9{ display: block; top: 46.5%; left: 47%;}
.frame443 #function9{ display: block; top: 51.5%; left: 47%;}
.frame444 #function9{ display: block; top: 52%; left: 47%;}
.frame462 #function9{ display: block; top: 46.5%; left: 47%;}
.frame482 #function9{ display: block; top: 46.5%; left: 47.5%;}
.frame502 #function9{ display: block; top: 46.5%; left: 48%;}
.frame522 #function9{ display: block; top: 46.5%; left: 48%;}
.frame542 #function9{ display: block; top: 46.5%; left: 48.5%;}
.frame562 #function9{ display: block; top: 46.5%; left: 49%;}
.frame582 #function9{ display: block; top: 46.5%; left: 49%;}

/*フラッシュ／ライト、心拍数センサー*/
.frame302 #function10{ display: block; top: 16.5%; left: 49%;}
.frame322 #function10{ display: block; top: 16.5%; left: 49.5%;}
.frame342 #function10{ display: block; top: 16.5%; left: 50%;}
.frame362 #function10{ display: block; top: 16.5%; left: 51%;}
.frame382 #function10{ display: block; top: 16.5%; left: 52%;}
.frame402 #function10{ display: block; top: 16.5%; left: 52.5%;}
.frame422 #function10{ display: block; top: 16.5%; left: 53%;}
.frame440 #function10{ display: block; top: 31%; left: 53%;}
.frame441 #function10{ display: block; top: 24%; left: 53%;}
.frame442 #function10{ display: block; top: 16.5%; left: 53%;}
.frame443 #function10{ display: block; top: 23%; left: 54.5%;}
.frame444 #function10{ display: block; top: 33%; left: 54.5%;}
.frame462 #function10{ display: block; top: 16.5%; left: 54%;}
.frame482 #function10{ display: block; top: 16.5%; left: 54%;}
.frame502 #function10{ display: block; top: 17%; left: 54%;}
.frame522 #function10{ display: block; top: 17%; left: 54.5%;}
.frame542 #function10{ display: block; top: 17.5%; left: 54%;}
.frame562 #function10{ display: block; top: 18%; left: 54%;}
.frame582 #function10{ display: block; top: 18%; left: 54%;}

/*au ICカード／microSDメモリカードトレイ、トレイイジェクトホール*/
.frame220 #function11{ display: none;}
.frame221 #function11{ display: none;}
.frame222 #function11{ display: none;}
.frame223 #function11{ display: block; top: 20%; left: 47%;}
.frame224 #function11{ display: block; top: 30.5%; left: 47%;}
.frame440 #function11{ display: none;}
.frame441 #function11{ display: none;}
.frame442 #function11{ display: none;}
.frame443 #function11{ display: block; top: 9%; left: 57%;}
.frame444 #function11{ display: block; top: 22%; left: 57%;}
.frame680 #function11{ display: none;}
.frame681 #function11{ display: none;}
.frame682 #function11{ display: none;}
.frame683 #function11{ display: block; top: 10%; left: 47%;}
.frame684 #function11{ display: block; top: 17%; left: 47%;}
.frame890 #function11{ display: none;}
.frame891 #function11{ display: none;}
.frame892 #function11{ display: none;}
.frame893 #function11{ display: block; top: 9.5%; left: 38%;}
.frame894 #function11{ display: block; top: 22%; left: 38%;}

/*送話口／マイク（上部）*/
.frame220 #function12{ display: none;}
.frame221 #function12{ display: none;}
.frame222 #function12{ display: none;}
.frame223 #function12{ display: block; top: 8%; left: 47%;}
.frame224 #function12{ display: block; top: 14%; left: 47%;}
.frame440 #function12{ display: none;}
.frame441 #function12{ display: none;}
.frame442 #function12{ display: none;}
.frame443 #function12{ display: block; top: 9%; left: 32%;}
.frame444 #function12{ display: block; top: 22%; left: 32%;}
.frame680 #function12{ display: none;}
.frame681 #function12{ display: none;}
.frame682 #function12{ display: none;}
.frame683 #function12{ display: block; top: 23%; left: 47%;}
.frame684 #function12{ display: block; top: 35%; left: 47%;}
.frame890 #function12{ display: none;}
.frame891 #function12{ display: none;}
.frame892 #function12{ display: none;}
.frame893 #function12{ display: block; top: 9.5%; left: 62%;}
.frame894 #function12{ display: block; top: 22%; left: 62%;}

/*音量キー*/
.frame00 #function13{ display: none;}
.frame01 #function13{ display: none;}
.frame02 #function13{ display: block; top: 23%; left: 25.5%;}
.frame03 #function13{ display: none;}
.frame04 #function13{ display: none;}
.frame22 #function13{ display: block; top: 23%; left: 25.5%;}
.frame42 #function13{ display: block; top: 22.5%; left: 26%;}
.frame62 #function13{ display: block; top: 22%; left: 26.5%;}
.frame82 #function13{ display: block; top: 22%; left: 28%;}
.frame102 #function13{ display: block; top: 21.5%; left: 29.5%;}
.frame122 #function13{ display: block; top: 21%; left: 31.5%;}
.frame142 #function13{ display: block; top: 21%; left: 33%;}
.frame162 #function13{ display: block; top: 21%; left: 36%;}
.frame182 #function13{ display: block; top: 20.5%; left: 39%;}
.frame202 #function13{ display: block; top: 20.5%; left: 42%;}
.frame220 #function13{ display: block; top: 21%; left: 47%;}
.frame221 #function13{ display: block; top: 19%; left: 47%;}
.frame222 #function13{ display: block; top: 20.5%; left: 45%;}
.frame223 #function13{ display: block; top: 44%; left: 47%;}
.frame224 #function13{ display: block; top: 53%; left: 47%;}
.frame242 #function13{ display: block; top: 20.5%; left: 49%;}
.frame262 #function13{ display: block; top: 20.5%; left: 52.5%;}
.frame282 #function13{ display: block; top: 21%; left: 56.5%;}
.frame302 #function13{ display: block; top: 21%; left: 59.5%;}
.frame322 #function13{ display: block; top: 21%; left: 61.5%;}
.frame342 #function13{ display: block; top: 21%; left: 64%;}
.frame362 #function13{ display: block; top: 21.5%; left: 65.5%;}
.frame382 #function13{ display: block; top: 22%; left: 66.5%;}
.frame402 #function13{ display: block; top: 22%; left: 67.5%;}
.frame422 #function13{ display: block; top: 22%; left: 68%;}
.frame440 #function13{ display: block; top: 36%; left: 68%;}
.frame441 #function13{ display: block; top: 29%; left: 68.5%;}
.frame442 #function13{ display: block; top: 22.5%; left: 68.5%;}
.frame443 #function13{ display: block; top: 27%; left: 71.5%;}
.frame444 #function13{ display: block; top: 34.5%; left: 72%;}
.frame462 #function13{ display: block; top: 23%; left: 68.5%;}
.frame482 #function13{ display: block; top: 23%; left: 68%;}
.frame502 #function13{ display: block; top: 23%; left: 67%;}
.frame522 #function13{ display: block; top: 23%; left: 66%;}
.frame822 #function13{ display: block; top: 23.5%; left: 29%;}
.frame842 #function13{ display: block; top: 23.5%; left: 27.5%;}
.frame862 #function13{ display: block; top: 23%; left: 26.5%;}
.frame882 #function13{ display: block; top: 23%; left: 26%;}
.frame890 #function13{ display: block; top: 36%; left: 26.5%;}
.frame891 #function13{ display: block; top: 31.5%; left: 26%;}
.frame892 #function13{ display: none;}
.frame893 #function13{ display: block; top: 30%; left: 24.5%;}
.frame894 #function13{ display: block; top: 35.5%; left: 24%;}

/*Bixbyキー*/
.frame00 #function14{ display: none;}
.frame01 #function14{ display: none;}
.frame02 #function14{ display: block; top: 35.5%; left: 25.5%;}
.frame03 #function14{ display: none;}
.frame04 #function14{ display: none;}
.frame22 #function14{ display: block; top: 35.5%; left: 25.5%;}
.frame42 #function14{ display: block; top: 35.5%; left: 26%;}
.frame62 #function14{ display: block; top: 35.5%; left: 26.5%;}
.frame82 #function14{ display: block; top: 35.5%; left: 28%;}
.frame102 #function14{ display: block; top: 35%; left: 29.5%;}
.frame122 #function14{ display: block; top: 35%; left: 31.5%;}
.frame142 #function14{ display: block; top: 35%; left: 33%;}
.frame162 #function14{ display: block; top: 35%; left: 36%;}
.frame182 #function14{ display: block; top: 34.5%; left: 39%;}
.frame202 #function14{ display: block; top: 34.5%; left: 42%;}
.frame220 #function14{ display: block; top: 27%; left: 47%;}
.frame221 #function14{ display: block; top: 26%; left: 47%;}
.frame222 #function14{ display: block; top: 34.5%; left: 45%;}
.frame223 #function14{ display: block; top: 54%; left: 47%;}
.frame224 #function14{ display: block; top: 59%; left: 47%;}
.frame242 #function14{ display: block; top: 34.5%; left: 49%;}
.frame262 #function14{ display: block; top: 34.5%; left: 52.5%;}
.frame282 #function14{ display: block; top: 34.5%; left: 56.5%;}
.frame302 #function14{ display: block; top: 34.5%; left: 59.5%;}
.frame322 #function14{ display: block; top: 34.5%; left: 61.5%;}
.frame342 #function14{ display: block; top: 35%; left: 64%;}
.frame362 #function14{ display: block; top: 35%; left: 65.5%;}
.frame382 #function14{ display: block; top: 35%; left: 66.5%;}
.frame402 #function14{ display: block; top: 35%; left: 67.5%;}
.frame422 #function14{ display: block; top: 35%; left: 68%;}
.frame440 #function14{ display: block; top: 42%; left: 69%;}
.frame441 #function14{ display: block; top: 39.5%; left: 69%;}
.frame442 #function14{ display: block; top: 35%; left: 68.5%;}
.frame443 #function14{ display: block; top: 38.5%; left: 70%;}
.frame444 #function14{ display: block; top: 42%; left: 70.5%;}
.frame462 #function14{ display: block; top: 35%; left: 68.5%;}
.frame482 #function14{ display: block; top: 35.5%; left: 68%;}
.frame502 #function14{ display: block; top: 35.5%; left: 67%;}
.frame522 #function14{ display: block; top: 35.5%; left: 66%;}
.frame822 #function14{ display: block; top: 36%; left: 29%;}
.frame842 #function14{ display: block; top: 36%; left: 27.5%;}
.frame862 #function14{ display: block; top: 36%; left: 26.5%;}
.frame882 #function14{ display: block; top: 36%; left: 26%;}
.frame890 #function14{ display: block; top: 42%; left: 25.5%;}
.frame891 #function14{ display: block; top: 40%; left: 25.5%;}
.frame892 #function14{ display: none;}
.frame893 #function14{ display: block; top: 39%; left: 25%;}
.frame894 #function14{ display: block; top: 42%; left: 24.5%;}

/*電源キー*/
.frame00 #function15{ display: none;}
.frame01 #function15{ display: none;}
.frame02 #function15{ display: block; top: 31%; left: 68.5%;}
.frame03 #function15{ display: none;}
.frame04 #function15{ display: none;}
.frame22 #function15{ display: block; top: 31%; left: 68%;}
.frame42 #function15{ display: block; top: 31%; left: 67.5%;}
.frame62 #function15{ display: block; top: 31%; left: 66.5%;}
.frame82 #function15{ display: block; top: 31%; left: 65%;}
.frame362 #function15{ display: block; top: 30.5%; left: 31%;}
.frame382 #function15{ display: block; top: 30.5%; left: 29%;}
.frame402 #function15{ display: block; top: 30%; left: 28%;}
.frame422 #function15{ display: block; top: 30%; left: 26%;}
.frame440 #function15{ display: block; top: 39%; left: 25%;}
.frame441 #function15{ display: block; top: 36%; left: 25%;}
.frame442 #function15{ display: block; top: 30%; left: 25.5%;}
.frame443 #function15{ display: block; top: 34%; left: 23.5%;}
.frame444 #function15{ display: block; top: 39%; left: 22.5%;}
.frame462 #function15{ display: block; top: 29.5%; left: 25.5%;}
.frame482 #function15{ display: block; top: 29.5%; left: 25.5%;}
.frame502 #function15{ display: block; top: 29%; left: 26%;}
.frame522 #function15{ display: block; top: 29%; left: 27%;}
.frame542 #function15{ display: block; top: 29%; left: 28%;}
.frame562 #function15{ display: block; top: 29%; left: 29.5%;}
.frame582 #function15{ display: block; top: 29%; left: 31.5%;}
.frame602 #function15{ display: block; top: 29%; left: 34%;}
.frame622 #function15{ display: block; top: 28.5%; left: 37%;}
.frame642 #function15{ display: block; top: 28.5%; left: 39.5%;}
.frame662 #function15{ display: block; top: 28.5%; left: 43%;}
.frame680 #function15{ display: block; top: 22.5%; left: 47%;}
.frame681 #function15{ display: block; top: 22%; left: 47%;}
.frame682 #function15{ display: block; top: 28.5%; left: 46%;}
.frame683 #function15{ display: block; top: 50.5%; left: 47%;}
.frame684 #function15{ display: block; top: 57%; left: 47%;}
.frame702 #function15{ display: block; top: 28.5%; left: 49.5%;}
.frame722 #function15{ display: block; top: 28.5%; left: 52.5%;}
.frame742 #function15{ display: block; top: 29%; left: 55.5%;}
.frame762 #function15{ display: block; top: 29%; left: 59%;}
.frame782 #function15{ display: block; top: 29%; left: 61.5%;}
.frame802 #function15{ display: block; top: 29.5%; left: 63.5%;}
.frame822 #function15{ display: block; top: 29.5%; left: 65.5%;}
.frame842 #function15{ display: block; top: 30%; left: 67%;}
.frame862 #function15{ display: block; top: 30.5%; left: 67.5%;}
.frame882 #function15{ display: block; top: 30.5%; left: 68%;}
.frame890 #function15{ display: block; top: 39%; left: 68%;}
.frame891 #function15{ display: block; top: 36.5%; left: 68%;}
.frame892 #function15{ display: none;}
.frame893 #function15{ display: block; top: 36%; left: 69%;}
.frame894 #function15{ display: block; top: 39%; left: 69%;}

/*ヘッドセット接続端子*/
.frame220 #function16{ display: block; top: 62%; left: 47%;}
.frame221 #function16{ display: block; top: 74%; left: 47%;}
.frame222 #function16{ display: none;}
.frame223 #function16{ display: none;}
.frame224 #function16{ display: none;}
.frame440 #function16{ display: block; top: 74%; left: 58%;}
.frame441 #function16{ display: block; top: 86%; left: 58%;}
.frame442 #function16{ display: none;}
.frame443 #function16{ display: none;}
.frame444 #function16{ display: none;}
.frame680 #function16{ display: block; top: 80%; left: 47%;}
.frame681 #function16{ display: block; top: 86%; left: 47%;}
.frame682 #function16{ display: none;}
.frame683 #function16{ display: none;}
.frame684 #function16{ display: none;}
.frame890 #function16{ display: block; top: 72%; left: 35.5%;}
.frame891 #function16{ display: block; top: 82%; left: 35.5%;}
.frame892 #function16{ display: none;}
.frame893 #function16{ display: none;}
.frame894 #function16{ display: none;}

/*USB Type-C接続端子*/
.frame220 #function17{ display: block; top: 71%; left: 47%;}
.frame221 #function17{ display: block; top: 80%; left: 47%;}
.frame222 #function17{ display: none;}
.frame223 #function17{ display: none;}
.frame224 #function17{ display: none;}
.frame440 #function17{ display: block; top: 74%; left: 47%;}
.frame441 #function17{ display: block; top: 86%; left: 47%;}
.frame442 #function17{ display: none;}
.frame443 #function17{ display: none;}
.frame444 #function17{ display: none;}
.frame680 #function17{ display: block; top: 70%; left: 47%;}
.frame681 #function17{ display: block; top: 79%; left: 47%;}
.frame682 #function17{ display: none;}
.frame683 #function17{ display: none;}
.frame684 #function17{ display: none;}
.frame890 #function17{ display: block; top: 72%; left: 47%;}
.frame891 #function17{ display: block; top: 82%; left: 47%;}
.frame892 #function17{ display: none;}
.frame893 #function17{ display: none;}
.frame894 #function17{ display: none;}

/*送話口／マイク（下部）、スピーカー*/
.frame220 #function18{ display: block; top: 78%; left: 47%;}
.frame221 #function18{ display: block; top: 85%; left: 47%;}
.frame222 #function18{ display: none;}
.frame223 #function18{ display: none;}
.frame224 #function18{ display: none;}
.frame440 #function18{ display: block; top: 74%; left: 36%;}
.frame441 #function18{ display: block; top: 86%; left: 36%;}
.frame442 #function18{ display: none;}
.frame443 #function18{ display: none;}
.frame444 #function18{ display: none;}
.frame680 #function18{ display: block; top: 63%; left: 47%;}
.frame681 #function18{ display: block; top: 74%; left: 47%;}
.frame682 #function18{ display: none;}
.frame683 #function18{ display: none;}
.frame684 #function18{ display: none;}
.frame890 #function18{ display: block; top: 72%; left: 58%;}
.frame891 #function18{ display: block; top: 82%; left: 58%;}
.frame892 #function18{ display: none;}
.frame893 #function18{ display: none;}
.frame894 #function18{ display: none;}

/*ペンボタン、Sペン*/
.frame220 #function19{ display: block; top: 84%; left: 47%;}
.frame221 #function19{ display: block; top: 90%; left: 47%;}
.frame222 #function19{ display: none;}
.frame223 #function19{ display: none;}
.frame224 #function19{ display: none;}
.frame440 #function19{ display: block; top: 74%; left: 25%;}
.frame441 #function19{ display: block; top: 86%; left: 25%;}
.frame442 #function19{ display: none;}
.frame443 #function19{ display: none;}
.frame444 #function19{ display: none;}
.frame680 #function19{ display: block; top: 56%; left: 47%;}
.frame681 #function19{ display: block; top: 67%; left: 47%;}
.frame682 #function19{ display: none;}
.frame683 #function19{ display: none;}
.frame684 #function19{ display: none;}
.frame890 #function19{ display: block; top: 72%; left: 68.5%;}
.frame891 #function19{ display: block; top: 82%; left: 68%;}
.frame892 #function19{ display: none;}
.frame893 #function19{ display: none;}
.frame894 #function19{ display: none;}