@charset "utf-8";
.function{
    width: 6%;
    position: absolute;
    display: block;
    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;
    }
}
/*Galaxy Z Flip8*/
/*01：メインディスプレイ（タッチパネル）*/
#function01{ display: block; top: 29%; left: 47%;}
/*02：フロントカメラ、近接・照度センサー、受話口／スピーカー*/
#function02{ display: block; top: 14%; left: 47%;}
/*03：リアカメラ、フラッシュ／ライト*/
#function03{ display: block; top: 59%; left: 42%;}
/*04：カバーディスプレイ（タッチパネル）、近接・照度センサー*/
#function04{ display: block; top: 66.6%; left: 47%;}
/*05：ワイヤレス充電位置、NFC／FeliCa®位置*/
#function05{ display: block; top: 81.5%; left: 47%;}
/*06：排気口、送話口／マイク（上部）*/
#function06{ display: block; top: 6.8%; left: 39.5%;}
/*07：音量ボタン*/
#function07{ display: block; top: 19.2%; left: 68.8%;}
/*08：マイク（側面）、サイドボタン／指紋センサー*/
#function08{ display: block; top: 23.6%; left: 68.8%;}
/*09：nanoSIMカードトレイ、トレイイジェクトホール*/
#function09{ display: block; top: 18.3%; left: 25.3%;}
/*10：スピーカー、USB Type-C接続端子（外部接続端子）*/
#function10{ display: block; top: 51%; left: 50.3%;}
/*11：送話口／マイク（下部）、排気口*/
#function11{ display: block; top: 51%; left: 39.5%;}

/*Galaxy Z Fold8 Ultra*/
/*01：メインディスプレイ（タッチパネル）*/
.ultra #function01{ top: 29%; left: 47%;}
/*02：フロントカメラ、照度センサー*/
.ultra #function02{ top: 14.5%; left: 58.3%;}
/*03：スピーカー（上部）、nanoSIMカードトレイ、トレイイジェクトホール*/
.ultra #function03{ top: 7.1%; left: 39%;}
/*04：送話口／マイク（上部）*/
.ultra #function04{ top: 7.1%; left: 51.9%;}
/*05：排気口*/
.ultra #function05{ top: 7.1%; left: 60%;}
/*06：音量ボタン*/
.ultra #function06{ top: 22.9%; left: 75.8%;}
/*07：サイドボタン／指紋センサー*/
.ultra #function07{ top: 27.7%; left: 75.8%;}
/*08：排気口、スピーカー（下部）*/
.ultra #function08{ top: 49.2%; left: 32.3%;}
/*09：USB Type-C接続端子（外部接続端子）、送話口／マイク（下部）*/
.ultra #function09{ top: 49.2%; left: 59.6%;}
/*10：受話口／スピーカー、カバーカメラ、近接・照度センサー*/
.ultra #function10{ top: 65.5%; left: 30.9%;}
/*11：カバーディスプレイ（タッチパネル）*/
.ultra #function11{ top: 80.5%; left: 30.9%;}
/*12：リアカメラ、マイク（背面）、フラッシュ／ライト、NFC／FeliCa®位置*/
.ultra #function12{ top: 70.3%; left: 57.9%;}
/*13：ワイヤレス充電位置*/
.ultra #function13{ top: 80.5%; left: 63.5%;}

/*Galaxy Z Fold8*/
/*01：メインディスプレイ（タッチパネル）*/
.fold8 #function01{ top: 29%; left: 47%;}
/*02：フロントカメラ、照度センサー*/
.fold8 #function02{ top: 18.5%; left: 58.3%;}
/*03：スピーカー（上部）、nanoSIMカードトレイ、トレイイジェクトホール*/
.fold8 #function03{ top: 8.8%; left: 39%;}
/*04：送話口／マイク（上部）*/
.fold8 #function04{ top: 8.8%; left: 51.9%;}
/*05：排気口*/
.fold8 #function05{ top: 8.8%; left: 60%;}
/*06：音量ボタン*/
.fold8 #function06{ top: 20.9%; left: 75.8%;}
/*07：サイドボタン／指紋センサー*/
.fold8 #function07{ top: 26.5%; left: 75.8%;}
/*08：排気口、スピーカー（下部）*/
.fold8 #function08{ top: 49.2%; left: 32.3%;}
/*09：USB Type-C接続端子（外部接続端子）、送話口／マイク（下部）*/
.fold8 #function09{ top: 49.2%; left: 59.6%;}
/*10：受話口／スピーカー、カバーカメラ、近接・照度センサー*/
.fold8 #function10{ top: 69.5%; left: 30.9%;}
/*11：カバーディスプレイ（タッチパネル）*/
.fold8 #function11{ top: 80.5%; left: 30.9%;}
/*12：リアカメラ、マイク（背面）、フラッシュ／ライト、NFC／FeliCa®位置*/
.fold8 #function12{ top: 74%; left: 56.5%;}
/*13：ワイヤレス充電位置*/
.fold8 #function13{ top: 80.5%; left: 63.5%;}

ul.device-selector {
    position: relative;
    width: 100%;
    max-width: 980px;
    margin: 20px auto 85px;
    z-index: 10;
}

    ul.device-selector li {
        position: relative;
        display: block;
        float: left;
        width: 33.33%;
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
    }

        ul.device-selector li:first-child {
            border-left: 1px solid #d1d1d1;
        }
        ul.device-selector li:first-child.active {
            border-left: none;
        }

        ul.device-selector li span {
            cursor: pointer;
            color: #333;
            display: block;
            line-height: 45px;
            height: 45px;
            border-top: 1px solid #d1d1d1;
            border-right: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
        }


        ul.device-selector li.active span:after,
        ul.device-selector li:hover span:after {
            width: 100%;
        }

        ul.device-selector li.active span {
            background-color: #fdeee6;
            border: 1px solid #eb5505;
        }

@media screen and (max-width: 980px) {
    ul.device-selector li {
        font-size: 15px;
    }

        ul.device-selector li.link-qanda {
            font-size: 13px;
        }
}

@media screen and (max-width: 768px) {

    ul.device-selector p {
        margin: 0 1.96%;
    }

        ul.device-selector li {
            width:33.33%;
            font-size: 14px;
        }

            ul.device-selector li:first-child a {
                border-left: none;
            }

            ul.device-selector li:nth-child(2n) a {
                border-right: none;
            }
}

@media screen and (max-width: 360px) {
    ul.device-selector li {
        font-size: 11px;
    }
}