/* <system section="theme" selected="10257846132698988146"> */
@charset "UTF-8";
/*
  Responsive: yes
*/
/* 非表示：グローバルヘッダ、ブログ名、コメント */
#globalheader-container, #blog-title, .comment-box, cite.hatena-citation, p.entry-footer-section {
	display:none;
}

/* ============================================================
BUG FIX
============================================================ */
/* スマホのときにメニューバーの両サイドがおかしくなるので */
@media (max-width: 980px) {
	#container {
	  	overflow:inherit !important;
	}
}
/* 写真下のキャプションに余白ができる */
figure {
	padding-bottom: 0 !important;
}
.figure-image figcaption {
  margin:0 !important;
  margin-top: -10px !important;
}
.figure-image figcaption {
  position: relative;
}

/* 2カラムレイアウト */
#content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media (min-width: 768px) {
    #content-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}

@media (min-width: 768px) {
    #wrapper {
        width: 480px;
    }
}

@media (min-width: 992px) {
    #wrapper {
        width: 600px;
    }
}

@media (min-width: 768px) {
    #box2 {
        width: 200px;
    }
}

@media (min-width: 992px) {
    #box2 {
        width: 300px;
    }
}

/* ヘッダ */
/* タイトル下HTML */
#top-editarea {
    margin-bottom: 1em;
}

/* パンくず（カテゴリー、記事ページで表示されます） */
.breadcrumb {
    font-size: .9rem;
}

/* entry */
.entry {
    position: relative;
    margin-bottom: 4em;
}

.entry-header {
    padding-bottom: 1em;
    margin-bottom: 2em;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.date {
    margin-bottom: .5em;
    font-size: .9rem;
}

.date a {
    color: #999;
    text-decoration: none;
}

.date a:hover {
    text-decoration: underline;
}

.entry-title {
    margin: 0 0 .3em;
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .entry-title {
        font-size: 1.6rem;
    }
}

.categories {
    margin: .5em 0;
    font-size: .9rem;
}

.categories a {
    margin-right: .5em;
}

/* 「編集する」ボタン */
.entry-header-menu {
    position: absolute;
    top: 0;
    right: 0;
}

/* 記事内の書式 */
.entry-content img,
.entry-content video {
    max-width: 100%;
    height: auto;
}



/* 記事下 */
.entry-footer .social-buttons {
    margin-bottom: 1em;
}

.entry-footer-section {
    color: #999;
    font-size: .9rem;
}

.entry-footer-section a {
    color: #999;
}

/* Pager */
.pager {
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* サイドバーモジュール */
.hatena-module {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 3em;
    font-size: .85rem;
}

@media (min-width: 768px) {
    .hatena-module {
        font-size: .9rem;
    }
}

.hatena-module-title {
    margin-bottom: .6em;
    padding-bottom: .2em;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
    font-weight: bold;
}

.hatena-module-title a {
    color: #454545;
    text-decoration: none;
}

.hatena-module-title a:hover {
    text-decoration: underline;
}

/* Profile module */
.hatena-module-profile .profile-icon {
    float: left;
    margin: 0 10px 10px 0;
}

.hatena-module-profile .id {
    display: block;
    font-weight: bold;
    margin-bottom: .5em;
}

.hatena-module-profile .profile-description p {
    margin-top: 0;
}

/* urllist module */
.hatena-urllist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hatena-urllist li {
    padding: .5em 0;
}

.hatena-urllist li:last-child {
    padding-bottom: 0;
}

.hatena-urllist li a {
    text-decoration: none;
}

.hatena-urllist li a:hover {
    text-decoration: underline;
}

.hatena-urllist .urllist-category-link {
    font-size: .7rem;
    padding: .1em .3em;
}

.hatena-urllist .urllist-date-link a {
    color: #999;
}

.hatena-urllist .urllist-entry-body {
    margin-top: .3em;
}

/* Search module */
.hatena-module-search-box .search-form {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.hatena-module-search-box .search-module-input {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    padding: 5px;
    color: #454545;
    background: none;
    border: none;
    outline: none;
    height: 20px;
    margin-bottom:0;
}

.hatena-module-search-box .search-module-button {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;
    background-size: 20px 20px;
    border: none;
    outline: none;
    color: transparent;
    overflow: hidden;
    opacity: .5;
    cursor: pointer;
}

.hatena-module-search-box .search-module-button:hover {
    opacity: .85;
}

/* About ページ */
.page-about .entry-content dt {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: .5em;
}

.page-about .entry-content dd {
    margin-left: 0;
    margin-bottom: 2em;
}

/* Archive */
.archive-header-category {
    text-align: center;
}

.page-archive .archive-entry {
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
}

.page-archive .entry-title {
    margin: .3em auto;
}

.page-archive .entry-thumb {
    width: 80px;
    height: 80px;
    background-size: cover;
}

@media (min-width: 768px) {
    .page-archive .entry-thumb {
        width: 120px;
        height: 120px;
    }
}

.page-archive .entry-description {
    margin: 0;
    font-size: .85rem;
}

@media (min-width: 768px) {
    .page-archive .entry-description {
        font-size: .9rem;
    }
}

.page-archive .social-buttons {
    display: block;
    margin-top: .3em;
}

/* </system> */


/* ヘルプトップ：目的別の案内 */
#help-home { display:none; }
.page-index #help-home { display:block; }
.page-index #content-inner { display:none; }
#help-home { line-height:1.8; padding-bottom:24px; }
#help-home h2 { font-size:1.4rem; margin:28px 0 16px; }
#help-home h3 { font-size:1.15rem; line-height:1.5; margin:0 0 12px; }
#help-home .help-intro { margin:0 0 24px; }
#help-home .help-start { background:#f2f7f3; border:1px solid #bfd0c1; border-radius:8px; padding:20px; }
#help-home .help-start h2 { margin-top:0; }
#help-home .help-steps { list-style:none; padding:0; margin:16px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#help-home .help-steps li { margin:0; }
#help-home .help-steps a { display:block; padding:14px; background:#fff; border:1px solid #bcc9bd; border-radius:6px; height:100%; box-sizing:border-box; font-weight:bold; }
#help-home .help-search { margin:24px 0; }
#help-home .help-search label { display:block; font-weight:bold; margin-bottom:8px; }
#help-home .help-search>div { display:flex; gap:8px; max-width:640px; }
#help-home .help-search input { flex:1; min-width:0; width:auto; margin:0; padding:10px 12px; border:1px solid #888; border-radius:4px; font:inherit; box-sizing:border-box; }
#help-home .help-search button { flex:none; padding:8px 20px; background:#fff; border:1px solid #666; border-radius:4px; color:#222; font:inherit; }
#help-home .help-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#help-home .help-category { padding:20px; border:1px solid #d4d8d5; border-radius:8px; min-width:0; }
#help-home .help-category p { margin:0 0 12px; }
#help-home .help-category ul { padding-left:1.4em; margin:0; }
#help-home .help-category li { margin-bottom:8px; }
#help-home .help-category li:last-child { margin-bottom:0; }
#help-home a { text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
#help-home a:focus-visible,#help-home button:focus-visible,#help-home input:focus-visible { outline:3px solid #2563a7; outline-offset:3px; }
#help-home .help-preparing { color:#555; font-size:.95em; }
#help-home .help-contact { margin-top:24px; border-top:1px solid #ddd; }
@media(max-width:767px) {
 #help-home .help-steps,#help-home .help-category-grid { grid-template-columns:1fr; }
 #help-home .help-start,#help-home .help-category { padding:16px; }
 #help-home .help-search button { padding:8px 14px; }
}