/*--------------------------------------------------------------------------------
    general
--------------------------------------------------------------------------------*/
#head-area{
    display: none;
}

body.nav-lock {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.visibilittyHidden{
    position: absolute!important;
    display: block!important;
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    overflow: hidden!important;
    border: 0!important;
}

@media print{
    .visibilittyHidden{
        position: static!important;
        display: block!important;
        clip: auto!important;
        width: auto!important;
        height: auto!important;
        margin: 0!important;
        padding: 0!important;
        overflow: visible!important;
        border: 0!important;
        color: #000;
    }
}


/*--------------------------------------------------------------------------------
    responsive image
--------------------------------------------------------------------------------*/
.responsiveImage {
    visibility: hidden;
}
.responsiveImage.in{
    visibility: visible;
}


/*--------------------------------------------------------------------------------
    localnav
--------------------------------------------------------------------------------*/
.localnav{
   background: #000;
}
    .localnav-inner{
        position: relative;
        max-width: 980px;
        margin: 0 auto;
        padding-top: 40px;
    }
        .localnav-body{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
            width: 100%;
        }
        .localnav-body.fixed{
            position: fixed;
            z-index: 100;
        }
            .localnav-body > div{
                display: table;
                width: 980px;
                margin: 0 auto;
                padding: 6px 0;
                background: url(../img/nav/bg_black60_ie.png);
                background: rgba(0,0,0,0.6);
            }
                .localnav-item{
                    display: table-cell;
                    border-left: 1px solid #fff;
                    box-sizing: border-box;
                    -webkit-transition: opacity 250ms;
                    transition: opacity 250ms;
                }
                .localnav-item:first-child{
                    border-left: none;
                }
                .localnav-item.active{
                    cursor: default;
                }
                    .localnav-item > span{
                        display: block;
                        margin: 0 auto;
                        padding-top: 27px;
                    }
                    .localnav-item.active > span{
                        opacity: 0.7;
                        -ms-filter: "alpha(opacity=70)"; 
                    }
                    .localnav-item:hover > span{
                        -webkit-transition: opacity 250ms;
                        transition: opacity 250ms;
                        opacity: 0.7;
                        -ms-filter: "alpha(opacity=70)";
                    }
                .localnav-item-intro{
                    width: 143px;
                }
                    .localnav-item-intro > span{
                        background: url(../img/nav/bg_nav_intro.png) no-repeat center;
                    }
                .localnav-item-gallery{
                    width: 150px;
                }
                    .localnav-item-gallery > span{
                        background: url(../img/nav/bg_nav_gallery.png) no-repeat center;
                    }
                .localnav-item-impression{
                    width: 148px;
                }
                    .localnav-item-impression > span{
                        background: url(../img/nav/bg_nav_impression.png) no-repeat center;
                    }
                .localnav-item-feature{
                    width: 147px;
                }
                    .localnav-item-feature > span{
                        background: url(../img/nav/bg_nav_feature.png) no-repeat center;
                    }
                .localnav-item-spec {
                    width: 192px;
                }
                    .localnav-item-spec > span{
                        background: url(../img/nav/bg_nav_spec.png) no-repeat center;
                    }
                .localnav-item-interview {
                    width: 191px;
                }
                    .localnav-item-interview > span{
                        background: url(../img/nav/bg_nav_interview.png) no-repeat center;
                    }

            .localnav-header{
                display: none;
            }
            .localnav-body > div.localnav-mask{
                display: none;
            }

@media(max-width: 980px){
    .localnav-body > div{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .localnav-item > span{
            background-size: 100% auto;
        }
        .localnav-item-intro{
            width: 14%;
        }
        .localnav-item-gallery{
            width: 15%;
        }
        .localnav-item-impression{
            width: 15%;
        }
        .localnav-item-feature{
            width: 15%;
        }
        .localnav-item-spec{
            width: 19%;
        }
        .localnav-item-interview{
            width: 19%;
        }
}

@media(max-width: 640px){
    .localnav{
        margin-bottom: 0;
        background: none;
    }
        .localnav-inner{
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1300;
            width: 100%;
            height: 100%;
            padding: 0;
            background: rgba(0,0,0,0.9);
        }
            .localnav-body,
            .localnav-body.fixed{
                position: relative;
                top: auto;
                left: auto;
                width: auto;
                height: 100%;
                padding: 70px 40px 0;
            }
                .localnav-body > div{
                    display: block;
                    width: auto;
                    background: none;
                    border: none;
                }
                    .localnav-item{
                        position: relative;
                        z-index: 2;
                        display: block;
                        width: auto!important;
                        padding: 15px 20px 15px 4px;
                        background: red;
                        border: none;
                        border-bottom: 1px solid #fff;
                        background: none!important;
                    }
                    .localnav-item.active{
                        opacity: 0.7;
                    }
                        .localnav-item:before{
                            content: '';
                            display: block;
                            height: 0;
                            padding-top: 15px;
                        }
                        .localnav-item:after{
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            width: 7px;
                            margin: auto 15px auto auto;
                            background: url(../img/nav/arrow_localnav.png) no-repeat center;
                            background-size: 100% auto;
                        }
                        .localnav-item > span{
                            padding: 0;
                            background: none;
                        }

                    .localnav-item-intro:before{
                        background: url(../img/nav/bg_nav_intro_sp.png) no-repeat left center;
                        background-size: contain;
                    }
                    .localnav-item-gallery:before{
                        background: url(../img/nav/bg_nav_gallery_sp.png) no-repeat left center;
                        background-size: contain;
                    }
                    .localnav-item-impression:before{
                        background: url(../img/nav/bg_nav_impression_sp.png) no-repeat left center;
                        background-size: contain;
                    }
                    .localnav-item-feature:before{
                        background: url(../img/nav/bg_nav_feature_sp.png) no-repeat left center;
                        background-size: contain;
                    }
                    .localnav-item-spec:before{
                        background: url(../img/nav/bg_nav_spec_sp.png) no-repeat left center;
                        background-size: contain;
                    }
                    .localnav-item-interview:before{
                        background: url(../img/nav/bg_nav_interview_sp.png) no-repeat left center;
                        background-size: contain;
                    }

                .localnav-header{
                    display: block;
                }
                    .localnav-header-primary{
                        margin: 0 auto 35px;
                        padding-top: 23px;
                        background: url(../img/nav/bg_localnav_header_primary.png) no-repeat center;
                        background-size: contain;
                    }
                    .localnav-header-secondary{
                        margin: 0 auto 23px;
                        padding-top: 12px;
                        background: url(../img/nav/bg_localnav_header_secondary.png) no-repeat center;
                        background-size: contain;
                    }
                .localnav-body > div.localnav-mask{
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    z-index: 0;
                }

    .localnav-toggle-container{
        height: 48px;
    }
    .localnav-toggle{
        position: relative;
        z-index: 1;
        display: block;
        width: 18px;
        height: 18px;
        margin: 0 0 0 auto;
        padding: 15px;
        line-height: 1;
        cursor: pointer;
    }
        .localnav-toggle-bar,
        .localnav-toggle:before,
        .localnav-toggle:after{
            content: '';
            display: block;
            width: 100%;
            height: 2px;
            margin: 0 auto 4px;
            background: #000;
            -webkit-transition: all 0.3s ease;
            -webkit-transition: all 0.3 ease;
            transition: all 0.3 ease;
        }
    .localnav-toggle.active {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1400;
        width: 35px;
        height: 35px;
        padding: 25px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
        .localnav-toggle.active .localnav-toggle-bar {
            opacity: 0;
            background: #fff;
        }
        .localnav-toggle.active:before {
            -webkit-transform: rotate(0deg) translateY(6px);
            -ms-transform: rotate(0deg) translateY(6px);
            transform: rotate(0deg) translateY(6px);
            background: #fff;
        }
        .localnav-toggle.active:after {
            -webkit-transform: rotate(-90deg) translateX(5.5px);
            -ms-transform: rotate(-90deg) translateX(5.5px);
            transform: rotate(-90deg) translateX(5.5px);
            background: #fff;
        }
}   
@media print{
    .localnav{
        display: none;
    }
}

/*--------------------------------------------------------------------------------
    footer
--------------------------------------------------------------------------------*/
.footer{
}
    .sitemap{
        display: none;
    }

    .pentaxstory{
        border-top: 1px solid #fff;
        background: #000
    }
        .pentaxstory-inner{
            max-width: 980px;
            margin: 0 auto;
            padding: 65px 0 72px;
            text-align: center;
        }
            .pentaxstory-header{
                 margin: 0 auto 50px;
            }
                .pentaxstory-header a{
                    display: inline-block;
                    vertical-align: bottom;
                }
                    .pentaxstory-header a:before{
                        content: url(../img/footer/bg_pentaxstory_header.png);
                        display: block;
                        width: 276px;
                        height: 30px;
                        margin: 0 auto;
                    }
                    .pentaxstory-header a:hover{
                        opacity: 0.7;
                        -ms-filter: "alpha(opacity=70)";
                        -webkit-transition: opacity 250ms;
                        transition: opacity 250ms;
                    }   
                .pentaxstory ul{
                    letter-spacing: -0.4em;
                }
                    .pentaxstory-item{
                        display: inline-block;
                        vertical-align: bottom;
                        border-left: 1px solid #fff;
                        letter-spacing: normal;
                    }
                    .pentaxstory-item:first-child{
                        border-left: none;
                    }
                        .pentaxstory-item a{
                            display: inline-block;
                            padding: 5px 25px 6px;
                            color: #fff;
                            -webkit-transition: opacity 250ms;
                            transition: opacity 250ms;
                        }
                            .pentaxstory-item.active a{
                                cursor: default;
                                opacity: 0.7;
                                -ms-filter: "alpha(opacity=70)";
                            }
                            .pentaxstory-item a:hover{
                                opacity: 0.7;
                                -ms-filter: "alpha(opacity=70)";
                                -webkit-transition: opacity 250ms;
                                transition: opacity 250ms;
                                text-decoration: none;
                            }
                        .pentaxstory-item.pentaxstory-item--history a:before{
                            content: url(../img/footer/bg_pentaxstory_history.png);
                            display: block;
                            width: 161px;
                            height: 14px;
                        }
                        .pentaxstory-item.pentaxstory-item--lens01 a:before{
                            content: url(../img/footer/bg_pentaxstory_lens01.png);
                            display: block;
                            width: 258px;
                            height: 17px;
                        }
                        .pentaxstory-item.pentaxstory-item--lens02 a:before{
                            content: url(../img/footer/bg_pentaxstory_lens02.png);
                            display: block;
                            width: 258px;
                            height: 14px;
                        }

@media(max-width: 980px){
    .pentaxstory ul{
        display: table;
        width: 100%;
        table-layout: fixed;
    }
        .pentaxstory-item{
            display: table-cell;
            vertical-align: middle;
        }
            .pentaxstory-item a{
                display: block;
            }
                .pentaxstory-item.pentaxstory-item--history a:before{
                    content: '';
                    display: block;
                    width: auto;
                    height: auto;
                    padding-top: 10px;
                    background: url(../img/footer/bg_pentaxstory_history.png) no-repeat center;
                    background-size: contain;
                }
                .pentaxstory-item.pentaxstory-item--lens01 a:before{
                    content: '';
                    display: block;
                    width: auto;
                    height: auto;
                    padding-top: 16px;
                    background: url(../img/footer/bg_pentaxstory_lens01.png) no-repeat center;
                    background-size: contain;
                }
                .pentaxstory-item.pentaxstory-item--lens02 a:before{
                    content: '';
                    display: block;
                    width: auto;
                    height: auto;
                    padding-top: 14px;
                    background: url(../img/footer/bg_pentaxstory_lens02.png) no-repeat center;
                    background-size: contain;
                }
}

@media(max-width: 640px){
    .footer{
    }
        .pentaxstory{
            border-top: none;
        }
            .pentaxstory-inner{
                padding: 0;
            }
                .pentaxstory-header {
                    margin: 0 auto;
                }
                    .pentaxstory-header a{
                        display: block;
                        padding: 20px;
                    }
                        .pentaxstory-header a:before{
                            content: '';
                            width: auto;
                            height: auto;
                            padding-top: 18px;
                            background: url(../img/footer/bg_pentaxstory_header.png) no-repeat left center;
                            background-size: contain;
                        }
                        .pentaxstory ul{
                            display: block;
                            width: auto;
                        }
                            .pentaxstory-item{
                                display: block;
                                border: none;
                                text-align: left;
                                border-top: 1px solid #fff;
                            }
                                .pentaxstory-item a{
                                    position: relative;
                                    display: block;
                                    padding: 15px 20px;
                                }
                                    .pentaxstory-item.pentaxstory-item--history a:before{
                                        content: '';
                                        display: block;
                                        width: auto;
                                        height: auto;
                                        padding-top: 12px;
                                        background: url(../img/footer/bg_pentaxstory_history.png) no-repeat left center;
                                        background-size: contain;
                                    }
                                    .pentaxstory-item.pentaxstory-item--lens01 a:before{
                                        content: '';
                                        display: block;
                                        width: auto;
                                        height: auto;
                                        padding-top: 15px;
                                        background: url(../img/footer/bg_pentaxstory_lens01.png) no-repeat left center;
                                        background-size: contain;
                                    }
                                    .pentaxstory-item.pentaxstory-item--lens02 a:before{
                                        content: '';
                                        display: block;
                                        width: auto;
                                        height: auto;
                                        padding-top: 12px;
                                        background: url(../img/footer/bg_pentaxstory_lens02.png) no-repeat left center;
                                        background-size: contain;
                                    }
                                    .pentaxstory-item a:after{
                                        content: '';
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                        width: 5px;
                                        margin: auto 20px auto auto;
                                        background: url(../img/footer/arrow_pentaxstory.png) no-repeat center;
                                        background-size: 100% auto;
                                    }

        .sitemap{
            display: block;
        }
            .sitemap-item{
                display: block;
            }
                .sitemap-item a{
                    position: relative;
                    display: block;
                    padding: 15px 0 15px 20px;
                    border-bottom: 1px solid #000;
                }
                .sitemap-item:first-child a{
                    border-top: 1px solid #000;
                }
                .sitemap-item.active a{
                    cursor: default;
                }
                    .sitemap-item a:after{
                        content: '';
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        width: 5px;
                        margin: auto 20px auto auto;
                        background: url(../img/footer/arrow_sitemap.png) no-repeat center;
                        background-size: 100% auto;
                    }
                    .sitemap-item span{
                        display: block;
                        height: 0;
                        padding-top: 13px;
                        text-indent: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        background: blue;
                    }
                    .sitemap-item-intro span{
                        background: url(../img/footer/bg_sitemap_intro.png) no-repeat left center;
                        background-size: contain;
                    }
                    .sitemap-item-gallery span{
                        background: url(../img/footer/bg_sitemap_gallery.png) no-repeat left center;
                        background-size: contain;
                    }
                    .sitemap-item-impression span{
                        background: url(../img/footer/bg_sitemap_impression.png) no-repeat left center;
                        background-size: contain;
                    }
                    .sitemap-item-feature span{
                        background: url(../img/footer/bg_sitemap_feature.png) no-repeat left center;
                        background-size: contain;
                    }
                    .sitemap-item-spec span{
                        background: url(../img/footer/bg_sitemap_spec.png) no-repeat left center;
                        background-size: contain;
                    }
                    .sitemap-item-interview span{
                        background: url(../img/footer/bg_sitemap_interview.png) no-repeat left center;
                        background-size: contain;
                    }
}

@media print{
    .footer{
        display: none;
    }
}

/*--------------------------------------------------------------------------------
    tout
--------------------------------------------------------------------------------*/
.tout{
    max-width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
    .tout-inner {
        position: relative;
        margin: 0 auto;
    }
        .tout-viewer {
            margin: 0 auto;
        }
            .tout-body {
                position: relative;
                left: 0;
                width: 15000px;
                overflow: hidden;
            }
                .tout-item {
                    float: left;
                    width: 1018px;
                }
                    .tout-image {
                        text-align: center;
                    }
                      .tout-image img{
                          display: block;
                          width: 100%;
                          height: auto;
                          vertical-align: bottom;
                      }
                
        .tout-btn {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 0;
            height: 100%;
            padding: 0 25px;
            z-index: 2;
            cursor: pointer;
            opacity: 1;
            -ms-filter: "alpha(opacity=100)"; 
            -webkit-transition: opacity 250ms;
            transition: opacity 250ms;
        }
        .tout-btn:hover{
            opacity: 0.7;
            -ms-filter: "alpha(opacity=70)"; 
            -webkit-transition: opacity 250ms;
            transition: opacity 250ms;
        }
        .tout-btn.tout-btn--prev {
            margin: auto auto auto 0;
        }
        .tout-btn.tout-btn--next {
            margin: auto 0 auto auto;
        }
       
.tout-thumbnail{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 16px;
    text-align: center;
}
  .tout-thumbnailItem{
        display: inline-block;
        vertical-align: bottom;
        width: 15px;
        height: 15px;
        margin: 0 5px;
  }
    .tout-thumbnailItem a{
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        border-radius: 50%;
        border: 2px solid #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tout-thumbnailItem.active a{
        background: none;
    }


/*--------------------------------------------------------------------------------
    youtube
--------------------------------------------------------------------------------*/
.youtube{
}
    .youtube-iframe{
        position: relative;
        height: 0;
        padding-top: 56.25%;
        overflow: hidden;
    }
        .youtube-iframe > iframe{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .youtube-caption{
        margin: 18px auto 0;
    }
        .youtube-caption p{
            font-size: 12px;
            line-height: 1.4;
        }