/*
Theme Name: AWS-Logbook
Description: μ使いの雑記帳テーマ（Twenty Sixteen の子テーマ）
Author: Hideomi Kobayashi
Template: twentysixteen
*/

@import url("../twentysixteen/style.css");

/* フォント設定 */
body,
button,
input,
select,
textarea,
.required,
.main-navigation,
.post-navigation,
.post-navigation .post-title,
.pagination,
.image-navigation,
.comment-navigation,
.site .skip-link,
.widget .widget-title,
.widget_recent_entries .post-date,
.tagcloud a,
.site-title,
.entry-title,
.entry-footer,
.sticky-post,
.page-title,
.page-links,
.comments-title,
.comment-reply-title,
.comment-metadata,
.pingback .edit-link,
.comment-reply-link,
.comment-form label,
.no-comments,
.widecolumn label,
.widecolumn .mu_register label{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}

/* サイトのメインタイトル */
.site-branding .site-title {
    font-size: 1.8rem;
}

/* サイトのサブタイトル */
.site-description {
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0;
}

/* 見出し1（記事タイトル相当） */
.entry-content h1 {
    font-size: 1.6rem; 
    font-weight: bold;
    border-left: solid 10px #00cccc;
    padding-left: 0.2rem;
    padding-top: 0.2rem;	
    padding-bottom: 0.2rem;
    margin-top: 0.2rem;	
    margin-bottom: 0.2rem;
}

/* 見出し2 */
.entry-content h2 { 
    font-size: 1.4rem; 
    border-left: solid 5px #00cc66;
    padding-left: 0.2rem;
    padding-top: 0.2rem;	
    padding-bottom: 0.2rem;
    margin-top: 0.2rem;	
    margin-bottom: 0.2rem;
}

/* 見出し3 */
.entry-content h3 { 
    font-size: 1.2rem; 
    border-left: solid 5px #00cc66;
    padding-left: 0.2rem;
    padding-top: 0.2rem;	
    padding-bottom: 0.2rem;
    margin-top: 0.2rem;	
    margin-bottom: 0.2rem;
}
/* テーブルの幅を親要素に依存しないようにする */
table {
    width: auto;
}
/* ヘッダー */
.site-header {
    padding-top: 0;
    padding-bottom: 0;
}

/* site-title と site-description の領域 */
.site-branding {
    margin-top:     0.5rem;
     margin-bottom:  0.5rem;
}

/* ヘッダー画像の領域 */
.header-image {
    margin-top: 0.0rem;
     margin-bottom:  1.0rem;
}

/* 個別記事の領域 */
.site-main > article {
    margin-bottom: 1.0rem;
}

/* ウィジェットエリア */
.widget {
    border-style: none;
    font-size: 1.0rem;
    padding-top: 0;
    margin-bottom: 1.0rem;
    text-transform: none;
}

/* ウィジェットのタイトル */
.widget .widget-title {
    border-bottom: solid 10px #0066cc !important;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    text-transform: none;
}

/* ウィジェットのリスト */
.widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* ウィジェットの親カテゴリ */
.widget .cat-item {
    border-bottom: 1px solid #dcdcdc;
    padding: 0.3rem 0rem;
}

/* ウィジェットの子カテゴリ */
.widget .children .cat-item {
    border-bottom: none;
    padding: 0.3rem 0rem;
}

/* ウィジェットのコメント */
.widget .recentcomments {
    border-bottom: 1px solid #dcdcdc;
    padding: 0.5rem 0rem;
    line-height: 125%;
}

/* ウィジェットのカレンダー */
.widget_calendar caption {
    margin-bottom: 0.5rem;
}


.widget.widget_calendar table {
    width: 100%;
    margin: 0;
}

/* コメント欄 */
.comments-title,
.comment-reply-title,
.comment-notes,
.comment-form label,
.logged-in-as {
    font-size: 1.0rem;
    font-weight: 100;
    border-style: none;
}

/* コメント欄のタイトル */
.comments-title {
    font-weight: 400;
}

/* コメントの入力フォーム */
.comment-form {
    padding-top: 0.5em;     /* 「コメントを残す」と注意書きの間が広いので */
}

/* コメント入力フォームの注意書き */
.comment-notes,
.comment-form label,
.logged-in-as {
    font-size: 0.8rem;      /* 注意書き、ラベルのフォントが大きいので */
}
 
input[type="submit"] {
    font-size: 0.8rem;      /* フォントが大きいので */
}

/* コメントエリアの項目間スペース */
p.comment-form-comment,
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.form-submit {
    margin-bottom: 0.5em;   /* 項目の間が広すぎるので */
}

/* コメント領域の上線 */
.comments-area {
    border-top: 3px solid #0066cc
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* コメントリスト */
.comment-list article {
    padding: 0.2rem;        /* 周囲との間が広いので */
}

/* コメントのメタデータ */
.comment-metadata {
    margin-bottom: 0.5rem;
}

/* コメント返信ボタン */
.comment-reply-link {
    margin-top: 0.5rem;
}

/* ナビゲーション */
.post-navigation,
.post-navigation .post-title,
.post-navigation div + div {
    border-style: none;
    font-size: 1.2rem;
    font-weight: 400;
}

/* ナビゲーションの「次」 */
div.nav-next {
    text-align: right;
}

/* ナビゲーションの行間 */
.post-navigation a,
.post-navigation .meta-nav {
    padding: 0rem;
    line-height: 1;
    margin: 0rem;
}

/* ナビゲーションの領域 */
nav.navigation {
    border-top: 3px solid #0066cc;
    border-bottom: 3px solid #0066cc;
    padding: 0.5rem 0;
}

/* ページネーション */
.pagination .nav-links::after,
.pagination::after,
.pagination .nav-links::before,
.pagination::before {
    display: none;
}

/* ページネーションの前後ボタン */
.pagination .prev,
.pagination .next {
    background-color: transparent !important;   /* 黒い長方形を削除 */
    color: #0088ff !important;                  /* 矢印は青色 */
}

/* 記事タイトル */
.entry-title {
    font-size: 1.6rem;
    font-weight: bold;
    border-left: solid 10px #00cccc;
    padding-left: 0.2rem;
    padding-top: 0.2rem;	
    padding-bottom: 0.2rem;
    margin-top: 0.2rem;	
    margin-bottom: 0.2rem;
}

/* 本文の幅 */
body:not(.search-results) article:not(.type-page) .entry-content {
    width: 77%;                         
}

body:not(.search-results) .cat-links, 
body:not(.search-results) .tags-links, 
body:not(.search-results) article:not(.sticky) .posted-on {
    display: inline;    /* カテゴリー等をタイトル下に一行に並べたいので */
}
.entry-footer-home {
    font-size: 1.0rem;
    margin-top: 0rem;
    margin-bottom: 0.5rem;      /* エントリーの日付やカテゴリーと本文の間 */
}

.entry-footer-home .posted-on,
.entry-footer-home .cat-links {
    margin-right: 0.5rem;       /* 日付とカテゴリーの間 */
}

.post-category {                /* タイトル下のカテゴリーは青色丸四角で囲む */
    padding: 0.1rem 0.4rem;
    border: thin solid #0066cc;
    border-radius: 0.3rem;
    color: #0066cc;
}

.thumbnailed-article {
    border-bottom: 1px solid #dcdcdc;   /* 記事ごとに灰色の区切り線 */
    padding: 0.5rem 0;
    line-height: 125%;
    display: flex;
}
 
.thumbnailed-area {     /* 正方形でないアイキャッチ画像を中央揃えする */
    width: 100px;
    text-align: center;
    margin-right: 0.3rem;
}
 
.thumbnailed-date {
    font-weight: 100;
    font-size: 0.9rem;                  /* 日付は少し小さく */
}

/* 記事のアイキャッチ画像 */
.post-thumbnail {
    float: left;
    width: 20%;
    min-width: 100px;   
    margin: 0rem 0.5rem 0.5rem 0rem;
    text-align: center;
    padding-right: 0.5rem;
}

/* アイキャッチ画像の下線 */
a.post-thumbnail {
    box-shadow: none;
}

/* アイキャッチ画像の枠線と影 */
img.attachment-post-thumbnail {
    border: solid thin #d3d3d3;
    box-shadow: 2px 2px 1px grey;
    -moz-box-shadow:2px 2px 1px #aedaf2;
    -webkit-box-shadow: 2px 2px 1px #aedaf2;
}

/* 検索ボックス */
input[type="search"] {
    padding: 0.3rem 0.5rem;
    font-size: 0.9rem;
}
 
/* 検索ボックスの右側の虫眼鏡アイコン */
.search-submit::before {        
    font-size: 18px;
    line-height: 35px;
}

.home-top-boxes,
.page-title,
.entry-header,
.entry-footer-home {
    margin-right: 7.6923%;
    margin-left: 7.6923%;
}
 
/* home.php トップの特集を隠す */
.home-top-boxes {
    display: none;
}
 
article .post-thumbnail {
    margin-left: 7.6923%;
}

/* アーカイブタイトル */
.page-header {
    padding: 0.2rem 0.5rem;
    border: 2px solid #0066cc;
    border-radius: 0.3rem;
    margin-bottom: 1.0rem;
    color: #0066cc;
}

/**
 * 14.1 - >= 710px
 */
@media screen and (min-width: 44.375em) {
    .entry-content blockquote:not(.alignleft):not(.alignright) {
        margin-left: 0rem;
    }

    .entry-content ul,
    .entry-content ol {
        margin-left: 2.5em;    /* マーカー込みでインデントを揃えたいので */
    }

    /* アイキャッチ画像 */
    img.attachment-post-thumbnail {
        margin-left: auto;
        margin-right: auto;     
    }

    .site {
        margin: 0;
    }

    body:not(.custom-background-image)::before {
        height: 0;
    }
}
 
/**
 * 14.3 - >= 910px
 */
@media screen and (min-width: 56.875em) {
    .home-top-boxes,
    .page-title,
    .entry-header,
    .entry-footer-home,
    article .post-thumbnail {
        margin-right: 0;
        margin-left: 0;
    }
 
    .entry-content {        /* 本文領域を右側に */
        float: right;
    }
 
    .no-sidebar .entry-footer-home {
        margin-right: 15%;
        margin-left: 15%;
    }
    
    .site-header-menu {
        margin-top: 10px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/* テーブル */
table.normal	{border-collapse: collapse;}

th.normal	{font-size: 1rem;
	border: solid 1px #aaaaaa;
	padding: 0.4rem;	
	text-align: center;
	line-height: 1.2;
	background-color: #ddccff;}

td.normal	{font-size: 1rem;
	border: solid 1px #aaaaaa;
	padding: 0.4rem;
	text-align: left;
	line-height: 1.2;
	background-color: #ffffff;}

/* ==================== ナビゲーションバー ==================== */

#nav	{background-color: #444444;
	height: 38px;
	overflow: hidden;
	margin: 0;}

#nav_inner	{width: 1200px;
	margin: 0 auto;
	line-height: 38px;}

#nav a	{color: #ffffff;}

#nav #logo	{float: left;
	width: 150px;
	border-right: solid 1px #666666;
	line-height: 38px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0;}

#nav img	{margin-top: 0;}

#nav ul	{margin: 0;
	padding: 0;}

#nav li	{list-style-type: none;
	float: left;}

#nav li a	{display: block;
	width: 150px;
	line-height: 38px;
	text-align: center;
	border-right: solid 1px #666666;
	font-size: 14px;}

#nav li a:hover	{background-color: #666666;}