@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
*/

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

/* 次のページボタン Start */
.pagination-next-link {
    border           : 2px solid #4169e1;
}

.pagination-next-link:before {
    background-color : rgba(65, 105, 225, .5);
}

.pagination-next-link:hover {
    background       : #d3dcf8;
    border-color     : #4169e1;
    color            : #4169e1;
}

.pagination .current {
    background       : rgba(65, 105, 225, .5);
}
/* 次のページボタン End */

/* 人気の記事リスト Start */
.popular-entry-card-title {
    font-size        : 1rem;
}
/* 人気の記事リスト End */

/* 最近の投稿リスト Start */
.wp-block-latest-posts__list {
    position         : relative;
}
.wp-block-latest-posts__list > li {
    line-height      : 2rem;
    padding          : 0.4rem 0;
    list-style-type  : none !important;
}
.wp-block-latest-posts__list > li:before {
    color            : rgba(65, 105, 225, .5);
    content          : "\f138";
    font-family      : "FontAwesome";
	font-size        : 1rem;
    position         : absolute;
}
.wp-block-latest-posts__post-title {
	font-size        : 1rem;
    line-height      : 2rem;
	padding          : 0 0 0 1.2rem !important;
}
/* 最近の投稿リスト End */

/* カテゴリ Start */
.widget_categories > ul > .cat-item > a:before {
    box-shadow       : 0 0 0px 2px rgba(65, 105, 225, .5);
    background       : rgba(65, 105, 225, .5);
}
.widget_categories li > ul > li > a:before {
    border           : 2px solid rgba(65, 105, 225, .5);
}
.widget_categories ul li a {
    padding          : 5px 0;
}
.widget_categories ul li a:hover,
.widget_block ul li a:hover {
    background       : rgba(65, 105, 225, .5);
	transform        : none;
}
/* カテゴリ End */


/* カテゴリラベル */
.cat-label {
	color            : #fff;
}

/* アーカイブリスト Start */
ul.wp-block-archives-list > li > a {
    padding          : 5px 0;
}
/* アーカイブリスト End */

/* hタグのペイント Start */
.article h2 {
    box-shadow       : none;
	margin-top       : 4em;
}
.article h2,
.article h2:before,
.article h2:after,
.article h3:before {
	background       : rgba(65, 105, 225, .2);
	border-color     : #4169e1;
	filter           : none;
}
/* hタグのペイント End */

/* もくじ Start */
.toc-title {
	background       : rgba(65, 105, 225, .7);
}
.toc-title::before {
	color            : rgba(65, 105, 225, .7);
}
.toc-list > li > a {
	border           : none;
}
.toc-list > li > a::before {
	background       : rgba(65, 105, 225, .5);
}
.toc-list > li a:hover {
	transform        : none;
}
.toc .toc-list ol {
	padding-left     : 3em;
}
.toc-list > li > ol li a:before {
	border           : 2px solid rgba(65, 105, 225, .5);
}
/* もくじ End */

.footer-meta {
	display          : none;
}

.first-contribution {
    margin           : 30px 0;
    text-align       : right;
}

.info-box {
	background       : #d3dcf8;
	border-color     : #4169e1;
    font-size        : 0.8em;
}
.info-box::after {
	background       : #a7b9f1;
}

.hr-hatching {
	padding          : 0;
	border           : 0;
	width            : 90%;
	height           : 8px;
	margin           : 80px auto;
	background-image : repeating-linear-gradient(  45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%),
		               repeating-linear-gradient( 135deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
	background-size  : 8px 8px;
}

.hr-dot {
	border           : 0;
	border-top       : dotted 0.5rem #ddd;
	margin           : 80px auto;
	width            : 11rem;
}

/* メッセージ・ヴァナ唄 */
p.message-song {
	margin-top       : 3rem;
	margin-bottom    : 3rem;
	text-align       : center;
}

/* オリジナル枠 */
.ff11_old_story {
    background-color : #eef;
    border           : solid 2px #88f;
    border-radius    : 7px;
    color            : #444;
    font-size        : 0.78em;
    line-height      : 1.7em;
    margin           : 20px 5px;
    padding          : 10px;
    padding-top      : 18px;
    position         : relative;
    text-align       : left;
}
.ff11_old_story:before {
    background-color : #88f;
    border-radius    : 4px;
    color            : #fff;
    content          : "昔話";
    font-size        : 0.9em;
    font-weight      : bold;
    left             : 35px;
    padding          : 3px 10px 1px 10px;
    position         : absolute;
    top              : -12px;
    z-index          : 1;
}

.vtx_frame {
    background-color : #ebeddf;
    border           : 2px solid #85beab;
    border-radius    : 10px;
    margin           : 20px 10px;
    padding          : 1.3em;
}
.vtx_link {
    background-color : #e4f0fc;
    border           : solid 2px #66b7ec;
    border-radius    : 10px;
    margin           : 5px;
    padding          : 1.3em;
    padding-bottom   : 0.9em;
    position         : relative;
}
.vtx_link:before {
    background-color : #66b7ec;
    border-radius    : 4px;
    color            : #fff;
    content          : "LINK";
    font-size        : 90%;
    font-weight      : bold;
    left             : 35px;
    padding          : 1px 10px 0px 10px;
    position         : absolute;
    top              : -14px;
    z-index          : 1;
}
.vtx_link > a {
    color            : #0074bf;
    text-decoration  : none;
}
.vtx_link > a:hover {
    font-weight      : bold;
    text-decoration  : underline;
}
.vtx_code {
    background-color : #eef;
    border           : solid 2px #88f;
    border-radius    : 7px;
    color            : #444;
    font-size        : 12px;
    line-height      : 15px;
    margin           : 20px 5px;
    padding          : 10px;
    padding-top      : 18px;
    position         : relative;
    text-align       : left;
}
.vtx_code:before {
    background-color : #88f;
    border-radius    : 4px;
    color            : #fff;
    content          : "CODE";
    font-size        : 90%;
    font-weight      : bold;
    left             : 35px;
    padding          : 3px 10px 1px 10px;
    position         : absolute;
    top              : -12px;
    z-index          : 1;
}
.vtx_warn {
    background-color : #faede5;
    border           : solid 2px #b80117;
    border-radius    : 7px;
    color            : #444;
    font-size        : 12px;
    line-height      : 15px;
    margin           : 20px 5px;
    padding          : 10px;
    padding-top      : 18px;
    position         : relative;
    text-align       : left;
}
.vtx_warn:before {
    background-color : #b80117;
    border-radius    : 4px;
    color            : #fff;
    content          : "ERROR";
    font-size        : 90%;
    font-weight      : bold;
    left             : 35px;
    padding          : 3px 10px 1px 10px;
    position         : absolute;
    top              : -12px;
    z-index          : 1;
}
.vtx_command {
    background-color : #000;
    border           : solid 2px #999;
    border-radius    : 7px;
    color            : #eee;
    font-size        : 12px;
    line-height      : 15px;
    margin           : 20px 5px;
    padding          : 10px;
    padding-top      : 18px;
    position         : relative;
    text-align       : left;
}
.vtx_command:before {
    background-color : #ccc;
    border-radius    : 4px;
    color            : #222;
    content          : "COMMAND";
    font-size        : 90%;
    font-weight      : bold;
    left             : 35px;
    padding          : 3px 10px 1px 10px;
    position         : absolute;
    top              : -12px;
    z-index          : 1;
}
.vtx_quote {
    background-color : #ffc;
    border           : solid 2px #ebcc00;
    border-radius    : 7px;
    color            : #666;
    font-size        : 12px;
    line-height      : 15px;
    margin           : 20px 5px;
    padding          : 10px;
    padding-top      : 18px;
    position         : relative;
    text-align       : left;
}
.vtx_quote:before {
    background-color : #ebcc00;
    border-radius    : 4px;
	color            : #222;
    content          : "QUOTE";
    font-size        : 90%;
    font-weight      : bold;
    left             : 35px;
    padding          : 3px 10px 1px 10px;
    position         : absolute;
    top              : -12px;
    z-index          : 1;
}
.vtx_think{
    border-bottom    : solid 2px #000;
    border-top       : solid 2px #000;
	font-size        : 0.85em;
	margin           : 2em 0;
    padding          : 1em 1.5em;
    position         : relative;
}
.vtx_think:before,
.vtx_think:after {
    background-color : #000;
    content          : '';
    height           : -webkit-calc(100% + 20px);
    height           : calc(100% + 20px);
    position         : absolute;
    top              : -10px;
    width            : 2px;
}
.vtx_think:before {
    left             : 10px;
}
.vtx_think:after {
    right            : 10px;
}
.vtx_point {
    border           : solid 5px #eee;
	font-size        : 12px;
    line-height      : 15px;
    margin           : 10px;
    padding          : 10px;
    position         : relative;
    z-index          : 0;
}
.vtx_point:before {
    border-top       : solid 5px #b0d7f4;
    border-left      : solid 5px #b0d7f4;
    content          : '';
    display          : block;
    height           : 20px;
    left             : -5px;
    position         : absolute;
    top              : -5px;
    width            : 20px;
    z-index          : 1;
}

/* テーブルデザイン */
.target_mob_list {
    border-collapse : collapse;
	margin-bottom   : 0 !important;
    padding         : 0;
    width           : auto;
}

.target_mob_list tbody tr {
    background-color: #fff;
}

.target_mob_list tbody tr th,
.target_mob_list tbody tr td {
    border          : none;
    border-bottom   : 1px solid #fff;
    padding         : 0.25em 1em;
	text-align      : left;
}

.target_mob_list tbody tr th {
    background-color: #eef6ff;
    font-size       : 0.8em;
    font-weight     : bold;
}

.target_mob_list tbody tr:first-child th {
	background-color: #fff6ee;
}

.target_mob_list tbody tr td {
    font-size       : 0.75em;
}

.target_mob_list + p {
	color           : #888;
    font-size       : 0.85em;
	margin-top      : 0;
	margin-bottom   : 50px;
}

.quest_table td {
    font-size       : 0.75em;
}

/* 吟遊詩人レベル上げ楽譜入手先表示用 */
.score {
	margin-bottom   : 1em;
	padding-left    : 1.5em;
	background-color: #fff6ee;
	font-size       : 1.5em;
	font-weight     : bold;
	line-height     : 2em;
}
.score + ul {
	padding-left    : 0;
}
.score + ul li {
	list-style-type : none;
	font-size       : 0.85em;
}
.score + ul li p:first-child {
	margin-bottom   : 0;
}
.score + ul li p:first-child span {
	font-size       : 1.2em;
	font-weight     : bold;
}
.score + ul li p:last-child {
	margin-left     : 0.8em;
	margin-bottom   : 0.75em;
}


/* プロフィール表示用 */
.prof_h {
    font-size       : 1em;
    margin          : 0 0 10px;
    padding         : 0;
    text-align      : center;
}
.prof_p {
    font-size       : 0.8em;
    margin          : 0 0 1.2em;
    padding         : 0 15px;
}
.prof_p a {
	color           : #200;
	text-decoration : none;
}
.prof_p a:hover {
	background      : rgba(65, 105, 225, .5);
	color           : #200;
}

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

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

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