@charset "utf-8";
/*
Theme Name: trial
Theme URI: http://trial.minority.top/
Description: oreテーマ
Version: 1.0
Author: proyama
Author URI: https://www.minority.top/
*/

/* Reset.css入れるならここ */

/* 以下ブログテーマのスタイル */
.clear {
    display: clear;
}

.site {
    /*padding: 0 24px;*/
    background-color: #fff;
}

header {
	float: left;
	width: 100%;
}

/* for global navigation */
/* リストの記号を消去 */
.menu-item {
  list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
.menu-item-has-children {
  position: relative;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
.menu-item-has-children:hover {
  cursor: pointer;
}

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
.menu-item-has-children:hover .sub-menu {
  display: block;
}
.menu-item-has-children .sub-menu.active {
  display: block;
}

/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整してください */
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  background: white;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
  color: var(--secondary);
}

/* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
.sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid #eee;
}

/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
.sub-menu > .menu-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: .5em 0;
}

/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu > .menu-item a:hover {
  background: black;
  color: white;
}

main {
	float: left;
	width: 100%;
}

.createdate {
	color: var(--secondary);
	font-style: italic;
	font-size: 0.8rem;
}

.sidebar {
	/*float: right;*/
    /*width: 25%;*/
}

.bread {
    line-height: 25px;
    font-size: 0.8em;
    list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
	color: var(--secondary);
}

.bread li{
    display: inline;
}

.tagcloud {
    line-height: 25px;
    font-size: 0.8em;
	color: var(--secondary);
}

footer {
	float: left;
	width: 100%;
	margin-top: 20px;
	/*background-color: #f8f9fa!important;*/
}

.page-footer {
	/*clear: both;*/
}