/*
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
*/
.gakkaSearchKyokan {
margin-bottom: 50px; }
.gakkaSearchKyokan__list {
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: 20px; }
.gakkaSearchKyokan__listWrap {
margin-top: 50px; }
.gakkaSearchKyokan__list__item {
border-bottom: 1px solid #ddd; }
.gakkaSearchKyokan__list__item:nth-child(-n+2) {
border-top: 1px solid #ddd; }
.gakkaSearchKyokan__list__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; }
.gakkaSearchKyokan__list__link:hover {
background-color: #dae2e5;
text-decoration: none; }
.gakkaSearchKyokan__list__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; }
.gakkaSearchKyokan__list__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%); }
.gakkaSearchKyokan__list__photoMovieIcon {
position: absolute;
width: 24px;
height: 24px;
bottom: 8px;
left: 8px;
z-index: 1; }
.gakkaSearchKyokan__list__label, .gakkaSearchKyokan__list__label--campus, .gakkaSearchKyokan__list__label--senpai, .gakkaSearchKyokan__list__label--sensei {
position: absolute;
bottom: 0px;
display: inline-block;
padding: 2px 10px;
margin-bottom: 0px;
color: #fff;
font-size: 10px; }
.gakkaSearchKyokan__list__label--campus {
left: 70px;
background-color: #ff4b4b; }
.gakkaSearchKyokan__list__label--senpai {
left: 70px;
background-color: #1565d9; }
.gakkaSearchKyokan__list__label--sensei {
left: 50px;
background-color: #199b7b; }
.gakkaSearchKyokan__list__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; }
.gakkaSearchKyokan__list__title {
line-height: 1.5;
font-size: 14px;
font-weight: bold; }
.gakkaSearchKyokan__list__text {
color: #333;
font-size: 12px;
line-height: 1.67;
margin-top: 10px; }
.gakkaSearchKyokan__list__item {
width: 465px; }
.gakkaSearchKyokan__more > a {
display: block;
position: relative;
width: 260px;
height: 42px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #07a4e4 !important;
border: 1px solid #07a4e4;
border-radius: 3px;
line-height: 2.8;
margin: 15px auto;
box-sizing: border-box; }
.gakkaSearchKyokan__more > a::after {
content: "";
position: absolute;
display: inline-block;
top: 0;
right: 10px;
bottom: 0;
width: 7px;
height: 7px;
border-top: 1px solid #07a4e4;
border-right: 1px solid #07a4e4;
margin: auto 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.gakkaSearchKyokan__more > a:hover {
opacity: .7;
text-decoration: none; }