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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*---------------------------------
注釈
--------------------------------*/
div.tip {
    font-size: 95%;
				font-weight: 400;
    color: #56595B;
				margin-left: 0.2em;
}

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.post-12 .date-tags {
	display: none;
}

/*特定のページの投稿日を非表示*/
.post-3 .date-tags,
.post-17261 .date-tags,
.post-17279 .date-tags {
display: none;
}

/*マウスオーバーのcolor変更*/
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
    background-color: #ddd;
    border-radius: 0.2em;
    transition: all 0.1s ease-in-out;
}

/*スマホのフッターナビの表示ページ制限*/
@media screen and (max-width:1023px) {
	 #navi-footer {
		 display: none;
		 }
	
	.page-id-12 #navi-footer{
		display: block;
		}
	
	#footer {
		margin: 0em 0em 0em 0em;
		padding: 0em 0 0.5em 0;
		}

	.page-id-12 #navi-footer{
		display: block;
  }
}

/************************************
** 日付
************************************/
.date-tags {
	color: #333;
	font-size: 1.2em;
    line-height: 0.8;
    position: relative;
    display: flex;
	margin-bottom: 2em;
}

/*ボックスメニュー*/
.nwa .box-menu {
	width: 33.33%;
}

.box-menus {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1em 0em 1em 0em;
}

.box-menu {
    display: block;
    padding: 0em 0em;
    text-decoration: none;
    width: 100%;
    text-align: center;
    min-height: 10px;
    cursor: pointer;
    background: #fff;
    color: #333;
    box-shadow: none;
    transition: none;
}

.box-menu-icon{
  color: #333;
}

.box-menu-icon * {
    margin: 0.2em 0em 0.2em 0em;
    max-width: 60px;
    max-height: 60px;
    height: auto;
    display: inline-block;
}

.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#444,2px 2px 0 0 #444,2px 0 0 0 #444,0 2px 0 0
    #444;
} 

.box-menu-label {
    font-size: 1em;
    font-weight: 400;
	font-family: 'Avenir','Arial';
}

/*コメントボタン*/
a.comment-button {
	font-size: 15px;
	float: right;
	font-weight: bold;
	color: #000;
	background: #efeaf6;
	border: 2px solid #B7B1B8;
}

a.comment-button:hover {
	color: #666;
	background-color: #FFF;
	border: 2px solid #B7B1B8;
}

a.comment-size {
	position: relative;
	padding: 0.1em 1.5em 0.1em 0.8em;
	border-radius: 2em;
}

a.comment-size i.far {
	vertical-align: middle;
	font-size: 1.5em;
	margin-right: 0.4em;
}

/*表の枠色を透過*/
table td {
background: #ffffff;
}

/*トップページの見出しカスタマイズ*/
.article h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	padding: 0.2em 0em 0.2em 0.5em;
	color: #FFFFFF;
	background: linear-gradient(to bottom, #fff0 0%, #fff0 50%, #DFCCDF 50%, #DFCCDF 100%);
	position:relative;
	text-shadow: 0 0 5px #000,0 0 9px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
}

.article h2::after  {
	content: "";
	background: url(https://anaden-yakata.jp/wp-content/uploads/2021/06/varuo-h2-icon.png) no-repeat; background-size: contain;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: -3px 0 0 10px;
	vertical-align: middle;
}

.article h3 {
	margin-top: 0em;
	margin-bottom: 1.2em;
	margin-right: 0em;
	margin-left: 0em;
	padding: 0.2em 0 0.2em 0.5em;
	color: #333;
	font-size: 17px;
	font-weight: 600;
	border-left: 6px ridge #9e7b24;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #333;
	box-shadow: 0px 1px 0px #999;
}

.article h4 {
    border-left: 5px solid #d3af78;
    border-right: 0px solid #fff;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    border-radius: 2px;
    font-size: 15px;
    padding: 0.3em 0 0.3em 0.5em;
    margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: 0em;
	margin-left: 0em;
}

.article h5 {
    display: inline;
    border-bottom: 0px solid #fff;
    background: linear-gradient(rgba(255, 255, 255, 0) 50%, #ffe0f7 70%);
    font-size: 14px;
    padding: 0em 0.4em;
    margin-left: 0.2em;
}

p, .paragraph {
    margin: 0.8em 0;
}

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

/*イベント報酬*/
.reward table {
    width: 100%;
    border-collapse: collapse;
}

.reward table th:nth-of-type(1) {
    width: 45%;
    text-align: center;
}

.reward table td:nth-of-type(1) {
    width: 30%;
    text-align: center;
}

/*アナダンメニュー*/
.another-dungeon-banner {
    position: relative;
}

.another-dungeon-banner-difficulty {
    position: absolute;
    right: 1%;
    bottom: 4%;
    width: 38%;
}

.another-dungeon-banner-suggested-lv {
    position: absolute;
    right: 4%;
    bottom: 35%;
    width: auto;
    height: auto;
    padding: 0em 0.3em 0em 0.3em;
    color: #353535;
    background: #f5f5f5;
    border-radius: 0.2em;
    font-weight: bold;
    box-shadow: 0 0 8px 2px #000000a3;
    font-size: 11.5px;
    font-family: "游ゴシック","Yu Gothic",sans-serif;
}

.another-dungeon-info table {
    width: 100%;
    margin: 0;
}

.another-dungeon-info table td:first-child {
	padding: 0px;
	font-size: 0px;
}

.another-dungeon-info table th:nth-of-type(1) {
	width: 20%;
}

.another-dungeon-info table th:nth-of-type(2) {
	width: 20%;
}

/*クエストインフォ*/
div.quest-info table {
    width: 100%;
}

.quest-info tr:nth-child(1) td {
    padding: 0em;
    font-size: 0px;
    width: 100%;
}

.quest-info table th {
    width: 25%;
}

.quest-info table td {
    width: 75%;
}

div.quest-chart-info table {
    float: right;
    width: 100%;
    max-width: 320px;
    margin-top: -0.3em;
    margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
    div.quest-chart-info table {
    float: right;
    width: 100%;
    max-width: 360px;
    margin-top: -0.3em;
    margin-bottom: 2em;
}
}

.quest-chart-info table th {
    width: 25%;
}

.quest-chart-info table td {
    width: 75%;
}

/*チャート：通常*/
div.normal {
   padding: 0 0 0.3em 0;
}
div.normal img {
    width: 600px;
}

img.story-icon{
    width: 25px !important;
}

.normal dl {
	  margin: 0;
    padding: 0px 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}
.normal dt {
    counter-increment: dt;
    counter-reset: dt;
    display: list-item;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}
.normal dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.normal dt:before {
	font-weight: bold;
    counter-increment: chart;
    content: counter(chart);
    border-color: #fefefe #dbe7ee #e9fefe #f3f0f6;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    background: #eee;
    box-shadow: 0 0 2px #000, 2px 0 2px #d7d6da inset, -2px 0 2px #d7d6da inset, 0 2px 2px #d7d6da inset, 0 -2px 2px #d7d6da inset;
    text-align: center;
    line-height: 1.37;
    cursor: pointer;
    float: left;
    margin: -0.2em 0.8em 0 -2.5em;
    height: 21px;
    width: 26px;
}

/*チャート：メインストーリー*/
div.main-story {
   padding: 0 0 0.3em 0;
}
div.main-story img {
    width: 600px;
    padding: 0.5em 0em;
}
.main-story .story-icon {
    padding: 0em 0em !important;
}
.main-story dl {
    margin: 0;
    padding: 0px 1em 0 1.1em;
    list-style: none;
    counter-reset: chart;
}
.main-story dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 1em 0 0.5em 0;
}
.main-story dd {
    font-size: 1em;
    line-height: 1.8;
    padding: 0.0em 0em;
    margin-left: -0.6em;
}
.main-story dt:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/main-story-icon.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -1.1em;
    width: 42px;
    height: 42px;
    position: relative;
	cursor: pointer;
    float: left;
}

/*チャート：外伝*/
div.episode {
    padding: 0 0 0.3em 0;
}

div.episode img {
    width: 600px;
}

.episode dl {
    margin: 0;
    padding: 0 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}

.episode dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}

.episode dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.episode dt:first-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/episode-icon1.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.episode dt:nth-of-type(n+2):nth-last-of-type(n+2):before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/episode-icon2.png); /* 画像2番目以降*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.episode dt:last-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/episode-icon3.png); /* 画像3番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.4em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

/*チャート：邂逅*/
div.chance-encounter {
    padding: 0 0 0.3em 0;
}

div.chance-encounter img {
    width: 600px;
}

.chance-encounter dl {
    margin: 0;
    padding: 0 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}

.chance-encounter dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}

.chance-encounter dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.chance-encounter dt:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/chance-encounter-icon1.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

/*チャート：外典*/
div.mythos {
    padding: 0 0 0.3em 0;
}

div.mythos img {
    width: 600px;
}

.mythos dl {
    margin: 0;
    padding: 0 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}

.mythos dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}

.mythos dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.mythos dt:first-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/12/mythos-icon1.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.mythos dt:nth-of-type(n+2):nth-last-of-type(n+2):before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/12/mythos-icon2.png); /* 画像2番目以降*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.mythos dt:last-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/12/mythos-icon3.png); /* 画像3番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.4em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

/*チャート：協奏*/
div.symphony {
    padding: 0 0 0.3em 0;
}

div.symphony img {
    width: 600px;
}

.symphony dl {
    margin: 0;
    padding: 0 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}

.symphony dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}

.symphony dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.symphony dt:first-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/symphony-icon1.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.symphony dt:nth-of-type(n+2):nth-last-of-type(n+2):before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/symphony-icon2.png); /* 画像2番目以降*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.symphony dt:last-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2020/08/symphony-icon3.png); /* 画像3番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.4em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

/*チャート：群像*/
div.ensemble {
    padding: 0 0 0.3em 0;
}

div.ensemble img {
    width: 640px;
}

.ensemble dl {
    margin: 0;
    padding: 0 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}

.ensemble dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}

.ensemble dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.ensemble dt:first-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2021/05/ensemble-icon1.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.ensemble dt:nth-of-type(n+2):nth-last-of-type(n+2):before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2021/05/ensemble-icon2.png); /* 画像2番目以降*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.ensemble dt:last-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2021/05/ensemble-icon3.png); /* 画像3番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.4em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

/*チャート：外史*/
div.extra-history {
    padding: 0 0 0.3em 0;
}

div.extra-history img {
    width: 640px;
}

.extra-history dl {
    margin: 0;
    padding: 0 1em 0 2.5em;
    list-style: none;
    counter-reset: chart;
}

.extra-history dt {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.6;
    padding: 1em 0 0.5em 0;
}

.extra-history dd {
    font-size: 1em;
    line-height: 1.6;
    padding: 0.4em 0;
    margin-left: -0.6em;
}

.extra-history dt:first-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2022/04/extra-history-icon1.png); /* 画像1番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.extra-history dt:nth-of-type(n+2):nth-last-of-type(n+2):before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2022/04/extra-history-icon2.png); /* 画像2番目以降*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.3em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}

.extra-history dt:last-of-type:before {
    content:"";
    background-image:url(https://anaden-yakata.jp/wp-content/uploads/2022/04/extra-history-icon3.png); /* 画像3番目*/
    background-size:contain;
    background-repeat:no-repeat;
    padding: 0em 0 0em 0;
    margin: -0.7em 0.4em 0 -2.8em;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    float: left;
}


/*マップの縦スクロール*/
.scrollable-map table{
  border-collapse: collapse;
  margin: auto;
		max-width: 100%;
}

.scrollable-map {
	overflow-y: scroll;
	max-height: 600px;
}

@media screen and (max-width: 1023px) {
.scrollable-map {
	overflow-y: scroll;
	max-height: 400px;
}

/*ここまで*/

/*－－－－－スマホ表示用－－－－－*/
/*サイドの幅変更*/
@media screen and (max-width: 834px){
  main.main,
  div.sidebar{
    margin: 0.5%;
  }
  main.main{
    padding: 16px 10px;
  }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.article h2 {
  font-size: 16px;
  
}

.article h3 {
  font-size: 15px;
  
}
.article h4 {
  font-size: 14px;
  
}
.article h3 {
  font-size: 13px;
  
}
/*834px以下*/
@media screen and (max-width: 834px){
.article h2 {
  font-size: 16px;
  
}

.article h3 {
  font-size: 14px;
  
}
.article h4,
.article h5 {
  font-size: 13px;
  
}

/*480px以下*/
@media screen and (max-width: 480px){
.article h2 {
  font-size: 16px;
  
}

.article h3 {
  font-size: 14px;
  
}
.article h4,
.article h5 {
  font-size: 13px;
  
}
@media screen and (max-width: 599px) {
  .container .column-wrap > div {
    padding: 0px 0;
  }
}