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

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



/************************************
** ページ全体設定　PCスマホ共用
************************************/
/*文字色変更*/
body {
	color: #4f4f4f
}
/*タイトル非表示*/
h1.archive-title.h2 {
 display: none;
}
h1.page-title {
display: none;
}
/*ヘッダー色変更*/
.header {
	background-color: #a3b8cc;
}
/*サイドバー消去*/
.sidebar {
	display:none;
}
/*画像サイズ60%統一*/
.entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail {
    max-width: 60%;
}
/****************
* リンク色カスタム
*****************/
a, a:visited {
    color: #967345;
}
/*更新履歴一覧日付色変更*/
.update .wrap .byline.vcard {
    margin: 0 10px 0 0;
    color: #917d63;
}
/*更新履歴詳細日付色変更*/
.post-date {
    color: #917d63;
}
/*続きを読むボタン背景色変更（サイト全体の色を変えた場合、それと同じ色に変更すること）*/
a.more-link, a.read-more {
    background: #a3b8cc;
}
/****************
* 作品リストカスタム
*****************/
.news_list {
    margin: 20px auto;
}
/****************
** 作品タイプ日付色変更
*****************/
/*更新履歴タイプ*/
.post-date {
    color: #99846b;
}
/****************
** TOP見出し用
*****************/
.top-title04 {
    display: flex;
	color: #333333;/*文字色*/
	padding: 0 0;/*上下の余白*/
	border-bottom: solid 2px #333333;/*下線*/
	font-size: 22px;
	width: 40%;
}
/* 小見出し用 */
.top-title02{
	font-size: 12px;
	padding-top: 14px;/*上の余白*/
	padding-left: 10px;/*左の余白*/
	
} 


/************************************
** PC時　ページ全体設定
************************************/
/*左右余白狭め調整*/
@media only screen and (min-width: 1030px) {
    .wrap {
        width: 50%;
    }
}
/*TOP見出し線幅調整（ウィンドウ縮小時）*/
@media only screen and (min-width: 768px){
	.top-title04 {
    width: 45%;
	}
	
/*スマホ用メニュー装飾PCのみ非表示*/
	.nav .menu-icon {display: none;}
}
/************************************
** PC時　カテゴリ系
************************************/
/*子カテゴリ背景色変更*/
header nav ul.nav {
    background: rgba(107, 129, 153, 0.89);
}
/*子カテゴリ色変更*/
@media only screen and (min-width: 768px) {
    ul.nav li:hover > ul.sub-menu, ul.nav li:hover > ul.children {
        background-color: rgba(107, 129, 153, 0.89);
    }
/*子カテゴリ背景ブロック色変更（基本は特に弄らなくてよい）*/
    ul.nav li ul.sub-menu, ul.nav li ul.children {
        background: none;
    }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/************************************
** TOP見出し用（スマホ用）
************************************/
.top-title04 {
    display: flex;
	color: #333333;/*文字色*/
	padding: 0 0;/*上下の余白*/
	border-bottom: solid 2px #333333;/*下線*/
	font-size: 24px;
	width: 60%;
}
/* 小見出し用 */
.top-title02{
	font-size: 13px;
	padding-top: 14px;/*上の余白*/
	padding-left: 10px;/*左の余白*/
	
} 
}
/*カラム色変え*/
.header-container, 
.main, 
.sidebar, 
.footer {
  background-color: #8fadcc;
}
/*TOPカスタマイズ*/
.top-title01 {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left; /* 水平中心 */
	font-size: 24px;
	margin-bottom:1em;
}
/************************************
** スマホ時　スライドインメニュー設定
************************************/
header input#menubar:checked + nav {
    width: 100%;
} /* 横幅全画面に表示 */

/* エントリーカード改変仕様 */
.widget-entry-cards.card-large-image .a-wrap {
width: 15.5%;
height: auto;
display: inline-flex;/*横に並べる指示*/
}
/*タブレット用*/
@media screen and (max-width: 768px) {
.widget-entry-cards.card-large-image .a-wrap {
width: 32.5%;
display: inline-flex;/*横に並べない場合はblock*/
}
}
/*スマホ用*/
@media screen and (max-width: 480px) {
.widget-entry-cards.card-large-image .a-wrap {
width: 45.5%;
display: inline-flex;/*横に並べない場合はblock*/
margin-left: auto;
}
}
.widget-entry-cards.not-default figure img {
padding:.5em;
}

.widget-entry-cards.card-large-image .a-wrap {
font-size: 95%;
text-align: left;
padding:.5em;
}
/*サイト全体余白調整（スマホ）*/
@media screen and (max-width: 767px) {
	.wrap {
    width: 90%;
}
/****************
* メニュー　+・-　表示
*****************/
	.header .nav li a/*メニュー余白*/{
    color: #323438;
    position: relative;
    margin-left: 40%;
    margin-right: 40%;
    /* height: 30%; */
    padding: 6%;
}
	.header .nav li a:before/*メニュー全体*/ {
	content: none;
	background: none;
	position: absolute;
	top: 0.1em;
	bottom: auto;
	left: 75px;
	}
/****************
** +・- menu-icon表示調整
*****************/
	/*メニュー真ん中揃え*/
	header nav ul.nav {
		text-align: center;
		padding-top: 80px;
		padding-left: 20%;
		padding-right: 20%;
	}
.header .nav li:has(.sub-menu) {
    display: inline;
    padding: 0% 0% 0% 20%;
}
	@media screen and (max-width: 258px) {
		.header .nav li:has(.sub-menu) {
    display: inline;
    padding: 0% 0% 0% 10%;
}
	}
	.header .nav li a {
        display: inline-block;
        padding: 10%;
		margin: auto;
	}
	
	/*サブメニュー展開時メニュー調整*/
	.sub-menu {
		display: none;
	}
	.nav li ul.sub-menu a {
		padding: 5% 0% 0% 20%;
	}
	.header .nav li:has(.menu-icon.open) > a {
		padding: 10% 10% 0% 10%;
	}
	
	/*表示されてる設定（子カテゴリを持つ親カテゴリのみに有効）*/
	.nav > li:has(.sub-menu) > .menu-icon {
		display: inline-block;
		font-size: x-large;
		padding: 0% 10%;
	}
	.nav > li:has(.sub-menu) > .menu-icon.open {
		display: inline-block;
		font-size: x-large;
		padding: 0% 10% 0% 12%;
}
	/*非表示の設定（親カテゴリ単体で有効）*/
	.nav .menu-icon {
		font-size: x-large;
		display: none;
		padding: 0% 10%;
	}

li#menu-item-489 ::before/*TOP*/ {content: none}
li#menu-item-457 ::before/*NOTE*/ {content: none;}
li#menu-item-458 ::before/*COMIC*/ {content: none;}
li#menu-item-459 ::before/*ILLUST*/ {content: none;}
li#menu-item-237 ::before/*LINK*/{content: none;}
	
}