@charset "UTF-8";
/* PC,SP共通CSS */
.gengo-kanji {
  clear: both;
  margin-bottom: 80px;
  border-top: 1px #E6E6DF solid;
}

.gengo-kanji-title {
  font-weight: bold;
  margin: 30px 0 10px;
}

.gengo-list {
  display: none;
}

.kanji-wrap.selected {
  color: #000 !important;
  border-bottom: 4px #C3B5DB solid !important;
}

.kanji-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gengo-list-area {
  width: 654px;
  max-height: 200px;
  background: #C3B5DB;
  margin-left: 3px;
}

.kanji-wrap .kanji,
.gengo-list-area ul li {
  /*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
  font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/*--------------------------------------------------*/
/* PCのCSS ここから */
#MainInner .gengo-kanji-lead {
  margin-bottom: 0 !important;
}
#MainInner .kanji-wrap {
  width: 75px;
  text-align: center;
  margin: 3px;
  border-bottom: 4px #fff solid;
  color: #aaa;
  margin-top: 15px;
  margin-bottom: 5px;
}
#MainInner .kanji-wrap:hover {
  cursor: pointer;
  color: #000;
  border-bottom: 4px #C3B5DB solid;
}
#MainInner .kanji-wrap .kanji {
  font-size: 45px;
  line-height: 1.0;
}
#MainInner .kanji-wrap .times {
  font-size: 14px;
  line-height: 1.0;
  margin: 3px 0;
}
#MainInner .gengo-list-area ul {
  display: none;
  padding: 0 10px 13px 10px;
}
#MainInner .gengo-list-area ul li {
  display: inline-block;
  vertical-align: top;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  white-space: nowrap;
  font-size: 20px;
  margin-top: 15px;
}

/* PCのCSS ここまで */
/*--------------------------------------------------*/
/* SPのCSS ここから */
#wrapper .gengo-kanji {
  margin-top: 30px;
}
#wrapper .gengo-kanji-lead {
  margin-bottom: 15px;
  font-size: 15px;
}
#wrapper .kanji-wrap {
  width: 13.5vw;
  text-align: center;
  margin: 3px;
  border-bottom: 4px #fff solid;
  color: #aaa;
}
#wrapper .kanji-wrap:active {
  opacity: 1.0;
  border-bottom: 4px #f00 solid;
}
#wrapper .kanji-wrap .kanji {
  font-size: 25px;
  padding-top: 5px;
}
#wrapper .kanji-wrap .kanji.correct-android-fontsize {
  font-size: 30px;
}
#wrapper .kanji-wrap .times {
  font-size: 12px;
  margin-top: 3px;
  padding-bottom: 5px;
}
#wrapper .gengo-list-area ul {
  display: none;
  padding: 0 5px 0 5px;
}
#wrapper .gengo-list-area ul li {
  display: inline-block;
  vertical-align: top;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.3;
  margin: 5px 0;
}

/* SPのCSS ここまで */

/*# sourceMappingURL=gengo-kanji.css.map */