/*
color scheme
markup:
$ monochrome
1, #000
2, #333
3, #666
4, #999
5, #ccc
6, #e5e5e5
7, #f5f5f5
8, #fff
$ blue
$ orange
$ red
$ yellow
$ green
$ purple
Styleguide 1.0
*/
/*
color scheme
markup:
$ monochrome
1, #000
2, #333
3, #666
4, #999
5, #ccc
6, #e5e5e5
7, #f5f5f5
8, #fff
$ blue
$ orange
$ red
$ yellow
$ green
$ purple
Styleguide 1.0
*/
.kyokanList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px; }
.kyokanListWrap {
margin-top: 50px; }
.kyokanList__item {
border-bottom: 1px solid #ddd; }
.kyokanList__item:nth-child(-n+2) {
border-top: 1px solid #ddd; }
.kyokanList__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
position: relative;
height: 100%;
padding: 15px 10px;
cursor: pointer; }
.kyokanList__link:hover {
background-color: #dae2e5;
text-decoration: none; }
.kyokanList__photo {
position: relative;
overflow: hidden;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
width: 120px;
height: 120px;
margin-right: 15px; }
.kyokanList__photo > img {
display: block;
width: auto;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.kyokanList__photoMovieIcon {
position: absolute;
width: 24px;
height: 24px;
bottom: 8px;
left: 8px;
z-index: 1; }
.kyokanList__label, .kyokanList__label--campus, .kyokanList__label--senpai, .kyokanList__label--sensei {
position: absolute;
top: 15px;
left: 10px;
display: inline-block;
padding: 2px 10px;
margin-bottom: 10px;
color: #fff;
font-size: 10px; }
.kyokanList__label--campus {
background-color: #ff4b4b; }
.kyokanList__label--senpai {
background-color: #1565d9; }
.kyokanList__label--sensei {
background-color: #199b7b; }
.kyokanList__data {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.kyokanList__title {
line-height: 1.5;
font-size: 14px;
font-weight: bold; }
.kyokanList__text {
color: #333;
font-size: 12px;
line-height: 1.67;
margin-top: 10px; }
.kyokanList__item {
width: 350px; }
.indexWork .kyokanList p {
margin-bottom: 0; }