.page-report .contents .txt-area {
font-size: 15px;
font-size: 1.5rem;
}
.page-report .contents .txt-area p {
margin: 0 auto 16px;
}
.page-report .contents .txt-area p:last-child {
margin: 40px auto 0;
}.page-report .contents .intro,
.page-report .contents .lecture-list {
border-bottom: none;
}
.page-report .contents .intro {
padding: 0 0;
}
.page-report .contents .report-list {
padding-bottom: 20px;
}
.page-report .contents .report-list ul {
letter-spacing: -0.4em;
}
.page-report .contents .report-list ul li {
display: inline-block;
width: 260px;
margin: 0 20px 20px 0;
vertical-align: top;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
letter-spacing: normal;
}
.page-report .contents .report-list ul li:nth-child(3n) {
margin-right: 0;
}
.page-report .contents .report-list ul a {
color: #1D1D1D;
text-decoration: none;
}
.page-report .contents .report-list ul a .photo,
.page-report .contents .report-list ul a .day,
.page-report .contents .report-list ul a h3,
.page-report .contents .report-list ul a .txt {
transition-duration: 0.5s;
}
.page-report .contents .report-list ul a .photo {
margin: 0 auto 20px;
}
.page-report .contents .report-list ul a .day {
margin: 0 auto 16px;
font-size: 10px;
font-size: 1rem;
text-align: center;
}
.page-report .contents .report-list ul a h3 {
padding: 0 40px 20px;
margin: 0 auto 0;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
line-height: 1.2;
border-left: none;
border-bottom: 1px solid #EBEBEB;
}
.page-report .contents .report-list ul a .txt {
padding: 16px 16px;
color: #3B3B3B;
font-size: 12px;
font-size: 1.2rem;
}
.page-report .contents .report-list ul a:hover .photo {
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
.page-report .contents .report-list ul a:hover .day,
.page-report .contents .report-list ul a:hover h3,
.page-report .contents .report-list ul a:hover .txt {
color: #0050A3;
}
.page-report .contents .report-list .link {
display: block;
width: 200px;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
margin: auto;
padding: 10px 0;
background-color: #186ABD;
border: 1px solid #186ABD;
border-radius: 50px;
text-decoration: none;
}
.page-report .contents .report-list .link:hover {
color: #186ABD;
background-color: #fff;
}
@media screen and (max-width: 999px) {
.page-report .contents .intro {
padding: 0 0;
}
.page-report .contents .report-list {
padding-bottom: 20px;
}
.page-report .contents .report-list ul li {
width: 100%;
margin: 0 auto 10px;
}
.page-report .contents .report-list ul li:nth-child(3n) {
margin-right: auto;
}
.page-report .contents .report-list ul a .photo,
.page-report .contents .report-list ul a .day,
.page-report .contents .report-list ul a h3,
.page-report .contents .report-list ul a .txt {
transition-duration: 0s;
}
.page-report .contents .report-list ul a .day {
margin: 0 auto 10px;
}
.page-report .contents .report-list ul a h3 {
padding: 0 20px 20px;
margin: 0 auto 0;
background-color: #fff;
box-shadow: none;
}
.page-report .contents .report-list ul a .txt {
padding: 20px 20px 40px;
}
.page-report .contents .report-list ul a:hover .photo {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.page-report .contents .report-list ul a:hover .day,
.page-report .contents .report-list ul a:hover h3,
.page-report .contents .report-list ul a:hover .txt {
color: #1D1D1D;
}
}