@charset "utf-8";
/*
theme Name: 三名こども園
Author: 三名こども園
Description: 三名こども園
version： 1.0.0
*/

@charset "utf-8";


/* 回り込み */
.aligncenter {
    display: block;
    margin: 2% auto;
}

.alignright {
    float: right;
    margin: 0 0 2% 2%;
}

.alignleft {
    float: left;
    margin: 0 2% 2% 0;
}

.alignnone {
    margin: 0 2% 2% 0;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
    width: auto;
}

.clearfix {
    overflow: hidden;
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.entry-content img,
.post-content img {
    width: 100%;
    max-width: min(100%, 48%);
    /* 600pxを好みのサイズに変更 */
    height: auto;
    display: block;
}

/*---------------------------------------------------------------*/
/* News
/*---------------------------------------------------------------*/
.blog .section-area,
.single .section-area {
    padding: 80px;
    border-radius: 40px;
    font-size: 125%;
    background-color: #FFFFFF;
}

.blog #contents .section-area .section-foot,
.single #contents .section-area .section-foot {

    letter-spacing: 1px;
}

.blog .section-area .section-body ul {
    border-top: 1px dashed #C7B299;
}

.blog .section-area .section-body ul li a {
    position: relative;
    display: block;
    padding: 20px 40px 20px 20px;
    border-bottom: 1px dashed #C7B299;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.125s;
    -webkit-transition-timing-function: linear;
}

.blog .section-area .section-body ul li.nodata {
    padding: 20px 15px;
    text-align: center;
    border-bottom: 1px dashed #C7B299;
}

.blog .section-area .section-body ul li a:after {
    content: '';
    position: absolute;
    right: 17.5px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1px solid #736357;
    border-right: 1px solid #736357;
    transform: rotate(45deg);
    margin-top: -4.5px;
}

.blog .section-area .section-body ul li a:hover {
    background-color: #fffced;
}

.blog .section-area .section-body dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-direction: row;
}

.blog .section-area .section-body dl dd {
    font-weight: bold;
    width: 150px;
    text-align: center;
    position: relative;
    z-index: 10;
}

.blog .section-area .section-body dl dt {
    width: 100%;
    margin: 0 0 0 -150px;
    padding: 0 0 0 175px;
}

.body #contents .section-area .section-foot:empty {
    display: none;
}

.single #contents .section-area .section-head {
    margin: 0 0 40px;
    padding: 0 0 25px;
    border-bottom: 1px dashed #C7B299;
}

.single #contents .section-area .section-head h3 {
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 175%;
    padding: 0;
    margin: 0;
}

.single #contents .section-area .section-body {
    letter-spacing: 1px;
}

.single #contents .section-area .section-body p {
    line-height: 1.8;
}

.single #contents .section-area .section-foot {
    margin: 40px 0 0;
    padding: 25px 0 0;
    border-top: 1px dashed #C7B299;
}

/*---------------------------------------------------------------*/

/* BreadThumbs
 /*---------------------------------------------------------------*/

.breadclumb {
    padding: 10px 20px;
}

#breadcrumbs {
    font-size: 1.3rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0;
}

#breadcrumbs span a {
    position: relative;
    padding: 0 20px 0 0 !important;
}

#breadcrumbs span:last-child {
    padding: 0 !important;
}

#breadcrumbs .breadcrumb_last {
    font-weight: 500;
}

#breadcrumbs span a:after {
    position: absolute;
    top: 4px;
    right: 4px;
    content: "\f105";
    font-weight: 600;
    line-height: 1;
    font-family: 'Font Awesome\ 5 Free';
    color: #333333;
}

#breadcrumbs span:last-child:after {
    display: none;
}


/*------------------------------------------------------------*/
/* Pagenation
  /*------------------------------------------------------------*/

.pagination {
    padding: 40px 0 0;
    text-align: center;
    text-shadow: none !important;
}

.pagination.postlink {
    padding: 0;
}

.pagination .page-of {
    display: none;
}

.pagination .pagination-box .current,
.pagination .pagination-box a {
    width: 40px;
    height: 40px;
    border: 0.5px solid #FFEE99;
    padding: 0 15px !important;
    margin: 0 7.5px;
    display: inline-block;
    line-height: 1.5;
    border-radius: 100vmax;
    line-height: 40px;
}

.pagination .pagination-box .current {
    background: #FFEE99;
    border: 0.5px solid #FFEE99;
    font-weight: 600;
    padding: 0 15px !important;
    margin: 0 7.5px !important;
}

.pagination .pagination-box a {
    font-weight: normal;
    background: #FFEE99;
    border: 0.5px solid #FFEE99;
    text-decoration: none;
}

.pagination .pagination-box a:hover {
    background: #FFD400;
    border: 0.5px solid #FFD400;
}

.pagination .pagination-box a:active {
    background: #FFD400;
    border: 0.5px solid #FFD400;
}


.pagination.postlink ul,
.pagination .pagination-box ul {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.pagination.postlink ul li {
    width: 31.33%;
    margin: 0 3% 0 0;
    position: relative;
}

.pagination .pagination-box ul li {
    padding: 0 !important;
}

.pagination.postlink ul li:before,
.pagination .pagination-box ul li:before {
    display: none;
}

.pagination.postlink ul li:last-child,
.pagination .pagination-box ul li:last-child {
    margin: 0;
}

.pagination.postlink ul li a:before,
.pagination.postlink ul li a:after {
    position: absolute;
    top: 50%;
    font-weight: 900;
    line-height: 1;
    font-family: 'Font Awesome\ 5 Free';
    color: #333333;
    margin-top: -7.5px;
}

.pagination.postlink ul li a:hover:before,
.pagination.postlink ul li a:hover:after {
    color: #333333;
}

.pagination.postlink ul li.prev a:before {
    content: "\f104";
    left: 10px;
}

.pagination.postlink ul li.list a:before {
    content: "\f03a";
    left: 10px;
}

.pagination.postlink ul li.next a:before {
    content: "\f105";
    right: 10px;
}

.pagination.postlink ul li a {
    background: #FFEE99;
    border: 0.5px solid #FFEE99;
    display: block;
    position: relative;
    text-decoration: none;
    border-radius: 100vmax;
}

.pagination.postlink ul li.prev a,
.pagination.postlink ul li.list a {
    padding: 5px 5px 5px 35px;
}

.pagination.postlink ul li.next a {
    padding: 5px 35px 5px 5px;
}

.pagination.postlink ul li a:hover {
    background: #FFD400;
    border: 0.5px solid #FFD400;
}

.pagination.postlink ul li a:active {
    background: #FFD400;
    border: 0.5px solid #FFD400;
}


@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1136px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 835px) {}

@media screen and (max-width: 750px) {}

@media screen and (max-width: 640px) {

    .blog .section-area,
    .single .section-area {
        padding: 25px;
        border-radius: 12.5px;
        font-size: 110%;
    }




    .blog .section-area .section-body ul li a {
        padding: 17px 30px 17px 15px;
    }

    .blog .section-area .section-body ul li a:after {
        right: 15px;
        width: 5px;
        height: 5px;
        margin-top: -3.5px;
    }

    .blog .section-area .section-body dl {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .blog .section-area .section-body dl dd {
        font-size: 85%;
        width: 100%;
        text-align: left;
        margin: 0 0 5px;
    }

    .blog .section-area .section-body dl dt {
        margin: 0;
        padding: 0;
    }


    .single #contents .section-area .section-head {
        margin: 0 0 20px;
    }

    .single #contents .section-area .section-head h3 {
        font-size: 140%;
    }

    .single #contents .section-area .section-foot {
        margin: 25px 0 0;
    }

    .pagination {
        padding: 25px 0 0;
    }


    .pagination .pagination-box .current,
    .pagination .pagination-box a {
        width: 34px;
        height: 34px;
        border: 0.5px solid #FFEE99;
        padding: 0 2.5px !important;
        line-height: 34px;
    }

    .pagination.postlink ul li {
        width: 31.66666666666667%;
        margin: 0 2.5% 0 0;
        font-size: 80%;
        letter-spacing: 0;
    }

    .pagination.postlink ul li.prev a,
    .pagination.postlink ul li.list a {
        padding: 5px 2.5px 5px 25px;
    }

    .pagination.postlink ul li.next a {
        padding: 5px 25px 5px 5px;
    }
}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 350px) {}