@charset "utf-8";
/*header*/
header{
    background-image: url("../images/old_house/mainview.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 40px;
}

header .copy_txt{
    clear: both;
    text-align: center;
    color: hsla(0,0%,100%,0.83);
    margin: -25px 0 35px 0;
    text-shadow: 1px 1px 23px hsla(18,91%,9%,1.00);
}

/*old_house*/
.old_house{
    padding: 50px 0;
}
.old_house h2{
    font-size: 2.8em;
    text-align: center;
    letter-spacing: 2px;
    margin: 0 0 40px;
}
.old_house h2 span{
    font-size: 0.6em;
}
.old_house p{
    font-family: a-otf-gothic-bbb-pr6n, sans-serif;
    margin: 0 auto;
    text-align: justify;
    line-height: 1.4;
    letter-spacing: 1px;
}

/*works*/
.works{
    padding: 50px 0 0;
    border-top: dotted 1px #c9c9c9;
    border-bottom: dotted 1px #c9c9c9;
}
.works .title{
    background-image: url("../images/old_house/works_back.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 415px;
}
.works h2{
    font-size: 3em;
    letter-spacing: 2px;
    margin: 0 auto;
    vertical-align: bottom;
    color: #fff;
    text-shadow: 1px 1px 23px hsla(18,91%,9%,1.00);
    line-height: 1.4;
}
.works h2 span{
    font-size: 0.6em;
    color: #fff;
}
.works dt{
    font-size: 2.1em;
    text-align: center;
    margin: 0 0 20px;
}
.works dd{
    display: inline-block;
}
.works dd:nth-of-type(3n){
    margin-right: 0;
}

/*secret*/
.secret{
    padding: 50px 0;
    margin: 0 auto;
}
.secret h2{
    font-size: 3em;
    letter-spacing: 2px;
    margin: 0 auto 20px;
    vertical-align: bottom;
    line-height: 1.4;
    text-align: center;
}
.secret h2 span{
    font-size: 0.6em;
}
.secret article{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.secret article h3{
    color: #fff;
    text-shadow: 1px 1px 23px hsla(18,91%,9%,1.00);
    font-size: 2.1em;
    line-height: 1.6;
}
.secret article:nth-of-type(1){
    background-image: url("../images/old_house/secret01.jpg");
}
.secret article:nth-of-type(2){
    background-image: url("../images/old_house/secret02.jpg");
}
.secret article:nth-of-type(3){
    background-image: url("../images/old_house/secret03.jpg");
}

@media (min-width:641px){
    
    /*header*/
    header .copy_txt{
    font-size: 6em;
    }
    header .txt01,header .txt02{
        margin: 10px 0 145px 0;
    }
    header nav .top_hide{
        display: inline-block;
    }
    
    /*old_house*/
    .old_house p{
        width: 740px;
    }
    
    /*works*/
    .works .title{
        padding: 260px 0 0;
    }
    .works h2{
    width: 1100px;
    }
    .works dl{
        width: 1100px;
        margin: 50px auto;
    }
    .works dd{
        margin: 0 10px 50px 0;
    }
    
    /*secret*/
    .secret{
        width: 1100px;
    }
    .secret h2{
        width: 1100px;
    }
    .secret article{
        float: left;
        width: 356px;
        height: 356px;
        padding: 70px 115px 0;
        margin: 0 10px 0 0;
    }
    .secret article h3{
        writing-mode: vertical-rl;
    }
}

@media (max-width:640px){
    
    /*header*/
    header .copy_txt{
        font-size: 4em;
    }
    header .txt02{
       margin: 5px 0 80px 5px;
    }
    
    /*old_house*/
    .old_house p{
        padding: 0 20px;
    }
    
    /*works*/
    .works .title{
        padding: 230px 0 0 0;
    }
    .works dl{
        width: 640px;
        margin: 50px auto;
        padding: 0 20px;
        }
    .works dd{
        width: 190px;
        margin: 0 5px 25px 0;
    }
    .works dd img{
        width: 100%;
    }
    
    /*secret*/
    .secret{
        width: 640px;
    }
    .secret article{
        padding: 80px 25px;
        margin: 0 auto 5px;
    }
    
}