.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}
.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}body
{
display:block;
}
.searchandfilter p
{
margin-top: 1em;
display:inline-block;
}
.searchandfilter ul
{
display:inline-block;
}
.searchandfilter li
{
list-style: none;
display:inline-block;
padding-right:10px;
} .widget-area .searchandfilter li, .widget-area .searchandfilter p
{
display:block;
}
.searchandfilter label
{
display:block;
}
.searchandfilter h4
{
margin:15px 0;
font-size:16px;
}
.searchandfilter ul > li > ul:not(.children)
{
margin-left:0;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap&subset=japanese");
html, body {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
div, p, table, tbody, thead, th, tr, td, form, fieldset, input, textarea, blockquote, header, footer, nav, article, section, dl, dt, dd, ul, ol, li {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
line-height: 1.0;
font-style: normal;
}
em {
font-style: italic !important;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
body {
line-height: 1;
}
ol, ul, li {
list-style: none;
}
caption, th {
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
fieldset, img {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
button, textarea, select, input {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: none;
}
header, footer, section, main, p, div, ul, li, span, a {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
strong {
font-weight: 700;
} * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} html {
font-size: 62.5%;
}
body {
font-family: 'Roboto','Noto Sans JP',sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 1.8;
color: #FFF;
-webkit-font-feature-settings: 'palt', auto;
font-feature-settings: 'palt', auto;
-webkit-font-kerning: auto;
font-kerning: auto;
font-display: swap;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
color: #282828;
min-width: 1250px;
overflow-x: hidden;
}
.sp {
display: none !important;
}
.inner_wrapper {
display: block;
position: relative;
}
a {
color: #282828;
text-decoration: none;
}
a:hover {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:focus {
outline: none;
}
a.nolink {
pointer-events: none;
}
a, input[type=radio], input[type=checkbox], input[type=submit], button, select {
cursor: pointer;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cspml_btn img, .cspml_btn svg.cspm_svg {
display: inline-block;
}
.cspml_fs_title img {
display: inline-block;
}
span.cspml_sort_val {
font-size: 0px !important;
}
span.cspml_sort_val:before {
content: "Sort by";
font-size: 15px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
.cspml_sort_list_container img {
display:inline-block;
max-width: 100%;
height: auto;	
}
.image_fix {
padding: 30px 0;
}
#top-main-video-box .txt .btn-green a.tops {
color: #FFF !important;
}
@media screen and (max-width: 767px), print {
body {
min-width: 100%;
}
.sp {
display: block !important;
}
.pc {
display: none !important;
}
img {
width: 100%;
height: auto;
}
} .row {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
.row-wrap {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.row-space {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.row-space-wrap {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.column {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.column-space {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.row-space-wrap {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
} .l-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 100vw;
height: 100%;
min-width: 1250px;
margin: 0;
padding: 0;
position: relative;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition: all 0.2s cubic-bezier(0.01, 0.01, 0.01, 0.01);
-o-transition: all 0.2s cubic-bezier(0.01, 0.01, 0.01, 0.01);
-webkit-transition: all 0.2s cubic-bezier(0.01, 0.01, 0.01, 0.01);
transition: all 0.2s cubic-bezier(0.01, 0.01, 0.01, 0.01);
}
.l-wrapper__inner {
-js-display: flex;
display: -webkit-flex;
display: flex;
}
.pace-done .l-wrapper {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
}
.l-wrapper.is-resizing * {
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
@media screen and (max-width: 767px), print {
.l-wrapper {
min-width: 100%;
}
.l-wrapper__inner {
display: block;
}
} .pace {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 15000;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pace .pace-progress {
position: absolute;
display: block;
width: 100%;
max-width: 100%;
height: 1px;
top: 0;
bottom: 0;
right: 100%;
margin: auto 0;
background: #fff;
z-index: 2000;
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pace.pace-inactive {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} #side {
width: 200px;
}
.l-header__inner {
position: fixed;
top: 0;
z-index: 99999;
background: #323242;
width: 200px;
height: 100vh;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.l-header__inner .logo {
padding: 40px 0 0;
}
.l-header__inner .logo img {
width: 80px;
height: 134px;
margin: 0 auto;
display: block;
}
.l-header__inner nav {
margin: 10vh 0 auto;
}
.l-header__inner nav ul {
width: 100%;
}
.l-header__inner nav li {
margin-bottom: 10px;
}
.l-header__inner nav li a {
color: #FFF;
line-height: 1.0;
font-weight: 700;
font-size: 1.5rem;
text-align: center;
position: relative;
display: block;
padding: 10px 0;
}
.l-header__inner nav li a::after {
position: absolute;
top: 0;
right: 0;
content: "";
width: 6px;
height: 100%;
background: #809428;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.l-header__inner nav li a:hover::after {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.l-header__inner nav li.search-btn {
padding: 10px 0;
}
.l-header__inner nav li.search-btn img {
width: 16px;
height: 16px;
display: block;
margin: 0 auto;
cursor: pointer;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.l-header__inner nav li.search-btn:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.l-header__inner nav li.btn-submenu .sub {
position: fixed;
top: 0;
left: 200px;
height: 100vh;
background: #000;
width: 360px;
text-align: left;
padding-top: calc(10vh + 174px);
padding-left: 20px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.l-header__inner nav li.btn-submenu:hover > .sub {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
}
.lang-box ul {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.lang-box li.line {
background: #FFF;
width: 1px;
height: 16px;
}
.lang-box li a {
padding: 0 10px;
line-height: 0.8;
font-size: 1.2rem;
}
.lang-box li a:hover, .lang-box li a.on {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
@media screen and (max-width: 767px), print {
#side {
width: 100%;
}
.l-header {
width: 100%;
height: 50px;
position: fixed;
top: 0;
z-index: 99999;
background: #323242;
}
.l-header .sp {
position: relative;
}
.l-header .logo {
padding: 0;
position: absolute;
top: 12px;
left: 20px;
}
.l-header .logo img {
width: auto;
height: 26px;
margin: auto 0;
display: block;
}
.lang-box {
margin-bottom: 10px;
}
.lang-box ul {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.lang-box li:first-child a {
padding-left: 0;
}
.lang-box li a {
font-size: 1.2rem;
}
}
.drawer-hamburger {
position: absolute;
top: 0;
right: 0;
background: #809428;
width: 50px;
height: 50px;
padding: 16px 14px;
} .l-header-hamburger {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 10000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity 0.25s linear 0.75s;
-o-transition: opacity 0.25s linear 0.75s;
-webkit-transition: opacity 0.25s linear;
-webkit-transition-delay: 0.75s;
transition: opacity 0.25s linear 0.75s;
}
body.is-loaded .l-header-hamburger {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.l-header-hamburger > p {
overflow: hidden;
position: absolute;
text-indent: -9999px;
}
.l-header-hamburger > span {
display: inline-block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
border-radius: 2px;
background-color: #FFF;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.is-drawer-open .l-header-hamburger > span {
background: #FFF;
}
.l-header-hamburger > span._top {
top: 0;
-moz-animation: hamburger-top 0.75s forwards;
-webkit-animation: hamburger-top 0.75s forwards;
animation: hamburger-top 0.75s forwards;
}
.is-drawer-open .l-header-hamburger > span._top {
-moz-animation: active-hamburger-top 0.75s forwards;
-webkit-animation: active-hamburger-top 0.75s forwards;
animation: active-hamburger-top 0.75s forwards;
}
.l-header-hamburger > span._middle {
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transition: opacity 0.375s, background 0.375s 0.375s;
-o-transition: opacity 0.375s, background 0.375s 0.375s;
-webkit-transition: opacity 0.375s, background 0.375s;
-webkit-transition-delay: 0ms, 0.375s;
transition: opacity 0.375s, background 0.375s 0.375s;
}
.is-drawer-open .l-header-hamburger > span._middle {
-moz-transition: opacity 0.375s 0.375s, background 0.375s;
-o-transition: opacity 0.375s 0.375s, background 0.375s;
-webkit-transition: opacity 0.375s, background 0.375s;
-webkit-transition-delay: 0.375s, 0ms;
transition: opacity 0.375s 0.375s, background 0.375s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.l-header-hamburger > span._bottom {
bottom: 0;
-moz-animation: hamburger-bottom 0.75s forwards;
-webkit-animation: hamburger-bottom 0.75s forwards;
animation: hamburger-bottom 0.75s forwards;
}
.is-drawer-open .l-header-hamburger > span._bottom {
-moz-animation: active-hamburger-bottom 0.75s forwards;
-webkit-animation: active-hamburger-bottom 0.75s forwards;
animation: active-hamburger-bottom 0.75s forwards;
}
@-moz-keyframes hamburger-top {
0% {
top: -1px;
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
50% {
top: -1px;
-webkit-transform: translateY(11px) rotate(0);
transform: translateY(11px) rotate(0);
}
100% {
top: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes hamburger-top {
0% {
top: -1px;
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
50% {
top: -1px;
-webkit-transform: translateY(11px) rotate(0);
transform: translateY(11px) rotate(0);
}
100% {
top: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@keyframes hamburger-top {
0% {
top: -1px;
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
50% {
top: -1px;
-webkit-transform: translateY(11px) rotate(0);
transform: translateY(11px) rotate(0);
}
100% {
top: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-moz-keyframes hamburger-bottom {
0% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
50% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
100% {
bottom: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes hamburger-bottom {
0% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
50% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
100% {
bottom: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@keyframes hamburger-bottom {
0% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
50% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
100% {
bottom: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-moz-keyframes active-hamburger-top {
0% {
top: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
top: -1px;
-webkit-transform: translateY(11px) rotate(0);
transform: translateY(11px) rotate(0);
}
100% {
top: -1px;
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
}
@-webkit-keyframes active-hamburger-top {
0% {
top: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
top: -1px;
-webkit-transform: translateY(11px) rotate(0);
transform: translateY(11px) rotate(0);
}
100% {
top: -1px;
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
}
@keyframes active-hamburger-top {
0% {
top: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
top: -1px;
-webkit-transform: translateY(11px) rotate(0);
transform: translateY(11px) rotate(0);
}
100% {
top: -1px;
-webkit-transform: translateY(11px) rotate(45deg);
transform: translateY(11px) rotate(45deg);
}
}
@-moz-keyframes active-hamburger-bottom {
0% {
bottom: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
100% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
}
@-webkit-keyframes active-hamburger-bottom {
0% {
bottom: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
100% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
}
@keyframes active-hamburger-bottom {
0% {
bottom: 0;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(0);
transform: translateY(-7px) rotate(0);
}
100% {
bottom: -1px;
-webkit-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
} .l-drawer {
display: block;
width: 100%;
height: 0;
position: fixed;
top: 50px;
right: 0;
z-index: 9999;
background: #323242;
color: #FFF;
overflow: hidden;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.is-drawer-open .l-drawer {
height: calc(100vh - 50px);
overflow-y: auto;
}
.l-drawer__inner {
padding: 30px 50px 100px;
}
.navi {
border-top: #5b5b68 solid 1px;
}
.navi li {
border-bottom: #5b5b68 solid 1px;
padding: 20px 0;
}
.navi li a {
color: #FFF;
line-height: 1.0;
font-size: 1.4rem;
font-weight: 700;
}
.navi li a.dropdown-btn {
padding-right: 10px;
}
.navi li span.icn {
position: relative;
}
.navi li span.icn::before {
position: absolute;
top: 0;
left: -7px;
width: 2px;
height: 14px;
background: #FFF;
display: block;
content: '';
}
.navi li span.icn::after {
position: absolute;
top: 0;
left: -7px;
width: 2px;
height: 14px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #FFF;
display: block;
content: '';
}
.navi li span.icn.icn--show::before {
display: none;
}
.navi .drawer-dropdown-menu {
padding: 20px 0 0 15px;
}
.navi .drawer-dropdown-menu li {
border-bottom: none;
padding: 0 0 10px;
}
.navi .drawer-dropdown-menu li a {
font-size: 1.2rem;
font-weight: 300;
}
.l-drawer__inner #searchform {
padding: 20px 0 40px;
-js-display: flex;
display: -webkit-flex;
display: flex;
width: 100%;
}
.l-drawer__inner #searchform input {
line-height: 40px;
font-size: 1.4rem;
color: #FFF;
background: #22222e;
}
.l-drawer__inner #searchform input[type=text] {
flex: 1;
padding: 0 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.l-drawer__inner #searchform input[type=submit] {
width: 40px;
height: 40px;
background: #22222e url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/btn-search.svg) no-repeat center;
background-size: 14px 14px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
text-indent: -9999px;
}
.l-drawer__inner .btn-border a {
width: 100%;
} .btn-border {
margin: 20px 0 50px;
}
.btn-border a {
display: block;
margin: 0 auto;
border: #FFF solid 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align: center;
line-height: 40px;
width: 140px;
font-size: 1.1rem;
color: #FFF;
}
.btn-border a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.btn-green a {
display: block;
background: #809428;
line-height: 50px;
width: 240px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.4);
color: #FFF;
text-align: center;
font-size: 1.5rem;
font-weight: 700;
}
.btn-green a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.btn-line {
margin: 0;
}
.btn-line a {
display: inline-block;
margin: 0;
border: #9898a0 solid 1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align: center;
line-height: 30px;
font-size: 1.1rem;
padding: 0 20px;
color: #9898a0;
}
.btn-line a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
} .l-footer .pagetop {
width: 50px;
height: 50px;
position: fixed;
right: 25px;
bottom: 25px;
cursor: pointer;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.l-footer .pagetop:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.l-footer .logo {
margin-bottom: 35px;
}
.l-footer .logo img {
width: 172px;
height: 73px;
}
.l-footer h3 {
font-size: 3.2rem;
font-weight: 300;
margin-bottom: 30px;
}
.l-footer .l-footer-content-box {
padding: 100px 0;
}
.l-footer .l-footer-content-box .inner_wrapper {
width: 1040px;
margin: 0 auto;
}
.l-footer .l-footer-content-box.bk1 {
background: #464655;
color: #FFF;
}
.l-footer .l-footer-content-box.bk2 {
background: #252536;
color: #FFF;
}
.l-footer .new-letter-box {
width: 460px;
}
.l-footer .new-letter-box input[name=singup-email] {
background: #6c6c77;
color: #FFF;
line-height: 40px;
padding: 0 20px;
width: 360px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 1.4rem;
}
.l-footer .new-letter-box input[name=singup-email]:focus {
outline: none;
}
.l-footer .new-letter-box input[type=submit] {
background: #809428;
color: #FFF;
font-size: 1.4rem;
text-align: center;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 100px;
line-height: 40px;
}
.l-footer .l-letter-link-box a {
font-size: 2.2rem;
font-weight: 700;
color: #FFF;
border-bottom: #FFF solid 2px;
margin-left: 24px;
}
.l-footer .l-footer-left .desc {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 10px;
}
.l-footer .l-footer-left .address {
line-height: 1.7148;
font-size: 1.4rem;
padding-bottom: 50px;
}
.l-footer .l-footer-left .address a {
color: #FFF;
}
.l-footer .l-footer-left .address a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.l-footer .l-footer-left .t {
color: #92929b;
margin-bottom: 5px;
}
.l-footer .l-footer-left .pic {
background: #FFF;
width: 160px;
height: 90px;
margin-bottom: 15px;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}
.l-footer .l-footer-left .pic img {
width: auto;
margin: 0 auto;
}
.l-footer .l-footer-right {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-footer .l-footer-navi {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-footer .l-footer-navi li {
padding-right: 60px;
}
.l-footer .l-footer-navi li:last-child {
padding-right: 0;
}
.l-footer .l-footer-navi li p, .l-footer .l-footer-navi li a {
color: #FFF;
}
.l-footer .l-footer-navi li a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.l-footer .l-footer-navi li p {
color: #FFF;
font-size: 1.2rem;
font-weight: 300;
line-height: 1.0;
margin-bottom: 12px;
}
.l-footer .l-footer-navi li p.ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 15px;
}
.l-footer .l-footer-navi li p.mrg {
margin-bottom: 30px;
}
.l-footer .copy {
color: #92929b;
font-size: 1.1rem;
text-align: right;
}
@media screen and (max-width: 767px), print {
.l-footer .pagetop {
width: 40px;
height: 40px;
right: 20px;
bottom: 40px;
position: fixed;
}
.l-footer .logo {
margin-bottom: 20px;
}
.l-footer .logo img {
width: 31.6vw;
height: auto;
margin: 0 auto;
}
.l-footer h3 {
font-size: 6vw;
margin-bottom: 20px;
}
.l-footer .l-footer-content-box {
padding: 60px 20px;
}
.l-footer .l-footer-content-box .inner_wrapper {
width: 100%;
}
.l-footer .l-footer-content-box.bk1 .row-space {
display: block;
}
.l-footer .l-footer-content-box.bk2 {
text-align: center;
}
.l-footer .l-footer-content-box.bk2 .row-space {
display: block;
}
.l-footer .new-letter-box {
width: calc(100vw - 40px);
}
.l-footer .new-letter-box input[name=singup-email] {
line-height: 40px;
width: calc(70vw - 20px);
font-size: 2.8vw;
}
.l-footer .new-letter-box input[type=submit] {
font-size: 2.8vw;
width: calc(30vw - 20px);
line-height: 40px;
}
.l-footer .l-letter-link-box a {
display: inline-block;
font-size: 4.2666vw;
margin-left: 0;
}
.l-footer .l-letter-link-box a:first-child {
margin-bottom: 10px;
}
.l-footer .l-footer-left .desc {
font-size: 3.2vw;
margin-bottom: 10px;
}
.l-footer .l-footer-left .address {
font-size: 2.8vw;
padding-bottom: 30px;
}
.l-footer .l-footer-left .t {
font-size: 2.8vw;
}
.l-footer .l-footer-left .sp-f {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center;
}
.l-footer .l-footer-left .pic {
background: #FFF;
width: 21.333vw;
height: 45px;
margin: 5px 5px 30px;
}
.l-footer .l-footer-right {
display: none;
}
.l-footer .copy {
color: #92929b;
font-size: 1.1rem;
text-align: left;
}
} #l-search-box {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.l-search-box__inner {
width: 100vw;
height: 100vh;
position: relative;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
background: rgba(0, 0, 0, 0.8);
}
.is-search-open #l-search-box {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
} #container {
width: calc(100vw - 200px);
}
@media screen and (max-width: 767px), print {
#container {
width: 100vw;
height: 100%;
padding: 50px 0 0;
}
}.s-page-content-box iframe {
width: 100% !important;
height: 450px;
}
#top-main-video-box {
width: 100%;
min-width: 1040px;
height: 100vh;
position: relative;
display: block;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}
#top-main-video-box .txt {
padding: 0 100px;
color: #FFF;
}
#top-main-video-box .txt h2 {
font-size: 6.8rem;
font-weight: 500;
line-height: 1.117;
}
#top-main-video-box .txt h2 span {
font-size: 4.0rem;
font-weight: 400;
}
#top-main-video-box .txt .line {
max-width: 60px;
width: 4.1667vw;
height: 1px;
background: #FFF;
margin: 4.4444vh 0;
display: block;
}
#top-main-video-box .txt p {
font-size: 1.8rem;
line-height: 1.77778;
}
#top-main-video-box .txt .btn-green {
margin: 6.4444vh 0 0;
}
#top-main-video-box .txt .btn-green a.tops {
color: #FFF !important;
}
#top-main-video-box .video-cap {
font-size: 1.0rem;
color: #FFF;
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
}
span.photo-cap {
font-size: 1.0rem;
padding-bottom: 25px;
display: block;
padding-top: 25px;
}
span.photo-cap a {
color: #809428;
}
span.photo-cap-2 {
font-size: 1.0rem;
display: block;
padding-top: 0px;
}
#page-header .video-cap {
font-size: 1.0rem;
color: #FFF;
position: absolute;
left: 20px;
bottom: 50px;
z-index: 2;
}
#top-main-video-box .scroll {
position: absolute;
right: 14px;
bottom: 0;
z-index: 2;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#top-main-video-box .scroll img {
width: 60px;
height: 190px;
}
#top-main-video-box .scroll:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
#top-main-video-box .mask {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/mask.png);
}
#block {
position: absolute;
top: 0;
left: 0;
z-index: -2;
width: 100%;
height: 100vh;
}
.l-top-content-box {
padding: 100px;
}
.l-top-content-box.bk-green {
background: #eef1e3;
}
.l-top-content-box.bk-gray {
background: #f1f1f1;
}
.l-top-content-box .inner_wrapper {
width: 1040px;
margin: 0 auto;
}
.l-top-content-box .ttl {
color: #323242;
border-bottom: #d6d6d9 solid 1px;
font-size: 4.0rem;
font-weight: 700;
margin-bottom: 50px;
line-height: 1.0;
}
.l-top-content-box .ttl span {
border-bottom: #323242 solid 1px;
display: inline-block;
padding-bottom: 18px;
margin-bottom: -1px;
}
.l-top-content-box .txt-box p {
text-align: justify;
}
#case-study .btn-green a {
margin: 30px auto 0;
}
#activities {
padding-bottom: 50px;
}
#news {
padding-bottom: 60px;
}
.news-list {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.news-list::after {
display: block;
content: "";
width: calc(100% / 3);
}
.news-list li {
width: calc(100% / 3);
border-right: #d6d6d9 solid 1px;
border-bottom: #d6d6d9 solid 1px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 40px;
}
.news-list li .pic {
width: 100%;
}
.news-list li .pic img {
width: 345px;
height: 214px;
object-fit: contain;
font-family: "object-fit: cover;";
}
.news-list li .txt .cat-box {
padding: 30px 0 15px 30px;
}
.news-list li .txt .cat {
margin-right: 6px;
border: #809428 solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
color: #809428;
font-size: 1.0rem;
font-weight: 700;
text-align: center;
line-height: 20px;
padding: 0 10px;
}
.news-list li .txt h3 {
margin: 0 30px 10px;
font-size: 2.6rem;
line-height: 1.1538;
font-weight: 700;
}
.news-list li .txt p {
margin: 0 30px 10px;
font-size: 1.4rem;
line-height: 1.4285;
}
.news-list li .txt .date {
display: block;
margin: 0 30px 30px;
font-size: 1.2rem;
line-height: 1.0;
color: #9898a0;
}
.news-list li:nth-child(3n+1) {
border-left: #d6d6d9 solid 1px;
}
.news-list li:hover {
-moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
border-bottom: #809428 solid 4px;
}
.l-top-content-box .btn-border {
position: absolute;
right: 0;
top: 10px;
margin: 0;
}
.l-top-content-box .btn-border a {
border: #9898a0 solid 1px;
color: #9898a0;
width: 120px;
line-height: 30px;
}
.event-list {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: #d6d6d9 solid 1px;
}
.event-list li {
width: 100%;
border-top: #d6d6d9 solid 1px;
padding: 20px 0;
position: relative;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-list li::after {
position: absolute;
content: "";
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto 20px auto auto;
width: 8px;
height: 8px;
border-top: 3px solid #323242;
border-right: 3px solid #323242;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.event-list li.with-photo {
width: 48%;
border: #d6d6d9 solid 1px;
background: #FFF;
padding: 0;
margin: 0 0 50px;
}
.event-list li.with-photo::after {
display: none;
}
.event-list li .pic {
width: 100%;
}
.event-list li .pic img {
width: 497px;
height: 280px;
object-fit: contain;
font-family: "object-fit: cover;";
}
.event-list li .date {
font-size: 1.2rem;
line-height: 1.0;
color: #9898a0;
}
.event-list li .cat {
color: #809428;
font-size: 1.2rem;
line-height: 1.0;
}
.event-list li h3 {
font-size: 1.6rem;
margin: 6px 40px 0 0;
}
.event-list li .txt {
position: relative;
padding: 30px 0 20px;
height: 100%;
}
.event-list li .txt .event-label {
position: absolute;
top: -16px;
left: -4px;
}
.event-list li .txt .event-label span {
display: inline-block;
color: #809428;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.0;
padding: 10px 20px 10px 28px;
text-align: center;
background: #809428;
position: relative;
color: #FFF;
}
.event-list li .txt .event-label span::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
display: block;
width: 0px;
height: 0px;
background: transparent;
border-bottom: 2px solid #3b6300;
border-left: 2px solid #3b6300;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.event-list li .txt .event-label span::after {
content: "";
position: absolute;
right: -16px;
top: 0;
display: block;
width: 0px;
height: 0px;
background: transparent;
border-bottom: 16px solid #809428;
border-left: 16px solid #809428;
border-right: 10px solid transparent;
border-top: 16px solid #809428;
}
.event-list li .txt h3 {
margin: 0 30px 10px;
font-size: 2.6rem;
line-height: 1.1538;
font-weight: 700;
}
.event-list li .txt .date {
display: block;
margin: 0 30px 30px;
}
.event-list li:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.event-list li.with-photo:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
-moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
border-bottom: #809428 solid 4px;
}
.activities-list {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.activities-list li {
width: 333px;
margin-bottom: 50px;
border: #d6d6d9 solid 1px;
background: #FFF;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.activities-list li .pic {
width: 100%;
}
.activities-list li .pic img {
width: 100%;
height: 206px;
object-fit: cover;
font-family: "object-fit: cover;";
}
.activities-list li .txt {
position: relative;
padding: 30px 0 0;
height: 100%;
}
.activities-list li .txt h3 {
margin: 0 30px 10px;
font-size: 2.6rem;
line-height: 1.1538;
font-weight: 700;
}
.activities-list li .txt p {
margin: 0 30px 30px;
font-size: 1.4rem;
line-height: 1.4285;
}
.activities-list li:hover {
-moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
border-bottom: #809428 solid 4px;
}
.l-resources-box {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-resources-box h3 {
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 20px;
}
.l-resources-box .l-resources-box__inner-b {
position: relative;
}
.l-resources-box .l-resources-box__inner-b.l-video {
width: 725px;
}
.l-resources-box .l-resources-box__inner-b.l-pub {
width: 245px;
}
.l-resources-box .l-resources-box__inner-b .btn-border {
top: -5px;
}
.l-resources-box .l-resources-box__inner-b .btn-border a {
width: 78px;
}
.l-resources-box .l-resources-box__inner-b .txt p {
padding: 20px 0 0;
font-size: 1.6rem;
line-height: 1.5;
font-weight: 700;
}
.video-wrap {
width: 100%;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.l-our-member-slider {
margin: 0 -8px;
}
.l-our-member-slider p {
height: 160px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin: 0px 10px;
}
.l-our-member-slider li {
width: 160px;
height: 160px;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
background: #FFF;
margin: 0 8px;
}
.l-our-member-slider li img {
margin: 0 auto;
display: block;
}
div.cspml_details_container div.cspml_details_title {
white-space: pre-line !important;
}
div.cspml_details_container div.cspml_details_title a {
font-size: 16px !important;
}
div.cspml_details_container div.cspml_details_content.grid {
height: auto !important;
font-size: 11px;
}
.cspml_listings_area_map139 {
display: table-footer-group;
}
div.cspml_details_container div.cspml_details_content {
font-size: 11px !important;
}
.storycontent p {
padding-top: 0px;
padding-bottom: 20px;
}
.storycontent h3 {
padding-top: 20px;
padding-bottom: 20px;
}
.storycontent tbody tr {
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.storycontent tbody p {
padding-top: 0px;
padding-bottom: 0px;
}
.txt-box img {
padding-top: 20px;
padding-bottom: 20px;
}
.txt a,
.txt-box a,
.storycontent a {
color: #809428 !important;
}
div.cspml_details_container div.cspml_details_content {
display: none;
}
@media screen and (max-width: 767px), print {
.s-page-content-box {
padding: 40px 20px !important;
}
.elementor-page .s-page-content-box {
padding: 40px 20px !important;
}
.s-page-content-box iframe {
width: 100% !important;
height: 450px;
}
section.elementor-element span {
display: block;
}
#top-main-video-box {
width: 100%;
min-width: 100%;
height: calc(100vh - 50px);
}
#top-main-video-box .txt {
padding: 0 4.503vw;
}
#top-main-video-box .txt h2 {
font-size: 10.4vw;
}
#top-main-video-box .txt h2 span {
font-size: 5.6vw;
}
#top-main-video-box .txt .line {
max-width: auto;
width: 10.6vw;
margin: 4.4444vh 0;
}
#top-main-video-box .txt p {
font-size: 3.466vw;
}
#top-main-video-box .txt .btn-green {
margin: 6.4444vh 0;
}
#top-main-video-box .txt .btn-green a {
width: 48vw;
line-height: 40px;
font-size: 3.6vw;
}
#top-main-video-box .video-cap {
font-size: 1.6vw;
}
#top-main-video-box .scroll {
right: 0;
}
#top-main-video-box .scroll img {
width: 10.666vw;
height: auto;
}
#page-header .video-cap {
font-size: 1.6vw;
color: #FFF;
position: absolute;
left: 15px;
bottom: 5px;
z-index: 2;
}
#block2 {
position: absolute;
top: 0;
left: 0;
z-index: -2;
width: 100vw;
height: calc(100vh - 50px);
}
#block2 img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.l-top-content-box {
padding: 60px 20px;
}
.l-top-content-box .inner_wrapper {
width: 100%;
margin: 0 auto;
}
.l-top-content-box .ttl {
font-size: 6.9333vw;
margin-bottom: 30px;
}
.l-top-content-box .ttl span {
padding-bottom: 18px;
}
#case-study .btn-green a {
margin: 30px auto 0;
background: transparent;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: #9898a0 solid 1px;
color: #9898a0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#activities {
padding-bottom: 60px;
}
.news-list {
display: block;
}
.news-list li {
width: 100%;
border: #d6d6d9 solid 1px;
margin-bottom: 30px;
}
.news-list li .pic {
width: 100%;
}
.news-list li .pic img {
height: 200px;
}
.news-list li .txt {
position: relative;
padding: 20px;
}
.news-list li .txt .cat-box {
margin: 0 0 15px;
padding: 0;
}
.news-list li .txt h3 {
margin: 0 0 10px;
font-size: 5.333vw;
}
.news-list li .txt p {
margin: 0 0 10px;
}
.news-list li .txt .date {
margin: 0 0 10px;
}
.l-top-content-box .btn-border {
position: static;
margin: 0;
}
.l-top-content-box .btn-border a {
width: 53.333vw;
line-height: 40px;
}
.event-list {
display: block;
margin-bottom: 30px;
}
.event-list li {
padding: 20px 40px 20px 0;
}
.event-list li::after {
margin: auto 5px auto auto;
width: 6px;
height: 6px;
}
.event-list li.with-photo {
width: 100%;
margin: 0 0 30px;
padding: 0;
}
.event-list li .pic img {
height: 200px;
}
.event-list li h3 {
font-size: 4.233vw;
line-height: 1.2;
}
.event-list li .txt {
position: relative;
padding: 30px 0 0;
}
.event-list li .txt h3 {
margin: 0 20px 10px;
font-size: 4.733vw;
}
.event-list li .txt .date {
margin: 0 20px 20px;
}
.activities-list {
padding-bottom: 10px;
}
.activities-list li {
width: 48%;
margin-bottom: 20px;
}
.activities-list li .pic img {
height: 100px;
}
.activities-list li .txt {
padding: 20px 0 0;
}
.activities-list li .txt h3 {
margin: 0 15px 10px;
font-size: 4.733vw;
}
.activities-list li .txt p {
margin: 0 15px 20px;
font-size: 2.8vw;
}
#resources .btn-border {
display: none;
}
.l-resources-box {
display: block;
}
.l-resources-box h3 {
font-size: 5.3333vw;
}
.l-resources-box .l-resources-box__inner-b.l-video {
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: #d6d6d9 solid 1px;
}
.l-resources-box .l-resources-box__inner-b.l-pub {
width: 100%;
}
.l-resources-box .l-resources-box__inner-b .btn-border {
display: block !important;
}
.l-resources-box .l-resources-box__inner-b .btn-border a {
width: 53.333vw;
line-height: 40px;
margin: 30px auto 0;
}
.l-resources-box .l-resources-box__inner-b .txt p {
padding: 20px 0 0;
font-size: 4.733vw;
}
.l-our-member-slider {
margin: 0 -8px;
}
.l-our-member-slider p {
height: 60px;;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin: 0px 10px;
}
.l-our-member-slider li {
width: auto;
height: auto;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
background: #FFF;
margin: 0 8px;
}
.l-our-member-slider li img {
margin: 0 auto;
display: block;
}
} .img-responsive {
height: 180px !important;
width: 100%;
object-fit: cover;
}
#page-header {
width: 100%;
min-width: 1040px;
height: 520px;
position: relative;
display: block;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}
#page-header .txt {
margin-top: -40px;
padding: 0 100px;
color: #FFF;
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
#page-header .txt h2 {
font-size: 4.8rem;
font-weight: 700;
line-height: 1.0;
}
#page-header .txt_newsletter {
margin-top: -40px;
padding: 0 100px;
color: #809428;
}
#page-header .txt_newsletter h2 {
font-size: 4.8rem;
font-weight: 700;
line-height: 1.0;
color: #809428;
}
#page-header .scroll {
position: absolute;
right: 14px;
bottom: 40px;
z-index: 2;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#page-header .scroll img {
width: 60px;
height: 190px;
}
#page-header .scroll:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
#page-header .mask {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/mask.png);
}
#imgBlock {
position: absolute;
top: 0;
left: 0;
z-index: -2;
width: 100%;
height: calc(100% - 40px);
}
#imgBlock img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.pan {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: #f1f1f1;
}
.pan p {
padding: 0 100px;
font-size: 1.1rem;
line-height: 40px;
}
.pan a {
text-decoration: underline;
}
.pan a::after {
content: ">";
display: inline-block;
padding: 0 10px;
text-align: center;
}
.pan a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.l-page-content-box {
padding: 100px 0px;
}
.l-page-content-box.no-padding {
padding: 0;
}
.l-page-content-box.bk-green {
background: #eef1e3;
}
.l-page-content-box.bk-gray {
background: #f1f1f1;
}
.l-page-content-box .inner_wrapper {
width: 90%;
max-width: 1040px;
margin: 0 auto;
}
.l-page-content-box .ttl {
color: #323242;
border-bottom: #d6d6d9 solid 1px;
font-size: 4.0rem;
font-weight: 700;
margin-bottom: 50px;
line-height: 1.0;
}
.l-page-content-box .ttl span {
border-bottom: #323242 solid 1px;
display: inline-block;
padding-bottom: 18px;
margin-bottom: -1px;
}
.l-page-content-box .ttl2 {
color: #323242;
border-bottom: #d6d6d9 solid 1px;
font-size: 3.2rem;
font-weight: 700;
margin-bottom: 50px;
line-height: 1.0;
}
.l-page-content-box .ttl2 span {
border-bottom: #323242 solid 1px;
display: inline-block;
padding-bottom: 18px;
margin-bottom: -1px;
}
.l-page-content-box .pic-box {
margin-bottom: 25px;
}
.l-page-content-box .txt-box {
margin-bottom: 25px;
}
.l-page-content-box .txt-box.mb {
padding-bottom: 75px;
}
.l-page-content-box .txt-box.mb a {
color: #809428;
}
.l-page-content-box .txt-box a {
color: #809428;
}
.l-page-content-box .txt-box p {
text-align: justify;
padding-bottom: 20px;
}
.l-page-content-box .txt_box h3 {
font-size: 1.8em;
font-weight: bold;
padding-bottom: 20px;
}
.l-page-content-box .txt-box p.mb {
padding-bottom: 25px;
}
.l-page-content-box .btn-green a {
margin: 0 auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.s-page-content-box {
padding: 0px 100px 100px 100px;
display: inline-block;
width: 100%;
}
.elementor-page .s-page-content-box {
padding: 0px 100px 0px 100px;
display: inline-block;
width: 100%;
}
.elementor-page .s-page-content-box .inner_wrapper {
padding-top: 30px;
}
.s-page-content-box.no-padding {
padding: 0;
}
.s-page-content-box.bk-green {
background: #eef1e3;
}
.s-page-content-box.bk-gray {
background: #f1f1f1;
}
.s-page-content-box .inner_wrapper {
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
.s-page-content-box .inner_wrapper a {
color: #809428;
}
.s-page-content-box .inner_wrapper ul {
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
.s-page-content-box .inner_wrapper ul.disc li {
list-style: disc;
margin-left: 20px;
}
.s-page-content-box .inner_wrapper ul.disc li:last-child {
margin-bottom: 30px;
}
.s-page-content-box .inner_wrapper ul li:last-child {
margin-bottom: 30px;
padding-bottom: 30px;
}
.s-page-content-box .inner_wrapper ul.bg {
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
.s-page-content-box .inner_wrapper ul.bg li {
float: left;
margin-right: 20px;
clear: both;
}
.s-page-content-box .inner_wrapper ul.bg li p.cs_ttl {
font-weight: bold;
font-size: 110%;
}
.s-page-content-box .inner_wrapper ul.bg li p {
font-weight: normal;
font-size: 110%;
}
.s-page-content-box .inner_wrapper ul.bg li h4 {
font-weight: bold;
font-size: 120%;
margin-bottom: 20px;
}
.s-page-content-box .inner_wrapper ul.bg li hr {
border-top: #e7e7e7 solid 1px;
margin-bottom: 30px;
}
.s-page-content-box .inner_wrapper ul.bg li p.outcome_ttl {
font-weight: bold;
font-size: 120%;
}
.s-page-content-box .inner_wrapper ul.bg li p.outcome_ttl_sub {
font-weight: bold;
font-size: 110%;
text-decoration: underline;
}
.s-page-content-box .inner_wrapper ul li {
}
.s-page-content-box .inner_wrapper ul li p.cs_ttl {
font-weight: bold;
font-size: 125%;
margin-bottom: 10px;
}
.s-page-content-box .inner_wrapper ul li p {
font-weight: normal;
font-size: 110%;
margin-bottom: 30px;
}
.s-page-content-box .ttl {
color: #323242;
border-bottom: #d6d6d9 solid 1px;
font-size: 3.0rem;
font-weight: 700;
margin-bottom: 50px;
line-height: 1.0;
}
.s-page-content-box .ttl span {
border-bottom: #323242 solid 1px;
display: inline-block;
padding-bottom: 18px;
margin-bottom: -1px;
}
.s-page-content-box .pic-box {
margin-bottom: 25px;
}
.s-page-content-box .txt-box {
margin-bottom: 25px;
}
.s-page-content-box .txt-box.mb {
padding-bottom: 0px;
}
.s-page-content-box .txt-box.mb a {
color: #809428;
}
.s-page-content-box .txt-box p {
text-align: justify;
margin-bottom: 10px;
}
.s-page-content-box .txt-box p.mb {
padding-bottom: 25px;
}
.s-page-content-box .btn-green a {
margin: 0 auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-reset {
background-color: gray;
background-size: 16px 16px;
color: #FFF;
padding: 0 20px;
line-height: 30px;
text-align: left;
border: none;
width: 140px;
font-size: 1.4rem;
cursor:pointer;
}
@media screen and (max-width: 767px), print {
#page-header {
width: 100%;
min-width: 100%;
height: calc(30vh - 50px);
}
#page-header .txt {
padding: 0 4.503vw;
}
#page-header .txt_newsletter {
padding: 0 4.503vw;
}
#page-header .txt h2 {
font-size: 6.4vw;
}
#page-header .txt_newsletter h2 {
font-size: 6.4vw;
}
#page-header .scroll {
display: none;
right: 0;
}
#page-header .scroll img {
width: 10.666vw;
height: auto;
}
#imgBlock {
width: 100vw;
height: calc(30vh - 50px);
}
.pan {
display: none;
}
.l-page-content-box {
padding: 60px 20px;
}
.l-page-content-box .inner_wrapper {
width: 100%;
}
.l-page-content-box .ttl {
font-size: 6.9333vw;
margin-bottom: 30px;
}
.l-page-content-box .ttl span {
padding-bottom: 18px;
}
.l-page-content-box .ttl2 {
font-size: 6.9333vw;
margin-bottom: 30px;
}
.l-page-content-box .ttl2 span {
padding-bottom: 18px;
}
.l-page-content-box .pic-box {
margin-bottom: 25px;
}
.l-page-content-box .txt-box {
margin-bottom: 25px;
font-size: 1.2rem;
}
.l-page-content-box .txt-box p {
text-align: -webkit-auto;
}
.l-page-content-box .btn-green a {
margin: 0 auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-reset {
background-color: gray;
background-size: 16px 16px;
padding: 0 20px;
line-height: 30px;
width: 25vw;
font-size: 2.8vw;
cursor:pointer;
}
} .l-page-content-list-box li .pic {
width: 50%;
height: 530px;
}
.l-page-content-list-box li .pic2 {
width: 50%;
height: auto;
margin-bottom: 30px;
}
.l-page-content-list-box li .pic img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.l-page-content-list-box li .txt {
width: 50%;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
padding: 0 60px;
}
.l-page-content-list-box li .txt2 {
width: 50%;
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
padding: 0 20px 0 0;
}
.l-page-content-list-box li .txt2 a {
color: #809428;
display: contents;
}
.l-page-content-list-box li .txt.bk-gray {
background: #f1f1f1;
}
.l-page-content-list-box li .txt.bk-green {
background: #eef1e3;
}
.l-page-content-list-box li .txt h2 {
font-size: 3.2rem;
font-weight: 700;
color: #323242;
}
.l-page-content-list-box li .txt h2::after {
display: block;
content: "";
margin: 25px 0;
width: 50px;
height: 1px;
background: #323242;
}
.l-page-content-list-box li .txt h3 {
font-size: 2.4rem;
font-weight: 400;
margin-bottom: 10px;
color: #323242;
}
.l-page-content-list-box li .txt p {
font-size: 1.4rem;
line-height: 1.7142;
padding-bottom: 25px;
}
.l-page-content-list-box li .txt p a {
color: #809428;
}
.l-page-content-list-box li .btn-border {
margin: 0;
}
.l-page-content-list-box li .btn-border a {
border: #9898a0 solid 1px;
color: #9999a1;
width: 40%;
line-height: 30px;
margin: 0;
}
.l-page-content-list-box .l-pic-left-txt-right,
.l-page-content-list-box .l-txt-left-pic-right {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-page-content-list-box .l-txt-left-pic-right {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.l-page-content-3col-list {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-page-content-3col-list li {
width: 300px;
}
.l-page-content-3col-list li .pic {
width: 100%;
height: 178px;
}
.l-page-content-3col-list li .pic img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.l-page-content-3col-list li .txt {
width: 100%;
padding: 30px 0 20px;
}
.l-page-content-3col-list li .txt h3 {
font-size: 2.8rem;
font-weight: 700;
color: #323242;
line-height: 1.2;
}
.l-page-content-3col-list li .txt h3::after {
display: block;
content: "";
margin: 25px 0;
width: 50px;
height: 1px;
background: #323242;
}
.l-page-content-3col-list li .txt h4 {
font-size: 2.1rem;
font-weight: 400;
margin-bottom: 10px;
line-height: 1.238;
color: #323242;
}
.l-page-content-3col-list li .txt p {
font-size: 1.4rem;
line-height: 1.7142;
padding-bottom: 25px;
}
.l-page-content-3col-list li .btn-border {
margin: 20px 0 50px;;
}
.l-page-content-3col-list li .btn-border a {
border: #9898a0 solid 1px;
color: #9898a0;
width: 100px;
line-height: 30px;
margin: 0;
}
.l-content-2col-box {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-content-2col-box.b-border {
border-bottom: #e8e8e8 solid 1px;
padding-bottom: 100px;
margin-bottom: 100px;
}
.l-content-2col-box .pic {
width: 400px;
margin-right: 30px;
}
.l-content-2col-box .pic img {
width: 100%;
height: auto;
}
.l-content-2col-box .txt {
width: 560px;
}
.l-content-2col-box .txt h3 {
font-size: 3.2rem;
font-weight: 700;
color: #323242;
line-height: 1.2;
}
.l-content-2col-box .txt h3::after {
display: block;
content: "";
margin: 25px 0;
width: 50px;
height: 1px;
background: #323242;
}
.l-content-2col-box .txt h4 {
font-size: 2.1rem;
font-weight: 400;
margin-bottom: 10px;
line-height: 1.238;
color: #323242;
}
.l-content-2col-box .txt p {
font-size: 1.4rem;
line-height: 1.7142;
padding-bottom: 25px;
}
.l-content-2col-box .btn-border {
margin: 0;
}
.l-content-2col-box .btn-border a {
border: #9898a0 solid 1px;
color: #9898a0;
width: 100px;
line-height: 30px;
margin: 0;
}
@media screen and (max-width: 767px), print {
.l-page-content-list-box li .pic {
width: 100%;
height: 220px;
}
.l-page-content-list-box li .txt {
width: 100%;
padding: 30px 20px 40px;
}
.l-page-content-list-box li .txt h2 {
font-size: 5.8vw;
}
.l-page-content-list-box li .txt h3 {
font-size: 4.3vw;
margin-bottom: 10px;
}
.l-page-content-list-box li .txt p {
font-size: 3.2vw;
padding-bottom: 20px;
}
.l-page-content-list-box li .btn-border a {
width: 26.66vw;
}
.l-page-content-list-box .l-pic-left-txt-right,
.l-page-content-list-box .l-txt-left-pic-right {
display: block;
}
.l-page-content-3col-list {
display: block;
margin: 0 -20px;
}
.l-page-content-3col-list li {
width: 100%;
}
.l-page-content-3col-list li .pic {
width: 100%;
height: 220px;
}
.l-page-content-3col-list li .txt {
padding: 30px 20px 40px;
}
.l-page-content-3col-list li .txt h3 {
font-size: 5.8vw;
}
.l-page-content-3col-list li .txt h4 {
font-size: 4.3vw;
margin-bottom: 10px;
}
.l-page-content-3col-list li .txt p {
font-size: 3.2vw;
padding-bottom: 20px;
}
.l-page-content-3col-list li .btn-border a {
width: 26.66vw;
}
.l-content-2col-box {
display: block;
margin: 0 -20px;
}
.l-content-2col-box.b-border {
padding-bottom: 0;
margin-bottom: 40px;
}
.l-content-2col-box .pic {
width: 100%;
}
.l-content-2col-box .pic img {
width: 100%;
height: 220px;
}
.l-content-2col-box .txt {
width: 100%;
padding: 30px 20px 40px;
}
.l-content-2col-box .txt h3 {
font-size: 5.8vw;
}
.l-content-2col-box .txt h4 {
font-size: 4.3vw;
margin-bottom: 10px;
}
.l-content-2col-box .txt p {
font-size: 3.2vw;
padding-bottom: 20px;
}
.l-content-2col-box .btn-border a {
width: 26.66vw;
}
}
.l-activities__list {
border-top: #d6d6d9 solid 1px;
margin: 50px 0 0;
padding: 50px 0 26px 22px;
}
.l-activities__list li {
margin-bottom: 24px;
list-style-type: decimal;
font-weight: 700;
font-size: 1.6rem;
}
.l-activities__list li h3 {
font-weight: 700;
}
.l-activities__list li h3 a {
font-weight: 400;
color: #809428;
line-height: 1.5;
}
.l-activities__list li p {
font-weight: 400;
font-size: 1.4rem;
}
.l-activities__list li .pdf-link a {
color: #809428;
line-height: 1.5;
padding-left: 22px;
background: url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/icon-pdf.png) no-repeat left center;
}
.l-activities__list li .recent-link a {
color: #809428;
line-height: 1.5;
font-weight: normal;
font-size: 90%;
}
.l-activities__list li a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
p.pdf-link {
padding-top: 30px;
}
p.pdf-link a {
color: #809428;
line-height: 1.5;
padding-left: 22px;
background: url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/icon-pdf.png) no-repeat left center;
}
p.pdf-link a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
#page-search-box {
background: #f1f1f1;
display: block;
margin: 0 auto 50px;
padding: 35px;
min-width: 1040px;
}
#page-search-box .l-event-search-box {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding-bottom: 30px;
}
#page-search-box .l-event-search-box:last-child {
padding: 0;
}
#page-search-box .tl {
width: 80px;
font-weight: 700;
font-size: 1.5rem;
}
#page-search-box .tl2 {
width: 85px;
font-weight: 700;
font-size: 1.5rem;
margin-top: -15px;
}
#page-search-box .co {
padding: 0 0 0 40px;
-js-display: flex;
display: -webkit-flex;
display: -webkit-box;
-webkit-align-items: center;
align-items: center;
}
#page-search-box .co li {
margin-right: 20px;
display: inline-block;
}
#page-search-box .l-event-search-box .co li {
margin-right: 20px;
display: inline-block;
margin-bottom: 20px;
}
#page-search-box .l-event-search-box2 .co li {
margin-right: 20px;
display: inline-block;
margin-bottom: 0px;
}
#page-search-box .co2 {
padding: 0 0 0 35px;
-js-display: flex;
display: -webkit-flex;
display: -webkit-box;
-webkit-align-items: center;
align-items: center;
}
#page-search-box .co2 li.sub_cat_li {
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;	
}
#page-search-box input[type=text], #page-search-box select {
font-size: 110%;
}
#page-search-box input[type=checkbox].btn-search-check,
#page-search-box input[type=radio].btn-search-check {
display: none;
}
#page-search-box label,#page-search-box select,
#page-search-box .cat-item a {
border: #282828 solid 1px;
background: #FFF;
line-height: 30px;
height: 30px;
padding: 0 20px;
text-align: center;
font-size: 1.4rem;
margin: 0;
cursor: pointer;
display: block;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#page-search-box label.sub_cat {
border: #282828 solid 1px;
background: #FFF;
line-height: 30px;
height: 30px;
padding: 0 20px;
text-align: center;
font-size: 1.2rem;
margin: 0;
cursor: pointer;
display: block;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#page-search-box label:hover,
#page-search-box .cat-item a:hover {
background: #282828;
color: #FFF;
}
#page-search-box .cat-item.current-cat a {
background: #282828;
color: #FFF;
}
#page-search-box input[type=checkbox]:checked + label,
#page-search-box input[type=radio]:checked + label {
background: #282828;
color: #FFF;
}
#page-search-box input.keyword {
border: #282828 solid 1px;
background: #FFF;
line-height: 30px;
padding: 0 20px;
width: 100%;
}
#page-search-box input[type=submit]#s-search-btn {
background: #282828 url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/btn-search.svg) no-repeat 90% center;
background-size: 16px 16px;
color: #FFF;
padding: 0 20px;
line-height: 30px;
text-align: left;
border: none;
width: 140px;
font-size: 1.4rem;
}
.l-event-list {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 1040px;
}
.l-event-list::after {
display: block;
content: "";
width: calc(100% / 3);
}
.l-event-list li {
position: relative;
width: calc(100% / 3);
border: #d6d6d9 solid 1px;
background: #FFF;
padding: 0;
margin: 0 0 50px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.l-event-list li .pic {
width: 100%;
}
.l-event-list li .pic img {
width: 345px;
height: 214px;
object-fit: contain;
font-family: "object-fit: cover;";
}
.l-event-list li .date {
font-size: 1.2rem;
line-height: 1.0;
color: #9898a0;
}
.l-event-list li .cat {
color: #809428;
font-size: 1.2rem;
line-height: 1.0;
}
.l-event-list li h3 {
font-size: 1.6rem;
margin: 6px 0 0;
}
.l-event-list li .txt {
position: relative;
padding: 30px 0 0;
}
.l-event-list li .txt .event-label {
position: absolute;
top: -16px;
left: -4px;
}
.l-event-list li .txt .event-label span {
display: inline-block;
color: #809428;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.0;
padding: 10px 20px 10px 28px;
text-align: center;
background: #809428;
position: relative;
color: #FFF;
}
.l-event-list li .txt .event-label span::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
display: block;
width: 0px;
height: 0px;
background: transparent;
border-bottom: 2px solid #3b6300;
border-left: 2px solid #3b6300;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.l-event-list li .txt .event-label span::after {
content: "";
position: absolute;
right: -16px;
top: 0;
display: block;
width: 0px;
height: 0px;
background: transparent;
border-bottom: 16px solid #809428;
border-left: 16px solid #809428;
border-right: 10px solid transparent;
border-top: 16px solid #809428;
}
.l-event-list li .txt h3 {
margin: 0 30px 10px;
font-size: 2.6rem;
line-height: 1.1538;
font-weight: 700;
}
.l-event-list li .txt .date {
display: block;
margin: 0 30px 30px;
}
.l-event-list li:hover {
-moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
border-bottom: #809428 solid 4px;
}
@media screen and (max-width: 767px), print {
#page-search-box {
margin: 0 auto 50px;
padding: 30px 20px 30px;
min-width: 100%;
}
#page-search-box .l-event-search-box {
display: block;
padding-bottom: 20px;
}
#page-search-box .l-event-search-box:last-child {
padding: 0;
}
#page-search-box .tl {
width: 100%;
}
#page-search-box .co {
padding: 0;
}
#page-search-box .co li {
margin-right: 10px;
margin-bottom: 10px;
}
#page-search-box .co2 {
padding: 0;
}
#page-search-box .co2 li.sub_cat_li {
margin-right: 10px;
margin-bottom: 10px;
}
#page-search-box .l-event-search-box:not(:last-child) .co {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
display: inline-flex;
}
#page-search-box .l-event-search-box:not(:last-child) .co2 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
display: inline-flex;
}
#page-search-box label,
#page-search-box .cat-item a {
line-height: 30px;
height: 30px;
padding: 0 10px;
font-size: 2.8vw;
}
#page-search-box label.sub_cat {
line-height: 20px;
height: 20px;
padding: 0 10px;
font-size: 2.8vw;
}
#page-search-box input.keyword {
line-height: 30px;
padding: 0 10px;
width: auto;
flex: 1;
}
#page-search-box input[type=submit]#s-search-btn {
background: #282828 url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/btn-search.svg) no-repeat 90% center;
background-size: 16px 16px;
padding: 0 20px;
line-height: 30px;
width: 25vw;
font-size: 2.8vw;
}
.l-event-list {
min-width: 100%;
display: block;
}
.l-event-list li {
margin: 0 0 30px;
width: 100%;
}
.l-event-list li .pic img {
height: 200px;
}
.l-event-list li .txt {
position: relative;
padding: 30px 0 0;
}
.l-event-list li .txt h3 {
margin: 0 20px 10px;
font-size: 4.733vw;
}
.l-event-list li .txt .date {
margin: 0 20px 20px;
}
.page-resources #page-search-box .l-event-search-box .co,
.tax-publication_cat #page-search-box .l-event-search-box .co {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
display: inline-flex;
}
.mailpoet_content-wrapper {
width: 90% !important;
}
.pub_thumb {
float: left;
margin-right: 10px !important;
width: 20% !important;
height: auto;
display: block;
}
.pub_detail {
float: right;
width: 75% !important;
display: inline-block;
box-sizing: border-box;
}
}
.l-post-header {
padding: 90px 0 50px;
}
.l-post-header .inner_wrapper {
width: 90%;
max-width: 1040px;
margin: 0 auto;
}
.l-post-header .cat {
border: #282828 solid 1px;
background: #FFF;
line-height: 30px;
height: 30px;
padding: 0 20px;
text-align: center;
font-size: 1.4rem;
margin: 0 6px 20px 0;
display: inline-block;
}
.l-post-header h3 {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 20px;
}
.l-post-header .date {
font-size: 1.6rem;
line-height: 1.0;
color: #9898a0;
}
.l-post-body .inner_wrapper {
width: 90%;
max-width: 1040px;
border-bottom: #d6d6d9 solid 1px;
padding: 0 0 50px;
margin: 0 auto 50px;
}
.l-post-body.noborder .inner_wrapper {
border-bottom: none;
}
.elementor {
padding-bottom: 80px;
}
.l-post-body .pic-box {
margin-bottom: 50px;
}
.l-post-body .pic-box img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
width: auto;
}
.newsletter-template-default .l-post-body .txt-box p {
text-align: justify;
padding-bottom: 0px;
}
.newsletter-template-default .l-post-body .txt-box ul {
padding-top: 10px;
padding-bottom: 10px;
}
.newsletter-template-default .l-post-body .txt-box ul li {
list-style: disc;
list-style-position: inside;
padding-left: 1.4em;
text-indent: -1.4em;
}
.newsletter-template-default .l-post-body .txt-box ul li.num {
list-style: decimal;
list-style-position: inside;
padding-left: 1.4em;
text-indent: -1.4em;
}
.l-post-body .txt-box p {
text-align: justify;
padding-bottom: 30px;
}
.l-post-body .txt-box {
display: inline-block;
}
.l-post-body .txt-box .txt-box-left {
float: left;
width: 69%;
}
.l-post-body .txt-box .txt-box-right {
float: right;
width: 29%;
}
.l-post-body .txt-box p:last-child {
padding-bottom: 0;
}
.l-post-body h4 {
font-size: 1.8rem;
font-weight: 700;
color: #809428;
line-height: 1.5;
}
.l-post-body h5 {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 20px;
}
.l-post-body .l-post-body__contents {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.l-post-body .l-post-body__contents .ttl {
width: 300px;
}
.l-post-body .l-post-body__contents .co {
flex: 1;
}
.l-post-body .l-post-body__contents .line {
display: block;
background: #323242;
height: 1px;
width: 50px;
margin: 40px 0;
}
.l-post-body .l-post-body__contents ul.list li {
margin-bottom: 20px;
}
.l-post-body .l-post-body__contents ul.list li:last-child {
margin-bottom: none;
}
.l-post-body .l-post-body__contents ul.list li p {
font-size: 1.6rem;
line-height: 1.5;
}
.l-post-body .l-post-body__contents ul.list li p.tl {
color: #809428;
text-decoration: underline;
padding-left: 22px;
padding-left: 22px;
background: url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/icon-pdf.png) no-repeat left center;
display: block;
}
.l-post-body .btn-line {
margin: 100px 0 0;
}
@media screen and (max-width: 767px), print {
.l-post-header {
padding: 40px 20px;
}
.l-post-header .inner_wrapper {
width: 100%;
max-width: 100%;
}
.l-post-header .cat {
font-size: 2.8vw;
}
.l-post-header h3 {
font-size: 5vw;
margin-bottom: 10px;
}
.l-post-header .date {
font-size: 3.2vw;
}
.l-post-body .inner_wrapper {
width: 100%;
max-width: 100%;
padding: 0 20px 40px;
margin: 0 auto 40px;
}
.l-post-body .pic-box {
margin-bottom: 20px;
}
.l-post-body .txt-box p {
padding-bottom: 20px;
}
.l-post-body h4 {
font-size: 4.6vw;
margin-bottom: 20px;
}
.l-post-body h5 {
font-size: 4vw;
margin-bottom: 10px;
}
.l-post-body .l-post-body__contents {
display: block;
}
.l-post-body .l-post-body__contents .ttl {
width: 100%;
}
.l-post-body .l-post-body__contents .co {
flex: 1;
}
.l-post-body .l-post-body__contents .line {
display: block;
background: #323242;
height: 1px;
width: 50px;
margin: 20px 0;
}
.l-post-body .l-post-body__contents ul.list li {
margin-bottom: 20px;
}
.l-post-body .l-post-body__contents ul.list li p {
font-size: 3.2vw;
line-height: 1.5;
}
.l-post-body .l-post-body__contents ul.list li p.tl {
background: url(//satoyamainitiative.org/wp-content/themes/satoyama/assets/img/icon-pdf.png) no-repeat left center;
}
.l-post-body .btn-line {
margin: 40px 0 0;
}
}
.news-letter-list,
.l-pub-list {
border-top: #d6d6d9 solid 1px;
padding-bottom: 50px;
}
.news-letter-list li a,
.l-pub-list li a {
width: 100%;
border-bottom: #d6d6d9 solid 1px;
padding: 20px 0;
position: relative;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: block;
}
.news-letter-list li a::after,
.l-pub-list li a::after {
position: absolute;
content: "";
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto 20px auto auto;
width: 8px;
height: 8px;
border-top: 3px solid #323242;
border-right: 3px solid #323242;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.news-letter-list li a:hover,
.l-pub-list li a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.news-letter-list li .date,
.l-pub-list li .date {
font-size: 1.2rem;
line-height: 1.0;
color: #9898a0;
}
.l-pub-list li .cat {
font-size: 1.4rem;
line-height: 1.0;
}
.l-pub-list li .cat:after{
content:"｜";
}
.news-letter-list li h3,
.l-pub-list li h3 {
font-size: 1.6rem;
margin: 6px 50px 0 0;
}
.l-pub-list li {
display: inline-grid;
width: 100%;
}
.pub_thumb {
float: left;
margin-right: 30px;
width: 7%;
height: auto;
display: block;
}
.pub_detail {
float: right;
width: 89%;
display: inline-block;
box-sizing: border-box;
}
.l-video-list {
-js-display: flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-video-list::after {
content: "";
display: block;
width: calc(calc(100% - 40px) / 3);
}
.l-video-list li {
width: calc(calc(100% - 40px) / 3);
border: #d6d6d9 solid 1px;
margin-bottom: 30px;
}
.l-video-list li .txt {
padding: 28px;
}
.l-video-list li h3 {
font-size: 2.6rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 15px;
}
.l-video-list li p.meta {
color: #862226;
line-height: 1.5;
margin-bottom: 15px;
}
.l-video-list li p {
line-height: 1.4;
}
.l-video-list li p a {
color: #809428;
}
@media screen and (max-width: 767px), print {
.news-letter-list,
.l-pub-list {
padding-bottom: 40px;
}
.news-letter-list li a,
.l-pub-list li a {
padding: 20px 20px 20px 0;
}
.news-letter-list li a::after,
.l-pub-list li a::after {
margin: auto 10px auto auto;
}
.news-letter-list li .date,
.l-pub-list li .date {
font-size: 2.4vw;
}
.news-letter-list li .meta,
.l-pub-list li .meta {
font-size: 2.4vw;
}
.news-letter-list li h3,
.l-pub-list li h3 {
font-size: 4.733vw;
margin: 6px 0 0;
line-height: 1.5;
}
.l-video-list {
display: block;
}
.l-video-list::after {
display: none;
}
.l-video-list li {
width: 100%;
margin-bottom: 20px;
}
.l-video-list li .txt {
padding: 30px 20px;
}
.l-video-list li h3 {
font-size: 4.733vw;
margin-bottom: 10px;
}
.l-video-list li p.meta {
margin-bottom: 10px;
}
.l-video-list li p {
font-size: 2.8vw;
}
}
section.elementor-inner-section {
border-bottom: #d6d6d9 solid 0px;
padding: 0;
margin: 0 auto;
text-align: left !important;
color: #282828;	
}
section.elementor-top-section {
border-bottom: #d6d6d9 solid 1px;
padding: 0px 100px 30px 100px;
display: inline-block;
width: 100%;
text-align: left !important;
color: #282828;
}
section.elementor-element a, .elementor-inner a, .elementor-inner span a {
text-decoration: underline;
color: #809428 !important;
}
.elementor-widget {
margin-bottom: 0px !important;
font-family: 'Roboto','Noto Sans JP',sans-serif !important;
}
.elementor-widget-image {
margin-bottom: 30px !important;
}
section.elementor-element span {
text-align: left !important;
font-family: 'Roboto','Noto Sans JP',sans-serif  !important;
}
section.elementor-element p {
text-align: left !important;
font-family: 'Roboto','Noto Sans JP',sans-serif !important;
}
.elementor-section-wrap, .elementor-widget-wrap, .elementor-widget-container {
}
.elementor-widget-container table p {
margin: 30px;
}
.elementor-widget-heading, h2.elementor-heading-title {
margin-top: 30px;
margin-bottom: 30px;
}
h2.elementor-heading-title p {
margin-top: 30px;
margin-bottom: 30px;
}
.elementor-widget-image img {
margin-top: 30px;
}
.mailpoet_content-wrapper, #wysija_wrapper table, #wysija_wrapper tbody, #wysija_wrapper td, #wysija_wrapper tr, #wysija_wrapper td.wysija_content_container {
width: 100%;
margin: 0 auto;
background: #FFF !important;
}
.wysija_divider_container div {
width: 100%;
text-align: left;
}
.wysija_divider_container div img {
width: 100%;
text-align: left;
height: 1px;
margin-top: 20px;
}
#wysija_wrapper td, #wysija_wrapper tr, #wysija_wrapper td.wysija_content_container,table.MsoNormalTable, table.MsoNormalTable td {
width: 100%;
margin: 0 auto;
background: #FFF !important;
}
.mailpoet_content-wrapper a, #wysija_wrapper a {
text-decoration: underline;
color: #809428;
}
.mailpoet_content-wrapper h2 {
margin-top: 30px;
margin-bottom: 30px;
}
#wysija_wrapper {
margin-bottom: 30px;
}
.wysija_text_container {
float: left;
}
.wysija_text_container h2 {
display: block;
margin-bottom: 30px;
}
table.mailpoet_template .mailpoet_content, .mailpoet_cols-one, .mailpoet_image mailpoet_padded_vertical, .mailpoet_padded_side, .mailpoet_divider-cell, .mailpoet_cols-two, .mailpoet_cols-two tr, .mailpoet_content-wrapper tbody {
background-color: #FFF !important;
}
.mailpoet_template, .mailpoet_template tbody, .mailpoet_template tbody tr, .mailpoet_template tbody td {
width: 100%;
max-width: 1040px;
}
.mailpoet_image {
text-align: left;
}
.mailpoet_image img {
width: auto;
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
}
.mailpoet_cols-two {
width: 40%;
margin-right: 30px;
}
.mailpoet_cols-two img {
margin-left: 30px;
margin-right: 30px;
padding-right: 30px;
width: auto;
}
.mailpoet_divider-cell hr {
display: none;
}
.wysija_image_container {
border: none !important;
}
.wysija_image_placeholder {
display: inline-grid;
}
.wysija_image_container img {
width: auto !important;
height: auto !important;
margin-bottom: 30px !important;
display: block !important;
}
h1.elementor-widget-heading, h1.elementor-heading-title  {
font-size: 200%;
margin-bottom: 20px !important;
}
h3.elementor-widget-heading, h3.elementor-heading-title  {
font-size: 130%;
margin-bottom: 10px !important;
}
h2.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title, h6.elementor-heading-title  {
margin-bottom: 10px !important;
}
.l-post-body .txt-box h5 {
margin-top: 30px;
}
#i4c-dialogs-container {
padding-bottom: 30px;
}
.elementor-text-editor ul li, .txt-box ul li {
list-style: disc;
padding-left: 0em;
margin-left: 2em;
text-indent: 0em;
padding-bottom: 30px;
}
.elementor-text-editor ol, .txt-box ol {
margin-top: 30px;
}
.elementor-text-editor ol li, .txt-box ol li {
list-style: decimal;
padding-left: 0em;
margin-left: 2em;
text-indent: 0em;
padding-bottom: 30px;
}
.elementor-widget-container ul li, .txt-box ul li {
list-style: disc;
padding-left: 0em;
margin-left: 2em;
text-indent: 0em;
padding-bottom: 30px;
}
.elementor-widget-container ol, .txt-box ol {
margin-top: 30px;
}
.elementor-widget-container ol li, .txt-box ol li {
list-style: decimal;
padding-left: 0em;
margin-left: 2em;
text-indent: 0em;
padding-bottom: 30px;
}
.txt-box ul.concept li {
list-style:disc;
text-indent: 20px;
padding-left: 0em;
margin-left: 2em;
text-indent: 0em;
padding-bottom: 10px;
}
.txt-box ul.concept li:last-child {
padding-bottom: 30px;
}
.txt-box ul li {
list-style: disc;
text-indent: 20px;
}
#:2oz h2 {
margin-top: 30px;
margin-bottom: 20px;
}
.txt-box h3 {
margin-top: 30px;
margin-bottom: 10px;
}
.txt-box h3.concept_h3 {
margin-top: 30px;
margin-bottom: 10px;
font-size: 130%;
color:#809428;
}
.txt-box h4.concept_h4 {
margin-top: 30px;
margin-bottom: 10px;
font-size: 120%;
color:#809428;
}
#wysija_wrapper h2, #wysija_body_content h2, #wysija_body_content h2 {
margin-top: 20px;
margin-bottom: 20px;
}
.elementor-editor-active #side nav, .elementor-editor-active #side .btn-border {
display: none;
}
.elementor-edit-mode {
width: 90%;
margin: 0 auto;
}
blockquote {
padding: 10px 20px;
margin: 20px 0 20px;
border-left: 5px solid #eee;
}
section.elementor-element table span {
margin: 10px 10px 10px 0px;
font-size: 12px;
font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif !important;
}
section.elementor-element table tbody {
vertical-align: top;
}
.txt-box ul.activity-list {
padding-top: 20px;
}
.txt-box ul.activity-list li {
list-style: disc;
text-indent: 0px;
padding-bottom: 10px;
}
.txt-box ul.activity-list li:last-child {
padding-bottom: 0px;
}
.txt-box ul.activity-list-2 li {
list-style: disc;
text-indent: 0px;
padding-bottom: 10px;
}
.txt-box ul.activity-list-2 li:last-child {
padding-bottom: 0px;
}
.bk-green {
background: #eef1e3;
}
.bk-gray {
background: #f1f1f1;
}
.l-page-content-list-box li .pic img.pdf {
width: 80%;
height: auto;
display: inline-block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 10%;
}
.elementor-text-editor h2 {
margin-bottom: 15px;
}
.elementor-widget-container h2 {
margin-bottom: 15px;
}
#ir .txt a {
display: contents;
}
.selectize-dropdown, .selectize-dropdown.form-control {
z-index: 1000 !important;
}
.tablepress-id-10 th.column-4 {
width: 10% !important;
}
@media screen and (max-width: 767px), print {
#tablepress-10_wrapper .dataTables_scrollHeadInner,
#tablepress-10_wrapper .tablepress {
box-sizing: content-box;
width: 800px !important;
}
.tablepress-id-10 th.column-1 {
width: 200px !important;
}
.tablepress-id-10 th.column-2 {
width: 130px !important;
}
.tablepress-id-10 th.column-3 {
width: 150px !important;
}
.tablepress-id-10 th.column-4 {
width: 150px !important;
}
.tablepress-id-10 th.column-5 {
width: 170px !important;
}
#tablepress-10_wrapper table.dataTable {
clear: both;
max-width: none !important;
}
#tablepress-33_wrapper table.dataTable {
clear: both;
max-width: none !important;
width: 900px !important;
min-width: 900px !important;
}
.txt-box-right {
float: right;
width: auto !important;
display: block;
}
.tablepress-id-11 td.column-1 {
padding-right: 5px !important;
}
.tablepress-id-11 td.column-2 {
padding-right: 5px !important;
}
.dataTables_scrollHead { position: -webkit-sticky !important;
position: sticky !important;
top: 50px !important; z-index: 1 !important;
}
.lang_area {
float: right;
margin-right: 60px;
margin-top: 7px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.lang_area a {
font-size: 80%;
}
.wpml-ls-legacy-list-horizontal {
border: 1px solid transparent;
padding: 4px;
clear: both;
}
}
.txt-box-left {
float: left;
width: 100%;
display: block;
}
.txt-box-right {
float: right;
width: 55%;
display: block;
}
.f-large {
font-size: 120%;
}
.dataTables_filter input {
border: 1px solid gray;
}
.tablepress td {
border: #d6d6d9 solid 1px !important;
}
.tablepress .odd td {
border: #d6d6d9 solid 1px !important;
}
.tablepress tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.tablepress thead { position: -webkit-sticky;
position: sticky;
top: 0; z-index: 1;
}
.tablepress th { position: -webkit-sticky;
position: sticky;
top: 0; z-index: 1;
}
.dataTables_scrollHead { position: -webkit-sticky !important;
position: sticky !important;
top: 0; z-index: 1 !important;
}
.tablepress-id-10 th.column-1 {
width: 48%;
}
.tb01 {
margin-bottom: 30px;
}
.tb01 tr td:nth-child(1) {
width: 90px;
padding-right: 20px;
vertical-align: top;
}
.tb01 tr td:nth-child(2) {
vertical-align: top;
}
@media screen and (min-width:768px) and ( max-width:1360px) {
.l-top-content-box {
padding: 60px;
}
.l-top-content-box .inner_wrapper {
width: 940px;
margin: 0 auto;
}
.l-resources-box .l-resources-box__inner-b.l-video {
width: 625px;
}
.l-footer .l-footer-content-box .inner_wrapper {
width: 940px;
}
.l-header__inner .logo {
padding: 20px 0 0;
}
.l-header__inner nav {
margin: 5vh 0 auto;
}
.l-header__inner nav li {
margin-bottom: 0px;
}
#top-main-video-box .txt {
padding: 0 50px;
color: #FFF;
}
#top-main-video-box .txt .line {
max-width: 60px;
width: 4.1667vw;
height: 1px;
background: #FFF;
margin: 2.2222vh 0;
display: block;
}
#top-main-video-box .txt .btn-green {
margin: 3.2222vh 0 0;
}
}
.wpml-ls-legacy-list-horizontal {
background: #FFF !important;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}.btn-fixed-news a {
position: fixed;
top: 15px;
right: 15px;
padding: 10px 20px;
background: #323242;
z-index: 9999;
color: #FFF;
}
.btn-fixed-news a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.9;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px), print {
.btn-fixed-news a {
top: initial;
right: initial;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
font-size: 13px;
padding: 5px 20px 10px;
}
}
.dt-container .dt-input {
border: 1px solid #d6d6d9;
}
.btn-footer-mailmag a {
padding: 15px 40px;
background: #809428;
color: #FFF;
border-radius: 4px;
font-weight: bold;
font-size: 16px;
}
.btn-footer-mailmag a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.9;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
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
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.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;
}.post-slider-wrap {
position: relative;
width: 100%;
display: block;
padding-bottom: 60px;
}
.post-slider-arrows {
position: absolute;
width: 140px;
right: 0;
left: 0;
bottom: 32px;
margin: 0 auto;
z-index: 80;
}
.post-slider-arrows .slick-prev,
.post-slider-arrows .slick-next {
background: transparent;
display: block;
height: 6px;
width: 6px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
position: relative;
}
.post-slider-arrows .slick-prev::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.post-slider-arrows .slick-prev::before {
height: 6px;
width: 6px;
border-top: 2px solid #323242;
border-left: 2px solid #323242;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.post-slider-arrows .slick-next::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.post-slider-arrows .slick-next::before {
height: 6px;
width: 6px;
border-top: 2px solid #323242;
border-left: 2px solid #323242;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
} #our-members .slick-dots {
bottom: -50px;
}
@media screen and (max-width: 767px), print {
#our-members .slick-dots {
bottom: -20px;
}
#our-members .post-slider-wrap {
padding-bottom: 40px;
}
}
.slick-dots {
position: absolute;
bottom: -30px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
z-index: 80;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 8px;
width: 8px;
margin: 0 6px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
border: 0;
background: #bebebe;
display: block;
height: 8px;
width: 8px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li.slick-active button {
background: #323242;
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}
.tablepress-id-2 .row-2 td,.tablepress-id-2 .row-25 td,.tablepress-id-2 .row-34 td,.tablepress-id-2 .row-51 td,.tablepress-id-2 .row-161 td,.tablepress-id-2 .row-174 td,.tablepress-id-2 .row-227 td,.tablepress-id-2 .row-252 td,.tablepress-id-2 .row-254 td,.tablepress-id-2 .row-269 td{background-color:#ffe5e5!important}.tablepress-id-11{font-size:small;color:gray;border:#d6d6d9 solid 1px}.tablepress-id-11 tr.row-1{border-bottom:#d6d6d9 solid 1px}.tablepress-id-11 td.column-1{width:30%;padding-left:5px!important}.description4 .number{display:none}#number{display:none}.tablepress-id-11 tbody td,.tablepress-id-11 tfoot th{border:none!important;line-height:normal;padding:2px 0!important}.tablepress-id-10 th.column-1{width:48%}.tablepress-id-10 th.column-4{width:10%}.tablepress-id-13 td.column-1{width:5%!important}.tablepress-id-13 td.column-2{vertical-align:middle}.tablepress-id-30 td.column-1{width:5%!important}.tablepress-id-30 td.column-2{vertical-align:middle}.tablepress-id-16 td.column-2{vertical-align:middle}.tablepress-id-36 td.column-2{vertical-align:middle}.tooltip4{position:relative;cursor:pointer;display:inline-block}.tooltip4 span{margin:0;padding:0}.description4{display:none;position:absolute;padding:10px!important;font-size:12px;line-height:1.6em;color:#000;background:#FFF;width:200px;z-index:9999}.description4:before{content:"";position:absolute;top:0;left:130px;margin-left:-15px}.tooltip4:hover .description4{display:inline-block;top:20px;left:-130px}#tablepress-10 .tablepress th,.tablepress thead th{border-top:#d6d6d9 solid 1px!important;border-left:#d6d6d9 solid 1px!important;border-right:#d6d6d9 solid 1px!important}#tablepress-10 .tablepress td{border:#d6d6d9 solid 1px!important}#tablepress-33 .tablepress th,.tablepress thead th{border-top:#d6d6d9 solid 1px!important;border-left:#d6d6d9 solid 1px!important;border-right:#d6d6d9 solid 1px!important}#tablepress-33 .tablepress td{border:#d6d6d9 solid 1px!important}#tablepress-33_wrapper th.column-1{width:36%}#tablepress-33_wrapper th.column-2{width:26%!important}#tablepress-33_wrapper th.column-3{width:12%!important}#tablepress-33_wrapper th.column-4{width:9%!important}#tablepress-33_wrapper th.column-5{width:9%!important}#tablepress-33_wrapper th.column-6{width:8%!important}#tablepress-33_wrapper .dt-scroll-headInner,#tablepress-33_wrapper .tablepress{box-sizing:content-box;width:100%!important}#tablepress-33_wrapper table.dataTable{clear:both;min-width:100%}@media screen and (max-width: 767px),print{#tablepress-33_wrapper .dt-scroll-headInner,#tablepress-33_wrapper .tablepress{box-sizing:content-box;width:900px!important;min-width:900px!important}.tablepress-id-33 th.column-1{width:30%!important}.tablepress-id-33 th.column-2{width:200px!important}.tablepress-id-33 th.column-3{width:150px!important}.tablepress-id-33 th.column-4{width:100px!important}.tablepress-id-33 th.column-5{width:100px!important}.tablepress-id-33 th.column-6{width:100px!important}}