.slick-slider {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
position: relative;
left: 0;
top: 0;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/ajax-loader) center center no-repeat;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
} @media screen and (max-width: 767px) {  .drawer-open #hero-block {
margin-top: 69px !important;
}
#hero-block .slider-close {
display: none;
}
#hero-block .slick-slide img {
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-show-one {
overflow: hidden;
position: relative;
z-index: 1;
}
.is-show-one .header-main {
z-index: 112;
}
.is-show-one #hero-block {
position: relative;
z-index: 1;
}
.is-show-one #hero-block .hero-block__hero-inner {
position: relative;
z-index: 1;
}
.is-show-one #hero-block .is-flexible {
z-index: 10;
padding-bottom: 120%;
}
.is-show-one #hero-block .is-flexible .is-flexible-video {
z-index: 10;
left: 50%;
top: 60%;
-webkit-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
width: inherit;
}
.is-show-one #hero-block .slider-close {
display: block !important;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 101;
width: 32px;
height: 42px;
}
.is-show-one #hero-block .slider-close .close-btn {
overflow: hidden;
width: 32px;
padding-top: 42px;
height: 0;
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/icon_hero_skip_svg01.svg) 0 0/32px auto no-repeat;
}
.is-show-tow #hero-block {
position: relative;
z-index: 1; }
.is-show-tow #hero-block::before {
position: absolute;
left: 0;
top: 0;
z-index: 10;
content: "";
width: 100%;
height: 36px;
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/sp/bg_hero_line_img01.png) center 0/cover no-repeat;
}
.is-show-tow #hero-block::after {
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
content: "";
width: 100%;
height: 36px;
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/sp/bg_hero_line_img02.png) center 0/cover no-repeat;
}
.is-show-tow #hero-block .slick-dots {
bottom: 35px;
z-index: 101;
}
.is-show-tow #hero-block .slick-dots li button {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #ddd;
background-color: #fff;
}
.is-show-tow #hero-block .slick-dots li.slick-active button {
border: 1px solid #222;
background-color: #222;
} .group-block {
margin-top: 20px;
}
.group-block__link-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.group-block__link-list .link-list__link-item {
position: relative;
z-index: 1;
width: 50%;
}
.group-block__link-list .link-list__link-item:nth-child(1) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img01.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(1) a::before {
background-color: #D47D5B;
}
.group-block__link-list .link-list__link-item:nth-child(2) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img02.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(2) a::before {
background-color: #D47496;
}
.group-block__link-list .link-list__link-item:nth-child(3) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img03.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(3) a::before {
background-color: #A26A96;
}
.group-block__link-list .link-list__link-item:nth-child(4) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img04.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(4) a::before {
background-color: #9385B9;
}
.group-block__link-list .link-list__link-item:nth-child(5) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img05.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(5) a::before {
background-color: #768EC1;
}
.group-block__link-list .link-list__link-item:nth-child(6) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img06.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(6) a::before {
background-color: #79A7C2;
}
.group-block__link-list .link-list__link-item:nth-child(7) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img07.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(7) a::before {
background-color: #87B9AD;
}
.group-block__link-list .link-list__link-item:nth-child(8) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img08.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(8) a::before {
background-color: #9FC06A;
}
.group-block__link-list .link-list__link-item:nth-child(9) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img09.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(9) a::before {
background-color: #D4BC56;
}
.group-block__link-list .link-list__link-item:nth-child(10) a {
background-color: #666;
}
.group-block__link-list .link-list__link-item:nth-child(10) a::before {
background-color: #666;
}
.group-block__link-list .link-list__link-item:nth-child(even) a {
border-left: 1px solid #fff;
}
.group-block__link-list .link-list__link-item a {
display: block;
position: relative;
z-index: 1;
width: 100%;
min-height: 120px;
border-bottom: 1px solid #fff;
color: #fff;
}
.group-block__link-list .link-list__link-item a::before {
position: absolute;
left: 0;
top: 0;
z-index: 10;
content: "";
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
}
.group-block__link-list .link-list__link-item a:hover .link-item__detalis-block .link-item__group-detali {
display: block;
-webkit-transition: all;
-o-transition: all;
transition: all;
}
.group-block__link-list .link-list__link-item a:hover::before {
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
opacity: 0;
}
.group-block__link-list .link-item__detalis-block {
position: absolute;
right: 50%;
top: 50%;
z-index: 10;
width: calc(100% - 20px);
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border: 1px solid #fff;
padding: 10px;
font-size: 1.1rem;
color: #fff;
text-align: center;
}
.group-block__link-list .link-item__detalis-block .link-item__group-detali {
display: none;
-webkit-transition: all;
-o-transition: all;
transition: all;
font-size: 1rem;
text-align: left;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
} .info-block {
margin-top: 40px;
}
.info-block .info-block__sec-ti {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.info-block .module17__nomata-info .module17__info-list {
position: relative;
z-index: 1;
margin-top: 30px;
}
.info-block .module17__nomata-info .module17__info-list .module17__info-item a {
display: block;
padding: 10px;
background-color: #F4F6F7;
border-bottom: 2px solid #727171;
color: #333;
text-decoration: none;
}
.info-block .module17__nomata-info .module17__info-list .module17__info-data {
display: block;
padding-bottom: 10px;
}
.info-block .module17__nomata-info .module17__info-list .module17__info-data .module17__info-time {
display: inline-block;
min-width: 60px;
font-size: 1.2rem;
}
.info-block .module17__nomata-info .module17__info-list .module17__info-data .module17__info-category {
display: inline-block;
min-width: 120px;
margin-left: 10px;
border-radius: 4px;
background-color: #6da7c4;
padding: 1px 5px;
font-size: 1.2rem;
color: #fff;
text-align: center;
}
.info-block .info-block__more-block {
margin-top: 40px;
text-align: center;
} .topics-block {
margin-top: 40px;
padding: 40px 0;
background-color: #F4F6F7;
}
.topics-block .topics-block__block-inner {
padding: 0 3vw;
}
.topics-block__sec-ti {
font-size: 1.8rem;
font-family: 'Lato', sans-serif;
font-weight: bold;
text-align: center;
}
.topics-block_topics-list {
position: relative;
z-index: 1;
margin-top: 30px;
}
.topics-block_topics-list .topics-list__topics-item:not(:first-child) {
margin-top: 25px;
}
.topics-block_topics-list .topics-list__topics-item a {
display: block;
padding: 20px;
background-color: #fff;
color: #333;
text-decoration: none;
}
.topics-block_topics-list .topics-list__topics-item a:hover .topics-item__post-pic {
opacity: .7;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.topics-item__post-pic {
display: block;
overflow: hidden;
max-height: 260px;
min-height: 260px;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.topics-item__post-pic img {
visibility: hidden;
}
.topics-item__detalis {
margin-top: 10px;
}
.topics-item__detalis .topics-item__post-category .topics-item__category {
display: inline-block;
margin: 0 10px 5px 0;
border-radius: 4px;
padding: 1px 5px;
font-size: 1.2rem;
color: #fff;
}
.topics-item__detalis .topics-item__post-ti {
margin-top: 10px;
font-size: 1.4rem;
}
.topics-item__detalis .topics-item__post-time {
margin-top: 10px;
font-size: 1.2rem;
text-align: right;
}
.topics-block__more-block {
margin-top: 40px;
text-align: center;
} .group-info {
margin-top: 40px;
}
.group-info__block-inner {
padding: 0 3vw;
}
.group-info__block-inner .group-info__sec-ti {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.group-info__block-inner .group-info_group-list {
padding-top: 15px;
}
.group-info__block-inner .group-info_group-list .group-list__group-item {
margin-top: 15px;
}
.group-info__block-inner .group-info_group-list .group-list__group-item a {
display: block;
min-height: 90px;
padding: 10px;
background-color: #F4F6F7;
border-bottom: 2px solid #727171;
text-decoration: none;
color: #333;
}
.group-info__block-inner .group-info_group-list .group-list__group-item a:hover img {
opacity: .7;
}
.group-info__block-inner .group-item__post-content .group-item__post-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.group-info__block-inner .group-item__post-content .group-item__post-category .group-item__category {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
border-radius: 4px;
margin-left: 10px;
min-width: 130px;
padding: 1px 5px;
font-size: 1.2rem;
color: #fff;
text-align: center;
}
.group-info__block-inner .group-item__post-content .group-item__post-category .group-item__post-time {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: 1.2rem;
}
.group-info__block-inner .group-item__post-content .group-item__post-ti {
margin-top: 10px;
font-size: 1.4rem;
line-height: 1.4;
}
.group-info__block-inner .group-item__post-pic {
display: none;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {  .group-info__block-inner .group-info_group-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 0;
padding: 0 10px;
}
.group-info__block-inner .group-info_group-list .group-list__group-item {
width: 48%;
margin-top: 30px;
}
}
.js-animate {
opacity: 0;
visibility: hidden;
-webkit-transform: matrix(1, 0, 0, 1, 0, 40);
-ms-transform: matrix(1, 0, 0, 1, 0, 40);
transform: matrix(1, 0, 0, 1, 0, 40);
-webkit-transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
-o-transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
}
.js-animate.animated {
opacity: 1;
visibility: inherit;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
-o-transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
} @media screen and (min-width: 768px) {  #hero-block {
overflow: hidden;
}
#hero-block .slider-close {
display: none;
}
#hero-block .slick-slide img {
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-show-one {
overflow: hidden;
}
.is-show-one #hero-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 97; }
.is-show-one #hero-block .slider-close {
display: block;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 101;
width: 32px;
height: 42px;
}
.is-show-one #hero-block .slider-close .close-btn {
overflow: hidden;
width: 32px;
padding-top: 42px;
height: 0;
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/icon_hero_skip_svg01.svg) 0 0/32px auto no-repeat;
}
.is-show-tow #hero-block {
position: relative;
z-index: 1; }
.is-show-tow #hero-block::before {
position: absolute;
left: 0;
top: 0;
z-index: 100;
content: "";
width: 100%;
height: 100px;
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/bg_hero_line_img06.png) center 0/cover no-repeat;
}
.is-show-tow #hero-block::after {
position: absolute;
left: 0;
bottom: -10px;
z-index: 100;
content: "";
width: 100%;
height: 84px;
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/bg_hero_line_img07.png) center 0/cover no-repeat;
}
.is-show-tow #hero-block .slick-dots {
bottom: 30px;
z-index: 101;
}
.is-show-tow #hero-block .slick-dots li button {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #ddd;
background-color: #fff;
}
.is-show-tow #hero-block .slick-dots li.slick-active button {
border: 1px solid #222;
background-color: #222;
} .group-block {
margin-top: 30px;
}
.group-block__link-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.group-block__link-list .link-list__link-item {
overflow: hidden;
position: relative;
z-index: 1;
width: 33.3333%;
border-bottom: 3px solid #fff;
opacity: 0;
visibility: hidden;
-webkit-transform: matrix(1, 0, 0, 1, 0, 40);
-ms-transform: matrix(1, 0, 0, 1, 0, 40);
transform: matrix(1, 0, 0, 1, 0, 40);
-webkit-transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
-o-transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
}
.group-block__link-list .link-list__link-item.animated {
opacity: 1;
visibility: inherit;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
-o-transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
}
.group-block__link-list .link-list__link-item:nth-child(n+2) {
border-left: 3px solid #fff;
}
.group-block__link-list .link-list__link-item:nth-child(1) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img01.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(1) a::before {
background-color: #D47D5B;
}
.group-block__link-list .link-list__link-item:nth-child(2) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img02.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(2) a::before {
background-color: #D47496;
}
.group-block__link-list .link-list__link-item:nth-child(3) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img03.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(3) a::before {
background-color: #A26A96;
}
.group-block__link-list .link-list__link-item:nth-child(4) {
border-left: none;
}
.group-block__link-list .link-list__link-item:nth-child(4) .link-item__detalis-block {
min-width: 200px;
}
.group-block__link-list .link-list__link-item:nth-child(4) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img04.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(4) a::before {
background-color: #9385B9;
}
.group-block__link-list .link-list__link-item:nth-child(5) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img05.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(5) a::before {
background-color: #768EC1;
}
.group-block__link-list .link-list__link-item:nth-child(6) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img06.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(6) a::before {
background-color: #79A7C2;
}
.group-block__link-list .link-list__link-item:nth-child(7) {
border-left: none;
}
.group-block__link-list .link-list__link-item:nth-child(7) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img07.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(7) a::before {
background-color: #87B9AD;
}
.group-block__link-list .link-list__link-item:nth-child(8) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img08.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(8) a::before {
background-color: #9FC06A;
}
.group-block__link-list .link-list__link-item:nth-child(9) a {
background: url(//test01.nomata.ac.jp/wp-content/themes/nomata/images/pic_group_nav_img09.png) center 0/cover no-repeat;
}
.group-block__link-list .link-list__link-item:nth-child(9) a::before {
background-color: #D4BC56;
}
.group-block__link-list .link-list__link-item:nth-child(10) {
width: 100%;
border-left: none;
}
.group-block__link-list .link-list__link-item:nth-child(10) a {
background-color: #666;
}
.group-block__link-list .link-list__link-item:nth-child(10) a::before {
background-color: #666;
}
.group-block__link-list .link-list__link-item a {
display: block;
position: relative;
z-index: 1;
width: 100%;
min-height: 145px;
color: #fff;
}
.group-block__link-list .link-list__link-item a::before {
position: absolute;
left: 0;
top: 0;
z-index: 10;
content: "";
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
}
.group-block__link-list .link-list__link-item a:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.group-block__link-list .link-list__link-item a:hover::before {
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
opacity: 0;
}
.group-block__link-list .link-list__link-item a:hover .link-item__detalis-block {
min-height: 74px;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
}
.group-block__link-list .link-list__link-item a:hover .link-item__detalis-block .link-item__group-detali {
display: block;
}
.group-block__link-list .link-item__detalis-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
position: absolute;
right: 50%;
top: 50%;
z-index: 10;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
min-width: 160px;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
padding: 5px 10px;
font-size: 1.4rem;
color: #fff;
text-align: center;
min-height: 63px;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
}
.group-block__link-list .link-item__detalis-block .link-item__group-name {
font-weight: bold;
line-height: 1.4;
}
.group-block__link-list .link-item__detalis-block .is-small {
font-size: 1.2rem;
}
.group-block__link-list .link-item__detalis-block .link-item__group-detali {
display: none;
margin-top: 5px;
-webkit-transition: all;
-o-transition: all;
transition: all;
font-size: 1.1rem;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
} .group-block__link-list .link-list__link-item:last-of-type a .link-item__detalis-block {
height: 63px;
}
.group-block__link-list .link-list__link-item:last-of-type a:hover .link-item__detalis-block {
height: 63px;
}
.group-block__link-list .link-list__link-item a:hover .link-item__detalis-block {
height: inherit;
}
.group-block__link-list .link-item__detalis-block {
height: 63px;
} .info-block {
padding-top: 50px;
}
.module17__nomata-info {
max-width: 900px;
margin: 0 auto;
}
.info-block__sec-ti {
font-size: 2.7rem;
font-weight: bold;
text-align: center;
}
.module17__nomata-info .module17__info-list {
position: relative;
z-index: 1;
margin-top: 30px;
}
.module17__nomata-info .module17__info-list .module17__info-item {
border-bottom: 1px solid #AFAFAF;
}
.module17__nomata-info .module17__info-list .module17__info-item:first-child {
border-top: 1px solid #AFAFAF;
}
.module17__nomata-info .module17__info-list .module17__info-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 10px;
color: #333;
font-size: 1.5rem;
text-decoration: none;
}
.module17__nomata-info .module17__info-list .module17__info-item a:hover {
background-color: #F4F6F7;
}
.module17__nomata-info .module17__info-list .module17__info-data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-width: 220px;
}
.module17__nomata-info .module17__info-list .module17__info-data .module17__info-time {
display: inline-block;
min-width: 70px;
font-size: 1.3rem;
}
.module17__nomata-info .module17__info-list .module17__info-data .module17__info-category {
display: inline-block;
min-width: 95px;
margin: 0 0 0 20px;
border-radius: 4px;
background-color: #6da7c4;
padding: 2px 5px;
font-size: 1.2rem;
color: #fff;
text-align: center;
}
.info-block__more-block {
margin-top: 55px;
text-align: center;
} .topics-block {
margin-top: 60px;
padding: 60px 0;
border-top: 5px solid #DCDEDD;
background-color: #F4F6F7;
}
.topics-block__sec-ti {
font-size: 2.7rem;
text-align: center;
font-family: 'Lato', sans-serif;
font-weight: bold;
}
.topics-block_topics-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 1;
max-width: 1000px;
margin: 40px auto 0;
}
.topics-block_topics-list .topics-list__topics-item {
width: 32%;
margin: 0 6px;
background-color: #fff;
}
.topics-block_topics-list .topics-list__topics-item a {
display: block;
height: 100%;
padding: 20px;
background-color: #fff;
color: #333;
text-decoration: none;
}
.topics-block_topics-list .topics-list__topics-item a:hover .topics-item__post-pic {
opacity: .7;
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
}
.topics-item__post-pic {
display: block;
overflow: hidden;
max-height: 200px;
min-height: 200px;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
}
.topics-item__post-pic img {
visibility: hidden;
}
.topics-item__detalis {
margin-top: 10px;
}
.topics-item__detalis .topics-item__post-category .topics-item__category {
display: inline-block;
margin: 0 10px 5px 0;
border-radius: 4px;
padding: 2px 10px;
font-size: 1.2rem;
color: #fff;
}
.topics-item__detalis .topics-item__post-ti {
margin-top: 5px;
font-size: 1.6rem;
}
.topics-item__detalis .topics-item__post-time {
margin-top: 30px;
text-align: right;
font-size: 1.3rem;
color: #929697;
}
.topics-block__more-block {
margin-top: 70px;
text-align: center;
} .group-info {
margin-top: 60px;
}
.group-info__block-inner {
max-width: 1040px;
margin: 0 auto;
padding: 0 20px;
}
.group-info__block-inner .group-info__sec-ti {
font-size: 2.7rem;
font-weight: bold;
text-align: center;
}
.group-info__block-inner .group-info_group-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 10px 0;
}
.group-info__block-inner .group-info_group-list .group-list__group-item {
width: 48.5%;
margin-top: 20px;
}
.group-info__block-inner .group-info_group-list .group-list__group-item a {
display: table;
width: 100%;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #F4F6F7;
border-bottom: 2px solid #727171;
text-decoration: none;
color: #333;
}
.group-info__block-inner .group-info_group-list .group-list__group-item a:hover img {
opacity: .7;
-webkit-transition: opacity .7s;
-o-transition: opacity .7s;
transition: opacity .7s;
}
.group-info__block-inner .group-item__post-content {
display: table-cell;
}
.group-info__block-inner .group-item__post-content .group-item__post-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 10px 0;
}
.group-info__block-inner .group-item__post-content .group-item__post-category .group-item__category {
min-width: 120px;
border-radius: 4px;
padding: 1px 10px;
font-size: 1.2rem;
color: #fff;
text-align: center;
}
.group-info__block-inner .group-item__post-content .group-item__post-category .group-item__post-time {
font-size: 1.2rem;
}
.group-info__block-inner .group-item__post-content .group-item__post-ti {
padding: 5px 20px 5px 10px;
font-size: 1.3rem;
line-height: 1.4;
}
.group-info__block-inner .group-item__post-pic {
display: table-cell;
overflow: hidden;
width: 30%;
max-height: 90px;
vertical-align: top;
text-align: right;
}
.group-info__block-inner .group-item__post-pic:empty {
display: none;
}
}  @media screen and (min-width: 980px) {  .is-show-tow { }
}  @media print, screen and (min-width: 1024px) {  .group-block__link-list .link-list__link-item {
width: 20%;
}
.group-block__link-list .link-list__link-item:nth-child(1), .group-block__link-list .link-list__link-item:nth-child(6) {
border-left: none;
}
.group-block__link-list .link-list__link-item:nth-child(4), .group-block__link-list .link-list__link-item:nth-child(7) {
border-left: 3px solid #fff;
}
.group-block__link-list .link-list__link-item:nth-child(4) .link-item__detalis-block {
min-width: 185px;
}
.group-block__link-list .link-list__link-item:last-child {
width: 20%;
border-left: 3px solid #fff;
}
}
@media print, screen and (min-width: 1280px) { .group-block__link-list .link-list__link-item .link-item__detalis-block {
min-width: 220px;
}
.group-block__link-list .link-list__link-item:nth-child(4) .link-item__detalis-block {
min-width: 220px;
}
.group-block__link-list .link-item__detalis-block {
font-size: 1.6rem;
}
.group-block__link-list .link-item__detalis-block .is-small {
width: calc(100% - 45px);
font-size: 1.3rem;
}
.group-block__link-list .link-item__detalis-block .link-item__group-detali {
font-size: 1.2rem;
}
}