/* フォント読み込み */
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
/* DotGothic16 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* Noto Sans JP */

* {
 font-family: "Noto Sans JP", sans-serif;
}
/* 全ての文字にNoto Sans JPを適用 */

a:visited{
color: #551a8b;
}

a:hover
{
color: #6658A6;
}

/* サイトデザイン変更 */

.atwiki-more-button a:not([href="//atwiki.jp/rising_ranking"]){
border-radius: 0px;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 3px solid #000;
border-top: 2px solid #000;
}

.atwiki-more-button a:not([href="//atwiki.jp/rising_ranking"]):hover{
border-radius: 0px;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 1px solid #000;
border-top: 3px solid #000;
background-color: #dcdcdc;
}

a[href="//atwiki.jp/rising_ranking"]{
border: 2px solid #000;
}

td:has(#by-nc-sa){
background-color: #f5f5f5;
border-top: 1px solid #000;
}

.menu-only{
background-color: #f5f5f5;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 3px solid #000;
border-top: 2px solid #000;
margin: 5px 5px 0px 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 700;
padding: 1px 5px;
}

.menu-only:hover{
background-color: #dcdcdc;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 1px solid #000;
border-top: 3px solid #000;
margin: 5px 5px 0px 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 1px 5px;
}

.menu::before{
content : "";
display: inline-block;
width: 22px;
height: 22px;
background: url("https://img.atwiki.jp/mcmdhistory/pub/01146.png");
background-size: cover;
}

.history::before{
content : "";
display: inline-block;
width: 22px;
height: 22px;
background: url("https://img.atwiki.jp/mcmdhistory/pub/00626.png");
background-size: cover;
}

.material::before{
content : "";
display: inline-block;
width: 22px;
height: 22px;
background: url("https://img.atwiki.jp/mcmdhistory/pub/01703.png");
background-size: cover;
}

.member::before{
content : "";
display: inline-block;
width: 22px;
height: 22px;
background: url("https://img.atwiki.jp/mcmdhistory/pub/01103.png");
background-size: cover;
}

hr{
border: 1px solid #000 !important;
border-bottom: 2px solid #000 !important;
}

/* 見出し */
.atwiki-contents h3{
background-color: none;
border-bottom: none;
border-left: 5px solid #000;
margin: 5px;
display: flex;
}
/* 大見出しコマブロ風ui */

/* 公式メニュー画像や帯、uiの色変え */
/* 
#212529
filter: brightness(0) saturate(100%) invert(11%) sepia(5%) saturate(1697%) hue-rotate(169deg) brightness(91%) contrast(88%);
は同じ色
h1にもこの色が使用されている
 */
/*「 #444444」はページ下部の 帯の色と同じ*/

.atwiki-contents .atwiki-link-img-icon, .atwiki-sp-contents .atwiki-link-img-icon{
background-color: #00A582 !important;
}

.atwiki-contents a img:not(.atwiki-page-thumbnail), .atwiki-sp-contents a img:not(.atwiki-page-thumbnail){
border: 2px solid #00A582 !important;
}

#atwiki-fixed-nav .atwiki-sp-fixed-nav #atwiki-header-nav-title{
color: #444444 !important;
}

.atwiki-headbar,
.atwiki-modal .atwiki-modal-header,
.atwiki-offcanvas .atwiki-offcanvas-bar #atwiki-offcanvas-header,
.atwiki-list-title.atwiki-external-title
/* ページ上部の帯 */
/* スマホのメニュー上部の帯 */
/* スマホの管理メニュー上部の帯 */
/* 他の帯 */
{
background-color: #444444 !important;
}

#atwiki-menubar-offcanvas #atwiki-menu-top, #atwiki-offcanvas #atwiki-menu-top{
border-top: 2px  solid #444444 !important;
}

.atwiki-page-info .atwiki-flat-button{
color: #212529;
border: 1px solid #212529;
}
/* 編集ボタン */

/* PC、スマホ共有 */
.atwiki-hedit:before,
.atwiki-page-info .atwiki-flat-button:before,
/* 編集ボタンのボーダー */
/* 部分編集 */

/* 以下スマホ用 */
.sp-header-btn ul li a.atwiki-new-button:before,
.sp-header-btn ul li a.atwiki-edit-button:before,
.sp-header-btn ul li a.atwiki-settings-button:before,
.sp-header-btn ul li a.atwiki-menu-button:before,
.sp-header-btn ul li a.atwiki-login-button:before,
/* 新規作成 */
/* 編集する */
/* 管理画面 */
/* 管理メニュー */
/* ログイン */
:where(.atwiki-header-sitename,.atwiki-sitename-buttons) .atwiki-link-pagelist>a,
/* ページ一覧 */

/* 以下PC用 */
.atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-guide-button:before,
.atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-new-button:before,
.atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-edit-button:before,
.atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-link-pagelist:before,
.atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-settings-button:before,
.atwiki-header-sitename .atwiki-shortcut-menu a.atwiki-login-button:before,
.atwiki-header-submenu .atwiki-shortcut-menu a.atwiki-login-button:before
/* 操作ガイド */
/* 新規作成 */
/* 編集する */
/* 全ページ一覧 */
/* 管理画面 */
/* ログイン */

{
filter: brightness(0) saturate(100%) invert(11%) sepia(5%) saturate(1697%) hue-rotate(169deg) brightness(91%) contrast(88%);
}

/* メニューバー */
.atwiki-dropdown-parent>a:after{
filter: brightness(0) saturate(100%) invert(11%) sepia(5%) saturate(1697%) hue-rotate(169deg) brightness(91%) contrast(88%);
}

@media screen and (min-width: 959px) {
.atwiki-main-column .atwiki-contents-shadow{
border: 1px solid #000;
border-radius:10px;
}
}

@media screen and (min-width: 959px) {
.atwiki-menubar-contents{
border: 1px solid #000;
border-radius:10px;
margin-bottom: 10px;
box-shadow: 0 0 2px rgb(0 0 0 / 25%), 0 2px 2px rgb(0 0 0 / 20%);
}
}

@media screen and (min-width: 959px) {
.atwiki-menubar-contents .atwiki-contents-shadow{
border-top: 1px solid #000;
border-radius:10px;
box-shadow: none;
}
}

@media screen and (min-width: 959px) {
.atwiki-contents-shadow:has(.atwiki-icon.atwiki-related-icon),#page-ranking-list.atwiki-contents-shadow,#update-page-list.atwiki-contents-shadow,.atwiki-list-title.atwiki-external-title{
border: 1px solid #000;
border-radius:10px;
}
}

/* プラグイン */
.atwiki-page-info{
border-bottom: 2px solid #000;
}

.atwiki-container .atwiki-page-tags{
border-top: 2px solid #000;
}

.plugin_list_by_tag ul li{
background-color: #a9a9a9;
border: 1px solid #333333;
padding: 1px 5px;
margin: 2px;
width:fit-content;
}

.plugin_list_by_tag ul li a:link{
color: #e0ffff;
}

.plugin_list_by_tag ul li a:visited{
color: #fff0f5;
}

/* 独自class */

#commandm{
background-color: #a9a9a9;
border-left: 2px solid #333333;
border-right: 2px solid #333333;
border-bottom: 2px solid #333333;
color: #FFFFFF;
padding: 1px 5px;
margin-left:auto;
margin-right:auto;
font-size: 15px;
width: 200px;
overflow: hidden;
overflow-y: auto;
}
/* メニュバー用コマブロ風ui */

#commandm li{
margin-top: 5px;
margin-bottom: 5px;
}
/* コマブロ風uiの文字間隔調整 */

#commandm li:before{
content : "■";
color: #FFFFFF;
}
/* コマブロ風uiの文字の前に■を設置 */

#commandm a:link{
color: #e0f3f8;
}
/* コマブロ風ui内の新しいウィンドウを開くURLの色調整 */

#commandm a[target="_blank"]{
color:#e0f3f8;
}
/* コマブロ風ui内のURLの色調整 */

#commandm a:visited{
color:#642DB4;
}
/* コマブロ風ui内の訪問済みURLの色調整 */

#commandu{
background-color: #a9a9a9;
border: 1px solid #333333;
color: #FFFFFF;
padding: 1px 5px;
margin: 2px;
width:fit-content;
}
/* 記載用コマブロ風ui */

#commandm ul {
list-style: none;
padding-left:0;
}
/* ・の削除、間の調整 */

#commandm ul li:hover{
background-color: #cccccc;
padding-left: 0;
border-left: 5px #cccccc;
border-right: 5px #cccccc;
}
/* -にカーソルを重ねたときに暗くする */

#menu-panel {
display: flex;
justify-content: center;
}

#menu-panel .atwiki_plugin_image{
margin-left: 50px;
margin-right: 50px;
background-color: #a9a9a9;
border: 5px solid #333333;
position: relative;
overflow: hidden
}

#menu-panel td{
border: none;
padding: 0px;
text-align: center;
overflow:visible;
}

#p-mozi {
font-size: 20px;
font-weight: bold;
padding-left: 10px ;
padding-right: 10px ;
font-family:"DotGothic16", sans-serif;
background-color:  #f5f5f5;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
border-bottom: 2px solid #333333;
margin-bottom: 30px;
}

#t-mozi {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
padding-left: 10px ;
padding-right: 10px ;
font-family:"DotGothic16", sans-serif;
background-color:  #333333;
border: 1px solid #333333;
}

#p-mozi:hover {
padding-top: 2px ;
border-bottom: 1px solid #333333;
background-color: #a9a9a9;
}

#p-mozi a{
font-family:"DotGothic16", sans-serif;
}

/* PC、スマホ限定表示) */
@media screen and (max-width: 959px) {
#pc-only {
display: none !important;
}
}

@media screen and (min-width: 959px) {
#sp-only {
display: none !important;
}
}

/* 時系列(by:かぼちゃ) */
div.timeline td {
    border: 1px solid #000;
    padding: 0.2rem;
}
div.timeline tr:not(:first-child):not(:nth-child(2)):not(:last-child) td {
    border-top: none;
    border-bottom: none;
}
div.timeline tr:nth-child(2) td {
    border-bottom: none;
}
div.timeline tr:last-child td {
    border-top: none;
}
div.timeline tr:first-child td {
    text-align: center;
}
div.timeline td:first-child {
    text-align: right;
}
/* ed */


/* ブログカード by:DUB DESiGN */
/* https://dubdesign.net/download/html-css/carddesign-6/ */
/*--------------------------------------
  カード型_06
--------------------------------------*/
.l-wrapper_06 {
  margin: 1rem auto;
padding: 10px;
  width: 350px;
}

.l-wrapper_06:hover {
  transform: translateY(-5px);
  box-shadow: 0 7px 34px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}
.card_06 {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}

.card-img_06 {
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content_06 {
  padding: 8px 20px 20px;
}
.card-title_06 {
  font-size: 1.6em;
  color: #333;
  font-weight: 700;
}
.card-text_06 {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
.card-link_06 {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 20px;
}
.card-link_06 a {
  text-decoration: none;
  color: #4f96f6;
  margin: 0 10px;
}
.card-link_06 a:hover {
  color: #6bb6ff;
}

.card-content_06 p {
  margin-bottom:0;
}

.a{
display: flex;
}
/* ed */

/*開閉アニメーション by:willlab ウィルラボ */
/* https://lab.dxo.co.jp/notes/web-design/accordion-menu */
.details {
	height: 71px;
	transition: all ease-in-out .3s;
	box-sizing: border-box;
overflow: hidden;
}

.details[open] {
	height: 195px;
}

.details[open] .details-content {
  	animation: fadeIn .1s ease;
}

.details2 {
	height: 71px;
	transition: all ease-in-out .3s;
	box-sizing: border-box;
overflow: hidden;
}

.details2[open] {
	height: 275px;
}

.details2[open] .details-content {
  	animation: fadeIn .1s ease;
}

.details3 {
	height: 71px;
	transition: all ease-in-out .3s;
	box-sizing: border-box;
overflow: hidden;
}

.details3[open] {
	height: 220px;
}

.details3[open] .details-content {
  	animation: fadeIn .1s ease;
}

.details4 {
	height: 71px;
	transition: all ease-in-out .3s;
	box-sizing: border-box;
overflow: hidden;
}

.details4[open] {
	height: 80px;
}

.details4[open] .details-content {
  	animation: fadeIn .1s ease;
}

.details5 {
	height: 71px;
	transition: all ease-in-out .3s;
	box-sizing: border-box;
overflow: hidden;
}

.details5[open] {
	height: 165px;
}

.details5[open] .details-content {
  	animation: fadeIn .1s ease;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px); 
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
/* ed */

.test{
color: #d9333f !important;
}
/* 未作成のページの色変更 */

#by-nc-sa::after{
 content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url(https://img.atwiki.jp/mcmdhistory/pub/by-nc-sa.png) no-repeat;
  background-size: contain;
}
/* by-nc-saのロゴ表示 */

.atwiki-page-info .atwiki-flat-button,
.atwiki-tag-frame,
atwiki-tag-frame tags-edit-button,
#atwiki-liked-counter,
.social-button>div div a.atwiki-line-button,
.social-button>div div a.atwiki-facebook-button,
.social-button>div div a.atwiki-twitter-button,
.atwiki-modal-bg.atwiki-tagedit-modal .atwiki-modal-wrap input,
.atwiki-modal-bg.atwiki-tagedit-modal .atwiki-modal-tags .tags_delete,
.tags-label,
.atwiki-modal-bg.atwiki-tagedit-modal .atwiki-modal-footer button,
.cmd_pagelist_search input,
.atwiki-search input,
.atwiki-option-switch,
.atwiki-setting-switch label,
.atwiki-setting-switch .swimg,
.atwiki-page-thumbnail
{
border-radius: 0 !important;
}

.social-button>div div a.atwiki-line-button,
.social-button>div div a.atwiki-facebook-button,
.social-button>div div a.atwiki-twitter-button
{
border: 1px solid #000;
border-bottom: 3px solid #000;
}

.social-button>div div a.atwiki-line-button:hover,
.social-button>div div a.atwiki-facebook-button:hover,
.social-button>div div a.atwiki-twitter-button:hover
{
border: 1px solid #000;
border-top: 3px solid #000;
}