/*
Theme Name:T-own2022
Template:oceanwp
*/

/*共通 - ヘッダーの非表示*/
header.page-header.centered-page-header {
    display: none
}

/*共通 - 背景色*/
#main {
    background-color: #faf8f8;
}

/*共通 - h2*/
h2 {
    padding: 30px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

/*共通 - 地域別タグ*/
.taxonomy-cat {
    font-size: 0.8em;
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0px 6px 0px 6px;
    text-decoration: none;
    background: #f37053;
    color: #FFF;
    border-radius: 10px 10px 10px 10px;
    transition: .4s;
    margin: 0px 3px 0px 0px;
}

.taxonomy-cat:hover {
    color: #f37053;
    background: #fabea7;
}

[class*="region-hokkaido"] {
    background: #80aaff;
}

[class*="region-hokkaido"]:hover {
    color: #80aaff;
    background: #e0f6ff;
}

[class*="region-tohoku"] {
    background: #ca8080;
}

[class*="region-tohoku"]:hover {
    color: #a86060;
    background: #e0c0c0
}

[class*="region-kanto"] {
    background: #f5a520;
}

[class*="region-kanto"]:hover {
    color: #f5a520;
    background: #ffdf90;
}

[class*="region-kinki"] {
    color: #999;
    background: #Fff56c;
}

[class*="region-kinki"]:hover {
    color: #a69d44;
    background: #fffac2;
}

[class*="region-chushikoku"] {
    background: #f686a0;
}

[class*="region-chushikoku"]:hover {
    color: #f686a0;
    background: #fbbac8;
}

[class*="region-kyushu"] {
    background: #92cb97;
}

[class*="region-kyushu"]:hover {
    color: #92cb97;
    background: #e2eba3;
}

[class*="region-abroad"] {
    background: #aaaaaa;
}

[class*="region-abroad"]:hover {
    color: #aaaaaa;
    background: #dddddd;
}

/*共通 - 記事タイプアイコン*/
.post-type-icon {
    font-size: 0.8em;
    position: relative;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    background: #f0f0f8;
    border-radius: 10px 10px 10px 10px;
    transition: .4s;
    margin: 0px 0px 0px 0px;
}

.post-type-note {
    background: #f8f0f0;
}

.post-type-movie {
    background: #f8f0e0;
}

.post-type-michi {
    background: #f0f8f8;
}

/*共通 - ページ表示*/
ul.page-numbers {
    text-align: center;
    margin: 3px;
    padding: 15px;
}

a.page-numbers,
span.page-numbers.current,
span.page-numbers.dots {
    font-size: 0.9em;
    padding: 0px;
    border-radius: 3px;
    margin: 4px;
}

a.next.page-numbers,
a.prev.page-numbers {
    padding: 0px 15px;
}

/*共通 - 記事一覧*/
.archive-grid {
    display: grid;
    list-style: none;
    margin: 20px 0px 10px 0px;
    gap: 20px 0px;
}

.archive-grid-image img {
    width: 100%;
    height: auto;
}

.archive-grid > li:nth-child(n+3) {
    display: none;
}

@media (min-width: 900px) {
    .archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1600px) {
    .archive-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .archive-grid > li:nth-child(n+3) {
        display: list-item;
    }
}

/*共通 - 記事一覧アイテム*/
.archive-grid-item {
    padding: 0px 0px 15px 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.archive-grid-item li {
    margin: 0px 5px
}

.archive-grid-item time {
    font-size: 0.9em;
}

/*共通 - 前後の記事*/
.prevnextpost {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 40px 0px 0px 0px;
    gap: 10px;
}

/*TOPページ - h1*/
.front-menu-h1 {
    margin-top: 40px;
    margin-bottom: 8px;
}

/*TOPページ - 最新記事*/
.newpost {
    padding: 0px;
}

/*TOPページ - 関連サイト*/
.relatedsite_block {
    color: #edd;
    border: solid 1px;
}

/*アーカイブ - タイトル*/
.archive-title-label {
    margin-bottom: 5px;
}

/*アーカイブ - 開始時のスペーサー*/
div#archivespacer-top {
    background-color: #faf8f8;
    margin: 30px -500%;
    padding: 0 500%;
    margin-bottom: 40px;
}

/*投稿 - タイトル*/
.single-title {
    margin-bottom: 0;
}

/*投稿 - ページ一覧*/
.post-page-numbers {
    font-size: 1.2em;
    padding: 5px 12px 6px 12px;
    border-radius: 25px;
    margin: 0px 1px 0px 1px;
}

.post-page-numbers.current {
    background-color: #eee
}

.post-page-numbers:hover {
    background-color: #eee
}

.single-link-pages {
    text-align: center;
    padding: 30px 0px 0px 0px;
    margin: 0px;
}

/*まちノート 地域*/
.note_single_div_taxonomy {
    margin: 5px 0px 10px 0px;
}

/*旅の記録 - レイアウト*/
.machi-location {
    margin-top: 0px;
    margin-bottom: 20px;
}

.machiintro {
    margin-top: 20px;
    margin-bottom: 10px;
}

/*旅の記録記事->訪問日*/
.travel-prhd {
    text-align: center
}

/*地図から探す*/
a#scroll-top.scroll-top-right {
    z-index: 99999;
}

#mapcontainer {
    margin: 0px 0px 10px 0px;
    border: 1px solid;
    z-index: 1;
}