@charset "UTF-8";
  body {
font-family: "游ゴシック" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.7;
background-color: #FFFCF6;
}
* {
-webkit-transition: all .5s;
transition: all .5s;
}
a {
color: #6B8CB7;
text-decoration: none;
}
a:hover {
color: #E6C66D;
text-decoration: none;
}
p {
margin-top: 0px;
}
section {
position: relative;
}
section:after {
content: "";
display: block;
clear: both;
}
article {
position: relative;
}
figure {
text-align: center;
}
figure img {
max-width: 100%;
}
img {
max-width: 100%;
}
iframe {
max-width: 100%;
}
@media screen and (max-width: 1024px) {
main {
padding: 10px;
}
}   .text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}   body {          }
@media screen and (max-width: 1024px) {
body main {
padding: 0px;
}
}
body .col1 .keni-header_outer, body .col1 .keni-gnav_outer, body .col1 .keni-mv_outer, body .col1 .catch-area, body .col1 .archive_title_wrap, body .col1 .single-header, body .col1 .keni-breadcrumb-list_outer, body .col1 .keni-footer_outer, body .col1 .keni-copyright, body .col1 .keni-section_wrap, body .col1 .keni-sep-conts_outer, body .col1 .keni-footer-panel_outer {
max-width: 1080px !important;
}
body .keni-header_wrap {
background-image: none;
background-color: #FFFCF6;
}
body .keni-header_inner {
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
}
@media screen and (max-width: 480px) {
body .keni-header_inner {
padding-top: 0px;
padding-bottom: 0px;
}
}
body .keni-header_cont {
display: none;
}
body .keni-header .site-title, body .keni-header_col1 .site-title {
float: none;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 640px) {
body .keni-header .site-title img, body .keni-header_col1 .site-title img {
max-width: 80%;
}
}
body .site-description {
display: none;
}
body .keni-section_wrap {
max-width: 1080px !important;
background: transparent;
}
body.single .keni-section_wrap {
max-width: 918px !important;
}
body .keni-footer_wrap {
border-top: 5px solid #726B5C;
background-color: #518891;
}
body .keni-footer_wrap .keni-footer_outer {
max-width: 100%;
padding: 0px;
}
body .keni-footer_wrap .keni-footer {
padding-top: 25px;
padding-bottom: 25px;
max-width: 1080px;
margin: 0 auto;
}
body .keni-footer_wrap .keni-copyright_wrap {
background-color: #726B5C;
text-align: center;
border-top: 0px;
color: #FFFCF6;
}
body .keni-footer_wrap .keni-copyright {
position: relative;
}
body .keni-footer_wrap .keni-copyright:after {
position: absolute;
content: '';
width: 232px;
height: 54px;
right: 0px;
bottom: 20%;
max-width: 40%;
display: inline-block;
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/footer-object.png) center center no-repeat;
background-size: contain;
}
body .keni-footer_wrap .sub-section_title {
background-color: transparent;
padding: 0px;
margin-bottom: 1em;
margin-top: 0px;
color: #FFFCF6;
font-weight: bold;
font-size: 180%;
}
body .keni-footer_wrap .keni-section ul li {
border-bottom: 0px;
}
body .keni-footer_wrap .keni-section ul li a {
color: #FFFCF6;
}
body .keni-footer_wrap .keni-section ul li a:before {
border: 0px;
content: '';
width: 25px;
height: 25px;
display: inline-block;
left: 0px;
top: 13px;
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-feather.png) center center no-repeat;
background-size: contain;
}
body h2 {
margin-bottom: 0px;
padding: 0px;
color: #726B5C;
font-size: 150%;
}
body h2:not(.title_no-style) {
background: transparent;
}
body .keni-main_inner {
padding: 0px;
}
body .article-body p {
margin-bottom: 30px;
}
body .article-visual {
border-radius: 5px 5px 5px 5px;
overflow: hidden;
}
body blockquote {
background-color: #fff7e7;
}
body blockquote:before, body blockquote:after {
color: #726B5C;
}
body .chat_l .bubble .bubble_in:before {
border-right-color: #a59e8f;
border-top-color: #a59e8f;
}
body .chat_r .bubble .bubble_in:before {
border-left-color: #a59e8f;
border-top-color: #a59e8f;
}
body .chat_l > .bubble_wrap > .bubble, body .chat_r > .bubble_wrap > .bubble {
border: 2px solid #a59e8f;
font-size: 95%;
color: #726B5C;
}
body .chat_l > .bubble_wrap > .bubble b, body .chat_l > .bubble_wrap > .bubble strong, body .chat_r > .bubble_wrap > .bubble b, body .chat_r > .bubble_wrap > .bubble strong {
color: #E66D6D;
}
body .talker b {
text-align: center;
}
body .post-list .entry_title {
font-size: 130%;
}
body .post-list .entry_thumb {
border-radius: 5px;
overflow: hidden;
}
body .post-list .entry_thumb:hover img {
-webkit-transform: scale(1.2) rotate(3deg);
transform: scale(1.2) rotate(3deg);
}
body .post-list .entry_thumb img {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
@media screen and (min-width: 769px) {
body .keni-gnav_wrap {
background-color: #FFFCF6;
}
body .keni-gnav_cont {
width: 100%;
background-color: transparent;
}
body .keni-gnav_cont li {
text-align: center;
}
body .keni-gnav_cont li > a {
max-width: 90%;
margin-left: auto;
margin-right: auto;
border-bottom: 5px solid #726B5C;
font-size: 150%;
color: #726B5C;
font-weight: bold;
}
body .keni-gnav_cont li > a:hover {
border-color: #E6C66D;
}
body .keni-gnav_cont li span {
display: block;
font-size: 60%;
font-weight: normal;
}
}
body .keni-gnav_btn {
background-color: #E66D6D;
border-radius: 5px;
z-index: 10000;
}
body .keni-gnav_btn_icon-open {
background-color: #FFFCF6;
}
body .keni-gnav_btn_icon-open:before, body .keni-gnav_btn_icon-open:after {
background-color: #FFFCF6;
}
body .keni-gnav_btn_icon-close:before {
background-color: #E66D6D;
border-radius: 5px;
color: #FFFCF6;
}
body .menu-search .search-box {
background-color: #726B5C;
}
body .archive_title_wrap, body .single-header {
max-width: 100% !important;
background: #518891;
border-bottom: 5px solid #726B5C;
color: #FFFCF6;
padding-top: 2em;
padding-bottom: 2em;
}
body .archive_title, body .single_title {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
background-image: none;
margin-bottom: 0px;
background-color: transparent;
font-size: 150%;
text-align: center;
}
body .archive_title span, body .single_title span {
font-size: 160%;
}
@media screen and (min-width: 640px) {
body .archive_title span, body .single_title span {
display: block;
}
}
body .toc-area {
max-width: 864px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
border: 0px;
background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
background-image: linear-gradient(to right, transparent 0%, white 100%);
}
body #keni_toc .toc-area_inner {
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/bg_note.png) left top repeat-y;
}
body #keni_toc .toc-area_list {
margin: 0px;
padding: 0px;
padding: .2em 2em 1em;
}
body #keni_toc .toc-area_list li {
margin-bottom: 0px;
}
body #keni_toc .toc-area_list > li {
margin-top: 2em;
}
body #keni_toc .toc-area_list > li:before {
display: none;
}
body #keni_toc .toc-area_list > li > a {
border-bottom: 2px solid #C9DAEF;
display: block;
font-weight: bold;
font-size: 110%;
}
body #keni_toc .toc-area_list > li > a:before {
display: inline-block;
padding: 0em .5em;
margin-right: 1em;
background: #E6C66D;
color: #fff;
font-size: 14px;
line-height: 22px;
text-indent: 0;
text-align: center;
vertical-align: middle;
counter-increment: num;
content: counter(num);
}
body #keni_toc .toc-area_list > li ol {
margin: 0px;
padding-left: 1.5em;
}
body #keni_toc .toc-area_list > li ol li {
border-bottom: 1px solid #C9DAEF;
line-height: 1.5;
margin-top: .5em;
padding-bottom: .5em;
}
body #keni_toc .toc-area_list > li ol li:before {
position: relative;
content: '\f0da';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #E6C66D;
}
body #keni_toc .toc_title {
margin: 0px;
padding: 0px .5em;
font-size: 180%;
color: #726B5C;
display: inline-block;
margin-top: 1em;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, white), color-stop(51%, #f5c4c4), to(#f5c4c4));
background-image: linear-gradient(to bottom, white 0%, white 50%, #f5c4c4 51%, #f5c4c4 100%);
}
body #keni_toc .toc_title_wrap {
text-align: center;
}    .background__white {
background-color: #fff !important;
} .list-banner a {
display: block;
overflow: hidden;
}
.list-banner a img {
-webkit-transform: scale(1);
transform: scale(1);
}
.list-banner a img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .check-form {
border: 0px;
}
.check-form td, .check-form th {
border: 0px;
border-bottom: 1px solid #FFFCF6;
padding: .8em 1em .3em;
}
@media screen and (max-width: 640px) {
.check-form td, .check-form th {
padding: .5em;
}
}
@media screen and (max-width: 640px) {
.check-form td {
padding: .5em 0em .5em .5em;
}
}
.check-form th {
background-color: transparent;
vertical-align: middle;
min-width: 5em;
}
.kokuban .check-form th {
color: #FFFCF6;
}
.check-form-item:checked + label {
background-color: #E6C66D;
border-color: transparent;
color: #FFFCF6;
}
.check-form-item:hover + label {
background-color: #f5e8c4;
color: #518891;
}
.check-form label {
cursor: pointer;
padding: .5em 1em;
margin-bottom: .5em;
border: 1px solid #FFFCF6;
display: inline-block;
border-radius: 5px;
}
@media screen and (max-width: 640px) {
.check-form label {
font-size: 70%;
}
}
.check-form input {
display: none;
}
.check-form__btn-wrap {
text-align: center;
padding-top: .8em;
}
.check-form__btn {
padding: .8em 2em;
border-radius: 5px;
background-color: #E66D6D;
color: #FFFCF6;
font-weight: bold;
border: 0px;
}
.check-form__btn:before {
content: "\f002";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline;
margin-right: 0.5em;
}
.check-form__btn:hover {
background-color: #E6C66D;
color: #FFFCF6;
} .kokuban {
padding: 1.5em 2em;
border: 10px solid #a59e8f;
background-color: #518891;
color: #FFFCF6;
}
@media screen and (max-width: 640px) {
.kokuban {
padding: 1.5em 1em;
}
}
.kokuban h2 {
color: #FFFCF6;
}
.kokuban__title {
color: #FFFCF6;
display: inline;
padding-left: .3em;
padding-right: .3em;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(51%, #E66D6D), to(#E66D6D)) !important;
background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #E66D6D 51%, #E66D6D 100%) !important;
}
.kokuban__title:before {
content: "\f0eb";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline;
margin-right: 0.5em;
color: #f5e8c4;
}
.kokuban-point {
margin-bottom: 30px;
position: relative;
padding-right: 175px;
}
@media screen and (max-width: 768px) {
.kokuban-point {
padding-right: 1em;
padding-bottom: 161px;
}
}
.kokuban-point:after {
content: '';
width: 157px;
height: 141px;
display: inline-block;
right: 10px;
bottom: 0px;
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/point.png) center center no-repeat;
background-size: contain;
position: absolute;
}
.kokuban-nicchoku {
position: relative;
}
.kokuban-nicchoku:after {
content: '';
width: 38px;
height: 69px;
display: inline-block;
right: 1em;
bottom: 1em;
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/rakugaki-1.png) center center no-repeat;
background-size: contain;
position: absolute;
} .title__sub, .single .article-body h2:not(.kokuban__title):not(.title__tips) {
background-color: #726B5C !important;
border-radius: 5px;
color: #FFFCF6;
position: relative;
text-align: center;
margin-bottom: 1em;
padding: .3em;
}
.title__sub:after, .single .article-body h2:not(.kokuban__title):not(.title__tips):after {
position: absolute;
content: '';
bottom: -1em;
left: 50%;
margin-left: -0.5em;
border-top: 0.5em solid #726B5C;
border-right: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.5em solid transparent;
}
.title__mini {
border-bottom: 3px solid #a59e8f;
padding-bottom: .5em;
}
.title__tips {
border-bottom: 2px solid #a59e8f !important;
color: #726B5C !important;
}
.title__tips span {
background-color: #E66D6D;
color: #FFFCF6;
display: inline-block;
padding: .2em .5em;
margin-right: .5em;
border-radius: 3px 3px 3px 3px;
} .single-header {
text-align: center;
}
.single-header__inner {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.single-header .entry_date {
display: inline-block;
}
.single-header .entry_date .entry_date_item {
color: #FFFCF6;
}
.single-header .entry_category {
display: inline-block;
}
.single_title {
padding: 0px !important;
margin: 0px !important;
margin-bottom: .5em !important;
background-image: none !important;
}
.single .article-body h2:not(.kokuban__title):not(.title__tips) {
padding: .5em;
font-size: 200%;
}
@media screen and (max-width: 640px) {
.single .article-body h2:not(.kokuban__title):not(.title__tips) {
font-size: 170%;
}
}
.single .article-body h3:not(.kokuban__title):not(.title__tips) {
background-color: #fff7e7;
color: #726B5C;
border-top: #726B5C 2px solid;
border-bottom: #726B5C 2px solid;
padding-left: .5em;
padding-right: .5em;
font-size: 170%;
}
@media screen and (max-width: 640px) {
.single .article-body h3:not(.kokuban__title):not(.title__tips) {
font-size: 155%;
}
}
.single .article-body h4:not(.kokuban__title):not(.title__tips), .single .article-body .h4:not(.kokuban__title):not(.title__tips) {
background-color: transparent;
font-weight: bold;
padding: 0 0 5px;
border-top: 0px;
font-size: 155%;
border-bottom: 2px solid #726B5C;
color: #726B5C;
vertical-align: middle;
margin-top: 3em;
margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
.single .article-body h4:not(.kokuban__title):not(.title__tips), .single .article-body .h4:not(.kokuban__title):not(.title__tips) {
font-size: 140%;
}
}
.single .article-body h4:not(.kokuban__title):not(.title__tips):before, .single .article-body .h4:not(.kokuban__title):not(.title__tips):before {
border: 0px;
content: '';
width: 25px;
height: 25px;
display: inline-block;
left: 0px;
top: 13px;
margin-right: .5em;
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-feather.png) center center no-repeat;
background-size: contain;
}
.single .article-body h4.title__tips, .single .article-body .h4.title__tips {
font-size: 155%;
}
@media screen and (max-width: 640px) {
.single .article-body h4.title__tips, .single .article-body .h4.title__tips {
font-size: 140%;
}
}
.single .article-body .plane {
border-bottom: 1px solid #a59e8f;
padding-bottom: 5px;
margin-top: 1em;
font-weight: bold;
font-size: 130%;
color: #726B5C;
margin-bottom: 5px;
}
.single .article-body td {
border: 1px solid #a59e8f;
color: #726B5C;
}
.single .article-body td:first-child {
font-weight: bold;
} .list-hane {
list-style-type: none;
margin-left: 0px;
margin-bottom: 0px;
}
.list-hane li {
vertical-align: middle;
font-weight: bold;
}
.list-hane li:before {
border: 0px;
content: '';
width: 25px;
height: 25px;
display: inline-block;
left: 0px;
top: 13px;
background: transparent url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-feather.png) center center no-repeat;
background-size: contain;
} .list-waku {
list-style-type: none;
margin-left: 0px;
}
.list-waku li {
padding: .5em 1em;
border: 2px solid #a59e8f;
font-size: 100%;
display: inline-block;
margin-right: .2em;
font-weight: bold;
background-color: white;
}
@media screen and (max-width: 640px) {
.list-waku li {
display: block;
margin-right: 0px;
}
} .list-reason {
list-style-type: none;
margin-left: 0px;
counter-reset: number;
}
.list-reason li {
padding: .5em 1em;
border: 3px solid #E66D6D;
font-size: 105%;
display: inline-block;
margin-right: .2em;
font-weight: bold;
background-color: white;
position: relative;
border-radius: 3px 3px 3px 3px;
}
.list-reason li:before {
counter-increment: number;
content: counter(number);
background-color: #E66D6D;
color: #FFFCF6;
position: absolute;
left: 0px;
top: 0px;
padding: 0em .5em;
font-size: 90%;
line-height: 1;
border-radius: 0px 0px 3px 0px;
}
@media screen and (max-width: 640px) {
.list-reason li {
display: block;
margin-right: 0px;
}
} .line-zigzag {
position: relative;
}
.line-zigzag:before, .line-zigzag:after {
height: 20px;
content: "";
position: absolute;
left: 0;
width: 100%;
}
.line-zigzag:before {
top: -20px;
background: linear-gradient(45deg, #a59e8f 10px, transparent 0), linear-gradient(315deg, #a59e8f 10px, transparent 0);
background-size: 20px 20px;
}
.line-zigzag:after {
top: -17px;
background: linear-gradient(45deg, #FFFCF6 10px, transparent 0), linear-gradient(315deg, #FFFCF6 10px, transparent 0);
background-size: 20px 20px;
} .keni-footer-panel li {
vertical-align: middle;
}
.keni-footer-panel_wrap {
background-color: #f0e8dc;
}
.icon_share:before, .icon_line:before, .icon_mokuji:before, .icon_close:before {
width: 30px;
height: 30px;
display: block;
content: "";
background-size: contain;
margin-left: auto;
margin-right: auto;
}
.icon_share:before {
background: url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-share.png) center center no-repeat;
}
.icon_line:before {
background: url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-line.png) center center no-repeat;
}
.icon_mokuji:before {
background: url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-mokuji.png) center center no-repeat;
}
.icon_close {
display: none;
}
.mokuji-wrap__on .icon_close {
display: block;
position: fixed;
right: 22%;
top: 25px;
z-index: 10;
}
.mokuji-wrap__on .icon_close:before {
background: url(//start-secondjob.com/wp-content/themes/keni8-child/images/icon-close.png) center center no-repeat;
} .mokuji {
position: fixed;
right: -2em;
bottom: 20%;
background-color: #E6C66D;
padding: .5em .5em;
color: #FFFCF6;
border-radius: 5px 0px 0px 5px;
padding-right: 2.5em;
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-weight: bold;
text-align: center;
line-height: 1.5;
font-size: 90%;
cursor: pointer;
}
.mokuji__icon {
position: relative;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.mokuji__icon_on {
left: 10em;
top: 0px;
}
.mokuji__on .mokuji__icon_on {
left: -1em;
}
.mokuji__icon_off {
left: 1em;
top: 0px;
}
.mokuji__on .mokuji__icon_off {
left: 10em;
}
.mokuji-wrap {
background-color: #FFFCF6;
width: 100%;
max-width: 80vw;
height: 100vh;
position: fixed;
top: 0px;
left: -80vw;
z-index: 9000;
background-color: #fff;
overflow-y: scroll;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.mokuji-wrap__on {
left: 0px;
}