/*
Template:easel
Theme Name:canvas on EASEL
Version: 1.1.0
*/

/* ここから下に書いたCSSが、親テーマCSSに上書きされます。 */

html {
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

body {
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Sans','ヒラギノ角ゴシック','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  margin-top: 0em;
}

/* ここからヘッダー固定など */

#inner-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: row;
}

/* ヘッダーメニューの色をなしにする */
body, .header, header nav {
  background-color: transparent;
}

.header {
  position: sticky;
  top: 0;
/* ヘッダーの色はここで変更する */
/* 透明にするときはtransparent */
  background-color: #ffffff;
}

.header a.logo {
  margin: 20px;
  margin-right: auto;
}

.header .nav li a {
  font-family: 'Lexend Peta', sans-serif;
  font-weight: 300;
  font-size: 20px;
}

/* ヘッダー設定ここまで */

main#main {
  margin-right: 0;
  margin-bottom: 0;
}

h1.page-title {
  font-family: 'Lexend Peta', sans-serif;
  font-weight: 600;
}

article h2 {
  font-family: 'Lexend Peta', sans-serif;
  font-weight: 300;
  --stripe-color: #eae9e4;/*ストライプの色*/
        background: linear-gradient(135deg, transparent 25%, var(--stripe-color) 26%, var(--stripe-color) 50%, transparent 51%, transparent 75%, var(--stripe-color) 76%, var(--stripe-color));
        background-size: 4px 4px;
}

header.article-header.entry-header {
  border-bottom: 2px dotted #ddd;
}

.header .site-desc {
  display: none;
  margin: 0;
}

h1.archive-title.h2 {
  font-family: 'Lexend Peta', sans-serif;
  font-weight: 600;
  margin: 50px auto 0;
  padding: 20px 0;
  --stripe-color: #eae9e4;/*ストライプの色*/
        background: linear-gradient(135deg, transparent 25%, var(--stripe-color) 26%, var(--stripe-color) 50%, transparent 51%, transparent 75%, var(--stripe-color) 76%, var(--stripe-color));
        background-size: 4px 4px;
}

h2, .h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

.widget {
  margin: 30px;
}

/* ページネーションを消す */
.pagination.single {
  display: none;
}

#logo a {
  color: #49acc3;
}

#logo a:hover {
  color: #c0dedf;
}

.header .nav li a:before {
  background: #49acc3;
}

.header .nav li a:hover {
  color: #c0dedf;
}

.nav li a {
  color: #49acc3;
}

.nav li a:hover {
  color: #c0dedf;
}

/* end .nav */
.post-date {
  color: #49acc3;
}

.update .wrap .byline.vcard {
  color: #49acc3;
}

.news_list {
  border: none;
}

footer.footer {
  background-color: transparent;
  border-top: 1px solid #ecf0f7;
}

footer.footer #footer_widget {
  background-color: transparent;
  border-bottom: 1px solid #ecf0f7;
}

footer.footer #footer_widget ul {
  margin-right: 20px;
}

footer.footer #footer_widget ul li a:hover {
  color: #49acc3;
}

footer.footer #inner-footer {
  color: #aaadaf;
}

footer.footer #inner-footer ul li a {
  color: #aaadaf;
}

footer.footer #inner-footer ul li a:hover {
  color: #49acc3;
}

footer.footer #inner-footer .copyright {
  color: #aaadaf;
}

a, a:visited {
  color: #49acc3;
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #c0dedf;
  text-decoration: none;
}

span.category a:hover {
  color: #49acc3;
}

span.tag a:hover {
  color: #49acc3;
}

a#totop {
  background: #49acc3;
}

button#searchsubmit:hover {
  color: #49acc3;
}

.byline {
  color: #939393;
}

table {
  border: 1px solid #ecf0f7;
}

table caption {
  color: #939393;
}

span.category {
  color: #939393;
}

span.category a {
  color: #939393;
}

span.category a:hover {
  color: #49acc3;
}

span.tag {
  color: #939393;
}

span.tag a {
  color: #939393;
}

span.tag a:hover {
  color: #49acc3;
}

footer.article-footer .day {
  color: #939393;
}

.page-links .post-page-numbers:hover {
  background: #49acc3;
  border-color: #49acc3;
}