@charset "UTF-8";
/*
Theme Name: MY THEME
Author: EasyWork-SYStem
Description: オリジナルテーマ
Version: 0.22.417
*/

/* 変数 */
:root {
    --f1: 2em;
    --f2: 1.5em;
    --f3: 1.25em;
    --f4: 1em;
    --f5: 0.9em;
    --f6: 0.75em;

    --themecolor: #669966;
    --basecolor: #FFFFFF;
    --linecolor: #CCCCCC;
    --hovercolor: #CCFFCC;
}

/* フォント */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

h1 {
    margin: 1em auto;
    font-size: var(--f1);
    line-height: 1;
}
h2 {
    margin: 1em auto;
    font-size: var(--f2);
    line-height: 1;
}
h3 {
    margin: 1em auto;
    font-size: var(--f3);
    line-height: 1;
}
h4 {
    margin: 1em auto;
    padding-left: 0.5em;
    font-size: var(--f4);
    line-height: 1;
    border-left: solid 0.5em var(--themecolor);
}
h5 {
    margin: 1em auto;
    font-size: var(--f5);
    line-height: 1;
}
h6 {
    margin: 1em auto;
    font-size: var(--f6);
    line-height: 1;
}
p {
    margin: 0 auto;
    font-size: var(--f4);
    text-align: justify;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    opacity: 75%;
}





.MyGroundwork {
    margin: 0 auto;
    padding: 0 2em;
    background-color: var(--basecolor);
    border: none;
}
@media (min-width: 780px) {
    .MyGroundwork {
        width: 720px;
        border-left: 1px solid var(--linecolor);
        border-top: 1px solid var(--linecolor);;
        border-right: 2px solid var(--linecolor);;
        border-bottom: 2px solid var(--linecolor);;
    }
}



.MyNavigation {
    padding: 0;
}
.MyNavigation ul {
    display: flex;
    margin: 0;
    justify-content: right;
    list-style-type: none;
}
.MyNavigation li {
    font-size: var(--f5);
    font-weight: bold;
    color: var(--themecolor);
}
.MyNavigation li:not(:last-child) {
    margin-right: 1em;
}
.MyNavigation a {
    display: block;
    padding: 0.5em;
}



.MyHeader {
    background-color: var(--basecolor);
}
.MyHeader a {
    display: block;
    padding: 1em 0;
}
.MyHeader-siteicon {
    margin: 0;
    text-align: center;
}
.MyHeader-name {
    margin: 0;
    font-size: var(--f4);
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: var(--themecolor);
}
.MyHeader-description {
    margin: 0;
    font-size: var(--f6);
    line-height: 1.5;
    text-align: center;
}



.MyPost {
    padding: 1em 0;
    background-color: var(--basecolor);
}
.MyPost p,
.MyPost ol,
.MyPost ul {
    margin: 0;
    line-height: 2;
}
.MyPost blockquote {
    margin: 1em auto;
    padding: 0.5em;
    font-size: var(--f5);
    border-left: 0.5em solid var(--linecolor);
}
.MyPost cite {
    display: flex;
    margin-top: 0.5em;
    justify-content: right;
    font-size: var(--f5);
}
.MyPost cite:before {
    content: "quote source > ";
}
.MyPost code {
    margin: 1em auto;
    font-size: var(--f5);
    line-height: 1.5;
    border-left: 2px solid var(--linecolor);
    border-top: 2px solid var(--linecolor);
    border-right: 1px solid var(--linecolor);
    border-bottom: 1px solid var(--linecolor);
}
.MyPost figure {
    margin: 1em auto;
}
.MyPost figcaption {
    margin-top: 0.5em;
    font-size: var(--f5);
}

.MyPost table {
    margin: 0;
    font-size: var(--f5);
}



.MyPost-Header {
    margin: 1em auto;
    font-size: var(--f4);
    text-align: center;
}
.MyPost-Header-title {
    margin: 0;
    line-height: 1;
}
.MyPost-Header-time {
    margin: 0;
    font-size: var(--f6);
    text-align: center;
}
.MyPost-Header-description {
    margin: 0;
    font-size: var(--f4);
    line-height: 2;
    text-align: center;
}



.MyPost-List {
    margin: 1em auto;
    padding-left: 0.5em;
    border-left: 0.5em solid var(--themecolor);
}
.MyPost-List a {
    display: block;
}
.MyPost-List figure {
    margin: 0;
}
.MyPost-List-thumbnail img {
    height: 60px;
    object-fit: cover;
}
.MyPost-List-title {
    margin: 0;
    font-size: var(--f2);
    line-height: 1.5;
}
.MyPost-List-time {
    margin: 0;
    font-size: var(--f6);
    line-height: 1.5;
    text-align: right;
}
.MyPost-List-description {
    font-size: var(--f5);
    line-height: 1.5 !important;
}


.MyFooter {
    padding: 1em 0;
    text-align: center;
    border-top: 2px solid var(--themecolor);
}
.MyFooter-copyright {
    font-size: var(--f6);
    color: var(--themecolor);
}





/* Wordpress hack */
.wp-block-image {
    margin-top: 0.5em;
    margin-bottom: 0em;
}
.wp-block-image .alignleft {
    margin-top: 0.5em;
    margin-right: 1.5em;
}
.wp-block-image .alignright {
    margin-top: 0.5em;
    margin-left: 1.5em;
}

.wp-block-file {
    margin: 0;
    padding: 1em 0;
}
.wp-block-file .wp-block-file__button {
    font-size: var(--f4);
    color: #FFFFFF !important;
    background-color: var(--themecolor) !important;
    border: none;
    border-radius: 0.5em !important;
    -webkit-appearance: none;
}

.wp-block-latest-posts__list li {
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-left: 1px solid var(--linecolor);
    border-top: 1px solid var(--linecolor);
    border-right: 2px solid var(--linecolor);
    border-bottom: 2px solid var(--linecolor);
}
.wp-block-latest-posts__list a {
    font-size: var(--f4);
}
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
    margin-bottom: 0;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    font-size: var(--f6);
    text-align: right;
    line-height: 1;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-author {
    font-size: var(--f5);
    line-height: 1;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
    font-size: var(--f5);
    line-height: 1.5;
}

.pagination {
    margin: 0;
    padding: 1em 0;
    text-align: center;
}
.pagination a {
    padding: 0em 0.5em;
    color: var(--themecolor);
}
.pagination .nextpagelink {
    float: right;
}
.pagination .prevpagelink {
    float: left;
}
.pagination .current {
    padding: 0em 0.5em;
    font-weight: bold;
}





/* ContactForm7 hack */
.wp-block-contact-form-7-contact-form-selector {
    margin: 0;
}
.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 1em;
    font-size: var(--f4);
    border: 1px solid var(--linecolor);
    border-radius: 0.5em;
    box-sizing: border-box;     /* width: 100% によるはみ出し回避のため */
}
.wpcf7-submit {
    width: 100%;
    margin-top: 1em;
    padding: 1em;
    font-size: var(--f4);
    color: #FFFFFF;
    background-color: var(--themecolor);
    border: none;
    border-radius: 0.5em;
    -webkit-appearance: none;
}