@charset "utf-8";
/*
Theme Name: 自活館サイト用テーマ260601
Theme URI: https://wordpress.org/
Description: 画像の向き補正機能のwordpress7.0対応
Version: 26.06.01
Author: 自活館
Author URI: https://jikatukan.jp
Tags:
*/
@import url("css/img.css");
@import url("css/header.css");
@import url("css/table.css");
@import url("css/nav.css");
@import url("css/visualeditor.css");
@import url("css/footer.css");
@import url("css/content.css");
@import url("css/sidebar.css");
@import url("css/mobile-menu.css");
@import url("css/front-page.css");
@import url("css/blog.css");

@font-face {
	font-family: Anzu-moji;
	src: url(fonts/APJapanesefont.woff) format("truetype");
	font-display: fallback;
}

/* #region === 初期設定 ===================================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, blockquote, th, td {
    margin: 0; 
    padding: 0;
}

ul, ol, li {
	list-style-image: none;
}

hr {
	display: none;
}

a {
	text-decoration: none;
	color: #544b4b;
}

a:hover {
	text-decoration: underline;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

a img {
	border: none;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	color: #777;
}

acronym, abbr {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}

code {
	font-size: 1.1em 'Courier New', Courier, Fixed;
}
@media only screen and (max-width : 780px) {
	/* スマートフォンは表示しない */
	.smanone {
		display : none;
	}
}
/* CLEAR FIX */
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clearfix{display:inline-block;}
/*\*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/**/

/* #endregion ======================================== */

/* #region === ベースレイアウト ============================== */
html {
	font-size: 18px;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	font-size: 1rem;
	font-family: "Anzu-moji", "メイリオ", Meiryo,
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}
#container {
	margin: 0 auto;
	padding: 0 15px 20px;
	width: calc(100% - 30px);
	max-width: 1200px;
	background-color: #f4f9fc;
}
@media only screen and (max-width : 780px) {
	#container {
		margin: 0;
	}
}
#content {
	display: flex;
	flex-direction: column;
	margin: 0 auto 40px;
	padding-top: 120px;
	max-width: 900px;
	font-size: 1rem;
}
@media only screen and (max-width : 780px) {
	#content {
		display: block;
		padding-top: 72px;
	}
}

/* #endregion ======================================== */



/* === ページテンプレート =================================== */
/* #region --- 共通 ---------- */
h2 {
	margin: 1em 0;
	padding-left: 1em;
	font-size: 1.5em;
	line-height: 34px;
	color: #ff9900;
	font-weight: normal;
}
@media only screen and (max-width : 780px) {
	h2 {
		padding-left: 0.5em;
	}
}

h3 {
	margin-bottom: 1em;
	padding: 0 10px;
	background:url(images/h2bg_orange_noimg.gif) repeat-x left top;
	font-size: 1.15em;
	line-height: 34px;
	color:#F60;
}
@media only screen and (max-width : 780px) {
	h3 {
		padding-left: 0;
		background-image :none;
		font-size: 1.1em;
	}
}

div.pagetitle {
	text-align: center;
	font-size: 1.6em;
}
@media only screen and (max-width : 780px) {
div.pagetitle {
	font-size: 1.2em;
}
}
/* #endregion */


/* === ワードプレス　コンテンツエラー =========================*/
/* #region Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* #endregion End captions */


.center {
	text-align: center;
}

.hidden {
	display: none;
}

.navigation {
	display: block;
	padding: 10px 0 60px;
	border-top: 1px dotted #a3b0fe;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
}

.post-edit-link {
	font-size: 1em;
	color: #990000;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}