/* ==========================================

ドロワーメニューcss

========================================== */
/* === ページ内のzdo_drawer_buttonはbtn仕様 === */
/* === ドロワー内のボタン仕様  === */
.zdo_drawer_syori .zdo_drawer_button {
  margin: 0 0 0 auto;
  width: 40px;
  cursor: pointer;
}
/*閉じるアイコン*/
.zdo_drawer_syori .zdo_drawer_button img {
  /*width: 40px;
	cursor: pointer;*/
}
/* === メニュー外の背景グレーエリア  === */
.zdo_drawer_syori .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
}
/* === ドロワーコンテンツ　仕様  === */
.zdo_drawer_syori .zdo_drawer_contents {
  width: 80%; /*表示幅*/
  padding: 20px 30px;
  box-sizing: border-box;
  /*max-width: 800px;*/
  height: 100%;
  transition: all 1s;
  transform: translate(100%); /*非表示位置*/
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #FFF;
}
/* スマホ用 */
@media (max-width: 830px) {
	.zdo_drawer_syori .zdo_drawer_contents{
		width: 100%;
	}
}
/* === ドロワーコンテンツ　スクロール  === */
.zdo_drawer_syori .zdo_drawer_contents {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.zdo_drawer_syori .zdo_drawer_contents.open {
  transform: translate(0);
}

/* =================================

検索内容

================================== */
.zdo_drawer_syori .zdo_drawer_search{
		font-size: 12px;
}
/*語句検索と年検索*/
.zdo_drawer_syori .zdo_drawer_search article{
	margin: 30px 0;
}
/*語句で検索　　発行年で検索*/
.zdo_drawer_syori .zdo_drawer_search  .item01 .title:before {
  content: "●";
  color: #5ab4bd;
  margin-right: 5px;

}
/*入力欄年選択欄と検索ボタン並列
------------------------------------------------*/
.zdo_drawer_syori .zdo_drawer_search .item_flex{
	width: 100%;
		display: flex;
	align-items: center;
	column-gap: 30px;
	margin-top: 10px;
}
/* スマホ用 */
@media (max-width: 740px) {
.zdo_drawer_syori .zdo_drawer_search{

}
	/*入力欄年選択欄と検索ボタン並列
------------------------------------------------*/
	.zdo_drawer_syori .zdo_drawer_search .item_flex{
		flex-direction: column;
	}
	/*検索ボタ*/
.zdo_drawer_syori .zdo_drawer_search .item_flex .item03{
	margin-top: 10px;
}
}

/*入力欄*//*年選択欄*/
.zdo_drawer_syori .zdo_drawer_search .item_flex .item02{
	width: 300px;
}
/*検索ボタ*/
.zdo_drawer_syori .zdo_drawer_search .item_flex .item03{
	width: 120px;
}


/* スマホ用 */
@media (max-width: 740px) {

}