@charset "utf-8";
a {
  text-decoration : none;
  color : #337ab7;
}
a:link {
  text-decoration : none;
  color : #337ab7;
}
/*
a:visited {
  text-decoration : underline;
}
*/
a:hover {
  text-decoration : underline;
  color : #23527c;
}
a:focus , a:hover {
  text-decoration : underline;
  color : #23527c;
}
/*
a:focus {
  outline : thin dotted;
  outline : 5px auto -webkit-focus-ring-color;
  outline-offset : -2px;
}
*/
/* ===================================================================
 目次
=================================================================== */
#toc{
  max-width: 1180px;
  margin: 0 auto;
}
#toc > ul > li > ul > li{
  padding-left: 0.75em;
}
#toc li{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*------アコーディオン----*/
ul#toc_ac > li > span{
  padding: 0.75em;
  border: 1px solid #808080;
  background: #eeeeee;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
ul#toc_ac > li > span::after{
  content: "";
  display: inline-block;
  background: url(../images/icon-minus.png);
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: middle;
  margin-left: 8px;
}
ul#toc_ac > li > span.close::after{
  content: "";
  display: inline-block;
  background: url(../images/icon-plus.png);
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: middle;
  margin-left: 8px;
}


/* ===================================================================
 本文
=================================================================== */
/*変換データ不要箇所非表示*/
.ht-header-content{
  display: none;
}

/*パンくず*/
.breadcrumb {
  padding : 1em 0;
}
.breadcrumb ul {
  display : flex;
  flex-wrap: wrap;
}
.breadcrumb li::after{
  content: '';
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background-image: url(../images/ico_arrow.png);
  background-size: contain;
  background-position: center;
  margin-left: 0.5em;
}
.breadcrumb li:last-child::after{
  display: none;
}
.breadcrumb li:first-child a::before{
  content: '';
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  background-image: url(../images/ico_toc.png);
  background-size: contain;
  background-position: center;
  margin-right: 0.2em;
}
@media only screen and (max-width:480px) {
  .breadcrumb li:not(:first-child):not(:last-child){
    display: none;
  }
}

/*本文メイン*/
.ht-main-content{
  line-height: 2em;
}

/*解説画面*/
/*冒頭　画像～解説者*/
.desc-image-wrap,
.desc-image-wrap div{
  margin-bottom: 1em;
}
.cat-image a img:hover{
  opacity: 0.8;
  transition:0.3s;
}
.cat_link{
}
.author{
  display: flex;
  justify-content: flex-end;
}
a:not(.vw_page_link):not(.gendaiyaku_page_link):not(.honkoku_page_link) img:hover{
  opacity: 0.8;
  transition: 0.3s;
}


/*===翻刻画面===*/
/*カメラアイコン*/
.vw_page_link::after{
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/cameravw.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position:  top 2px right 2px;
}

/*翻刻アイコン*/
.honkoku_page_link{
  position: relative;
}
.honkoku_page_link::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 49px;
  height: 24px;
  background-image: url(../images/honkoku.gif);
  background-size: contain;
  background-repeat: no-repeat;
  top:0;
}

/*現代訳アイコン*/
.gendaiyaku_page_link{
  position: relative;
}
.gendaiyaku_page_link::after{
  position: absolute;
  content: '';
  display: inline-block;
  width: 65px;
  height: 24px;
  background-image: url(../images/gendai.gif);
  background-size: contain;
  background-repeat: no-repeat;
  top:0;
}