@charset "UTF-8";
/*
Template:easel
Theme Name:canvas on EASEL
Version: 1.1.0
*/

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

/* -------------------- ▼ CSS変数設定 ▼ -------------------- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
:root {
    --white: white;
    --silver_rgb: 192,192,192; /* ←画像hover用。rgba(var(--silver_rgb),任意の透明度)という形で指定 */
    --transparent: transparent;
    --palette-color-text: #3e3434;
	--palette-color-bg: #EFEBE9;
	--palette-color-main: #307FC0; /* ←a(基本)。濃い色推奨 */
	--palette-color-link: #FF7465; /* ←a:hover(基本) */
	--palette-color-accent: #EFEBE9; /* ←部分的に明るくしたい箇所(footer-widgetなど) */
    --palette-color-simple: #a39b9b; /* ←footer-text,border,btnなど */
    --font-icon: 'Font Awesome 6 Free';
    --font-weight: 400;
    --font-weight_bold: 700;
    --font-weight_heavy: 900;
}
/* -------------------- ▲ CSS変数設定 ▲ -------------------- */

/* 基本(参考:ベースデザイン『ブルー&ホワイト』)
-------------------------------------------- */
body {
    color: var(--palette-color-text);
}
body, .header, header nav {
    background-color: var(--palette-color-bg);
}
#logo a {
    color: var(--palette-color-main);
}
#logo a:hover {
    color: var(--palette-color-link);
}
.header .nav li a:before {
    background: var(--palette-color-main);
}
.header .nav li a {
    color: var(--palette-color-text);
}
.header .nav li a:hover {
    color: var(--palette-color-link);
}
.nav li a {
    color: var(--palette-color-main);
}
.nav li a:hover {
    color: var(--palette-color-link);
}
header.article-header.entry-header {
    border:none;
}
.post-date {
    color: var(--palette-color-main);
}
.update .wrap .byline.vcard {
    color: var(--palette-color-main);
}
.news_list {
    border-color: var(--palette-color-simple);
}
.news_list li a span.news_title {
	color: var(--palette-color-text);
}
footer.footer {
    background-color: var(--transparent);
    border-top: 1px solid var(--palette-color-simple);
}
footer.footer #footer_widget {
    background-color: var(--palette-color-accent);
    border: none;
}
footer.footer #footer_widget ul li a {
    color: var(--palette-color-text);
}
footer.footer #footer_widget ul li a:hover {
    color: var(--palette-color-link);
}
footer.footer #inner-footer {
    color: var(--palette-color-simple);
}
footer.footer #inner-footer ul li a {
    color: var(--palette-color-main);
    opacity: initial;
}
footer.footer #inner-footer ul li a:hover {
    color: var(--palette-color-link);
}
footer.footer #inner-footer .copyright {
    color: var(--palette-color-simple);
}
footer.footer #inner-footer .copyright a {
    color: var(--palette-color-main);
}
a, a:visited {
    color: var(--palette-color-main);
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: var(--palette-color-link);
}

.pagination li {
    border-color: var(--palette-color-simple);
}
.pagination a {
    color: var(--palette-color-simple);
}
.pagination li:hover, .pagination a:hover, .pagination a:focus {
    background-color: var(--palette-color-link);
    color: var(--white);
    border-color: var(--palette-color-link);
}
.pagination li .current, .pagination .current {
    color: var(--white);
    background: var(--palette-color-main);
}
.pagination.single a[rel=prev], .pagination.single a[rel=next] {
    color: var(--palette-color-main);
}
.pagination.single a[rel=prev]:hover, .pagination.single a[rel=prev]:focus, .pagination.single a[rel=next]:hover, .pagination.single a[rel=next]:focus {
    background: var(--transparent);
}
/* end .bones_page_navi */
span.category a:hover {
    color: var(--palette-color-main);
}
span.tag a:hover {
    color: var(--palette-color-main);
}
a#totop {
    color: var(--white);
    background: var(--palette-color-main);
}
button#searchsubmit:hover {
    color: var(--palette-color-link);
}
table {
    border: 1px solid var(--palette-color-simple);
}
table caption {
    color: var(--palette-color-main);
}
p.byline,
span.category,span.category a,
span.tag,span.tag a {
	color: var(--palette-color-simple);
}
span.category a:hover,
span.tag a:hover {
    color: var(--palette-color-link);
}
footer.article-footer .day {
    color: var(--palette-color-simple);
}
.page-links .post-page-numbers:hover {
    background: var(--palette-color-link);
    border-color: var(--palette-color-link);
}
.hentry:not(:last-of-type) {
    border-bottom: 1px solid var(--palette-color-simple);
}

/* 見出し */
h2 {
    border-color: var(--palette-color-text) !important;
}
/* Parts */
a.more-link, a.read-more {
    background: var(--palette-color-bg);
}
/* 引用 */
.entry-content blockquote {
    color: var(--palette-color-main);
    background: var(--palette-color-simple);
}
.entry-content blockquote p {
    color: var(--palette-color-text);
}

@media only screen and (min-width: 768px) {
    ul.nav li ul.sub-menu, ul.nav li ul.children {
        background: var(--palette-color-bg);
    }
}

/* カスタム投稿タイプ：作品
-------------------------------- */
/* Illust */
a.illust:hover {
    background: rgba(var(--silver_rgb),0.4);
}
a.illust article h3 {
    color: var(--palette-color-text);
}
a.illust article .excerpt {
    color: var(--palette-color-text);
}

/* text */
.page-links .post-page-numbers {
	color: var(--palette-color-simple);
    border: 1px solid;
}
.page-links .post-page-numbers.current {
    color: var(--white);
	background: var(--palette-color-main);
    border-color: var(--palette-color-main);
}
.page-links .post-page-numbers:hover,
.page-links .post-page-numbers:focus,
.page-links .post-page-numbers.current:hover,
.page-links .post-page-numbers.current:focus {
	background: var(--palette-color-link);
    border-color: var(--palette-color-link);
}

/* Update */
.update .excerpt {
    border-left-color: var(--palette-color-simple);
}


/* 追加CSS
-------------------------------- */

/*フォント*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;800&display=swap');
body {
  font-family: 'Noto Sans JP', sans-serif;
}
/*フォント*/

@import url("https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css");

/*チェックマークリスト*/
.inf{
	margin: 0;
	padding: 0;
}
.inf li{
	list-style: none;
	position: relative;
	margin: 0 0 8px 0;
	padding: 0 0 0 calc(1em + 5px);
	line-height: 1.4;
}
.inf li:before{
	position: absolute;
	top: 0;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f058';
	color: #333;
}
.inf li:last-child{
	margin-bottom: 0px;
}
/*チェックマークリストここまで*/

/*ストライプボックス*/
.boxst {
margin: 2em auto;
padding:2em;/*内側余白*/
background-image: repeating-linear-gradient(-45deg,#f2f3f7 0, #f2f3f7 3px,transparent 3px,transparent 6px);/*ストライプ*/

}
/*ストライプボックスここまで*/

/*見出し1*/
h1 {
  position: relative;
  padding: 1.5rem 1rem;
	color: #333;
}

h1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #FF9E80, #FF9E80 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*見出し1ここまで*/

/*見出し2*/
h2 {
  font-size: 1.2em;
}
/*見出し2ここまで*/

/*見出し3*/
 h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: #57595d;
}
/*見出し3ここまで*/

/*グローバルメニューリンク*/
nav ul li a {
  text-decoration: none;
  color: #3e3434 !important;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  transition: .3s;
  font-weight: bold;
  position: relative;
  padding: 0 10px;
  transition: .3s;
}
nav ul li a:hover {
  color: #ff7465 !important;
}

/*グローバルメニュー設定ここまで*/

/* ヘッダーグローバルメニュー背景 */
.header nav {
	background-image: repeating-linear-gradient(-45deg, #ff9e8080, #ff9e8080 3px, transparent 3px, transparent 13px);
}

/* グローバルメニュー背景ここまで */		

/*固定ページタイトル非表示*/
.type-page h1,
.type-page 
.post-meta{
  display:none;
}
/*固定ページタイトル非表示ここまで*/


/*アバウト見出し*/

.about{
	position: relative;
	line-height: 1.4;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 5px calc(1em + 5px);	
	margin: 20px 0 10px 0;
	color: #333;
	border-bottom: 4px solid #e0dad7;
}
.about:before{
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: '\f058';
}
.about:after{
	position: absolute;
	bottom: -4px;
	display: block;
	width: 80px;
	height: 4px;
	background: #FF9E80;
	left: 0;
	content: '';
}

/*アバウト見出しここまで*/

/*更新履歴見出し*/
.upd{
	position: relative;
	line-height: 1.4;
	font-size: 1em;
	font-weight: normal;
	padding: 8px 13px 8px calc(1em + 18px);
	background: #FF9E80;
	color: #fff;
	border-radius: calc(0.7em + 8px);
}
.upd:before{
	position: absolute;
	left: 13px;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f05a';
}
/*更新履歴見出しここまで*/

/* 画像(img)の下の余白を削除 */
img{
vertical-align:bottom;
}