@charset "UTF-8";

/*----------- news;新着情報 --------------*/
dl.case4{
    margin:35px;
    padding:0;
    line-height:1.8;
    width:95%;
}
dl.case4 dt{
    width:8em;
    float:left;
    margin:0;
    padding:0 0 0 5px;
}
dl.case4 dd{
    position:relative;
    margin:0 0 10px;
    padding:0 5px 10px 16em;
    border-bottom:1px dotted #ccc;
}
dl.case4 dd span.cat{
    display:block;
    position:absolute;
    top:0;
    left:8em;
    width:7em;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#eee;
    border-radius:2px;
}

/*----------- more;新着情報のところの「もっと見る」 --------------*/
.cp_box *, .cp_box *:before, .cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_box {
    width: auto;
    margin: auto;
}
.cp_box label {
    font-weight: bold;
    position: relative;
    display: block;
    width: 40%;
    margin: auto;
    padding: 0.1em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #999999;
    border: 2px solid #999999;
    border-radius: 3px;
}
.cp_box label:hover {
    transition: all 0.3s;
    color: #ffffff;
    background: #222266;
}
.cp_box label::after {
/*    font-family: 'FontAwesome';*/
    content: ' +';
    color: #999999;
}
.cp_box label:hover::after {
    color: #ffffff;
}
.cp_box input:checked ~ label::after {
/*    font-family: 'FontAwesome';*/
    content: ' -';
    color: #999999;
}
.cp_box input:checked ~ label:hover::after {
    color: #ffffff;
}
.cp_box input {
    display: none;
}
.cp_box .cp_container {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 0;
    margin-top: -1px;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    background: rgba(255, 255, 255, 0.5);
}
.cp_box input:checked ~ div {
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
.cp_box input:checked ~ div.cp_container {
    height: auto;
}