@charset "UTF-8";

.header-members {
margin-bottom: 60px;
}
.header-members .elementor-element.elementor-element-241459bc:not(.elementor-motion-effects-element-type-background),
.header-members .elementor-element.elementor-element-241459bc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
background-image: url(https://shizuoka-yeg.jp/wp-content/uploads/main-bg.jpg);
background-position: center center;
background-size: cover;
}
.header-members .elementor-element.elementor-element-241459bc > .elementor-background-overlay {
background-color: #7A84DA;
opacity: 0.5;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.header-members .elementor-element.elementor-element-241459bc {
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin-top: -70px;
margin-bottom: 0px;
}
.header-members .elementor-element.elementor-element-c3626de {
text-align: center;
}
.header-members .elementor-element.elementor-element-c3626de .elementor-heading-title {
color: #FFFFFF;
font-family: "Roboto", Sans-serif;
font-weight: 600;
letter-spacing: 5px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.header-members .elementor-element.elementor-element-c3626de > .elementor-widget-container {
padding: 150px 0px 100px 0px;
}
.header-members .elementor-element.elementor-element-34c474ef {
padding: 30px 0px 30px 0px;
}
.header-members .elementor-element.elementor-element-9098c48 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
margin-bottom: 5px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-posts-container .elementor-post__thumbnail {
padding-bottom: calc( 0.66 * 100%);
}
.header-members .elementor-element.elementor-element-3eb3969:after {
content: "0.66";
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__meta-data span + span:before {
content: "•";
}
.header-members .elementor-element.elementor-element-3eb3969 {
--grid-column-gap: 65px;
--grid-row-gap: 40px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__text {
padding: 0 13px;
margin-top: 20px;
margin-bottom: 5px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__meta-data {
padding: 10px 13px;
color: var(--e-global-color-text);
font-family: "Noto Sans JP", Sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.6px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__avatar {
padding-right: 13px;
padding-left: 13px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__card .elementor-post__meta-data {
border-top-color: #FFFFFF;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__title,
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__title a {
font-family: "Roboto", Sans-serif;
font-size: 18px;
font-weight: 600;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__meta-data span:before {
color: #02010100;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-post__read-more {
color: var(--e-global-color-secondary);
margin-bottom: 5px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-pagination {
text-align: center;
}
.header-members body:not(.rtl) .elementor-element.elementor-element-3eb3969 .elementor-pagination .page-numbers:not(:first-child) {
margin-left: calc( 10px/2);
}
.header-members body:not(.rtl) .elementor-element.elementor-element-3eb3969 .elementor-pagination .page-numbers:not(:last-child) {
margin-right: calc( 10px/2);
}
.header-members body.rtl .elementor-element.elementor-element-3eb3969 .elementor-pagination .page-numbers:not(:first-child) {
margin-right: calc( 10px/2);
}
.header-members body.rtl .elementor-element.elementor-element-3eb3969 .elementor-pagination .page-numbers:not(:last-child) {
margin-left: calc( 10px/2);
}
.header-members .elementor-element.elementor-element-3eb3969 > .elementor-widget-container {
padding: 20px 0px 20px 0px;
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-posts-container .elementor-post__thumbnail {
padding-bottom: calc( 0.66 * 100%);
}
.header-members .elementor-element.elementor-element-8a93ede:after {
content: "0.66";
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__thumbnail__link {
width: 100%;
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__meta-data span + span:before {
content: "///";
}
.header-members .elementor-element.elementor-element-8a93ede {
--grid-column-gap: 20px;
--grid-row-gap: 37px;
}
.header-members .elementor-element.elementor-element-8a93ede.elementor-posts--thumbnail-left .elementor-post__thumbnail__link {
margin-right: 20px;
}
.header-members .elementor-element.elementor-element-8a93ede.elementor-posts--thumbnail-right .elementor-post__thumbnail__link {
margin-left: 20px;
}
.header-members .elementor-element.elementor-element-8a93ede.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
margin-bottom: 20px;
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__title,
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__title a {
font-family: "Roboto", Sans-serif;
font-weight: 600;
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__meta-data {
color: var(--e-global-color-secondary);
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-pagination {
text-align: center;
}
.header-members body:not(.rtl) .elementor-element.elementor-element-8a93ede .elementor-pagination .page-numbers:not(:first-child) {
margin-left: calc( 10px/2);
}
.header-members body:not(.rtl) .elementor-element.elementor-element-8a93ede .elementor-pagination .page-numbers:not(:last-child) {
margin-right: calc( 10px/2);
}
.header-members body.rtl .elementor-element.elementor-element-8a93ede .elementor-pagination .page-numbers:not(:first-child) {
margin-right: calc( 10px/2);
}
.header-members body.rtl .elementor-element.elementor-element-8a93ede .elementor-pagination .page-numbers:not(:last-child) {
margin-left: calc( 10px/2);
}
@media (max-width: 1024px) {
.header-members .elementor-element.elementor-element-9098c48 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.header-members .elementor-element.elementor-element-c3626de .elementor-heading-title {
font-size: 22px;
}
.header-members .elementor-element.elementor-element-c3626de > .elementor-widget-container {
padding: 120px 0px 50px 0px;
}
.header-members .elementor-element.elementor-element-9098c48 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
margin-bottom: 0px;
}
.header-members .elementor-element.elementor-element-3eb3969 .elementor-posts-container .elementor-post__thumbnail {
padding-bottom: calc( 0.5 * 100%);
}
.header-members .elementor-element.elementor-element-3eb3969:after {
content: "0.5";
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-posts-container .elementor-post__thumbnail {
padding-bottom: calc( 1.7 * 100%);
}
.header-members .elementor-element.elementor-element-8a93ede:after {
content: "1.7";
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__thumbnail__link {
width: 30%;
}
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__title,
.header-members .elementor-element.elementor-element-8a93ede .elementor-post__title a {
font-size: 14px;
line-height: 1.5em;
}
.header-members .elementor-element.elementor-element-8a93ede > .elementor-widget-container {
padding: 10px 15px 0px 0px;
}
}
.summary-members {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 40px;
}
.summary-members .summary-member {
width: 50%;
padding: 0 10px 20px;
}
@media screen and (max-width: 640px) {
.summary-members {
margin-left: 0;
margin-right: 0;
display: block;
}
.summary-members .summary-member {
width: auto;
padding: 0 0 10px;
}
}
.article-member > a,
.summary-member > a {
color: #333;
display: -webkit-flex;
display: flex;
padding: 20px;
padding-right: 40px;
border: 1px solid #cdcdcd;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-shadow: 2px 2px 6px #ccc8c8;
-webkit-box-shadow: 2px 2px 6px #ccc8c8;
box-shadow: 2px 2px 6px #ccc8c8;
position: relative;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
@media screen and (max-width: 640px) {
.article-member > a,
.summary-member > a {
padding: 10px;
font-size: 14px;
}
}
.article-member > a > i,
.summary-member > a > i {
position: absolute;
right: 10px;
top: 50%;
font-size: 24px;
margin-top: -0.5em;
line-height: 1;
color: #2D5FA5;
}
.article-member > a:hover,
.summary-member > a:hover {
opacity: .6;
}
.article-member > a:hover img,
.summary-member > a:hover img {
opacity: 1;
}
.article-member .img,
.summary-member .img {
width: 160px;
-webkit-flex-shrink: 0;
flex-shrink: 0;
position: relative;
display: block;
overflow: hidden;
}
.article-member .img:after,
.summary-member .img:after {
content: " ";
padding-top: 130%;
display: block;
width: 100%;
}
@media screen and (max-width: 640px) {
.article-member .img,
.summary-member .img {
width: 100px;
}
}
.article-member .img img,
.summary-member .img img {
height: 100%;
width: auto;
max-width: none;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@supports (object-fit: cover) {
.article-member .img img,
.summary-member .img img {
height: 100%;
width: 100%;
top: 0;
left: 0;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none;
object-fit: cover;
}
}
.article-member .entry,
.summary-member .entry {
display: block;
padding-left: 20px;
}
.article-member .entry > span,
.summary-member .entry > span {
display: block;
}
@media screen and (max-width: 640px) {
.article-member .entry,
.summary-member .entry {
padding-left: 10px;
}
}
.article-member .name,
.summary-member .name {
font-size: 1.6em;
line-height: 1.3;
margin: 0;
color: #2D5FA5;
font-weight: bold;
}
.article-member .name_kana,
.summary-member .name_kana {
margin-bottom: 10px;
}
.article-member .birthday,
.summary-member .birthday {
font-size: 0.9em;
}
.article-member .member-main,
.summary-member .member-main {
color: #333;
display: -webkit-flex;
display: flex;
padding: 20px;
border: 1px solid #cdcdcd;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-shadow: 2px 2px 6px #ccc8c8;
-webkit-box-shadow: 2px 2px 6px #ccc8c8;
box-shadow: 2px 2px 6px #ccc8c8;
position: relative;
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.article-member .member-main,
.summary-member .member-main {
display: block;
}
.article-member .member-main .img,
.summary-member .member-main .img {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 180px;
}
.article-member .member-main .entry,
.summary-member .member-main .entry {
padding-left: 0;
}
}
.article-member .member-sub .title,
.summary-member .member-sub .title {
color: #2D5FA5;
font-weight: bold;
font-size: 22px;
text-align: center;
}
.article-member .member-sub dl,
.summary-member .member-sub dl {
display: -webkit-flex;
display: flex;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #cdcdcd;
}
.article-member .member-sub dt,
.summary-member .member-sub dt {
color: #2D5FA5;
font-weight: bold;
padding: 0;
margin: 0;
width: 8em;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.article-member .member-sub dd,
.summary-member .member-sub dd {
padding: 0;
margin: 0;
}
.article-member .member-sub dd a,
.summary-member .member-sub dd a {
color: #333;
text-decoration: underline;
}
.article-member .member-sub dd a:hover,
.summary-member .member-sub dd a:hover {
text-decoration: none;
}
.article-member {
max-width: 680px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.summary-members-nodata {
text-align: center;
padding: 60px 0;
}
.nav-members {
text-align: center;
margin-bottom: 30px;
}
.nav-members ul {
text-align: center;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #2D5FA5;
display: inline-block;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media screen and (max-width: 640px) {
.nav-members ul {
display: block;
white-space: nowrap;
overflow-x: auto;
overflow-y: visible;
}
}
.nav-members li {
display: inline-block;
padding: 0;
margin: 0;
}
.nav-members a {
display: block;
padding: 10px 30px;
font-size: 18px;
font-weight: bold;
background: #fff;
color: #2D5FA5;
border: 1px solid #2D5FA5;
border-bottom: none;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px;
border-radius: 5px 5px 0 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-members a:hover, .nav-members a.current {
background: #2D5FA5;
color: #fff;
}
@media screen and (max-width: 640px) {
.nav-members a {
padding: 8px 20px;
font-size: 16px;
}
}