/*---------------------------------------------------------
サイト全体に関わる定義を設定
---------------------------------------------------------*/

html {
	font-size: 12pt;
	scroll-behavior: smooth;
}

body {
/*フォントの指定*/
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
/*フォントサイズ*/
	font-size: 12pt;
/*フォントのスムージング*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
/*行間の指定*/
	line-height: 1.75rem;
	margin: 0;
	padding: 0;
/*サイトのデフォルトとなる文字の色を指定*/
	color: #333;
}

/*HTML5*/
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
	max-width: 100%;
}

/*罫線の設定*/
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px){
    hr {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 0;
        border-top: 1px solid #ccc;
    }
}

/*リンクテキストの装飾*/
a {
    color: inherit;
    text-decoration: none;
}
a:link, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: #707070;
}

/*サイトタイトル（ロゴ表示）の指定*/
.site-title a {
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    }
.site-title a img {
    display: inline-block;
    width: auto;
    height: 100%;
    }

/*改行を適正化*/
div {
	word-break: break-all;
}

/*配置*/
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/*記事（article）の設定*/
.article {
	font-size: 12pt;
    margin-top: 1.8em;
}
.article ul, ol, li {
    margin-left: 1rem;
    margin-right: 1rem;
}

/*画像表示の設定*/
img {
	display: inline-block;
    max-width: 100%;
    height: auto;
}

/*前の記事、次の記事へのリンク表示の設定*/
.navigation {
    clear: both;
    line-height: normal;
    overflow: hidden;
    margin: 1.5rem 0;
}
.navigation a {
    color: #333;
    text-decoration: none;
}
.navigation a:hover {
    color: #333;
    text-decoration: none;
    font-weight: 900;
}

/*テーブルの設定*/
table {
    line-height: 1.7;
    border-collapse: collapse;
   }
table td {
	display: table-cell;
    padding: .6rem;
    vertical-align: middle;
    border: 1px solid #ddd;
	}

/*blockquoteの設定*/
blockquote{margin:0px 0px 20px;padding:10px 20px 10px 20px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}



/*---------------------------------------------------------
  【header.php】ヘッダーエリアの設定
---------------------------------------------------------*/
header {
    background-color: #fff;
}

.header-inner {
    position: relative;
    display: flex;
    height: auto;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

header ul {
    display: flex;
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}

header li {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0;
}

/*---------------------------------------------------------
ヘッダーエリアの固定
以下をコメントアウト
「ロゴのheight」+「51px（グローバルメニューのheight）」＝ヘッダーと同じ高さのマージン
---------------------------------------------------------
header {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
}
.header-cnt {
  pos...
---------------------------------------------------------*/



/*---------------------------------------------------------
  【footer.php】フッターエリアの設定
---------------------------------------------------------*/

/*フッターエリア全体の設定*/
.footer-area {
background-color: #333;
}

/*フッターエリアのコンテンツ表示部分の設定*/
.footer-inner {
	color: #fff;
	font-size: 1rem;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/*フッターメニューの設定*/
.footer-inner a {
	color: #fff;
}
.footer-menu li {
    font-size: 1rem;
    display: inline-block;
   	margin-top: 0.5rem;
	margin-right: 1rem;
    margin-bottom: 0.5rem;
}



/*---------------------------------------------------------
  【single.php】記事分割ページナビ（元：single.css）
---------------------------------------------------------*/

/* -----  記事分割時のページナビゲーション ----- */
.split-nav{
    text-align: center;
    padding: 15px 0px;
}
.split-nav a span,
.split-nav span span
 {
    margin-right: 10px;
    padding: 9px 12px;
    border: 1px solid #ddd;
    background: #ddd;
}
.split-nav a {
    text-decoration: none;
    color: #000;
}



/*---------------------------------------------------------
comments.phpの定義は全てBootstrap3に依存します。
comments.phpに独自の定義を設定する場合は、このファイルに追記してください。
---------------------------------------------------------*/

.comments-area li {
    list-style: none;
}


/*---------------------------------------------------------
  【sidebar.php】ウィジェット
---------------------------------------------------------*/

.widget li {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
}

.widget li a {
    display: block;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    padding: 1rem;
    color: #333;
    border: #333 1px solid;
    margin: 1rem 0;
}

/*---------------------------------------------------------
  【固定ページ】
---------------------------------------------------------*/



/*---------------------------------------------------------
  【archive.php】ウィジェット
---------------------------------------------------------*/



/*---------------------------------------------------------
  【404.php】
---------------------------------------------------------*/