@charset "utf-8";
@charset 'UTF-8';
.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;
}
 .slick-loading .slick-list
{
background: #fff url(https://kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/slick/fonts/slick.eot);
src: url(https://kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/slick/fonts/slick.woff) format('woff'), url(https://kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/slick/fonts/slick.ttf) format('truetype'), url(https://kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/slick/fonts/slick.svg#slick) format('svg');
font-display: swap;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}

html {
font-size: 18px;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
font-size: 1rem;
line-height: 1.6;
color: #333;
text-align: justify;
}
a {
transition: all 0.5s;
color: #2eacb5;
}
a:focus,
a:hover {
color: #2eacb5;
}
a img {
transition: all 0.5s;
}
a:hover img {
opacity: 0.8;
}
h2 {
color: #000;
background: none;
box-shadow: none;
border: none;
padding: 0;
}
h3 {
color: #000;
background: none;
box-shadow: none;
border: none;
padding: 0;
}
h3:after {
content: none;
}
.subSection-title {
color: #000;
background: none;
box-shadow: none;
border: none;
padding: 0;
}
.subSection-title:after {
content: none;
}
.single h1.entry-title:first-letter {
color: inherit;
}
.sp {
display: none;
}
.bg_gray {
background: #f4f4f4;
}
.btn.active,
.btn:active {
box-shadow: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: none;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #333;
border-color: #333;
}
.siteHeader.navbar {
box-shadow: none;
border-bottom: 1px solid #e0e0e0;
z-index: 2000;
}
.siteHeader .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.siteHeader .container:before {
content: none;
}
.navbar-header {
float: none;
display: flex;
justify-content: space-between;
width: 100%;
}
.navbar-header:before,
.navbar-header:after {
content: none;
}
.navbar-brand img {
max-height: 75px;
}
.header-right {
display: flex;
align-items: center;
}
.header-right li {
margin: 0 15px;
}
.header-right #search-3 form input[type="text"] {
border: none;
box-shadow: none;
transition: all 0.6s;
width: 0;
border-radius: 1.5em;
border: 1px solid transparent;
padding: 0;
} .header-right #search-3 form.focused input[type="text"],
.header-right #search-3 form input[type="text"]:focus {
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 100px;
padding: 6px 12px;
}
.header-right #search-3 input[type="submit"] {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/search.png) center no-repeat;
text-indent: -9999px;
width: 30px;
margin: 0 10px;
} .vk-mobile-nav-menu-btn {
display: none;
}
.btnMenu {
display: block;
width: 30px;
text-align: center;
overflow: hidden;
white-space: nowrap;
z-index: 10;
font-size: 0.5rem;
color: #000;
}
.btnMenu a {
display: block;
padding: 2px 0;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
}
.btnMenu span {
display: block;
margin: 8px auto;
width: 100%;
height: 4px;
background: #000;
border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.btnMenu span:first-child {
margin-top: 0;
}
.btnMenu span:last-child {
margin-bottom: 0;
}
.btnMenu.active span:first-child {
-webkit-transform: translateY(12px) rotate(45deg);
-moz-transform: translateY(12px) rotate(45deg);
-ms-transform: translateY(12px) rotate(45deg);
transform: translateY(12px) rotate(45deg);
margin-top: 0;
}
.btnMenu.active span:nth-child(2) {
opacity: 0;
}
.btnMenu.active span:last-child {
-webkit-transform: translateY(-12px) rotate(-45deg);
-moz-transform: translateY(-12px) rotate(-45deg);
-ms-transform: translateY(-12px) rotate(-45deg);
transform: translateY(-12px) rotate(-45deg);
margin-bottom: 0;
}
.gMenu_outer,
.gMenu_outer.itemClose,
.gMenu_outer.itemOpen {
width: 100%;
padding: 10px 0;
}
nav {
display: flex;
justify-content: center;
}
ul.gMenu {
float: none;
}
.nav > li {
margin: 0 10px;
font-size: 1.2rem;
line-height: 1em;
}
.nav > li > a {
padding: 10px 5px;
z-index: 10;
}
.nav > li > a:focus,
.nav > li > a:hover {
text-decoration: none;
background: none;
outline: none;
}
ul.gMenu > li a:hover {
color: #fff;
font-weight: bold;
}
ul.gMenu > li.current-menu-ancestor > a:after,
ul.gMenu > li.current-menu-item > a:after,
ul.gMenu > li.current-menu-parent > a:after,
ul.gMenu > li.current-post-ancestor > a:after,
ul.gMenu > li.current_page_ancestor > a:after,
ul.gMenu > li.current_page_parent > a:after,
ul.gMenu > li > a:hover:after {
content: "";
border-bottom: none;
}
ul.gMenu > li a:after {
content: "";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
width: 100%;
height: 4px;
left: 0;
bottom: 0;
transition: 0.3s ease-out;
z-index: -1;
border: none;
}
#menu-header_menu li a:hover:after {
}
#menu-header_menu li:nth-child(1) a:after {
background: #90c31f;
}
#menu-header_menu li:nth-child(2) a:after {
background: #e60012;
}
#menu-header_menu li:nth-child(3) a:after {
background: #2eacb5;
}
#menu-header_menu li:nth-child(4) a:after {
background: #ecc300;
}
#menu-header_menu li:nth-child(1) a:hover:after {
height: 100%;
}
#menu-header_menu li:nth-child(2) a:hover:after {
height: 100%;
}
#menu-header_menu li:nth-child(3) a:hover:after {
height: 100%;
}
#menu-header_menu li:nth-child(4) a:hover:after {
height: 100%;
}
.modal-backdrop.in {
opacity: 0.8;
}
.modal-dialog {
width: 100%;
margin: 120px auto 30px;
}
.close {
color: #fff;
text-shadow: 0 1px 0 #000;
opacity: 1;
}
.close:focus,
.close:hover {
color: #fff;
opacity: 0.8;
}
.modal-header {
border: none;
}
.modal-content {
background: none;
box-shadow: none;
}
.modal-content h2 {
color: #fff;
margin-bottom: 0;
}
.modal-content p {
color: #fff;
}
.modal-content a {
color: #fff;
}
.modal-content a.release {
position: relative;
padding-right: 1.5em;
}
.modal-content a.release:before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #fff;
border-radius: 50%;
width: 1em;
height: 1em;
}
.modal-content a.release:after {
content: "";
position: absolute;
top: 50%;
right: 0.3em;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 6px solid #333;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
a.tag-link-8,
a.tag-link-26,
a.tag-link-48 {
display: none;
}
.widget_archive ul,
.widget_categories ul,
.widget_link_list ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
font-size: 1rem;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_link_list ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a {
border-bottom: none;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 0;
}
.widget_nav_menu ul li a {
padding: 0;
}
.tagcloud a {
color: #333;
}
.widget .tagcloud a {
margin: 0.4em;
padding: 0 1em;
background: #fff;
border: #fff solid 1px;
border-radius: 1.5em;
display: inline-block;
}
.tagcloud a:before {
content: none;
}
.widget .tagcloud a:hover {
border: #fff solid 1px;
background: #333;
color: #fff;
text-decoration: none;
opacity: 1;
}
.widget .subSection-title {
font-size: 1.2rem;
}
.breadSection {
background: #f8f8f8;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.breadSection .breadcrumb {
font-size: 0.7rem;
font-weight: bold;
color: #333;
}
.breadSection .breadcrumb span {
font-size: 0.7rem;
}
.breadSection .breadcrumb > li {
font-size: 0.7rem;
font-weight: bold;
}
.breadSection .breadcrumb > li + li:before {
content: ">";
font-size: 0.7rem;
font-weight: bold;
color: #333;
}
.breadSection .breadcrumb a {
color: #333;
}
.page-header {
background: none;
color: #333;
text-align: center;
border: none;
}
.btn-primary.interview {
color: #fff;
background-color: #90c31f;
border: none;
}
.btn-primary.report {
color: #fff;
background-color: #e60012;
border: none;
}
.btn-primary.news {
color: #fff;
background-color: #2eacb5;
border: none;
}
.btn-primary.column {
color: #fff;
background-color: #ecc300;
border: none;
}
.btn-primary.interview:hover,
.btn-primary.interview:active:hover {
color: #fff;
background-color: #b2e248;
border: none;
}
.btn-primary.report:hover,
.btn-primary.report:active:hover {
color: #fff;
background-color: #ff636f;
border: none;
}
.btn-primary.news:hover,
.btn-primary.news:active:hover {
color: #fff;
background-color: #71d4db;
border: none;
}
.btn-primary.column:hover,
.btn-primary.column:active:hover {
color: #fff;
background-color: #ffde43;
border: none;
}
.entry-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 0.8em;
padding-left: 3px;
}
.entry-meta_items {
font-size: 1rem;
font-weight: bold;
}
.entry-meta_items_term {
float: none;
margin-right: 0;
font-size: 1rem;
font-weight: bold;
line-height: 1em;
}
.entry-meta_items_term .btn-xs {
padding: 0 1em;
font-size: 1rem;
line-height: 1.2;
border-radius: 1em;
}
.fa_v5_css .entry-meta_items.published::before {
content: none;
}
#custom_html-6 h1 {
width: 100%;
text-align: center;
font-size: 1.6rem;
font-weight: bold;
margin-top: 0;
}
.follow {
display: flex;
justify-content: center;
padding: 0;
}
.follow li {
margin: 10px;
list-style: none;
}
.follow a {
width: 90px;
height: 90px;
border-radius: 50%;
color: #fff;
font-size: 2.1rem;
display: flex;
justify-content: center;
align-items: center;
text-indent: -9999px;
}
.follow a.x {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/x.png) center no-repeat, #55acee;
}
.follow a.facebook {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/facebook.png) center no-repeat, #4e69a1;
}
.follow a:hover {
opacity: 0.8;
}
footer {
background-color: #333;
border-top: none;
}
footer .subSection-title {
color: #fff;
}
footer p {
color: #fff;
}
footer a {
color: #fff;
}
footer a:hover {
color: #fff;
}
footer p.footer_logo {
font-size: 0.9rem;
}
footer .footerMenu ul {
display: flex;
justify-content: center;
}
footer .footerMenu li {
float: none;
border-right: 1px solid #fff;
margin: 0;
}
footer .footerMenu li:last-child {
border-right: none;
}
footer .footerMenu li a {
border-left: none;
margin: 0 10px;
}
footer .footerMenu li:first-child a {
border-left: none;
}
footer .footerMenu li:last-child a {
border-right: none;
}
footer .footerMenu li a:hover {
text-decoration: underline;
}
footer a.release {
position: relative;
padding-right: 1.5em;
}
footer a.release:before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #fff;
border-radius: 50%;
width: 1em;
height: 1em;
}
footer a.release:after {
content: "";
position: absolute;
top: 50%;
right: 0.3em;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 6px solid #333;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
footer .widget_nav_menu {
margin: 1.2em auto;
}
footer .nav li a {
color: #fff;
font-size: 1rem;
}
footer .copySection {
border-top: none;
padding-top: 0;
}
footer .copySection p {
font-size: 1rem;
}
footer .telework {
text-align: center;
background: url(//kurashigoto.me/wp/wp-content/uploads/2020/12/telework_pioneer_500.png) center top no-repeat;
background-size: 80px auto;
padding: 90px 0 0;
display: inline-block;
line-height: 1.5;
margin-bottom: 0;
width: 100%;
font-size: 0.8rem;
}
ul.page-numbers li span.page-numbers.current {
color: #fff;
background-color: #333;
} .card {
margin-bottom: 28px;
}
.card a {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
padding: 18px;
border: #999 solid 2px;
border-radius: 5px;
color: #333;
line-height: 1.5;
background: #fff;
height: 100%;
}
.card a:hover {
text-decoration: none;
color: #333;
background: #f8f8f8;
border: #333 solid 2px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.card a:hover img {
opacity: 1;
}
.card .card-thumbnail {
width: 300px;
height: auto;
position: relative;
overflow: hidden;
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
aspect-ratio: 16 / 9;
}
.card .card-thumbnail.no_img {
height: auto;
background: #eee;
color: #ccc;
display: flex;
justify-content: center;
align-items: center;
}
.card a .card-thumbnail img {
width: auto;
height: 100%;
min-width: 100%;
margin: 0 auto;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.card .card-txt {
width: calc(100% - 320px);
}
.card-header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.card .card-favicon {
font-size: 1.1rem;
font-weight: bold;
}
.card .card-favicon img {
margin-right: 5px;
vertical-align: baseline;
}
.card-category {
padding: 0 1em;
font-size: 1rem;
line-height: 1.5em;
border-radius: 1em;
}
.card-category.interview {
color: #fff;
background-color: #90c31f;
border: none;
}
.card-category.report {
color: #fff;
background-color: #e60012;
border: none;
}
.card-category.news {
color: #fff;
background-color: #2eacb5;
border: none;
}
.card-category.column {
color: #fff;
background-color: #ecc300;
border: none;
}
.card .card-date {
font-size: 1rem;
}
.card .card-title {
font-size: 1.2rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 0;
} .top_slider .card {
margin: 0;
}
.top_slider .card a {
position: relative;
padding: 0;
background: #f1f1f1;
border: none;
border-radius: 0;
}
.top_slider .card a:hover {
color: #333;
opacity: 0.8;
}
.top_slider .card a:hover img {
}
.top_slider .card .card-thumbnail {
width: 640px;
height: 480px;
position: relative;
overflow: hidden;
}
.top_slider .card a .card-thumbnail img {
width: auto;
height: 100%;
min-width: 100%;
margin: 0 auto;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.top_slider .card .card-txt {
width: 55%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0.5);
padding: 130px 80px 0 50px;
}
.top_slider .card-header {
margin-bottom: 40px;
}
.top_slider .card a .pickup {
position: absolute;
top: 0;
left: 0;
background: #000;
color: #fff;
font-size: 1rem;
padding: 0.5em 1.5em;
line-height: 1em;
border-radius: 0 0 1em 0;
}
.top_slider .slick-prev,
.top_slider .slick-next {
background: rgba(0, 0, 0, 0.2);
width: 40px;
height: 80px;
z-index: 100;
transition: all 0.5s;
}
.top_slider .slick-prev:hover,
.top_slider .slick-next:hover {
background: rgba(0, 0, 0, 1);
}
.top_slider .slick-prev:before,
.top_slider .slick-next:before {
content: "";
width: 0;
height: 0;
opacity: 1;
position: absolute;
}
.top_slider .slick-prev {
left: 0;
border-radius: 0 20px 20px 0;
}
.top_slider .slick-prev:before {
border-right: 15px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
left: 50%;
top: 50%;
transform: translate(-60%, -50%);
}
.top_slider .slick-next {
right: 0;
border-radius: 20px 0 0 20px;
}
.top_slider .slick-next:before {
border-left: 15px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
left: 50%;
top: 50%;
transform: translate(-40%, -50%);
}
.top_slider .slick-dots li button:before {
opacity: 0.1;
}
.slick-dots li.slick-active button:before {
opacity: 0.3;
}
.top_bnr {
text-align: center;
padding: 50px 0;
}
.top_bnr a {
color: #333;
}
.entry-body .lifestage h2,
.entry-body .workspace h2,
.entry-body .workstyle h2 {
width: 100%;
text-align: center;
border: none;
font-size: 1.6rem;
font-weight: bold;
}
.lifestage .more,
.workspace .more,
.workstyle .more {
width: 60%;
text-align: center;
border: #333 solid 2px;
font-size: 1rem;
font-weight: bold;
display: block;
background: #fff;
line-height: 3.6em;
margin: 0 auto 100px;
position: relative;
color: #333;
}
.lifestage .more:after,
.workspace .more:after,
.workstyle .more:after {
content: "＞";
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
}
.lifestage .more:hover,
.workspace .more:hover,
.workstyle .more:hover {
border: #333 solid 2px;
background: #333;
color: #fff;
text-decoration: none;
}
.lifestage .more:hover:after,
.workspace .more:hover:after,
.workstyle .more:hover:after {
}
.lifestage .card_wrap,
.workspace .card_wrap,
.workstyle .card_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lifestage .card,
.workspace .card,
.workstyle .card {
width: calc((100% - 40px) / 3);
margin-bottom: 50px;
}
.lifestage .card .card-txt,
.workspace .card .card-txt,
.workstyle .card .card-txt {
width: 100%;
margin-top: 18px;
} .mainSection header {
border-bottom: none;
margin: 0 auto;
}
.single-post-img {
min-width: 600px;
}
.entry-body {
margin: 0 auto;
}
h1.entry-title {
font-size: 1.7rem;
font-weight: bold;
}
.entry-body h2 {
font-size: 1.6rem;
font-weight: bold;
padding: 0 0 1em;
border-bottom: #333 solid 6px;
margin-top: 100px;
}
.entry-body h3 {
font-size: 1.4rem;
font-weight: bold;
color: #ff9933;
position: relative;
}
.entry-body strong {
font-weight: bold;
background: linear-gradient(transparent 45%, rgba(236, 195, 0, 0.5) 0%);
}
.wp-block-freeform.block-library-rich-text__tinymce blockquote,
blockquote,
blockquote.wp-block-quote:not(.is-large):not(.is-style-large) {
border: none;
background-color: #f4f4f4;
font-size: 1rem;
}
.fa_v4 blockquote,
.fa_v5_css blockquote {
padding: 15px;
}
blockquote ol,
blockquote p,
blockquote ul {
padding: 60px;
}
.fa_v4 blockquote:before,
.fa_v5_css blockquote:before {
content: "";
width: calc(100% - 30px);
height: calc(100% - 30px);
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/quote-left.png) 10px 10px no-repeat;
top: 15px;
left: 15px;
border: #ccc dashed 2px;
box-sizing: border-box;
}
.fa_v4 blockquote:after,
.fa_v5_css blockquote:after {
content: "";
width: 40px;
height: 31px;
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/quote-right.png) no-repeat;
bottom: 25px;
right: 25px;
}
.wp-caption {
background: none;
line-height: 18px;
margin: 0;
padding: 0;
text-align: center;
border: none;
max-width: 100% !important;
}
.wp-caption img {
margin: 0 0 9px;
max-width: 100% !important;
height: auto !important;
}
.wp-caption p.wp-caption-text {
color: #999;
font-size: 1rem;
}
.lead {
font-size: 1.4rem;
}
.share {
display: flex;
padding: 0;
}
.share li {
width: calc(100% / 3);
list-style: none;
}
.share a {
width: 100%;
height: 86px;
color: #fff;
font-size: 2.1rem;
display: flex;
justify-content: center;
align-items: center;
text-indent: -9999px;
}
.share a:hover {
opacity: 0.8;
}
.share a.x {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/x.png) center no-repeat, #55acee;
}
.share a.facebook {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/facebook.png) center no-repeat, #4e69a1;
}
.share a.line {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/line.png) center no-repeat, #00b900;
}
#ez-toc-container {
background: none;
border: none;
width: 100%;
padding: 0;
box-shadow: none;
margin-bottom: 80px;
}
.ez-toc-title-container {
margin-bottom: 40px;
}
div#ez-toc-container p.ez-toc-title {
width: 100%;
position: relative;
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
}
div#ez-toc-container p.ez-toc-title:after {
content: "";
width: calc(100% - 3em);
height: 2px;
background: #333;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
div#ez-toc-container ul.ez-toc-list > li {
padding-left: 2em;
text-indent: 0;
counter-increment: li1;
font-size: 1rem;
margin-bottom: 0.7em;
position: relative;
}
div#ez-toc-container ul.ez-toc-list > li:before {
text-indent: 0;
background: #333;
border: #666 solid 1px;
border-radius: 50%;
width: 1.4rem;
height: 1.4rem;
display: block;
content: "";
box-sizing: border-box;
position: absolute;
top: 0.1em;
left: 0;
}
div#ez-toc-container ul.ez-toc-list > li:after {
color: #fff;
font-size: 1rem;
width: 1.4rem;
height: 1.4rem;
display: inline-block;
text-align: center;
line-height: 1.4rem;
content: counter(li1);
box-sizing: border-box;
position: absolute;
top: 0.1em;
left: 0;
}
div#ez-toc-container ul.ez-toc-list > li > ul {
margin-left: 0;
}
div#ez-toc-container ul.ez-toc-list > li > ul > li {
padding-left: 2em;
text-indent: 0;
counter-increment: li2;
font-size: 1rem;
position: relative;
}
div#ez-toc-container ul.ez-toc-list > li > ul > li a {
color: #666;
}
div#ez-toc-container ul.ez-toc-list > li > ul > li:before {
text-indent: 0;
background: none;
border: #666 solid 1px;
border-radius: 50%;
width: 1.4rem;
height: 1.4rem;
display: block;
content: "";
box-sizing: border-box;
position: absolute;
top: 0.1em;
left: 0;
}
div#ez-toc-container ul.ez-toc-list > li > ul > li:after {
color: #666;
font-size: 1rem;
width: 1.4rem;
height: 1.4rem;
display: inline-block;
text-align: center;
line-height: 1.4rem;
content: counter(li2);
box-sizing: border-box;
position: absolute;
top: 0.1em;
left: 0;
}
#ez-toc-container a {
vertical-align: middle;
}
.interviewee {
margin-bottom: 100px;
}
.interviewee .box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-top: #333 solid 2px;
border-bottom: #333 solid 2px;
background: #f4f4f4;
margin-bottom: 35px;
padding: 0 20px 20px 20px;
}
.interviewee h3 {
width: 100%;
font-size: 1.1rem;
margin-left: -20px;
padding-left: 0;
}
.entry-body .interviewee h3:before {
content: none;
}
.interviewee h3 span {
display: block;
width: 20em;
max-width: 100%;
background: #333;
color: #fff;
padding-left: 0.5em;
}
.interviewee .image {
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.interviewee .text_box {
width: calc(100% - 140px);
}
.interviewee .name {
font-weight: bold;
font-size: 1.2rem;
}
.interviewee .text {
font-size: 1rem;
}
.interviewee h3.featured-img {
width: 100%;
color: #333;
font-size: 1rem;
margin-left: 0;
padding-left: 0;
}
.editorial_note {
border: #999 solid 2px;
padding: 60px 50px;
}
.entry-body .editorial_note h1,
.entry-body .editorial_note h2 {
font-size: 1.4rem;
font-weight: bold;
padding: 0;
border-bottom: none;
margin-top: 0;
}
.entry-body .editorial_note h1:before,
.entry-body .editorial_note h2:before {
content: "【";
}
.entry-body .editorial_note h1:after,
.entry-body .editorial_note h2:after {
content: "】";
}
.entry-body .editorial_note .text {
font-size: 1.2rem;
}
.entry-body .h2 {
font-size: 1.6rem;
font-weight: bold;
padding: 0 0 1em;
border-bottom: #333 solid 6px;
margin-top: 100px;
}
.tag_list {
padding: 100px 0;
}
.tag_list_inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tag_list h2 {
width: 100%;
text-align: center;
border: none;
font-size: 1.6rem;
font-weight: bold;
margin-top: 0;
}
.tag_list a {
border: #333 solid 2px;
border-radius: 1.5em;
padding: 0.5em 1em;
background: #fff;
color: #333;
display: inline-block;
line-height: 1;
margin: 0.3em;
}
.tag_list a:hover {
border: #333 solid 2px;
background: #333;
color: #fff;
text-decoration: none;
}
.relatedposts h2 {
width: 100%;
text-align: left;
border: none;
font-size: 1.6rem;
font-weight: bold;
background: #333;
color: #fff;
padding: 0 calc(50vw - 425px);
} .wpcf7 dt {
border: none;
padding-left: 0;
}
.wpcf7 dd {
border: none;
padding-left: 0;
}
.required-contactform7 {
padding: 3px 5px;
background: #cc0000;
color: #fff;
border-radius: 3px;
margin-right: 5px;
font-size: 0.7rem;
}
.required-contactform72 {
padding: 3px 5px;
background: #ccc;
color: #fff;
border-radius: 3px;
margin-right: 5px;
font-size: 0.7rem;
}
.wpcf7 .wpcf7-text {
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #f7f7f7;
transition: 0.3s ease-out;
box-shadow: none;
}
.wpcf7 .wpcf7-textarea {
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #f7f7f7;
transition: 0.3s ease-out;
box-shadow: none;
}
.wpcf7 dt a {
text-decoration: underline;
}
.wpcf7 .btn-submit {
width: 60%;
text-align: center;
display: block;
font-size: 1rem;
font-weight: bold;
margin: 40px auto 100px;
padding: 0;
position: relative;
color: #fff;
}
.wpcf7 .wpcf7-submit {
width: 100%;
text-align: center;
border: #333 solid 2px;
border-radius: 0;
font-size: 1rem;
font-weight: bold;
display: block;
color: #fff;
background: #333;
line-height: 3.6em;
margin: 0 auto;
padding: 0;
transition: 0.3s ease-out;
} div.wpcf7 .ajax-loader {
display: none !important;
}
.wpcf7 .privacy {
margin-top: 50px;
text-align: left;
margin: 50px auto;
}
.wpcf7 .privacy .heading {
font-weight: bold;
text-align: center;
}
.wpcf7 .privacy dl {
height: 300px;
overflow: auto;
border: 1px solid #ccc;
padding: 1em;
}
.wpcf7 .privacy dt {
border: none;
font-size: 15px;
}
.wpcf7 .privacy dd {
border: none;
padding-left: 2em;
font-size: 13px;
}
.wpcf7 .privacy .wpcf7-form-control-wrap.agree {
text-align: center;
display: block;
} .grecaptcha-badge {
bottom: 60px!important;
}
@media (min-width: 768px) { .wpcf7 dl {
display: table;
width: 100%;
border-top: 1px solid #efefef;
margin-top: 0;
margin-bottom: 0;
}
.wpcf7 dl:last-of-type {
border-bottom: 1px solid #efefef;
}
.wpcf7 dt {
display: table-cell;
width: 35%;
margin-bottom: 0;
background-color: #f7f7f7;
padding: 20px;
border: none;
}
.wpcf7 dd {
display: table-cell;
width: 65%;
padding: 20px;
}
.wpcf7 span.wpcf7-form-control-wrap {
display: block;
position: relative;
}
.wpcf7 .wpcf7-text {
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #f7f7f7;
transition: 0.3s ease-out;
}
.wpcf7 .wpcf7-textarea {
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #f7f7f7;
transition: 0.3s ease-out;
}
.wpcf7 p {
color: #222;
margin: 0 0 12px;
width: 100%;
position: relative;
}
.wpcf7 .btn-submit:hover {
color: #333;
}
.wpcf7 .wpcf7-submit:hover {
border: #333 solid 2px;
background: #fff;
color: #333;
text-decoration: none;
}
.wpcf7 .privacy {
margin-top: 100px;
}
.wpcf7 .privacy dl {
border: 1px solid #ccc;
display: block;
}
.wpcf7 .privacy dt {
border: none;
display: block;
width: 100%;
padding: 0;
background: none;
}
.wpcf7 .privacy dd {
border: none;
display: block;
width: 100%;
}
}
@media (min-width: 992px) {
.siteContent .container {
max-width: 1030px;
}
.single .siteContent .container {
max-width: 780px;
}
footer .widget_nav_menu {
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.container {
width: 1030px;
}
.siteContent {
padding: 1em 0 3.5em;
}
.siteContent .container {
max-width: 1030px;
}
.single .siteContent .container {
max-width: 780px;
}
}
@media (max-width: 991px) {
.navbar-brand {
float: left;
}
.navbar-brand img {
}
.gMenu_outer {
display: block;
height: auto;
overflow: auto;
}
.gMenu_outer.itemClose {
display: block;
}
ul.gMenu {
border-top: none;
}
ul.gMenu > li {
float: left;
}
footer {
text-align: center;
}
.lifestage .card,
.workspace .card,
.workstyle .card {
width: 100%;
margin-bottom: 28px;
}
.lifestage .card .card-txt,
.workspace .card .card-txt,
.workstyle .card .card-txt {
width: calc(100% - 320px);
margin-top: 0;
}
}
@media (max-width: 767px) {
html {
font-size: 4vw;
}
body {
font-size: 1rem;
}
p,
li,
blockquote,
.entry-content,
.entry-content p,
.entry-content li,
.post,
.lead,
.post p {
line-height: 1.8 !important;
}
.sp {
display: block;
}
.pc {
display: none;
}
.siteHeader .container {
padding: 5px 0 4px;
}
.container > .navbar-header {
margin-right: 0;
margin-left: 0;
}
.navbar-brand {
padding: 0 15px;
}
.navbar-brand img {
max-height: 50px;
}
.header-right li {
margin: 0 15px 0 0;
}
.header-right #search-3 form input[type="text"], .header-right #search-3 form.focused input[type="text"],
.header-right #search-3 form input[type="text"]:focus {
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 20vw;
padding: 6px;
}
.header-right #search-3 input[type="submit"] {
background-size: contain;
width: 20px;
margin: 0 0 0 5px;
}
.btnMenu {
width: 20px;
}
.btnMenu span {
margin: 5px auto;
height: 3px;
}
.btnMenu.active span:first-child {
-webkit-transform: translateY(8px) rotate(45deg);
-moz-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.btnMenu.active span:last-child {
-webkit-transform: translateY(-8px) rotate(-45deg);
-moz-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
.modal-dialog {
margin: 40px auto;
}
.modal-content h2 {
font-weight: bold;
}
.widget_archive ul,
.widget_categories ul,
.widget_link_list ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
font-size: 0.9rem;
}
.gMenu_outer {
padding: 0;
}
ul.gMenu {
display: flex;
width: 100%; }
ul.gMenu:after {
content: none;
}
#menu-header_menu li {
width: 25%; margin: 0;
}
#menu-header_menu li:last-child {
border-right: none;
}
#menu-header_menu li a {
padding: 0.5em 0 0.4em;
text-align: center;
color: #fff;
line-height: 1em;
font-size: 0.8rem;
}
#menu-header_menu li:nth-child(1) a {
background: #90c31f;
}
#menu-header_menu li:nth-child(2) a {
background: #e60012;
}
#menu-header_menu li:nth-child(3) a {
background: #2eacb5;
}
#menu-header_menu li:nth-child(4) a {
background: #ecc300;
}
.breadSection {
display: none;
}
.siteContent {
padding: 0.5em 0 1.5em;
}
.mainSection header img {
width: 100vw;
max-width: none;
margin-left: -15px;
}
.single-post-img {
min-width: auto;
}
h1.entry-title {
font-size: 1.5rem;
}
.entry-body h2 {
font-size: 1.4rem;
margin-top: 20vw;
padding: 0;
border-bottom: #333 solid 4px;
}
.entry-body h3 {
font-size: 1.3rem;
}
.entry-body h3:before {
width: 20px;
height: 2px;
}
.entry-meta .entry-meta_items_term {
margin-top: 0;
}
.lead {
font-size: 1rem;
}
.share a {
height: 50px;
background-size: auto 40px;
}
.share a.x,
.share a.facebook,
.share a.line {
background-size: auto 50%;
}
div#ez-toc-container p.ez-toc-title {
font-size: 1rem;
}
.ez-toc-title-container {
margin-bottom: 20px;
}
div#ez-toc-container ul li {
font-size: 1rem;
}
div#ez-toc-container ul li:before {
font-size: 1rem;
}
.interviewee .box {
flex-direction: column;
padding: 0;
}
.interviewee h3 {
margin-left: 0;
text-align: center;
}
.interviewee h3 span {
padding-left: 0;
}
.interviewee .text_box {
width: calc(100% - 30px);
margin: 15px;
}
.interviewee .name {
font-size: 1rem;
text-align: center;
}
.interviewee .text {
font-size: 0.9rem;
}
.wp-block-freeform.block-library-rich-text__tinymce blockquote,
blockquote,
blockquote.wp-block-quote:not(.is-large):not(.is-style-large) {
font-size: 1rem;
}
.fa_v4 blockquote,
.fa_v5_css blockquote {
padding: 10px;
}
.fa_v4 blockquote:before,
.fa_v5_css blockquote:before {
width: calc(100% - 20px);
height: calc(100% - 20px);
background-size: auto 15px;
background-position: 5px 5px;
top: 10px;
left: 10px;
}
.fa_v4 blockquote:after,
.fa_v5_css blockquote:after {
width: 20px;
height: 15px;
background-size: auto 15px;
bottom: 15px;
right: 15px;
}
blockquote ol,
blockquote p,
blockquote ul {
padding: 20px 10px;
}
.wp-caption p.wp-caption-text {
font-size: 0.8rem;
}
.editorial_note {
padding: 20px 15px;
}
.entry-body .editorial_note h2 {
font-size: 1.2rem;
}
.entry-body .editorial_note .text {
font-size: 1rem;
line-height: 1.8em;
}
.entry-body .h2 {
font-size: 1.4rem;
margin-top: 20vw;
padding: 0;
border-bottom: #333 solid 4px;
}
.tag_list h2 {
font-size: 1.1rem;
}
.relatedposts h2 {
font-size: 1.1rem;
padding: 0 15px;
}
.card,
.lifestage .card,
.workspace .card,
.workstyle .card {
margin-bottom: 15px;
}
.card a {
flex-direction: column;
padding: 15px;
}
.card .card-thumbnail {
width: 100%;
margin: 0 auto 15px;
text-align: center;
}
.card a .card-thumbnail img {
width: 300px;
height: auto;
min-width: auto;
}
.card .card-txt,
.lifestage .card .card-txt,
.workspace .card .card-txt,
.workstyle .card .card-txt {
width: 100%;
}
.card .card-favicon {
font-size: 0.9rem;
font-weight: bold;
}
.card .card-date {
font-size: 0.9rem;
}
.card .card-title {
font-size: 1.2rem;
margin-bottom: 0;
}
.tag_list a { margin: 0.4em;
font-size: 0.9rem;
}
#custom_html-6 h1 {
font-size: 1.1rem;
}
footer .footerMenu ul {
margin: 10px 0;
}
footer .footerMenu li {
border-bottom: none;
}
footer .footerMenu li a {
padding-top: 0;
padding-bottom: 0;
}
.top_slider {
margin: 0 -15px;
}
.top_slider .card .card-thumbnail {
margin-bottom: 0;
width: 100vw;
height: calc(100vw / 3 * 2);
position: relative;
overflow: hidden;
}
.top_slider .card a .card-thumbnail img {
width: 100%;
height: auto;
max-height: none;
margin: 0 auto;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.top_slider .card .card-txt {
width: 100%;
height: auto;
position: static;
top: auto;
right: auto;
background: #fff;
padding: 15px;
}
.top_slider .card-header {
margin-bottom: 15px;
}
.top_slider .slick-prev,
.top_slider .slick-next {
width: 30px;
height: 60px;
top: 30%;
}
.top_slider .slick-prev {
border-radius: 0 15px 15px 0;
}
.top_slider .slick-prev:before {
border-right: 10px solid #fff;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.top_slider .slick-next {
border-radius: 15px 0 0 15px;
}
.top_slider .slick-next:before {
border-left: 10px solid #fff;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.top_bnr {
padding: 15px 0;
}
.top_bnr p {
padding: 15px 0;
margin-bottom: 0;
}
.lifestage .more,
.workspace .more,
.workstyle .more {
width: 90%;
font-size: 1rem;
margin: 0 auto 20vw;
}
.wpcf7 .btn-submit {
width: 90%;
font-size: 0.8rem;
margin: 20vw auto;
}
.wpcf7-form-control-wrap.agree {
text-align: center;
}
.wpcf7-form-control-wrap.agree > span {
margin: 0 auto;
display: block;
}
}
.page-header {
margin-top: 100px;
}
.page-header + .siteContent{
margin-top: 80px;
}
.siteContent .page-header {
margin-top: 0;
}
@media (max-width: 767px) {
.page-header {
margin-top: 80px;
}
.page-header + .siteContent{
margin-top: 60px;
}
}
@media (max-width: 415px) {
.page-header {
margin-top: 60px;
}
.page-header + .siteContent{
margin-top: 40px;
}
}@media screen and (max-width: 767px) {
html {
font-size: 18px;
}
html {
font-size: 16px;
}
}
@media screen and (max-width: 415px) {
html {
font-size: 14px;
}
}
a {
text-decoration: none;
}
.container {
max-width: 1080px !important;
width: calc(100% - 30px);
padding: 0;
}
.nowrap {
display: inline-block;
}
.page_top_btn {
right: 10px;
bottom: 10px;
}
@media screen and (max-width: 415px) {
.page_top_btn {
width: 35px;
height: 34px;
bottom: 7px;
right: 8px;
}
}
.siteHeader2 {
border: none;
background: #fff; height: 100px;
border: none !important;
transition: 0.3s all ease;
}
.siteHeader2 .container {
padding: 0 !important;
height: 100%;
}
.siteHeader2 .container .navbar-header {
align-items: center;
justify-content: space-between;
}
.siteHeader2 .container .navbar-brand {
margin-right: auto;
margin-left: auto;
width: 288px;
text-align: center;
transition: 0.3s all ease;
}
.siteHeader2 .container .navbar-brand img {
width: 100% !important;
height: auto !important;
image-rendering: -webkit-optimize-contrast;
max-height: inherit !important;
}
.siteHeader2 .container .header-right {
width: 250px;
justify-content: flex-end;
}
.siteHeader2 .container .header-right li {
margin: 0 0 0 10px;
}
.siteHeader2 .container .header-left {
width: 250px;
}
.siteHeader2 .container .header-left .follow {
justify-content: flex-start;
}
.siteHeader2 .container .header-left li {
margin: 0 8px 0 0;
}
.siteHeader2 .container .btnMenu {
width: 36px;
height: 36px;
background: #000;
border-radius: 50%;
position: relative;
}
.siteHeader2 .container .btnMenu span {
background: #fff;
width: 18px;
height: 2px;
border-radius: 1px;
margin: 0;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 9px);
}
.siteHeader2 .container .btnMenu span:first-child {
transform: translateY(-6px);
}
.siteHeader2 .container .btnMenu span:last-child {
transform: translateY(6px);
}
.siteHeader2 .container .btnMenu.active span:first-child {
transform: translateY(0) rotate(45deg);
}
.siteHeader2 .container .btnMenu.active span:last-child {
transform: translateY(0) rotate(-45deg);
}
.siteHeader2 .container .follow {
margin: 0;
}
.siteHeader2 .container .follow a {
width: 36px;
height: 36px;
}
.siteHeader2 .container .follow a.facebook {
background-size: 30% auto;
background-color: #1877f2;
}
.siteHeader2 .container .follow a.x {
background-size: 50% auto;
background-color: #000000;
}
.siteHeader2 .container .phrase {
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 18px;
margin-top: 50px;
width: 100%;
}
.siteHeader2.lower .container {
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.siteHeader2 {
height: 80px;
}
.siteHeader2 .container {
padding: 15px 15px 0 10px;
}
.siteHeader2 .container .navbar-brand {
max-width: 270px;
width: 49.33vw;
}
.siteHeader2 .container .header-left li {
margin: 0 7px 0 0;
}
.siteHeader2 .container .header-right li {
margin: 0 0 0 13px;
}
.siteHeader2 .container .follow {
display: none; }
}
@media screen and (max-width: 415px) {
.siteHeader2 {
height: 60px;
}
.siteHeader2 .container {
margin: 0 10px;
padding: 0;
width: calc(100% - 20px);
}
.siteHeader2 .container .navbar-brand {
padding: 0;
margin: 0; width: 40vw;
}
.siteHeader2 .container .header-left {
display: none;
}
.siteHeader2 .container .header-left li {
margin: 0 7px 0 0;
}
.siteHeader2 .container .header-right li {
margin: 0 0 0 10px;
}
.siteHeader2 .container .follow a {
width: 25px;
height: 25px;
}
}
.header-right #search-3 {
display: block;
margin-left: 0;
}
.header-right #search-3 form {
position: relative;
}
.header-right #search-3 form::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.header-right #search-3 form.focused::after {
content: none;
}
.header-right #search-3 form.focused input[type=text],
.header-right #search-3 form input[type=text]:focus {
width: 150px;
}
@media screen and (max-width: 767px) {
.header-right #search-3 {
display: none;
}
}
.scrolled .siteHeader2 {
height: 80px;
}
.scrolled .siteHeader2 .navbar-brand {
width: 230px;
}
@media screen and (max-width: 767px) {
.scrolled .siteHeader2 {
height: 70px;
}
}
@media screen and (max-width: 415px) {
.scrolled .siteHeader2 {
height: 55px;
}
.scrolled .siteHeader2 .navbar-brand {
width: 37vw;
}
}
.modal {
z-index: 2050;
margin-top: 0 !important;
}
.modal .modal_contents {
margin-top: 115px !important;
height: 100%;
padding-bottom: 20px;
}
.modal .modal_block {
max-width: 1300px;
width: 90%;
background: #fff;
border: 2px solid #22ac38;
margin: 0 auto 0;
padding: 50px 5%;
}
.modal .modal_block .modal_heading {
text-align: center;
margin-bottom: 50px;
}
.modal .modal_block .modal_heading h2 {
color: #22ac38;
font-size: 32px;
font-weight: bold;
letter-spacing: 0.15em;
line-height: 1;
margin-bottom: 0.5em;
}
.modal .modal_block .modal_heading p {
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1;
}
.modal .modal_block #modal_searchform {
display: flex;
}
.modal .modal_block #modal_searchform input[type=text] {
margin-bottom: 0;
margin-right: 10px;
flex-grow: 1;
}
.modal .modal_block #modal_searchform input[type=text]:focus {
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
width: 100px;
padding: 6px 12px;
}
.modal .modal_block #modal_searchform input[type=submit] {
width: 6em;
background-color: #22ac38;
border-color: #22ac38;
}
.modal .modal_block h3 {
font-size: 22px;
font-weight: bold;
border-top: 1px dotted #22ac38;
margin: 35px 0 0.8em;
line-height: 1.3;
padding-top: 0.8em;
}
.modal .modal_block h3 a {
color: #000;
letter-spacing: 0.05em;
text-decoration: none;
}
.modal .modal_block h3 a:hover {
opacity: 0.7;
}
.modal .modal_block h3:before {
content: "";
display: inline-block;
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/icon_circle_arrow.svg) center no-repeat;
background-size: contain;
width: 22px;
height: 22px;
margin-right: 6px;
position: relative;
top: 2px;
}
.modal .modal_block .terms {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.modal .modal_block .terms a {
border: 1px solid #22ac38;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
line-height: 1.3;
font-size: 0.9rem;
height: 2rem;
font-weight: bold;
color: #22ac38;
margin: 0 0.7em 0.7em 0;
padding: 0 0.8em;
letter-spacing: 0.05em;
transition: 0.3s all ease;
text-decoration: none;
}
.modal .modal_block .terms a:hover {
background: #22ac38;
color: #fff;
}
@media screen and (max-width: 767px) {
.modal .modal_contents {
margin-top: 80px !important;
}
.modal .modal_block {
width: 100%;
padding: 40px 15px;
}
.modal .modal_block .modal_heading {
margin-bottom: 40px;
}
.modal .modal_block .modal_heading h2 {
font-size: 28px;
margin-bottom: 0.3em;
}
.modal .modal_block .modal_heading p {
font-size: 17px;
margin-bottom: 0.8em;
}
.modal .modal_block h3 {
font-size: 19px;
margin: 1em 0 0.5em;
}
.modal .modal_block h3 a {
font-size: inherit;
}
.modal .modal_block h3:before {
width: 19px;
height: 19px;
}
.modal .modal_block .terms a {
height: 30px;
border-radius: 15px;
font-size: 14px;
}
}
@media screen and (max-width: 415px) {
.modal .modal_block {
padding: 30px 15px;
}
.modal .modal_block .modal_heading {
margin-bottom: 30px;
}
.modal .modal_block .modal_heading h2 {
font-size: 24px;
}
.modal .modal_block .modal_heading p {
font-size: 15px;
}
.modal .modal_block h3 {
font-size: 17px;
margin: 1em 0 0.5em;
}
.modal .modal_block h3:before {
width: 17px;
height: 17px;
}
.modal .modal_block .terms a {
height: 26px;
border-radius: 13px;
font-size: 13px;
}
}
.modal-backdrop {
background: rgba(255, 255, 255, 0.8); }
.siteContent_after2 {
text-align: center;
padding-bottom: 60px;
}
.siteContent_after2 h2 {
font-weight: bold;
line-height: 1.3;
font-size: 20px;
letter-spacing: 0.1em;
margin: 0;
padding: 0;
}
.siteContent_after2 .follow {
margin-top: 15px;
}
.siteContent_after2 .follow li {
margin: 10px 7px;
}
.siteContent_after2 .follow a {
width: 55px;
height: 55px;
}
.siteContent_after2 .follow a.x {
background-size: 50% auto;
background-color: #000000;
}
.siteContent_after2 .follow a.facebook {
background-size: 30% auto;
background-color: #1877f2;
}
@media screen and (max-width: 767px) {
.siteContent_after2 {
padding: 15px 0 25px;
}
.siteContent_after2 .follow {
margin: 0;
}
}
@media screen and (max-width: 415px) {
.siteContent_after2 h2 {
font-size: 17px;
}
.siteContent_after2 .follow a {
width: 45px;
height: 45px;
}
}
.siteFooter2 {
background: #938776;
padding: 70px 0 20px;
margin-bottom: 60px;
}
.siteFooter2 p {
font-size: 16px;
}
.siteFooter2 .footerUpper {
max-width: 840px;
margin: 0 auto;
}
.siteFooter2 .footerLogo {
width: 317px;
image-rendering: -webkit-optimize-contrast;
}
.siteFooter2 .footerCatch {
font-size: 18px;
letter-spacing: 0.1em;
margin-top: 2.5em;
}
.siteFooter2 .info .company {
letter-spacing: 0.1em;
font-size: 18px;
}
.siteFooter2 .info .address {
letter-spacing: 0.1em;
}
.siteFooter2 .footerNavi {
margin: 0;
padding: 0;
}
.siteFooter2 .footerNavi li {
list-style: none;
display: inline-block;
padding: 0;
margin: 0 1em 0 0;
font-size: 16px;
}
.siteFooter2 .footerNavi li a {
font-size: inherit;
text-decoration: underline;
}
.siteFooter2 .footerBtn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 520px;
height: 66px;
background: #fff100;
color: #000;
font-size: 24px;
letter-spacing: 0.1em;
margin: 25px auto 40px;
font-weight: bold;
border-radius: 33px;
text-decoration: none;
transition: 0.3s ease all;
}
.siteFooter2 .footerBtn:hover {
background: #000;
color: #fff100;
}
.siteFooter2 .footerLowerBottom {
display: flex;
justify-content: space-between;
}
.siteFooter2 .footerLowerBottom a {
font-size: 16px;
text-decoration: none;
}
.siteFooter2 .footerLowerBottom a:hover {
opacity: 0.7;
}
.siteFooter2 .footerLowerBottom .copyright {
font-size: 16px;
margin: 0;
}
.siteFooter2.mb0 {
margin-bottom: 0 !important;
}
@media screen and (max-width: 1200px) {
.siteFooter2.mb0 .footerLowerBottom .copyright {
margin-right: 48px;
}
}
@media screen and (max-width: 767px) {
.siteFooter2 {
padding: 40px 0 20px;
text-align: center;
}
.siteFooter2 .footerLogo {
width: 250px;
}
.siteFooter2 .footerCatch {
margin: 1em 0 3em;
font-size: 13px;
}
.siteFooter2 .footerCatch br {
display: none;
}
.siteFooter2 .info {
text-align: left;
display: inline-block;
}
.siteFooter2 .info .company {
margin-bottom: 0.7em;
}
.siteFooter2 .info .address {
font-size: 14px;
margin-bottom: 0.3em;
}
.siteFooter2 .footerBtn {
width: 100%;
margin: 30px auto 20px;
height: 55px;
}
.siteFooter2 .footerLowerBottom a {
font-size: 13px;
}
.siteFooter2 .footerLowerBottom .copyright {
font-size: 13px;
}
}
@media screen and (max-width: 415px) {
.siteFooter2 {
padding-top: 30px;
margin-bottom: 48px;
}
.siteFooter2 .footerLogo {
width: 200px;
}
.siteFooter2 .footerCatch {
font-size: 12px;
}
.siteFooter2 .footerCatch br {
display: block;
}
.siteFooter2 .info .company {
font-size: 15px;
}
.siteFooter2 .info .address {
font-size: 13px;
margin-bottom: 0.3em;
}
.siteFooter2 .footerBtn {
height: 50px;
font-size: 18px;
letter-spacing: 0.05em;
}
.siteFooter2 .footerNavi li {
font-size: 13px;
}
.siteFooter2 .footerLowerBottom a {
font-size: 11px;
line-height: 1.3;
}
.siteFooter2 .footerLowerBottom .copyright {
font-size: 10px;
line-height: 1.3;
}
.siteFooter2 .col-md-6 {
padding: 0;
}
.siteFooter2.mb0 .footerLowerBottom .copyright {
margin-right: 38px;
}
}
.siteContent { margin-top: 100px;
transition: 0.3s all ease;
}
.siteContent .entry-body {
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.siteContent {
margin-top: 80px;
}
}
@media screen and (max-width: 415px) {
.siteContent {
margin-top: 60px;
}
}
.siteContentLower {
padding-top: 0;
}
.scrolled .siteContent {
margin-top: 80px;
}
.btnMore {
display: flex;
justify-content: center;
align-items: center;
height: 94px;
max-width: 400px;
width: 100%;
border-radius: 47px;
background: #fff100;
margin: 25px auto 0;
text-decoration: none;
transition: 0.3s all ease;
text-decoration: none !important;
}
.btnMore .txt {
text-align: center;
}
.btnMore .large {
color: #aaaaaa;
font-size: 24px;
font-weight: bold;
letter-spacing: 0.1em;
display: block;
line-height: 1;
}
.btnMore .small {
display: block;
color: #000;
line-height: 1;
margin-top: 1em;
font-size: 16px;
font-weight: bold;
}
.btnMore:hover {
transform: scale(1.05);
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
.btnMore {
height: 60px;
max-width: 300px;
margin-top: 0;
}
.btnMore .large {
font-size: 20px;
}
.btnMore .small {
font-size: 15px;
margin-top: 0.5em;
}
}
.secPostListTtl {
text-align: center;
margin-bottom: 15px;
}
.secPostListTtl .enTtl {
color: #fff100;
line-height: 1.3;
font-weight: bold;
margin: 0 0 30px;
position: relative;
padding: 0;
letter-spacing: 0.1em;
font-size: 34px;
border: none;
}
.secPostListTtl .enTtl:after {
content: "";
display: block;
width: 536px;
height: 6px;
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/sec_ttl_line.svg) center no-repeat;
background-size: contain;
position: absolute;
left: calc(50% - 268px);
bottom: -15px;
}
.secPostListTtl .jpTtl {
color: #000;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
margin: 0;
border: none;
}
@media screen and (max-width: 767px) {
.secPostListTtl .enTtl {
margin: 0 0 20px;
}
.secPostListTtl .enTtl:after {
width: 90vw;
left: calc(50% - 45vw);
background-size: 536px auto;
bottom: -10px;
}
.secPostListTtl .jpTtl {
font-size: 20px;
}
}
@media screen and (max-width: 415px) {
.secPostListTtl .enTtl {
font-size: 26px;
}
.secPostListTtl .jpTtl {
font-size: 17px;
}
}
.postList {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 65px 0 0;
padding: 0;
list-style: none;
}
.postList .postListItem {
list-style: none;
width: 31%;
margin: 0 0 35px 0;
background: #f5f5f5;
overflow: hidden;
position: relative;
}
.postList .postListItem.dummy {
margin: 0;
padding: 0;
background: none;
height: 0;
}
.postList .postListItem .photoWrapper {
overflow: hidden;
position: relative;
width: 100%;
padding-top: 56.25%;
}
.postList .postListItem .photo {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: 0.3s all ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.postList .postListItem .txt {
padding: 25px 15px 40px;
}
.postList .postListItem h3 {
color: #000;
font-weight: bold;
line-height: 1.3;
font-size: 20px;
margin: 0 0 1em;
letter-spacing: 0;
padding: 0;
text-align: left;
}
.postList .postListItem h3:before {
display: none;
}
.postList .postListItem .category {
display: inline-flex;
justify-content: center;
align-items: center;
height: 22px;
border-radius: 11px;
padding: 0.1em 0.5em 0;
background: #22ac38;
color: #fff;
font-weight: bold;
font-size: 16px;
margin-bottom: 20px;
}
.postList .postListItem .date {
font-size: 12px;
color: #000;
position: absolute;
left: 15px;
bottom: 10px;
margin: 0;
}
.postList .postListItem a {
color: inherit;
text-decoration: none;
transition: 0.3s all ease;
display: block;
}
.postList .postListItem a:hover {
opacity: 0.7;
}
.postList .postListItem a:hover .photo {
transform: scale(1.1);
}
@media screen and (max-width: 767px) {
.postList {
margin: 40px 0 10px !important;
margin-bottom: 0;
}
.postList .postListItem {
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 415px) {
.postList .postListItem h3 {
font-size: 18px;
}
}
.topPage .catchPhrase {
text-align: center;
padding: 15px 0 35px;
}
.topPage .catchPhrase p {
font-weight: bold;
font-size: 20px;
letter-spacing: 0.1em;
margin: 0;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.topPage .catchPhrase {
padding: 0 0 30px;
}
.topPage .catchPhrase p {
font-size: 20px;
}
}
@media screen and (max-width: 415px) {
.topPage .catchPhrase {
padding: 0 0 20px;
}
.topPage .catchPhrase p {
font-size: 18px;
}
}
.topPage .secSlide {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/slide_bg.png) center no-repeat;
background-size: 100% 100%;
padding: 40px 0 120px;
}
.topPage .secSlide .categoryList {
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
margin: 0 0 85px;
padding: 0;
position: relative;
z-index: 2;
}
.topPage .secSlide .categoryList li {
width: 18%;
list-style: none;
margin: 0;
padding: 0;
}
.topPage .secSlide .categoryList li .parent {
background: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #22ac38;
height: 30px;
border-radius: 15px;
font-size: 18px;
font-weight: bold;
transition: 0.3s all ease;
text-decoration: none;
}
.topPage .secSlide .categoryList li .parent:hover {
background: #d6f7db;
}
.topPage .secSlide .categoryList li .childCategoryList {
display: none;
}
.topPage .secSlide .categoryList li.active .parent {
background: #22ac38;
color: #fff;
position: relative;
}
.topPage .secSlide .categoryList li.active .parent:after {
content: "";
display: block;
width: 100%;
height: 45px;
background: #fff;
position: absolute;
left: 0;
top: 15px;
z-index: -1;
}
.topPage .secSlide .categoryList li.active .childCategoryList {
display: block;
position: absolute;
left: calc(50% - 650px);
top: 50px;
background: #fff;
max-width: 1300px;
width: 95vw;
padding: 40px 0;
z-index: 999;
}
.topPage .secSlide .categoryList li.active .childCategoryList .container {
text-align: left;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.topPage .secSlide .categoryList li.active .childCategoryList a {
display: inline-flex;
justify-content: center;
align-items: center;
height: 36px;
font-size: 18px;
font-weight: bold;
color: #22ac38;
padding: 0.1em 0.5em 0;
margin: 0 1em 0.5em 0;
line-height: 1.3;
border: 1px solid #22ac38;
border-radius: 18px;
text-decoration: none !important;
transition: 0.3s all ease;
}
.topPage .secSlide .categoryList li.active .childCategoryList a:hover {
color: #fff;
background: #22ac38;
}
.topPage .secSlide .topSlider .topSliderItem {
background: #fff;
margin: 0 30px;
}
.topPage .secSlide .topSlider .topSliderItem a {
color: #000;
text-decoration: none !important;
}
.topPage .secSlide .topSlider .topSliderItem a:hover {
opacity: 0.7;
}
.topPage .secSlide .topSlider .topSliderItem .photo {
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.topPage .secSlide .topSlider .topSliderItem .photo:before {
content: "";
display: block;
padding-top: 56.25%;
}
.topPage .secSlide .topSlider .topSliderItem .txt {
padding: 20px;
}
.topPage .secSlide .topSlider .topSliderItem .txt .header {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 15px;
}
.topPage .secSlide .topSlider .topSliderItem .txt .header .category {
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 1em;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.1em;
height: 22px;
border-radius: 11px;
background: #22ac38;
line-height: 1.3;
color: #fff;
padding: 0.1em 0.5em 0;
}
.topPage .secSlide .topSlider .topSliderItem .txt .header .date {
font-size: 12px;
line-height: 1.3;
}
.topPage .secSlide .topSlider .topSliderItem .txt .title {
line-height: 1.3;
font-size: 26px;
font-weight: bold;
min-height: 4em;
}
@media screen and (max-width: 1500px) {
.topPage .secSlide .topSlider .topSliderItem {
margin: 0 45px;
}
}
.topPage .secSlide .slick-track {
display: flex;
}
.topPage .secSlide .slick-slide {
height: auto !important;
}
.topPage .secSlide .slick-prev {
left: 335px;
width: 37px;
height: 66px;
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/top_slide_arrow_l.svg) center no-repeat;
background-size: contain;
z-index: 1;
}
.topPage .secSlide .slick-prev:before {
display: none;
}
.topPage .secSlide .slick-next {
right: 335px;
width: 37px;
height: 66px;
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/top_slide_arrow_r.svg) center no-repeat;
background-size: contain;
z-index: 1;
}
.topPage .secSlide .slick-next:before {
display: none;
}
.topPage .secSlide .slick-dots {
bottom: -70px;
}
.topPage .secSlide .slick-dots li {
margin: 0;
}
.topPage .secSlide .slick-dots li button:before {
color: #fff;
opacity: 1;
font-size: 12px;
}
.topPage .secSlide .slick-dots li.slick-active button:before {
color: #22ac38;
}
@media screen and (max-width: 1300px) {
.topPage .secSlide .categoryList {
margin: 0 1.2% 85px;
}
.topPage .secSlide .categoryList li.active .childCategoryList {
left: calc(50% - 47.5vw);
padding: 20px 10px;
}
}
@media screen and (max-width: 1024px) {
.topPage .secSlide .topSlider .slick-prev {
left: 80px;
}
.topPage .secSlide .topSlider .slick-next {
right: 80px;
}
}
@media screen and (max-width: 767px) {
.topPage .secSlide {
background: url(//kurashigoto.me/wp/wp-content/themes/kurashigoto_v2/img/slide_bg_sp.png) center no-repeat;
background-size: 100% 100%;
padding: 30px 0 40px;
}
.topPage .secSlide .categoryList {
width: 95%;
margin: 0 auto 10px;
flex-wrap: wrap;
justify-content: center;
}
.topPage .secSlide .categoryList li {
width: 30%;
font-size: 16px;
min-width: 9em;
margin: 0 1% 20px 1%;
}
.topPage .secSlide .categoryList li .parent {
font-size: inherit;
width: 100%;
}
.topPage .secSlide .topSlider .topSliderItem {
margin: 0;
}
.topPage .secSlide .topSlider .slick-prev {
left: 15px;
top: 32vw;
width: 33px;
height: 59px;
}
.topPage .secSlide .topSlider .slick-next {
right: 15px;
top: 32vw;
width: 33px;
height: 59px;
}
.topPage .secSlide .topSlider .slick-dots {
bottom: -45px;
}
}
@media screen and (max-width: 415px) {
.topPage .secSlide .categoryList {
width: 100%;
}
.topPage .secSlide .categoryList li {
margin-bottom: 15px;
font-size: 14px;
}
.topPage .secSlide .categoryList li .parent {
height: 25px;
}
.topPage .secSlide .categoryList li.active .parent:after {
height: 30px;
top: 15px;
}
.topPage .secSlide .categoryList li.active .childCategoryList {
top: 35px;
}
.topPage .secSlide .categoryList li.active .childCategoryList .container {
margin: 0;
}
.topPage .secSlide .categoryList li.active .childCategoryList a {
height: 24px;
font-size: 15px;
border-radius: 12px;
margin: 0 0.5em 0.5em 0;
}
.topPage .secSlide .topSlider .topSliderItem .txt .title {
font-size: 20px;
}
.topPage .secSlide .topSlider .slick-prev {
left: 10px;
width: 20px;
height: 40px;
}
.topPage .secSlide .topSlider .slick-next {
right: 10px;
width: 20px;
height: 40px;
}
}
.topPage .secNew {
background: #f0f0d7;
}
.topPage .secNew .container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.topPage .secNew .container .postArea {
width: calc(100% - 340px);
padding: 100px 0 60px;
}
.topPage .secNew .container .postArea h2 {
color: #c1aa00;
line-height: 1;
font-size: 28px;
font-weight: bold;
border: none;
letter-spacing: 0.1em;
margin: 0;
}
.topPage .secNew .container .postArea .postList {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.topPage .secNew .container .postArea .postList .postListItem {
list-style: none;
width: 46%;
margin: 0 4% 35px 0;
background: #fff;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.topPage .secNew .container .postArea .postList .postListItem.dummy {
margin: 0;
padding: 0;
background: none;
height: 0;
}
.topPage .secNew .container .postArea .postList .postListItem .photo {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: 0.3s all ease;
}
.topPage .secNew .container .postArea .postList .postListItem .txt {
padding: 25px 15px 40px;
}
.topPage .secNew .container .postArea .postList .postListItem h3 {
color: #000;
font-weight: bold;
line-height: 1.3;
font-size: 20px;
margin: 0 0 1em;
letter-spacing: 0;
padding: 0;
text-align: left;
}
.topPage .secNew .container .postArea .postList .postListItem h3:before {
display: none;
}
.topPage .secNew .container .postArea .postList .postListItem .category {
display: inline-flex;
justify-content: center;
align-items: center;
height: 22px;
border-radius: 11px;
padding: 0.1em 0.5em 0;
background: #c1aa00;
color: #fff;
font-weight: bold;
font-size: 16px;
margin-bottom: 20px;
}
.topPage .secNew .container .postArea .postList .postListItem .date {
font-size: 12px;
color: #000;
position: absolute;
left: 15px;
bottom: 10px;
margin: 0;
}
.topPage .secNew .container .postArea .postList .postListItem a {
color: inherit;
text-decoration: none;
transition: 0.3s all ease;
display: block;
}
.topPage .secNew .container .postArea .postList .postListItem a:hover {
opacity: 0.7;
}
.topPage .secNew .container .postArea .postList .postListItem a:hover .photo {
transform: scale(1.1);
}
.topPage .secNew .container .bnrArea {
width: 340px;
padding: 100px 25px 60px;
background: #ffffc8;
}
.topPage .secNew .container .bnrArea img {
image-rendering: -webkit-optimize-contrast;
}
.topPage .secNew .container .bnrArea .subSec {
margin-bottom: 50px;
}
.topPage .secNew .container .bnrArea .subSec:last-child {
margin-bottom: 0;
}
.topPage .secNew .container .bnrArea h3 {
font-size: 24px;
font-weight: bold;
color: #ff8d62;
letter-spacing: 0.1em;
text-align: center;
line-height: 1;
padding: 0;
}
.topPage .secNew .container .bnrArea h3:before {
display: none;
}
.topPage .secNew .container .bnrArea button {
background: none;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
}
.topPage .secNew .container .bnrArea a {
display: inline-block;
margin-bottom: 20px;
}
.topPage .secNew .container .bnrArea a img {
vertical-align: top;
}
.topPage .secNew .container .bnrArea .aboutModal {
display: none;
}
.topPage .secNew .container .bnrArea .aboutModal.active {
z-index: 1900;
background: rgba(255, 255, 255, 0.7);
display: block;
position: fixed;
top: 80px;
left: 0;
width: 100%;
height: calc(100vh - 80px);
padding: 70px 0 30px;
overflow-y: auto;
box-sizing: border-box;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block {
max-width: 1080px;
width: 95%;
margin: 0 auto;
background: #fff;
border: 2px solid #fff100;
padding: 80px 25px 25px;
overflow-y: auto; }
.topPage .secNew .container .bnrArea .aboutModal.active .block .container {
max-width: 700px !important;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block h2 {
text-align: center;
font-weight: bold;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.3;
border: none;
padding: 0;
margin: 0 0 55px 0;
width: 100%;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block h2 .large {
font-size: 40px;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block p {
margin-bottom: 1em;
font-size: 18px;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block .btnAboutModalClose {
width: 30px;
height: 30px;
margin: 45px auto 0;
padding: 0;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block .btnAboutModalClose img {
width: 100%;
}
@media screen and (max-width: 767px) {
.topPage .secNew .container {
width: 100%;
}
.topPage .secNew .container .postArea {
width: 100%;
padding: 40px 15px 70px;
}
.topPage .secNew .container .postArea h2 {
text-align: center;
margin-bottom: 1em;
}
.topPage .secNew .container .postArea .postList {
justify-content: space-between;
}
.topPage .secNew .container .postArea .postList .postListItem {
margin-right: 0;
width: 48.5%;
}
.topPage .secNew .container .bnrArea {
width: 100%;
padding: 40px 15px 40px;
}
.topPage .secNew .container .bnrArea h3 {
font-size: 28px;
margin-bottom: 1em;
}
.topPage .secNew .container .bnrArea .subSec {
width: 90%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.topPage .secNew .container .bnrArea .subSec a {
margin-bottom: 30px;
}
.topPage .secNew .container .bnrArea .aboutModal.active {
top: 70px;
padding: 30px 0;
height: calc(100vh - 70px);
}
.topPage .secNew .container .bnrArea .aboutModal.active .block {
padding: 40px 15px 25px;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block .container {
max-height: inherit !important;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block .btnAboutModalClose {
margin-top: 30px;
}
}
@media screen and (max-width: 550px) {
.topPage .secNew .container .postArea .postList {
justify-content: center;
}
.topPage .secNew .container .postArea .postList .postListItem {
width: 100%;
}
}
@media screen and (max-width: 415px) {
.topPage .secNew .container .postArea h2 {
font-size: 22px;
}
.topPage .secNew .container .postArea .postList .postListItem h3 {
font-size: 18px;
}
.topPage .secNew .container .bnrArea h3 {
font-size: 22px;
}
.topPage .secNew .container .bnrArea .aboutModal.active {
top: 55px;
height: calc(100vh - 55px);
padding: 25px 0;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block .container {
max-height: inherit !important;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block h2 {
font-size: 18px;
margin-bottom: 30px;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block h2 .large {
font-size: 30px;
}
.topPage .secNew .container .bnrArea .aboutModal.active .block p {
font-size: 15px;
}
}
.topPage .secCategory {
margin-top: 150px;
}
.topPage .secCategory .lead {
text-align: center;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.topPage .secCategory {
margin-top: 70px;
}
.topPage .secCategory .lead {
font-size: 15px;
margin-bottom: 0;
}
}
@media screen and (max-width: 415px) {
.topPage .secCategory .lead br {
display: none;
}
}
.topPage .secWriters {
background: #f2f2f2;
margin-top: 150px;
padding-bottom: 50px;
}
.topPage .secWriters .secTtl {
text-align: center;
margin-bottom: 55px;
}
.topPage .secWriters .secTtl h2 {
color: rgba(34, 172, 56, 0.3);
letter-spacing: 0.1em;
font-weight: bold;
font-size: 26px;
line-height: 1;
margin-bottom: 0.5em;
border: none;
padding: 0;
}
.topPage .secWriters .secTtl p {
color: #22ac38;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 0;
}
.topPage .secWriters .writersList {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 70px 0 55px;
list-style: none;
margin: 0;
padding: 0;
}
.topPage .secWriters .writersList li {
width: 19%;
background: #fff;
padding: 5px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0 0 20px 0;
list-style: none;
}
.topPage .secWriters .writersList li.dummy {
background: none;
height: 0;
margin: 0;
padding: 0;
}
.topPage .secWriters .writersList li .photo {
width: 75px; height: 75px;
display: block;
background-repeat: no-repeat;
background-position: center; background-size: 100%;
transition: 0.3s all ease;
}
.topPage .secWriters .writersList li .photo:hover {
background-size: 110%;
opacity: 0.8;
}
.topPage .secWriters .writersList li .txt {
width: calc(100% - 85px);
text-align: left;
}
.topPage .secWriters .writersList li .txt .name {
color: #22ac38;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
margin: 0 0 0.5em 0;
padding: 0;
}
.topPage .secWriters .writersList li .txt .name:before {
display: none;
}
.topPage .secWriters .writersList li .txt p {
font-size: 11.5px;
margin-bottom: 0;
}
.topPage .secWriters .writersList li .txt p a {
color: #22ac38;
text-decoration: none !important;
display: inline-block;
border-bottom: 2px solid #b4e6c2;
font-size: inherit;
font-weight: normal;
}
.topPage .secWriters .writersList li .txt p a:hover {
opacity: 0.7;
}
@media screen and (max-width: 1024px) {
.topPage .secWriters .writersList li {
width: 32%;
}
}
@media screen and (max-width: 767px) {
.topPage .secWriters {
margin-top: 100px;
padding: 40px 0 20px;
}
.topPage .secWriters .secTtl {
margin-bottom: 30px;
}
.topPage .secWriters .secTtl h2 {
margin-top: 0;
}
.topPage .secWriters .secTtl p {
font-size: 16px;
letter-spacing: 0.1em;
margin-bottom: 0;
}
.topPage .secWriters .writersList li {
width: 48%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 415px) {
.topPage .secWriters .writersList li {
margin-bottom: 15px;
width: 48.5%;
}
.topPage .secWriters .writersList li .photo {
width: 60px; height: 60px;
}
.topPage .secWriters .writersList li .txt {
width: calc(100% - 70px);
}
.topPage .secWriters .writersList li .txt .name {
font-size: 14px;
margin-bottom: 0.3em;
}
.topPage .secWriters .writersList li .txt p {
font-size: 10px;
}
.topPage .secWriters .writersList li .txt p a {
border-bottom: 1px solid #b4e6c2;
}
}
@media screen and (max-width: 350px) {
.topPage .secWriters .writersList li {
width: 100%;
}
.topPage .secWriters .writersList li .txt {
width: calc(100% - 75px);
}
}
.tax-category2 .secPostListTtl, .postArchive .secPostListTtl {
margin-top: 80px;
}
.tax-category2 .secPostListTtl + h1, .postArchive .secPostListTtl + h1 {
background: #22ac38;
color: #fff;
font-weight: bold;
font-size: 24px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 34px;
padding: 0.1em 2em 0 2em;
border-radius: 20px;
}
.tax-category2 .lead, .postArchive .lead {
text-align: center;
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.tax-category2 .secPostListTtl, .postArchive .secPostListTtl {
margin-top: 40px;
}
.tax-category2 .lead br, .postArchive .lead br {
display: none;
}
}
@media screen and (max-width: 415px) {
.tax-category2 .secPostListTtl + h1, .postArchive .secPostListTtl + h1 {
height: 30px;
font-size: 15px;
}
}
.postArchiveWriters .interviewee {
margin: 50px 0;
}
@media screen and (max-width: 767px) {
.postArchiveWriters .interviewee {
margin: 30px 0 40px;
}
}
.singleContent {
padding-top: 0;
}
.singleContent .breadSection {
margin: 0 0 40px;
}
.singleContent .entry-body {
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.singleContent {
padding-top: 6px;
letter-spacing: 0.15em;
}
}
.singleContent #ez-toc-container {
padding-top: 40px;
}
.singleContent article .container {
max-width: 780px !important;
}
.singleContent article .lead {
font-size: 1rem;
}
.singleContent article .info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: baseline;
}
.singleContent article .post_category {
display: inline-flex;
justify-content: center;
align-items: center;
height: 1.8rem;
border-radius: 0.9rem;
padding: 0.1em 1em 0;
background: #22ac38;
color: #fff;
font-weight: bold;
font-size: 1.3rem;
margin: 20px 0;
text-decoration: none;
letter-spacing: 0.1em;
}
@media screen and (max-width: 415px) {
.singleContent article .post_category {
font-size: 1.1rem;
}
}
.singleContent article .date {
margin: 0;
font-size: 1.2rem;
text-align: right;
}
@media screen and (max-width: 415px) {
.singleContent article .date {
font-size: 1.1rem;
}
}
.singleContent article .share_btns_list {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 0;
margin: 40px 0 20px;
}
.singleContent article .share_btns_list li {
list-style: none;
margin: 0 10px 10px 0;
display: flex;
align-items: flex-start !important;
height: 20px;
}
.singleContent article .share_btns_list li div {
vertical-align: top !important;
}
.singleContent article .share_btns_list li span {
vertical-align: top !important;
}
.singleContent article .share_btns_list li iframe {
vertical-align: top !important;
}
.singleContent article .secPostListTtl {
margin-top: 90px;
}
.singleContent article .sec_related_posts .container {
max-width: 1080px !important;
}
.singleContent article .terms {
text-align: center;
margin-top: 40px;
}
.singleContent article .terms a {
border: 1px solid #22ac38;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
line-height: 1.3;
font-size: 0.9rem;
height: 2rem;
font-weight: bold;
color: #22ac38;
margin: 0 0.7em 0.7em 0;
padding: 0 0.8em;
letter-spacing: 0.05em;
transition: 0.3s all ease;
text-decoration: none;
margin-left: 0.2em;
margin-right: 0.2em;
}
.singleContent article .terms a:hover {
background: #22ac38;
color: #fff;
}
#floatMenu {
padding: 10px;
position: fixed;
left: 0;
bottom: -100px;
opacity: 0;
width: 100%;
transition: 0.3s all ease;
background: rgba(200, 200, 200, 0.8);
z-index: 10;
}
#floatMenu .snsShare {
display: flex;
justify-content: center;
align-items: center;
}
#floatMenu .snsShare a {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0 10px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all ease;
opacity: 1;
}
#floatMenu .snsShare a img {
width: 100%;
height: auto;
opacity: 1;
}
#floatMenu .snsShare a.facebook {
background: #1877f2;
}
#floatMenu .snsShare a.facebook img {
width: 30%;
}
#floatMenu .snsShare a.x {
background: #000;
}
#floatMenu .snsShare a.x img {
width: 50%;
}
#floatMenu .snsShare a.pocket {
background: #ef4154;
}
#floatMenu .snsShare a.pocket img {
width: 50%;
}
#floatMenu .snsShare a.line {
background: #4cc764;
}
#floatMenu .snsShare a.hatena {
background: #00a4de;
}
#floatMenu .snsShare a.hatena img {
width: 90%;
}
#floatMenu .snsShare a.note {
background: #41C9B4;
}
#floatMenu .snsShare a.note img {
width: 70%;
}
#floatMenu .snsShare a:hover {
transform: scale(1.1);
}
#floatMenu.fixed {
position: fixed;
left: 0;
bottom: 0;
opacity: 1;
}
@media screen and (max-width: 767px) {
#floatMenu .snsShare a {
margin: 0 8px;
}
}
@media screen and (max-width: 415px) {
#floatMenu {
padding: 8px;
}
#floatMenu .snsShare a {
width: 32px;
height: 32px;
}
}
.scrolled #floatMenu {
position: fixed;
left: 0;
bottom: 0;
opacity: 1;
}
.page-id-107 .breadSection {
margin-top: 100px;
transition: 0.3s all ease;
}
@media screen and (max-width: 767px) {
.page-id-107 .breadSection {
margin-top: 80px;
}
}
@media screen and (max-width: 415px) {
.page-id-107 .breadSection {
margin-top: 60px;
}
}
.page-id-107.scrolled .breadSection {
margin-top: 80px;
}.su-u-clearfix::after{content:'';display:table;clear:both}.su-u-trim>:first-child{margin-top:0}.su-u-trim>:last-child{margin-bottom:0}.su-u-responsive-media-yes{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.su-u-responsive-media-yes .fluid-width-video-wrapper,.su-u-responsive-media-yes .video-holder{position:static!important}.su-u-responsive-media-yes embed,.su-u-responsive-media-yes iframe,.su-u-responsive-media-yes object{position:absolute;top:0;left:0;width:100%;height:100%}.su-u-overflow-hidden{overflow:hidden}.su-accordion{margin-bottom:1.5em}.su-accordion .su-spoiler{margin-bottom:.5em}.su-audio{position:relative;width:100%;height:30px;margin-bottom:1.5em;background:#7c8781;background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-radius:3px}.su-audio .jp-pause,.su-audio .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer;border-right:1px solid #454947;background-image:url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png);background-repeat:no-repeat}.su-audio .jp-play{background-position:0 0}.su-audio .jp-pause{background-position:-30px 0}.su-audio .jp-current-time,.su-audio .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;font-size:10px;color:#eee;text-shadow:0 -1px 0 #000}.su-audio .jp-current-time{left:45px}.su-audio .jp-duration{right:10px}.su-audio .jp-play-bar,.su-audio .jp-seek-bar{position:absolute;top:0;left:0;height:10px;border-radius:3px;cursor:pointer}.su-audio .jp-progress{position:absolute;top:10px;left:85px;right:50px;height:10px;background:#333;box-shadow:0 0 5px #000 inset;border-radius:3px}.su-audio .jp-seek-bar{background:#0b0b0b;background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-audio .jp-play-bar{background:#6db3f2;background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-box{margin:0 0 1.5em;border-width:2px;border-style:solid}.su-box-title{display:block;padding:.5em 1em;font-weight:700;font-size:1.1em}.su-box-content{background-color:#fff;color:#444;padding:1em}.su-box-style-soft .su-box-title{background-image:url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png);background-position:0 0;background-repeat:repeat-x}.su-box-style-glass .su-box-title{background-image:url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-bubbles .su-box-title{background-image:url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-noise .su-box-title{background-image:url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png);background-position:0 0;background-repeat:repeat-x}.su-button{display:inline-block!important;text-align:center;text-decoration:none!important;box-sizing:content-box!important;transition:all .2s}.su-button-wide{display:block!important;margin:1em 0}.su-button-center{text-align:center}.su-button span{display:block!important;text-decoration:none!important;box-sizing:content-box!important;transition:all .2s}.su-button img{border:none!important;vertical-align:middle!important;margin:-.2em .4em 0 -.3em!important;box-shadow:none!important}.su-button i{display:inline-block;width:1em;height:1em;margin:0 .5em 0 0!important;text-align:center;line-height:1em}.su-button.su-button-float-icon img{margin:0 .5em!important}.su-button small{display:block;margin:-.2em 0 0;color:inherit;text-align:center;font-style:normal;font-size:.8em;line-height:1;opacity:.7}@media screen and (max-width:768px){.su-button span{padding-top:.25em!important;padding-bottom:.25em!important;line-height:1.2!important}.su-button small{margin-top:.2em!important}}.su-button-style-default{border-width:1px;border-style:solid}.su-button-style-default:hover{opacity:.7}.su-button-style-default span{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}.su-button-style-flat,.su-button-style-flat span{border:none}.su-button-style-flat span{position:relative}.su-button-style-flat:hover span{top:1px}.su-button-style-ghost{background:0 0!important}.su-button-style-ghost span{border-width:3px;border-style:solid}.su-button-style-ghost:hover span{border-color:inherit!important}.su-button-style-soft span{background:0 -20px url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-soft:hover span{background:0 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-glass span{background:0 50% url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-glass:hover span{background:100% 50% url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-bubbles span{background:0 50% url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-bubbles:hover span{background:-710px 50% url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-noise span{background:0 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-noise:hover span{background:0 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-stroked span{margin:1px;border:1px dashed #fff!important}.su-button-style-stroked:hover span{opacity:.7}.su-button-style-3d{border-bottom-style:solid;border-bottom-width:6px}.su-button-style-3d span{border-bottom-style:solid;border-bottom-width:1px}.su-button-style-3d:hover{position:relative;top:3px;border-bottom-width:3px}.su-carousel{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-carousel-centered{margin:0 auto 1.5em}.su-carousel-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-carousel-slides{transition-timing-function:ease-out;margin:0 auto}.su-carousel-slide{position:relative;float:left}.su-carousel-slide>a,.su-carousel-slide>a>img,.su-carousel-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.su-carousel-responsive-yes .su-carousel-slide>a,.su-carousel-responsive-yes .su-carousel-slide>a>img,.su-carousel-responsive-yes .su-carousel-slide>img{height:auto}.su-carousel-pages-no .su-carousel-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-carousel .su-carousel-slide a{padding:0 5px}.su-carousel .su-carousel-slide img{padding:3px;border:1px solid #ccc;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.su-carousel .su-carousel-slide-title{position:absolute;left:9px;right:9px;bottom:4px;display:block;padding:2px 3px;color:#fff;line-height:1.2;font-size:11px;background:#000;background:rgba(0,0,0,.5);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-carousel .su-carousel-next,.su-carousel .su-carousel-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px;background:#000 0 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;transition:all .2s}.su-carousel .su-carousel-prev{right:20px;margin-right:40px;background-position:-40px 0}.su-carousel .su-carousel-next{left:20px;margin-left:40px;background-position:0 0}.su-carousel:hover .su-carousel-next,.su-carousel:hover .su-carousel-prev{margin-left:0;margin-right:0;opacity:.7}.su-carousel .su-carousel-next:hover,.su-carousel .su-carousel-prev:hover{opacity:1}.su-carousel .su-carousel-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;transition:all .2s}.su-carousel:hover .su-carousel-pagination{bottom:20px;opacity:1}.su-carousel .su-carousel-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s}.su-carousel:hover .su-carousel-pagination span{margin:0 3px}.su-carousel .su-carousel-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-carousel .su-carousel-pagination span.swiper-active-switch,.su-carousel .su-carousel-pagination span:hover{background-position:0 -40px}.su-row{margin-bottom:1.5em}.su-row::after{display:table;clear:both;content:''}.su-row .su-column{display:block;float:left;box-sizing:border-box;margin:0 0 0 4%}.su-row .su-column:first-child{margin-left:0}.su-row .su-column.su-column-size-1-1{margin-right:0;margin-left:0}.su-row .su-column.su-column-centered{float:none;margin-right:auto;margin-left:auto}.su-row .su-column-size-1-1{width:100%}.su-row .su-column-size-1-2{width:48%}.su-row .su-column-size-1-3{width:30.66%}.su-row .su-column-size-2-3{width:65.33%}.su-row .su-column-size-1-4{width:22%}.su-row .su-column-size-3-4{width:74%}.su-row .su-column-size-1-5{width:16.8%}.su-row .su-column-size-2-5{width:37.6%}.su-row .su-column-size-3-5{width:58.4%}.su-row .su-column-size-4-5{width:79.2%}.su-row .su-column-size-1-6{width:13.33%}.su-row .su-column-size-5-6{width:82.66%}.su-row .su-column embed,.su-row .su-column iframe,.su-row .su-column img,.su-row .su-column object{max-width:100%}@media only screen and (max-width:767px){.su-row .su-column{float:none;width:100%;margin:0}.su-row .su-column+.su-column{margin:1.5rem 0 0}}.su-custom-gallery{display:flex;flex-wrap:wrap;margin-bottom:1.5em}.su-custom-gallery-align-left{justify-content:flex-start}.su-custom-gallery-align-center{justify-content:center}.su-custom-gallery-align-right{justify-content:flex-end}.su-custom-gallery-slide{position:relative;flex:0 0 auto;margin:.5em}.su-custom-gallery-slide a{display:block;width:100%;height:100%}.su-custom-gallery-slide img{display:block;box-sizing:border-box;margin:0;padding:3px;width:100%;height:100%;border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:none;transition:all .2s;-o-object-fit:cover;object-fit:cover}.su-custom-gallery-slide:hover img{border:1px solid #aaa;background:#eee}.su-custom-gallery-slide span{position:absolute;right:4px;bottom:4px;left:4px;display:block;overflow-y:auto;padding:2px 4px;max-height:calc(100% - 8px);background:#000;background:rgba(0,0,0,.5);color:#fff;word-wrap:break-word;font-size:12px;line-height:1.3;opacity:0;transition:all .2s}.su-custom-gallery-slide:hover span{opacity:1}.su-custom-gallery-title-never span{display:none}.su-custom-gallery-title-always span{opacity:1}.su-dailymotion{margin:0 0 1.5em}.su-dailymotion iframe{border:none!important}.su-display-posts-template-default .su-post{display:flex;margin-bottom:1.75em}.su-display-posts-template-default .su-post-thumbnail{margin:0 1.25em 0 0;width:8.25em}.su-display-posts-template-default .su-post-thumbnail a{display:block!important;text-decoration:none!important}.su-display-posts-template-default .su-post-thumbnail img{display:block!important;margin:0!important;max-width:100%!important;height:auto!important;-o-object-fit:cover!important;object-fit:cover!important}.su-display-posts-template-default .su-post-body{flex:1}.su-display-posts-template-default h2.su-post-title{margin:0 0 1em!important;padding:0!important;border:none!important;font-size:1.35em!important}.su-display-posts-template-default h2.su-post-title::after,.su-display-posts-template-default h2.su-post-title::before{display:none}.su-display-posts-template-default .su-post-meta{margin:1em 0;font-size:.85em;opacity:.85}.su-display-posts-template-default .su-post-excerpt p{margin:1em 0}.su-display-posts-template-default .su-post-excerpt>:last-child{margin-bottom:0!important}.su-display-posts-template-default .su-post-comments-link{margin:1em 0 0}@media screen and (max-width:768px){.su-display-posts-template-default .su-post-thumbnail{width:4em}}.su-display-posts-template-teasers .su-post{display:flex;align-items:center;margin-bottom:1em}.su-display-posts-template-teasers .su-post-thumbnail{margin:0 1em 0 0;width:3.75em}.su-display-posts-template-teasers .su-post-thumbnail a{display:block!important;text-decoration:none!important}.su-display-posts-template-teasers .su-post-thumbnail img{display:block!important;margin:0!important;max-width:100%!important;height:auto!important;-o-object-fit:cover!important;object-fit:cover!important}.su-display-posts-template-teasers .su-post-body{flex:1}.su-display-posts-template-teasers h2.su-post-title{margin:0!important;padding:0!important;border:none!important;font-size:1.15em!important}.su-display-posts-template-teasers h2.su-post-title::after,.su-display-posts-template-teasers h2.su-post-title::before{display:none}@media screen and (max-width:768px){.su-display-posts-template-teasers .su-post-thumbnail{width:2.75em}}.su-display-posts-template-single h2.su-post-title{margin:0 0 1em!important;padding:0!important;border:none!important;font-size:1.75em!important}.su-display-posts-template-single .su-post-meta{margin:1em 0;font-size:.85em;opacity:.85}.su-display-posts-pagination{display:flex;justify-content:space-between}.su-display-posts-pagination-next{margin-left:auto}.su-divider{clear:both;border:none;text-align:right;line-height:1}.su-divider a{display:inline-block;font-size:.8em;text-decoration:none;outline:0;padding-bottom:5px}.su-divider-style-default{border-bottom-style:solid}.su-divider-style-dotted{border-bottom-style:dotted}.su-divider-style-dashed{border-bottom-style:dashed}.su-divider-style-double{border-bottom-style:double}.su-document{margin:0 0 1.5em}.su-document iframe{border:none!important}.su-dropcap{float:left;display:inline-block;width:2em;height:2em;margin:.2em .5em .2em 0;line-height:2em;text-align:center;overflow:hidden;text-transform:uppercase}.su-dropcap-style-default{color:#fff;background:#45484d;background:linear-gradient(to bottom,#45484d 0,#000 100%);text-shadow:-1px -1px 0 #000;border-radius:50%}.su-dropcap-style-flat{background:#444;color:#fff}.su-dropcap-style-light{color:#333;border-radius:50%;background:#fff;background:linear-gradient(to bottom,#fff 0,#eaeaea 100%)}.su-dropcap-style-simple{width:1em;height:1em;line-height:1em;text-align:left}.su-expand{margin:0 0 1.5em}.su-expand-content{overflow:hidden}.su-expand-link{margin-top:.5em;cursor:pointer}.su-expand-link:hover{opacity:.7}.su-expand-link a,.su-expand-link a:active,.su-expand-link a:focus,.su-expand-link a:hover,.su-expand-link a:visited{display:inline;text-decoration:none;box-shadow:none;background:0 0;border:none}.su-expand-link-style-underlined .su-expand-link span{text-decoration:underline}.su-expand-link-style-dotted .su-expand-link span{border-bottom:1px dotted #333}.su-expand-link-style-dashed .su-expand-link span{border-bottom:1px dashed #333}.su-expand-link-style-button .su-expand-link a{display:inline-block;margin-top:.2em;padding:.2em .4em;border:2px solid #333}.su-expand-link-more{display:none}.su-expand-link-less{display:block}.su-expand-collapsed .su-expand-link-more{display:block}.su-expand-collapsed .su-expand-link-less{display:none}.su-expand-link i{display:inline-block;margin:0 .3em 0 0;vertical-align:middle;color:inherit}.su-expand-link img{display:inline-block;width:1em;height:1em;margin:0 .3em 0 0;vertical-align:middle}.su-frame,.su-frame-inner{display:block}.su-frame-align-left{float:left;margin:0 1em 1em 0}.su-frame-align-center{float:none;margin:1em auto}.su-frame-align-right{float:right;margin:0 0 1em 1em}.su-frame img{display:block!important;float:none!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}.su-frame-style-default{padding:2px;border:1px solid #999;background:#fff;box-shadow:1px 1px 4px #ccc}.su-frame-style-default .su-frame-inner{padding:2px;border:4px solid #eee}.su-gmap{margin:0 0 1.5em}.su-gmap iframe{border:none!important}.su-guests{margin-bottom:1.5em}.su-heading.su-heading-align-left{text-align:left}.su-heading.su-heading-align-left .su-heading-inner{padding-left:.2em}.su-heading.su-heading-align-right{text-align:right}.su-heading.su-heading-align-right .su-heading-inner{padding-right:.2em}.su-heading.su-heading-align-center{text-align:center}.su-heading-style-default{padding:2px 0;border-top:1px solid #999;border-bottom:1px solid #999}.su-heading-style-default .su-heading-inner{padding:1em .5em;border-top:4px solid #eee;border-bottom:4px solid #eee}.su-highlight{display:inline;padding:1px 0}.su-image-carousel{margin:1.5em 0;width:100%}.su-image-carousel:first-child{margin-top:0}.su-image-carousel:last-child{margin-bottom:0}.su-image-carousel-item{box-sizing:border-box;width:100%}.su-image-carousel-item-content{position:relative}.su-image-carousel-item-content a,.su-image-carousel-item-content a:active,.su-image-carousel-item-content a:focus,.su-image-carousel-item-content a:hover,.su-image-carousel-item-content a:visited,.su-image-carousel-item-content img{display:block;box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;text-decoration:none}.su-image-carousel-item-content a::after,.su-image-carousel-item-content a::before,.su-image-carousel-item-content img::after,.su-image-carousel-item-content img::before{display:none}.su-image-carousel-item-content span{position:absolute;display:block;overflow:auto;max-height:60%;word-wrap:break-word;font-size:.9em;line-height:1.3}.su-image-carousel-item-content span:empty{display:none}.su-image-carousel-columns-2 .su-image-carousel-item{width:50%}.su-image-carousel-columns-3 .su-image-carousel-item{width:33.3333333333%}.su-image-carousel-columns-4 .su-image-carousel-item{width:25%}.su-image-carousel-columns-5 .su-image-carousel-item{width:20%}.su-image-carousel-columns-6 .su-image-carousel-item{width:16.6666666666%}.su-image-carousel-columns-7 .su-image-carousel-item{width:14.2857142857%}.su-image-carousel-columns-8 .su-image-carousel-item{width:12.5%}.su-image-carousel-columns-2.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:3%;width:48.5%}.su-image-carousel-columns-3.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.9%;width:31.4%}.su-image-carousel-columns-4.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.8%;width:22.9%}.su-image-carousel-columns-5.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.5%;width:18%}.su-image-carousel-columns-6.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.6%;width:14.5%}.su-image-carousel-columns-7.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.2%;width:12.4%}.su-image-carousel-columns-8.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2%;width:10.75%}@media screen and (max-width:768px){.su-image-carousel-adaptive .su-image-carousel-item,.su-image-carousel-adaptive.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:0;width:100%}}.su-image-carousel-crop .su-image-carousel-item-content::before{float:left;margin-left:-1px;width:1px;height:0;content:''}.su-image-carousel-crop .su-image-carousel-item-content::after{display:table;clear:both;content:''}.su-image-carousel-crop .su-image-carousel-item-content a,.su-image-carousel-crop .su-image-carousel-item-content img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.su-image-carousel-crop .su-image-carousel-item-content img{-o-object-fit:cover;object-fit:cover}.su-image-carousel-crop-16-9 .su-image-carousel-item-content::before{padding-top:56.25%}.su-image-carousel-crop-16-10 .su-image-carousel-item-content::before{padding-top:62.5%}.su-image-carousel-crop-21-9 .su-image-carousel-item-content::before{padding-top:42.857142857143%}.su-image-carousel-crop-5-4 .su-image-carousel-item-content::before{padding-top:80%}.su-image-carousel-crop-4-3 .su-image-carousel-item-content::before{padding-top:75%}.su-image-carousel-crop-3-2 .su-image-carousel-item-content::before{padding-top:66.666666666667%}.su-image-carousel-crop-2-1 .su-image-carousel-item-content::before{padding-top:50%}.su-image-carousel-crop-1-1 .su-image-carousel-item-content::before{padding-top:100%}.su-image-carousel-crop-1-2 .su-image-carousel-item-content::before{padding-top:200%}.su-image-carousel-crop-2-3 .su-image-carousel-item-content::before{padding-top:150%}.su-image-carousel-crop-3-4 .su-image-carousel-item-content::before{padding-top:133.33333333333%}.su-image-carousel-crop-4-5 .su-image-carousel-item-content::before{padding-top:125%}.su-image-carousel-crop-9-21 .su-image-carousel-item-content::before{padding-top:233.33333333333%}.su-image-carousel-crop-10-16 .su-image-carousel-item-content::before{padding-top:160%}.su-image-carousel-crop-9-16 .su-image-carousel-item-content::before{padding-top:177.77777777778%}.su-image-carousel-align-left{float:left;margin-top:0;margin-right:1.5em}.su-image-carousel-align-right{float:right;margin-top:0;margin-left:1.5em}.su-image-carousel-align-center{margin-right:auto;margin-left:auto}.su-image-carousel-align-full{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);max-width:100vw!important;width:100vw!important}.su-image-carousel button.flickity-prev-next-button{position:absolute;top:50%;display:block;margin:-22px 0 0;padding:0;width:44px;height:44px;outline:0;border-radius:50%;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:none}.su-image-carousel:hover button.flickity-prev-next-button{opacity:.5}.su-image-carousel button.flickity-prev-next-button:focus,.su-image-carousel button.flickity-prev-next-button:hover{box-shadow:none;opacity:1}.su-image-carousel button.flickity-prev-next-button:focus{transform:scale(1.05)}.su-image-carousel button.flickity-prev-next-button[disabled]{display:none}.su-image-carousel button.flickity-prev-next-button.previous{left:20px}.su-image-carousel button.flickity-prev-next-button.next{right:20px}.su-image-carousel>ol.flickity-page-dots{position:absolute;top:50%;bottom:auto;left:50%;margin:0;padding:0;width:auto;list-style:none;opacity:0;transition:opacity .2s ease;transform:translate(-50%,-50%);pointer-events:none}.su-image-carousel:hover>ol.flickity-page-dots{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot{position:relative;display:inline-block;margin:5px;padding:0;width:20px;height:20px;border-radius:50%;list-style:none;opacity:.5;transition:opacity .2s ease;pointer-events:all}.su-image-carousel>ol.flickity-page-dots>li.dot:hover{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot::before{position:absolute;top:50%;left:50%;display:none;margin:0;padding:0;width:10px;height:10px;border-radius:50%;content:'';transform:translate(-50%,-50%)}.su-image-carousel>ol.flickity-page-dots>li.dot.is-selected::before{display:block}.su-image-carousel-controls-style-dark button.flickity-prev-next-button{background:#000;color:#fff}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot{background:#000}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot::before{background:#fff}.su-image-carousel-controls-style-light button.flickity-prev-next-button{background:#fff;color:#000}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot{background:#fff}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot::before{background:#000}.su-image-carousel-slides-style-default .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-default .su-image-carousel-item-content img{padding:3px;border:1px solid #ccc;border-radius:7px;background:#fff}.su-image-carousel-slides-style-default .su-image-carousel-item-content span{right:4px;bottom:4px;left:4px;padding:.5em .7em;border-bottom-right-radius:2px;border-bottom-left-radius:2px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 2px 5px #000}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content span{right:0;bottom:0;left:0;padding:.7em;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 2px 5px #000}.su-image-carousel-slides-style-photo .su-image-carousel-item-content{padding:7px}.su-image-carousel-slides-style-photo .su-image-carousel-item-content img{border:5px solid #fff;border-radius:7px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.su-image-carousel-slides-style-photo .su-image-carousel-item-content span{right:12px;bottom:12px;left:12px;padding:.3em .5em;background:#fff;color:#000;font-size:.9em}.su-image-carousel-slides-style-photo.su-image-carousel-crop .su-image-carousel-item-content img{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.su-image-carousel-mfp.mfp-bg{z-index:102000!important}.su-image-carousel-mfp.mfp-wrap{z-index:102001!important}.su-image-carousel-mfp.mfp-wrap .mfp-preloader{z-index:102002!important}.su-image-carousel-mfp.mfp-wrap .mfp-content{z-index:102003!important}.su-image-carousel-mfp.mfp-wrap button.mfp-arrow,.su-image-carousel-mfp.mfp-wrap button.mfp-close{z-index:102004!important}.su-image-carousel-has-outline .su-image-carousel-item-content a:focus img,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-width:2px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.su-image-carousel-has-outline .su-image-carousel-item-content a:focus,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-style:auto;outline-color:-webkit-focus-ring-color}}.su-label{display:inline;margin-right:.3em;padding:.1em .3em;font-size:.8em;height:.8em;line-height:.8em;color:#fff;border-radius:3px}.su-label-type-default{background:#999}.su-label-type-success{background:#090}.su-label-type-warning{background:#f90}.su-label-type-important{background:#f03}.su-label-type-black{background:#111}.su-label-type-info{background:#09c}.su-lightbox-content{position:relative;margin:0 auto}#su-generator .su-lightbox-content,.mfp-content .su-lightbox-content{display:block!important}.su-lightbox-content-preview{width:100%;min-height:300px;background:#444;overflow:hidden}.su-lightbox-content h1,.su-lightbox-content h2,.su-lightbox-content h3,.su-lightbox-content h4,.su-lightbox-content h5,.su-lightbox-content h6{color:inherit}.su-lightbox{cursor:pointer}.su-list{margin-bottom:1.5em}.su-list ul{margin:0!important;padding:0!important;list-style:none!important}.su-list ul li{position:relative;display:block!important;margin:0!important;padding:4px 0 4px 2em!important;list-style-type:none!important;line-height:1.3em}.su-list ul li>img{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;padding:0;margin:0;border:none}.su-list ul li>i{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;line-height:1.3em;text-align:center}.su-members{margin-bottom:1.5em;padding:1em;border-width:1px 0;border-style:solid;text-align:center}.su-members a{text-decoration:underline;color:inherit}.su-note{margin:0 0 1.5em;border-width:1px;border-style:solid}.su-note-inner{padding:1em;border-width:1px;border-style:solid}.su-posts-default-loop .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-default-loop .su-post:after{content:'';display:table;clear:both}.su-posts-default-loop .su-post-thumbnail{float:left;display:block;width:100px;height:100px;margin-right:1em}.su-posts-default-loop .su-post-thumbnail img{max-width:100px;max-height:100px}.su-posts-default-loop h2.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-default-loop .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-default-loop .su-post-excerpt{margin-bottom:.5em}.su-posts-default-loop .su-post-excerpt p:last-child{margin-bottom:0}.su-posts-default-loop .su-post-comments-link{font-size:.9em}.su-posts-teaser-loop .su-post{margin-bottom:1.5em;line-height:1.2}.su-posts-teaser-loop .su-post:after{content:'';display:table;clear:both}.su-posts-teaser-loop .su-post-thumbnail{float:left;display:block;width:56px;height:56px;margin:0 1em 0 0}.su-posts-teaser-loop .su-post-thumbnail img{display:block;margin:0;padding:2px;border:1px solid #ccc;border-radius:5px;max-width:100%;max-height:100%}.su-posts-teaser-loop h2.su-post-title{display:block;margin:0;padding:0;border:none;font-size:.9em;font-weight:400;clear:none}.su-posts-single-post .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-single-post .su-post:after{content:'';display:table;clear:both}.su-posts-single-post h1.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-single-post .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-single-post .su-post-content{margin-bottom:.5em}.su-posts-single-post .su-post-content p:last-child{margin-bottom:0}.su-private{margin:0 0 1.5em}.su-pullquote{display:block;width:30%;padding:.5em 1em}.su-pullquote-align-left{margin:.5em 1.5em 1em 0;padding-left:0;float:left;border-right:5px solid #eee}.su-pullquote-align-right{margin:.5em 0 1em 1.5em;padding-right:0;float:right;border-left:5px solid #eee}@media screen and (max-width:48em){.su-pullquote{width:auto}.su-pullquote-align-left,.su-pullquote-align-right{float:none;margin:1.5em 0;padding:.5em 1em}}.su-qrcode{display:inline-block}.su-qrcode-align-left{float:left;margin:0 .5em .5em 0}.su-qrcode-align-center{display:block;clear:both;margin:1em auto;text-align:center}.su-qrcode-align-right{float:right;margin:0 0 .5em .5em}.su-qrcode a,.su-qrcode a:active,.su-qrcode a:focus,.su-qrcode a:hover{background:0 0;outline:0;display:inline;text-decoration:none}.su-qrcode-clickable a:hover{opacity:.7}.su-qrcode img{display:inline-block;max-width:100%}.su-quote-style-default{position:relative;margin-bottom:1.5em;padding:.5em 3em;font-style:italic}.su-quote-style-default:after,.su-quote-style-default:before{position:absolute;display:block;width:20px;height:20px;background-image:url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/quote.png);content:''}.su-quote-style-default:before{top:0;left:0;background-position:0 0}.su-quote-style-default:after{right:0;bottom:0;background-position:-20px 0}.su-quote-style-default .su-quote-cite{display:block;text-align:right;font-style:normal}.su-quote-style-default .su-quote-cite:before{content:'\2014\0000a0'}.su-quote-style-default .su-quote-cite a{text-decoration:underline}.su-screenr{margin:0 0 1.5em}.su-screenr iframe{border:none!important}.su-service{position:relative;margin:0 0 1.5em}.su-service-title{display:block;margin-bottom:.5em;color:#333;font-weight:700;font-size:1.1em}.su-service-title img{position:absolute;top:0;left:0;display:block!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}.su-service-title i{position:absolute;top:0;left:0;display:block!important;width:1em;height:1em;text-align:center;line-height:1em}.su-service-content{line-height:1.4}.su-slider{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-slider-centered{margin:0 auto 1.5em}.su-slider-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-slider-slides{transition-timing-function:ease-out;margin:0 auto}.su-slider-slide{position:relative;float:left}.su-slider-slide>a,.su-slider-slide>a>img,.su-slider-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none}.su-slider-responsive-yes .su-slider-slide>a,.su-slider-responsive-yes .su-slider-slide>a>img,.su-slider-responsive-yes .su-slider-slide>img{height:auto}.su-slider-pages-no .su-slider-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-slider-slide-title{position:absolute;left:20px;bottom:20px;display:block;max-width:90%;padding:5px 10px;color:#fff;line-height:1.3;background:#000;background:rgba(0,0,0,.5);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-slider-slide-visible .su-slider-slide-title{opacity:1}.su-slider-next,.su-slider-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px!important;background:#000 0 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;transition:all .2s}.su-slider-prev{right:10px;margin-right:30px;background-position:-40px 0}.su-slider-next{left:10px;margin-left:30px;background-position:0 0}.su-slider:hover .su-slider-next,.su-slider:hover .su-slider-prev{margin-left:0;margin-right:0;opacity:.7}.su-slider .su-slider-next:hover,.su-slider .su-slider-prev:hover{opacity:1}.su-slider-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;transition:all .2s}.su-slider:hover .su-slider-pagination{bottom:20px;opacity:1}.su-slider-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s}.su-slider:hover .su-slider-pagination span{margin:0 3px}.su-slider .su-slider-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-slider-pagination span.swiper-active-switch,.su-slider-pagination span:hover{background-position:0 -40px}.su-spacer{display:block;height:0;clear:both;overflow:hidden}.su-spacer-5{height:5px}.su-spacer-10{height:10px}.su-spacer-20{height:20px}.su-spacer-30{height:30px}.su-spacer-40{height:40px}.su-spoiler{margin-bottom:1.5em}.su-spoiler .su-spoiler:last-child{margin-bottom:0}.su-spoiler-title{position:relative;cursor:pointer;min-height:20px;line-height:20px;padding:7px 7px 7px 34px;font-weight:700;font-size:13px}.su-spoiler-title:focus{outline:currentColor thin dotted}.su-spoiler-icon{position:absolute;left:7px;top:7px;display:block;width:20px;height:20px;line-height:21px;text-align:center;font-size:14px;font-family:ShortcodesUltimateIcons;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased}.su-spoiler-content{padding:14px;transition:padding-top .2s}.su-spoiler.su-spoiler-closed>.su-spoiler-content{height:0;margin:0;padding-top:0;padding-bottom:0;overflow:hidden;border:none;opacity:0;pointer-events:none}.su-spoiler.su-spoiler-closed>.su-spoiler-content iframe{display:none}.su-spoiler-icon-plus .su-spoiler-icon:before{content:'\f068'}.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before{content:'\f067'}.su-spoiler-icon-plus-circle .su-spoiler-icon:before{content:'\f056'}.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before{content:'\f055'}.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before{content:'\f146'}.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before{content:'\f0fe'}.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before{content:'\f147'}.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before{content:'\f196'}.su-spoiler-icon-arrow .su-spoiler-icon:before{content:'\f063'}.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before{content:'\f061'}.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before{content:'\f0ab'}.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before{content:'\f0a9'}.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before{content:'\f01a'}.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before{content:'\f18e'}.su-spoiler-icon-chevron .su-spoiler-icon:before{content:'\f078'}.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before{content:'\f054'}.su-spoiler-icon-chevron-circle .su-spoiler-icon:before{content:'\f13a'}.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before{content:'\f138'}.su-spoiler-icon-caret .su-spoiler-icon:before{content:'\f0d7'}.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before{content:'\f0da'}.su-spoiler-icon-caret-square .su-spoiler-icon:before{content:'\f150'}.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before{content:'\f152'}.su-spoiler-icon-folder-1 .su-spoiler-icon:before{content:'\f07c'}.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before{content:'\f07b'}.su-spoiler-icon-folder-2 .su-spoiler-icon:before{content:'\f115'}.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before{content:'\f114'}.su-spoiler-style-default>.su-spoiler-title{padding-left:27px;padding-right:0}.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon{left:0}.su-spoiler-style-default>.su-spoiler-content{padding:1em 0 1em 27px}.su-spoiler-style-fancy{border:1px solid #ccc;border-radius:10px;background:#fff;color:#333}.su-spoiler-style-fancy>.su-spoiler-title{border-bottom:1px solid #ccc;border-radius:10px;background:#f0f0f0;font-size:.9em}.su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title{border:none}.su-spoiler-style-fancy>.su-spoiler-content{border-radius:10px}.su-spoiler-style-simple{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.su-spoiler-style-simple>.su-spoiler-title{padding:5px 10px;background:#f0f0f0;color:#333;font-size:.9em}.su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon{display:none}.su-spoiler-style-simple>.su-spoiler-content{padding:1em 10px;background:#fff;color:#333}.su-table{width:100%;margin-bottom:1.5em}.su-table table{width:100%!important;margin:0!important;border-collapse:collapse!important;font-size:1em!important;border:1px solid #ccc!important;table-layout:auto!important}.su-table table th{text-align:center!important;padding:1em!important;font-size:1em!important;font-weight:700!important;color:#333!important;border:1px solid #ccc!important;background:#f0f0f0!important}.su-table table td{padding:.5em 1em!important;border:1px solid #ccc!important;background:#fff!important}.su-table-responsive{overflow-x:auto}.su-table-responsive table{width:auto!important;min-width:100%!important}.su-table-responsive table td,.su-table-responsive table th{word-break:initial!important}.su-table-alternate table tr:nth-child(even) td{background-color:#f7f7f7!important}.su-table-fixed table{table-layout:fixed!important}.su-tabs{margin:0 0 1.5em;padding:3px;border-radius:3px;background:#eee}.su-tabs-nav span{display:inline-block;margin-right:3px;padding:10px 15px;min-height:40px;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;font-size:13px;line-height:20px;cursor:pointer;transition:all .2s}.su-tabs-nav span:hover{background:#f5f5f5}.su-tabs-nav span.su-tabs-current{background:#fff;cursor:default}.su-tabs-nav span:focus{outline:currentColor thin dotted}.su-tabs-nav span.su-tabs-disabled{opacity:.5;cursor:default}.su-tabs-pane{padding:15px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;color:#333;font-size:13px}.su-tabs-pane:not(.su-tabs-pane-open){overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important;height:0!important;border:none!important}.su-tabs-nav,.su-tabs-nav span,.su-tabs-pane,.su-tabs-panes{box-sizing:border-box!important}.su-tabs-vertical{display:flex}.su-tabs-vertical .su-tabs-nav{width:30%}.su-tabs-vertical .su-tabs-nav>span{display:block;margin-right:0;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.su-tabs-vertical .su-tabs-panes{width:70%}.su-tabs-vertical .su-tabs-panes .su-tabs-pane{height:100%;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}@media only screen and (max-width:768px){.su-tabs-vertical{flex-direction:column}.su-tabs-vertical .su-tabs-nav,.su-tabs-vertical .su-tabs-panes{width:100%}.su-tabs-vertical .su-tabs-nav .su-tabs-pane,.su-tabs-vertical .su-tabs-nav>span,.su-tabs-vertical .su-tabs-panes .su-tabs-pane,.su-tabs-vertical .su-tabs-panes>span{border-radius:3px}.su-tabs-mobile-stack .su-tabs-nav span{display:block}.su-tabs-mobile-scroll .su-tabs-nav{display:flex;align-items:flex-end;white-space:nowrap;overflow-x:auto}}.su-tooltip{display:none}.su-tooltip.su-tooltip-visible{display:block}.su-tooltip-inner{display:block;position:relative;padding:.7em .85em}.su-tooltip-title{display:block;font-weight:700;font-size:1.1em;margin-bottom:.25em}.su-tooltip-title:empty{display:none}.su-tooltip-content{display:block}.su-tooltip-shadow-yes{box-shadow:0 0 10px rgba(0,0,0,.5)}.su-tooltip-button{position:relative}.su-tooltip-button-outline-no:focus{outline:0}.su-tooltip-arrow,.su-tooltip-arrow::before{position:absolute;width:8px;height:8px;background:inherit}.su-tooltip-arrow{visibility:hidden}.su-tooltip-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.su-tooltip[data-popper-placement^=top]>.su-tooltip-arrow{bottom:-4px}.su-tooltip[data-popper-placement^=bottom]>.su-tooltip-arrow{top:-4px}.su-tooltip[data-popper-placement^=left]>.su-tooltip-arrow{right:-4px}.su-tooltip[data-popper-placement^=right]>.su-tooltip-arrow{left:-4px}.su-video{position:relative;margin-bottom:1.5em;overflow:hidden}.su-video .jp-title{position:absolute;top:-100px;left:0;width:100%;height:30px;padding:0 1em;line-height:30px;font-size:.9em;background:#000;background:rgba(0,0,0,.5);color:#fff;transition:top .2s}.su-video:hover .jp-title{top:0}.su-video .jp-start{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:.5;transition:opacity .2s;background:50% 50% url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/player/default-start.png) no-repeat}.su-video:hover .jp-start{opacity:.8}.su-video.jp-video-full{position:fixed;left:0;top:0;width:100%;height:100%}.su-video.jp-video-full .jp-jplayer{position:fixed!important;left:0;top:0;overflow:hidden}.su-video .jp-gui{position:relative;height:30px;background:#7c8781;background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-bottom-right-radius:3px;border-bottom-left-radius:3px}.su-video.jp-video-full .jp-gui{position:fixed;left:0;bottom:0;width:100%}.su-video-controls-no .jp-gui{position:absolute!important;bottom:-100px;left:0;right:0;transition:bottom .2s}.su-video-controls-no:hover .jp-gui{bottom:0}.su-video img{border-radius:0!important;border:none!important;margin:0!important;padding:0!important}.su-video .jp-gui .jp-pause,.su-video .jp-gui .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-right:1px solid #454947;cursor:pointer}.su-video .jp-gui .jp-play{background:0 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-gui .jp-pause{background:-30px 0 url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-full-screen,.su-video .jp-restore-screen{position:absolute;top:0;right:0;display:block;width:30px;height:30px;border-left:1px solid #454947;cursor:pointer}.su-video .jp-full-screen{background:0 -30px url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-restore-screen{background:-30px -30px url(//kurashigoto.me/wp/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-progress{position:absolute;top:10px;left:90px;right:90px;height:10px;background:#333;border-radius:3px;box-shadow:0 0 5px #000 inset}.su-video .jp-play-bar,.su-video .jp-seek-bar{position:absolute;top:0;left:0;height:100%;cursor:pointer;border-radius:3px}.su-video .jp-seek-bar{background:#0b0b0b;background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-video .jp-play-bar{background:#6db3f2;background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-video .jp-current-time,.su-video .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;color:#f5f5f5;font-size:10px}.su-video .jp-current-time{left:50px}.su-video .jp-duration{right:50px}.su-vimeo{margin:0 0 1.5em}.su-vimeo iframe{border:none!important}.su-youtube{margin:0 0 1.5em}.su-youtube iframe{border:none!important}