/*
 * MALLページ カテゴリエリア専用のCSSファイルです。
 *
 * 2016/12/12 SystemShared h-miura
 */
@charset "UTF-8";

/* ▼▼▼ サイドカラム ▼▼▼ */

.cf:before, .cf:after {
  content: ' ';
  display: table;
}

.cf:after { clear: both }

#side_category_v2 {
  margin: 2px 0;
  padding: 0;
  min-height: 63px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

#side_category_v2 ul li {
	font-size: 13px;
  line-height: 1rem;
  margin: 0px 10px 10px 0;
}

#categoryNotes {
	font-size: 75%;
}

.side_categorylinks{
  display: block;
  margin: 10px 0; 
  position: relative;
}

.side_categorylinks a{
  color:#555566;
}

.categorySeparator {
  border-bottom: thin solid #5555663c;
}

.categorySeparator .top{
  border-top: thin solid #5555663c;
}

.parentTitle_v4 {
  width: 100%;
  position: relative;
  font-size: 18px!important;
}

.parentTitle_v4 span{
  width: 80%;
  margin-right: 10px;
  font-family: 'Hiragino Kaku Gothic W7 JIS2004';
  font-weight: bold;
  color: #555566;
}

.parentTitle_v4 .pcate_09 {/* 大カテゴリ名表示調整用 */
  line-height:1.5rem; 
  margin-top:5px;
}

.parentTitle_v4 a{
  display: flex;
  margin: 10px 0px;
  justify-content: flex-start;
  text-decoration: none;
  align-items: center;
}

.parentTitle_v4 a:hover img {
  cursor: pointer;
  filter: alpha(opacity = 60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.parentTitle_v4 a:hover span {
  cursor: pointer;
  filter: alpha(opacity = 60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.cateBox{
  display: none;
}

div.cateBox{
  position: absolute !important;
  overflow: hidden;
  background-color: #fff !important;
  border: thin solid #5555663c;
  top: 0px;
  margin-left: 233px;
  height: 450.5px;
  padding: 15px;
  z-index: 5;
}

.subcate_title {
  font-size: 18px !important;
  margin-bottom: 15px;
  font-weight: bold;
  border-bottom: thin solid #5555663c;
  padding-bottom: 7px;
}

.subcate_title a:hover{
  color: #2394c6!important;
  font-weight:bold;
}

.cate {
  font-size: 13px!important;
}

.cate a:hover{
  color: #2394c6!important;
  font-weight: 700!important;
}

.cate.columns-1{/* 1列のレイアウト */
  width:250px!important;
}

.cate.columns-2 {/* ２列のレイアウト */
  columns: 2;
  width:500px!important;
}

.cate.columns-3 {/* ３列のレイアウト */
  columns: 3;
  width:800px!important;
}

.cate.columns-4 {/* ４列のレイアウト */
  columns: 4;
}

/* ▲▲▲ サイドカラム ▲▲▲ */