@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

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

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ====================================================================== */
/* 共通項目 * /
/* ====================================================================== */
img{
    /* PCの右クリック禁止 */
    pointer-events: none;
    /* SPの長押し禁止 */
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}

/*タイトルのフォント*/
.site-name-text {
	font-family: 'Wendy One', sans-serif;
}
.header-in .site-name-text {
	font-size:2em;	
}

/* ---------------------------------------------------------------------- */
/* 背景画像 */
/*body.custom-background { */
/*body{
	background-image: url("https://upa.lsv.jp/wp-content/uploads/2022/12/hedda2.jpg");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
}*/
/* TOPページのアイキャッチをPCは非表示 */
.home
.eye-catch-wrap {
	display:none;
}
/*834px以下*/
@media screen and (max-width: 834px){
	/* 背景を非表示 */
	body{
		background-image: none;
	}
	/* TOPページのアイキャッチを表示 */
	.home
	.eye-catch-wrap {
		display:block;
	}
	.entry-header
	.eye-catch {
		margin-left: -1em;
		margin-right: -1em;
		max-width: none;
		width: auto;
	}
}
/* ---------------------------------------------------------------------- */
/*main半透明化*/
#main {
	background-color: rgba( 255, 255, 255, 0.95 );
}
/* ---------------------------------------------------------------------- */
/* メニュー */
#navi {
	font-weight:bold;
	border:1px solid #eee;
	border-right: none;
	border-left: none;
	border-bottom:none;
}
.caption-wrap:hover{
	color:#dd3333;
}
.sub-menu
.caption-wrap{
	font-weight:normal;
	background-color:#fafbfc;
	padding-left:15px;
}
/* ---------------------------------------------------------------------- */
/* フッター */
/* ---------------------------------------------------------------------- */
/* フッター内上部の余白を詰める */
.footer {
	margin-bottom:1em;
}
.footer-bottom{
	margin-top:1em;
}
 /*ロゴの位置調整*/
.footer-bottom-logo {
  float:none;
	position: absolute;
	left:0;
	right:0;
	bottom:2em;
}
/*メニュー＆クレジットの位置調整*/
.footer-bottom-content { 
  float: none;
  text-align: center;
	margin-bottom:0.3em;
}
/*メニューの位置調整*/
.navi-footer-in > .menu-footer { 
  justify-content: center;
}
.navi-footer-in:hover { 
  color:#dd3333;
}
.navi-footer {
	margin-bottom:3em;
}
/* フッターメニュー Font Awesome */
/*X表*/
.menu-item-1037 a::before{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";
  content: '\e61b';
  font-weight: 400;
  margin-right: 4px;
}
/*X裏*/
.menu-item-1038 a::before{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";
  content: '\e61b';
  font-weight: 400;
  margin-right: 4px;
}
/*Bluesky*/
.menu-item-1914 a::before{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";
  content: '\e671';
  font-weight: 400;
  margin-right: 4px;
}
/* ====================================================================== */
/* 固定ページ * /
/* ====================================================================== */
/* タイトル・日付を非表示*/
.page
.entry-title {
	display: none;
}
.page
.date-tags {
	display:none;
}

/* HOMEの同盟アイコン */
.page-id-16
.wp-block-image img {
	box-shadow: none;
}
/* ---------------------------------------------------------------------- */
/*タイムライン(お知らせ・スケジュール)*/
.timeline-title {
	font-weight: normal;
	font-size: 1.1em;
	font-family: 'Yusei Magic', 'RocknRoll One', sans-serif;
	font-style: normal;
}
.timeline-item-title {
	font-weight: normal;
}
/* ---------------------------------------------------------------------- */
/*トップ新着・人気・関連記事ウィジェット 投稿日・更新日表示*/
.widget-entry-card-date {
	display: block;
	font-size: 18px; /*フォントサイズ*/
	margin-top:10px;
}

/* ====================================================================== */
/* 投稿ページ * /
/* ====================================================================== */
/*投稿ページ日付をタイトルの前に*/
.article-header{
	display:flex;
	flex-flow: column;
}
.entry-title{order:2;}
.eye-catch-wrap{order:3;}
.sns-share{order:4;}
.date-tags{order:1;}
/* ---------------------------------------------------------------------- */
/*バルーン(吹き出し)*/
.speech-wrap {
	max-width:600px;
	margin-top:3em;
	margin-right: auto;
	margin-left: auto;
}
.speech-person {
	width: 50px;
	min-width: 50px;
}
.speech-balloon {
	font-size:0.9em;
}
.speech-name{
	display:none;
}
/* ---------------------------------------------------------------------- */
/*ページ下部のカテゴリとタグ*/
.entry-tags a{
	background-color:#FFF;
}
.entry-categories a:hover,
.entry-tags a:hover{
	color:#DA0037;
	background-color:#FFF;
}
/* ---------------------------------------------------------------------- */
/* PostNavi */
.pager-post-navi {
	flex-direction: row;
}
.pager-post-navi a{
	margin:0 10px 0 10px;
	width:50%;
	background-color: rgba( 255, 255, 255, 0.7);
}
.pager-post-navi a:hover{
	background-color: rgba( 255, 255, 255, 0.7);
}

/* ====================================================================== */
/* カテゴリ一覧 * /
/* ====================================================================== */
/*カテゴリページの説明*/
.entry-content {
	margin-top:0px;
	margin-bottom:0px;
}
/* ---------------------------------------------------------------------- */
/* COMICカテゴリの作品BOTTOM日付*/
.comic-date {
	display: block;
	font-size: 0.8em; /*フォントサイズ*/
	margin-top:10px;	
}
.comic-date::before {
	font-family: "Font Awesome 5 Free";
	content: "\f044"; /*pen-to-squareアイコン*/
	font-weight: 400; /*アイコンの種類regular*/
	padding-right: 5px; /*右余白*/
	font-size: 14px; /*フォントサイズ*/
}
/* ---------------------------------------------------------------------- */
/* DOUJINカテゴリ(ID22)のタイトルと日付を非表示 */
.categoryid-22
.entry-title {
	display: none;
}
.categoryid-22
.date-tags {
	display:none;
}
/* ====================================================================== */
/* タグクラウド用(カテゴリアーカイブのみ表示) */
/* ====================================================================== */
.category-21 .content-top {
	display:none; /*とある光戦と水晶公の話のカテゴリでは非表示*/
}
.category-22 .content-top {
	display:none; /*同人誌カテゴリでは非表示*/
}
.category-30 .content-top {
	display:none; /*裏カテゴリでは非表示*/
}
.content-top-in{
	margin-bottom:-15px;	padding: 20px 29px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: rgba( 255, 255, 255, 0.95 );
}
#tag_cloud-3{
	margin-bottom:0px;
}
.widget-content-top-title{
	display:none; /* ウィジットタイトルを隠す */
}
.tagcloud a {
	background-color:#FFF;
	font-size:0.8em;
	border: 1px solid #e9e9e9;
}
.tagcloud a:hover{
	color:#DA0037;
	background-color:#FFF;
}
/* ====================================================================== */
/* 同人用(カテゴリアーカイブのみ表示) */
/* ====================================================================== */
.anthology {
	display:none; /*基本は非表示*/
}
.category-22 .anthology {
	display:block; /*同人カテゴリでは表示*/
}
/* ---------------------------------------------------------------------- */
/*エントリーカード：タイル式３列*/
/* ---------------------------------------------------------------------- */
.ecb-entry-border .entry-card-wrap {
  border:none;
}
.entry-card {
	background-color:#FFF;
}
.ect-vertical-card.ect-tile-card .entry-card-content{
	padding:0 5px 5px;
}
.entry-card-meta {
	margin-top:10px;
}
span.entry-category {
	margin-left:3px;
}
.entry-category::before {
	font-family: "Font Awesome 5 Free";
	content: "\f07b"; /*folderアイコン*/
	font-weight: 400; /*アイコンの種類regular*/
	padding-right: 2px; /*右余白*/
	font-size: 14px; /*フォントサイズ*/
}
.category-22 .entry-card-meta {
	display:none; /* 同人誌カテゴリでは非表示 */
}
/* ---------------------------------------------------------------------- */
/* ラベル */
.badge, .ref, .reffer, .sankou, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey {
	color: #fff;
	padding: 1px 5px 1px;
	border-radius: 2px;
	font-size: 16px;
}
/* ---------------------------------------------------------------------- */
/*ページ送り*/
.pagination-next-link {
  display: none;
}
.page-numbers { /*通常時*/
  border: 1px solid #e9e9e9;
	border-radius: 50%;
}
.pagination .current { /*現在のページ*/
  background-color:#e9e9e9;
}
.page-numbers.dots { /*ドット「…」の部分*/
  opacity: 1;
  background: none;
}
.pagination a:hover { /*マウスホバー時*/
  background-color: #fff;
  color: #DA0037;
}

/* ====================================================================== */
/* 漫画 * /
/* ====================================================================== */
/*公開時のTweetへのリンク*/
p.my_twi_aligncenter{
	display:none;
	text-align:center;
}
a.my_twi_link {
	border:1px solid #333;
	border-radius: 0;
	background: #fff;
	font-size: 0.8em; /*フォントサイズ*/
	margin-top:10px;
	padding:0.5em 1em;
	text-decoration:none;
}
a.my_twi_link:hover {
	color: #fff;
	background: #1DA1F2;
}
a.my_twi_link:before {
	font-family: "Font Awesome 5 Brands";
	content: '\f099';
	padding-right: 0.5em; /*右余白*/
}
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/*TOPページ：お知らせ(基本はタイムラインのCSSを反映)*/
a.news_list_title {
	/*color:#242424;*/
	text-decoration:none;
}
a.news_list_title:hover {
	/*color:#242424;*/
	/*text-decoration:none;*/
}
ul.timeline .cat {
	font-size:0.8em;
	margin:0 10px 0 0px;
	-webkit-border-radius:5px;
	padding:2px 6px;
	background:#6fc173;
	color:#FFF;
}
/* ---------------------------------------------------------------------- */
/* リンクページ */
/* ---------------------------------------------------------------------- */
.weblink {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.weblink ul {
	list-style: none;
	padding: 0;
	display: inline-block;  /*中央揃えするために追加 */
}
.weblink .list-wrap {
	display:flex;
	align-items: center; /*--align-itemsを指定--*/
	flex-wrap: wrap; 
	margin-bottom:20px;
}
.weblink .banner {
	width:200px;
}
.weblink .name-etc {
	padding-left:10px;
}
.weblink a.afab {
	padding-left:5px;
}
/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
	.weblink .list-wrap {
		display:block;
	}
}

/* ---------------------------------------------------------------------- */
/* 無断利用禁止 */
/* ---------------------------------------------------------------------- */