@charset "UTF-8";

#results {
    margin: 40px auto;
}

.list li {
    border: 3px solid #134265;
    margin: 0 auto 20px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px #333333;
    -moz-box-shadow: 1px 1px 2px #333333;
    box-shadow: 1px 1px 2px #333333;
    flex-basis: 47%;
}

.list li h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding: 0.5em 0;
    background: #134265;
}

ul.list {
    display: flex;
    flex-wrap: wrap;
}
.jskbox {
    display: flex;
}
.jskbox dl {
    flex-basis: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.jskbox dl dt {
    flex-basis: 46%;
    padding: 6px 0;
    background: #477699;
    margin: 3px;
    color: #fff;
    align-self: center;
}
.jskbox dl dd {
    flex-basis: 44%;
    text-align: left;
    align-self: center;
    padding-left: 5px;
}
.jskbox dl dd.rate {
    font-size: 24px;
    color: #d90000;
}
/*テーブル組み実績CSSここから*/
.list li table {
    width: 624px;
    padding: .5em 0;
    margin: 25px 25px 20px;
}

.list li table th {
    width: 100px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    padding: .5em 0 .6em;
    border-bottom: 5px solid #fff;
    background: #134265;
}

.list li table td {
    color: #333;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
    padding-left: .5em;
}

.list li table td.value {
    text-align: right;
    padding: 0 1.5em 0 1em;
}

.list li table td.rate {
    width: 130px;
    color: #c00;
    font-size: 35px;
    font-weight: 600;
    padding-left: .3em;
}
/*ここまで*/
.pager {
    padding: 0 2em;
    margin: 50px auto 0;
    text-align: center;
}

.pager span {
    display: inline-block;
    color: #717171;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px #fff;
    padding: .5em .75em;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    margin: 0 .4em .5em 0;
    background: rgb(248, 248, 248); /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #e9e9e9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f8f8f8 0%, #e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .1);
}

.pager span:hover {
    cursor: pointer;
    background: rgb(254, 254, 254); /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

.pager span.current {
    color: #f0f0f0;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5);
    border: 1px solid #616161;
    background: #616161;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 3px rgba(255, 255, 255, .8);
    cursor: default;
}

.pager span.invalid {
    color: #dcdcdc;
    border: 1px solid rgba(192, 192, 192, .5);
    background: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    cursor: default;
}

.caution {
    color: #c00;
    text-align: center;
    padding: 1.5em 0 ;
    margin: 0 auto;
    background: #ffe1e1;
}