@charset "Shift_JIS";
/* --------------------------------------------------------------------
	カテゴリ一覧　ピックアップ
--------------------------------------------------------------------- */
.free_space_ .event_name_img_.mb10_ img {
  width: 100%;
}
div.CategoryStyleP_ {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  overflow: hidden;
}
div.CategoryStyleP_Line_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -30px 0 0;
  padding: 4px 0 16px;
  overflow: hidden;
}
div.CategoryStyleP_Item_ {
  position: relative;
  margin: 10px 30px 0 0;
}
div.CategoryStyleP_Item_:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  width: 1px;
  height: 13px;
  background-color: #DEDEDE;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
div.CategoryStyleP_Item_ h3.name_ {
  margin: 0 5px 10px 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f0f0f0;
}
div.CategoryStyleP_Item_ h2.name_ {
  font-size: 1.3rem;
  font-weight: normal;
}
div.CategoryStyleP_Item_ div.comment_ {
  display: none;
}
div.CategoryStyleP_Item_ div.comment_ img {
  margin: 0 0 10px 0;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　孫カテゴリ
--------------------------------------------------------------------- */
div.CategoryStyleG_ {
  width: 100%;
  overflow: hidden;
}
div.CategoryStyleG_Line_ {
  width: 100%;
  overflow: hidden;
}
div.CategoryStyleG_Item_ {
  padding: 0 0 20px 0;
  float: left;
  display: inline;
  width: 33%;
  overflow: hidden;
}
div.CategoryStyleG_Item_ h3.name_ {
  margin: 0 5px 10px 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f0f0f0;
}
div.CategoryStyleG_Item_ .comment_ {
  margin: 0 10px;
}
div.CategoryStyleG_Item_ div.comment_ img {
  margin: 0 0 10px 0;
}
div.CategoryStyleG_ ul {
  margin: 10px 10px 0 10px;
  padding: 0;
}
div.CategoryStyleG_ ul li {
  margin: 0 0 0 2em;
  padding: 0;
  list-style: square;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　一覧
--------------------------------------------------------------------- */
div.CategoryStyleL_ {
  width: 100%;
  border: none;
}
div.CategoryStyleL_ span.name_ {
  margin: 4px;
  font-weight: bold;
  white-space: nowrap;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　サムネイル
--------------------------------------------------------------------- */
div.CategoryStyleT_ {
  width: 100%;
  overflow: hidden;
}
div.CategoryStyleT_Line_ {
  width: 100%;
  overflow: hidden;
}
div.CategoryStyleT_Item_ {
  padding: 0 0 20px 0;
  float: left;
  display: inline;
  width: 25%;
  overflow: hidden;
}
div.CategoryStyleT_Item_ h3.name_ {
  margin: 0 5px 10px 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f0f0f0;
}
div.CategoryStyleT_Item_ h3.img_ {
  padding: 0 10px 10px 10px;
  font-size: 5px;
  border: none;
}
div.CategoryStyleT_Item_ .comment_ {
  margin: 0 10px;
}
/* --------------------------------------------------------------------
	カテゴリ一覧　詳細
--------------------------------------------------------------------- */
div.CategoryStyleD_ {
  width: 100%;
  overflow: hidden;
}
div.CategoryStyleD_Item_ {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
div.CategoryStyleD_Item_ h3 {
  margin: 0 5px 10px 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f0f0f0;
}
/* --------------------------------------------------------------------
	ジャンル一覧
--------------------------------------------------------------------- */
div.GenreStyle_ {
  width: 100%;
  overflow: hidden;
}
div.GenreStyle_Line_ {
  margin: 0 0 20px 0;
  width: 100%;
  overflow: hidden;
}
div.GenreStyle_Item_ {
  margin: 0;
  float: left;
  display: inline;
  width: 33%;
}
div.GenreStyle_Item_ h3.img_ {
  padding: 0 10px 10px 10px;
  font-size: 5px;
  border: none;
}
div.GenreStyle_Item_ h3.name_ {
  margin: 0 5px 10px 5px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f0f0f0;
}
div.GenreStyle_Item_ div.comment_ {
  margin: 0 10px;
}
