@charset "utf-8";

.secDetails{
}
.secDetails .title{
    font-size:2.0em;
    line-height:150%;
    color:#e95349;
    padding:10px;
    margin:0 0 20px 0;
    background:#F0DDCA;
    border-radius: 5px;
}
.secDetails .txtDate{
    text-align:right;
    font-family: Verdana;
    padding-bottom:20px;
}
.secDetails .txtArea{
    font-size:1.2em;
    line-height: 140%;
}
.secDetails .txtName{
    font-size:1.4em;
    line-height: 140%;
    color:#b57f42;
}
.secDetails .boxPhoto{
    padding:20px 0;
}
.secDetails .txtBody{
    line-height: 160%;
    padding:10px 0;
}
.secDetails .txtStaffName{
    padding:20px 0 0 0;
    font-size:1.1em;
    text-align:right;
}

/*--------------------------
下部リンク
--------------------------*/

.secDetails .secOtherLink{
    padding:40px 0 0 0;
}
.secDetails .secOtherLink .arrow{
    color:#f5504a;
}

.secDetails .secOtherLink a{
    padding:20px;
    background:#00395c;
    border-radius:10px;
    color:#ffffff;
    font-size:1.4em;
    line-height:140%;
}
.secDetails .secOtherLink a:hover{
    text-decoration:none;
    opacity:0.8;
}


@media only screen and (max-width:767px){
    .secDetails .boxBottomLink{
        text-align:center;
        display: block;
    }
    
    .secDetails .secOtherLink a{
        display: block;
        margin:0 0 20px 0;
        text-align:center;
    }
}

@media print, screen and (min-width:768px){
    .secDetails .boxBottomLink{
        display: inline-block;
        float:right;
    }
    
    .secDetails .secOtherLink a{
        display: inline-block;
    }
    .secDetails .secOtherLink .linkBefore{
        float:left;
    }
    .secDetails .secOtherLink .linkList{
        text-align:center;
    }
    .secDetails .secOtherLink .linkAfter{
        float:right;
    }
}