html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:top;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;margin:0;padding:0}input,select{margin:0;padding:0;vertical-align:middle}textarea{margin:0;padding:0;font-size:100%;vertical-align:middle}img{vertical-align:bottom;font-size:0;line-height:0}span,small{font-weight:inherit}strong{font-weight:bold}address{font-style:normal}sup{vertical-align:text-top}em{font-style:normal}html{font-size:62.5%}*{box-sizing:border-box}body{font-size:1.6rem;color:#333;line-height:1.7;font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif}@media screen and (max-width: 767px){body{width:100%;-webkit-text-size-adjust:100%}}strong{font-weight:600}img{max-width:100%;height:auto}@media screen and (max-width: 767px){img{width:100%}}sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative}sup{bottom:1ex}sub{top:.5ex}.pcNone{display:none}@media screen and (max-width: 767px){.pcNone{display:block !important}}@media screen and (max-width: 767px){.spNone{display:none !important}}.color01{color:#f00}.right{text-align:right !important}.center{text-align:center !important}a{color:#333;text-decoration:underline}a:hover,a:active{text-decoration:none}.hover a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .3s}.hover a:hover img{opacity:.6}@media screen and (max-width: 767px){.hover a:hover img{opacity:1.0}}.imgOver01>a{display:block;overflow:hidden}.imgOver01>a>img{transform:scale(1);transition:transform .6s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.imgOver01>a:hover>img{transition:transform .3s;transform:scale(1.1)}@media screen and (max-width: 767px){.imgOver01>a:hover>img{-webkit-transform:scale(1);transform:scale(1)}}.pagetop01{position:fixed;bottom:20px;right:20px;opacity:0;visibility:hidden;transition:all .5s}.pagetop01.fadeIn{opacity:1.0;visibility:visible}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:0;background:none}select::-ms-expand{display:none}input[type="submit"]{box-sizing:border-box;cursor:pointer}input[type="submit"]:-webkit-search-decoration{display:none}input[type="submit"]:focus{outline-offset:-2px}input[type="submit"]:-moz-focus-inner{border:0}input[type=radio],input[type=checkbox]{opacity:0;-webkit-appearance:none;appearance:none;position:absolute}.wrap01{display:flex;flex-wrap:wrap}.wrap01:not(:first-child){margin-top:50px}[class*="heading"]+.wrap01{margin-top:40px}.wrap01.bC{justify-content:center}.wrap01.between{justify-content:space-between}.wrap01.aC{align-items:center}.wrap01.aEnd{align-items:flex-end}.wrap01.reverse{flex-direction:row-reverse}.cf::after{content:"";display:block;clear:both}

/* =========================================================
   masa_blog 記事表示用ベーススタイル（テーマ用に追記）
   ここから下を編集すればレイアウトを調整できます
   ========================================================= */
.l-container{width:92%;max-width:1000px;margin-inline:auto}

/* ---- ヘッダー / フッター ---- */
.site-header{padding:2.4rem 0;border-bottom:1px solid #e5e5e5}
.site-title{font-size:2.2rem;font-weight:700;line-height:1.3}
.site-title a{text-decoration:none}
.site-description{margin-top:.4rem;font-size:1.3rem;color:#777}
.global-nav{margin-top:1.2rem}
.global-nav ul{display:flex;flex-wrap:wrap;gap:1.6rem}
.global-nav a{text-decoration:none;font-size:1.4rem}
.site-content{padding:4rem 0}
.site-footer{margin-top:6.4rem;padding:3.2rem 0;border-top:1px solid #e5e5e5;text-align:center}
.copyright{font-size:1.2rem;color:#777}

/* ---- 一覧の見出し（アーカイブ・検索） ---- */
.page-header{margin-bottom:3.2rem}
.page-title{font-size:2.4rem;font-weight:700;line-height:1.4}
.archive-description{margin-top:1rem;font-size:1.4rem;color:#555}

/* ---- 記事一覧 ---- */
.post-list{display:grid;gap:2.4rem}
.post-list__item{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff}
.post-list__link{display:flex;gap:1.6rem;padding:1.6rem;text-decoration:none;color:inherit}
.post-list__thumb{flex:0 0 120px}
.post-list__thumb img{width:120px;height:120px;object-fit:cover;border-radius:6px}
.post-list__body{flex:1 1 auto;min-width:0}
.post-list__title{font-size:1.8rem;font-weight:700;line-height:1.5;margin:.6rem 0}
.post-list__excerpt{font-size:1.4rem;color:#555}
@media screen and (max-width:767px){
	.post-list__link{flex-direction:column}
	.post-list__thumb,.post-list__thumb img{width:100%;height:auto;flex-basis:auto}
	.post-list__thumb img{aspect-ratio:16/9;object-fit:cover}
}

/* ---- メタ情報（日付・カテゴリー） ---- */
.post-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:1.2rem;color:#777}
.post-meta a{color:inherit}
.post-meta__cat{background:#f0f0f0;padding:.2rem .8rem;border-radius:4px;color:#555}

/* ---- 個別記事 ---- */
.entry{max-width:760px;margin-inline:auto}
.entry-header{margin-bottom:2.4rem}
.entry-title{font-size:2.8rem;font-weight:700;line-height:1.4;margin-bottom:1.2rem}
.entry-thumb{margin-bottom:2.4rem}
.entry-thumb img{width:100%;border-radius:8px}
.entry-content{font-size:1.6rem;line-height:1.9}
.entry-content > * + *{margin-top:1.6rem}
.entry-content h2{font-size:2.2rem;font-weight:700;line-height:1.4;margin-top:4rem;padding-bottom:.6rem;border-bottom:2px solid #333}
.entry-content h3{font-size:1.9rem;font-weight:700;line-height:1.4;margin-top:3.2rem}
.entry-content h4{font-size:1.7rem;font-weight:700;margin-top:2.4rem}
.entry-content ul,.entry-content ol{padding-left:1.6em}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content li + li{margin-top:.4rem}
.entry-content a{color:#0b66c3}
.entry-content img{height:auto;border-radius:6px}
.entry-content blockquote{margin-left:0;padding:1.2rem 1.6rem;border-left:4px solid #ccc;background:#f7f7f7;color:#555}
.entry-content pre,
.entry-content .wp-block-code{padding:1.6rem;background:#282c34;color:#e6e6e6;border-radius:6px;overflow:auto;font-size:1.5rem;line-height:1.75}
.entry-content code{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:.92em;background:#f0f0f0;padding:.15em .4em;border-radius:4px}
.entry-content pre code,
.entry-content .wp-block-code code{background:transparent;padding:0;font-size:1em}
/* ↑ コードブロックの文字サイズ。1.5rem の数値を変えれば調整できます（本文=1.6rem）。
   Code Block Pro 等プラグイン製ブロックで効かない時は下を有効化：
.entry-content .wp-block-kevinbatdorf-code-block-pro pre,
.entry-content .wp-block-kevinbatdorf-code-block-pro code{font-size:1.6rem !important}
*/
.entry-content table{width:100%;border:1px solid #ddd}
.entry-content th,.entry-content td{border:1px solid #ddd;padding:.8rem 1rem;font-size:1.4rem}
.entry-content th{background:#f5f5f5}
.movieWrap{position:relative;width:100%;padding-top:56.25%}
.movieWrap iframe{position:absolute;inset:0;width:100%;height:100%}

/* ---- タグ ---- */
.entry-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:3.2rem;list-style:none;padding:0}
.entry-tags a{font-size:1.2rem;color:#555;background:#f0f0f0;padding:.3rem .9rem;border-radius:4px;text-decoration:none}

/* ---- 前後記事ナビ ---- */
.post-nav{display:flex;justify-content:space-between;gap:1.6rem;margin:4.8rem auto 0;max-width:760px;font-size:1.4rem}
.post-nav a{text-decoration:none}
.post-nav__next{margin-left:auto;text-align:right}

/* ---- wp_link_pages ---- */
.page-links{margin-top:2.4rem;font-size:1.4rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}

/* ---- 記事なし / 404 ---- */
.no-posts{font-size:1.5rem;color:#555}
.error-404{max-width:640px;margin-inline:auto;text-align:center}
.error-404 .page-title{margin-bottom:1.6rem}
.error-404 p{margin-bottom:1.2rem;font-size:1.5rem}
.error-404 form{margin-top:2.4rem}

/* ---- ページネーション（config/scripts.php の pagination()） ---- */
.pagination{margin-top:4rem}
.pagination ul{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.pagination li a,.pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;padding:0 1rem;border:1px solid #ddd;border-radius:6px;font-size:1.4rem;text-decoration:none}
.pagination li span{background:#333;color:#fff;border-color:#333}
.pagination li a:hover{background:#f0f0f0}

/* ---- 検索フォーム（HTML5デフォルト） ---- */
.search-form{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
.search-form .search-field{border:1px solid #ccc;border-radius:6px;padding:.8rem 1rem;font-size:1.4rem}
.search-form .search-submit{border:1px solid #333;background:#333;color:#fff;border-radius:6px;padding:.8rem 1.6rem;font-size:1.4rem;cursor:pointer}

/* ---- WordPressブロック：画像・配置（align）・キャプション ---- */
.entry-content figure{margin:0}
.entry-content .wp-block-image{margin-top:2.4rem;margin-bottom:2.4rem}
.entry-content .wp-block-image img{height:auto}

/* 中央寄せ：figureを画像の幅に合わせてから左右autoで中央に置く */
.entry-content figure.aligncenter,
.entry-content .wp-block-image.aligncenter,
.entry-content .wp-block-image.is-resized{display:table}
.entry-content .aligncenter,
.entry-content figure.aligncenter,
.entry-content .wp-block-image.aligncenter{margin-left:auto;margin-right:auto}
.entry-content .wp-block-image.aligncenter > figcaption{display:table-caption;caption-side:bottom}

/* 左寄せ・右寄せ（本文の回り込み） */
.entry-content .alignleft{float:left;margin:.5rem 2rem 1rem 0}
.entry-content .alignright{float:right;margin:.5rem 0 1rem 2rem}
.entry-content .alignleft:last-child::after,
.entry-content .alignright:last-child::after{content:"";display:block;clear:both}

/* 幅広・全幅（コンテンツ幅を超えて広げる／エディタで使うにはテーマの align-wide 対応が必要） */
.entry-content .alignwide{margin-left:calc(50% - 50vw + 1.6rem);margin-right:calc(50% - 50vw + 1.6rem)}
.entry-content .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}

/* キャプション */
.entry-content figcaption,
.entry-content .wp-element-caption{margin-top:.8rem;font-size:1.3rem;line-height:1.6;color:#777;text-align:center}

@media screen and (max-width:767px){
	.entry-content .alignleft,
	.entry-content .alignright{float:none;margin:2rem 0}
}

/*# sourceMappingURL=common.css.map */