@charset "shift_jis";
/* CSS Document */
/*全体*/
.left-area {
  width: 180px;
}
.left-area a {
  color: #111;
}
.left-area li {
  text-decoration: none;
  list-style-type: none;
  margin-bottom: 5px;
}
.left-area .left-colum {
  margin: 15px auto 0;
}
/*タイトル*/
.left-area .left-colum-ttl {
  font-weight: bold;
  text-align: center;
  border-bottom: #ccc 1px solid;
  width: 100%;
  padding: 10px 0;
  font-size: 1.2em;
  background-color: #666666;
  color: #fff;
}
/*リスト*/
.left-area .category-list-area {
  margin: 0 auto 25px;
  align-self: center;
}
.left-area .category-list-colum {
  width: 100%;
  margin: 0 auto;
}
.left-area .category-list {
  font-size: 1em;
  transition: 0.2s;
  background-color: #f6f6f6;
  position: relative;
  margin: 0 auto 2px;
  padding: 11px 10px 11px 5px;
}
.left-area .category-list:hover {
  background-color: #edf6ff;
}
.left-area .f-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
.left-area .tegory-list span {
  font-size: 12.5px;
  transition: 0.2s;
  position: relative;
}
.left-area .category-list a:after {
  content: "\e91f";
  font-family: 'sanwasvg';
  display: block;
  position: absolute;
  font-size: 12px;
  height: 1em;
  width: 1em;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  color: #2976c6;
  transition-duration: 0.3s;
}
.left-area .category-list img {
  margin-right: 10px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
}
.left-area .list-icon {
  margin: 0 12px 0 10px;
}
.left-area .list-icon::before {
  color: #2976c6;
  font-size: 2.0em;
}
.left-area .txtver {
  justify-content: flex-end;
}
.left-area .txtlink {
  padding: 2px 20px 0 0;
}
.left-area .bgno {
  background-color: #fff;
  padding: 0 10px 0 0;
}
.left-area .bgno:hover {
  background-color: #fff;
}
.left-area .bgno a:hover:after {
  right: 5px;
}
/*正方形バナー*/
.left-area .left-colum-sqbnr-area {
  margin: 0 auto;
  padding: 10px 0;
}
.left-area .left-colum-sqbnr-area .sqbnr-inner img {
  max-width: 100%;
  margin: 2px auto;
}