@charset "UTF-8";

/*
Theme Name: toinoki
Description: toinoki template
version: 1.0
Author: M.Sasaki
*/


/* /// Log /// */

.blog {
    grid-column: 2 / 7;
    grid-row: 1 / 2;
    display: grid;
    word-break: break-all;
}
.pub-date {
    display: block;
    font-size: 0.8em;
}
.blog__navigation {
    grid-column: 2 / 7;
    grid-row: 2 / 3;
    display: grid;
    justify-content: center;
    padding-top: 15px;
    letter-spacing: 0.1em;
    border-top: 1px solid rgba(151,151,151,1.00);
}
.blog__navigation__left {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    display: grid;
    justify-content: left;
    padding-top: 20px;
}
.blog__navigation__right {
    grid-column: 5 / 7;
    grid-row: 2 / 3;
    display: grid;
    justify-content: right;
    padding-top: 20px;
}
.blog__navigation__arrow-shape {
    width: 20px;
    height: auto;
}


/*== Log Archive page */

.blog__archive-list ul {
    list-style: none;
    padding: 0;
}
.blog__archive-contents {
    padding: 5px 0 10px 0;
    border-top: 1px solid rgba(151,151,151,1.00);
    transition: color .3s;
    width: 100%;
}
.blog__archive-list__category {
    padding: 5px 0;
}
.blog__archive-list__text-title {
    font-size: 1.2em;
}
/*
.blog__archive-list__text-short {
    margin: 0;
    padding: 0 0 5px 0;
}
*/
.blog__archive-list__thumbnail {
    width: 100%;
    margin-bottom: 20px;
}
.cat-list.archive {
    font-size: 0.8em;
}


/*== Log single page */

.blog__main {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 3px double rgba(151,151,151,1.00);
}
.blog-image img{
    width: 100%;
    height: auto;
    padding: 10px 0 20px 0;
}
.blog__category,.blog__tag {
    font-size: 0.8em;
}
.blog__tag {
    padding: 10px 0;
}
.blog__tag ul {
    display: flex;
    padding: 0;
    list-style: none;
}
.blog__tag li {
    margin: 0 10px 0 0;
}
.blog__title {
    margin: 10px 0;
}



/*== Log Middle */
@media screen and (max-width: 1194px) {

.blog {
    grid-column: 2 / 9;
}
.blog__navigation {
    grid-column: 2 / 9;
}
}

/*== Log Small */
@media screen and (max-width: 768px) {


/* /// Log /// */

.pub-date {
    font-size: 0.7em;
}
.blog {
    grid-column: 2 / 11;
}
.blog__navigation {
    grid-column: 2 / 11;
    padding: 15px 0 20px 0;
    font-size: 0.9em;
}
.blog__navigation__left {
    grid-column: 2 / 4;
    padding-top: 5px;
    font-size: 0.9em;
}
.blog__navigation__right {
    grid-column: 5 / 11;
    padding-top: 5px;
    font-size: 0.9em;
}


/*== Log Archive page */

.blog__archive-data {
    font-size: 0.9em;
}
.blog__archive-list__text-title {
    font-size: 1.1em;
    line-height: 1.5;
}
    
/*== Log single page */

.blog__main {
    padding: 0;
    border-bottom: 1px solid rgba(151,151,151,1.00);
}
.blog__category,.blog__tag {
    font-size: 0.9em;
}
.blog__tag {
    padding: 0 0 10px 0;
}
.blog__tag ul {
    padding: 0;
}
}