@charset:"Shift_JIS";

#ve_catetop{
	margin:0 0 20px;
	font-size:0;
	width:;
	text-align:left;
}
#ve_catetop *{
	box-sizing:border-box;
	font-size:inherit;
	color:inherit;
	line-height:1.4;
	word-break:break-all;
}
#ve_catetop a{
	text-decoration:none;
}
#ve_catetop .ve_cateimg{
}
#ve_catetop .ve_cateimg img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
	margin:0 auto;
}
#ve_catetop .ve_ctitle{
  margin-top: 30px;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 3px double #595959;
  border-bottom: 3px double #595959;
  text-align: center;
  letter-spacing: 2px;
  font-size: 22px;
  font-weight: 700;
  color: #595959; 
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#ve_catetop .ve_catebox{
	display:inline-block;
	font-size:14px;
	vertical-align:top;
}


#ve_catetop .ve_catetxtA{
	color:#dd0000;
	font-weight:bold;
	margin-bottom:3px;
}
#ve_catetop .ve_catetxtB{
	color:#2b2b2b;
}
#ve_catetop .ve_catemore{
	font-size:11px;
	text-align:right;
}
#ve_catetop .ve_catemore a{
	text-decoration:underline;
	color:#2380c4;
}
#ve_catetop .ve_catemore a:hover{
	color:red;
}
/************************
WBからの設定
************************/
#ve_catetop .ve_catebox {
  position: relative;
  margin-bottom: 1em;
  border: 1px solid #d9efff;
  -webkit-transition: .23s ease-in;
  transition: .23s ease-in; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    #ve_catetop .ve_catebox ::i-block-chrome {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  #ve_catetop .ve_catebox:hover {
    -webkit-box-shadow: 0 0 10px #595959;
    box-shadow: 0 0 10px #595959;
    background-color: #d9efff; }
    #ve_catetop .ve_catebox:hover .ve_catetext::before, #ve_catetop .ve_catebox:hover .ve_catetext::after {
      opacity: 1; }
    #ve_catetop .ve_catebox:hover .ve_catetext::before {
      right: .5em; }
    #ve_catetop .ve_catebox:hover .ve_catetext::after {
      right: 1.25em; }
  #ve_catetop .ve_catebox a {
    color: inherit; }

#ve_catetop .ve_catetext {
  position: relative;
  padding: .5em; }
  #ve_catetop .ve_catetext::before, #ve_catetop .ve_catetext::after {
    font-size:10px;
    opacity: 0;
    right: -3em;
    -webkit-transition: .23s ease-in-out;
    transition: .23s ease-in-out; }
  #ve_catetop .ve_catetext::before {
    content: '';
    position: absolute;
    top: -1em;
    width: 2em;
    height: 2em;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #dee4e7;
    box-shadow: 0 0 10px #dee4e7; }
  #ve_catetop .ve_catetext::after {
    content: '';
    position: absolute;
    top: -.5em;
    width: .75em;
    height: .75em;
    border-top: 2px solid #595959;
    border-right: 2px solid #595959;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

/************************
個別設定
************************/

#ve_catetop .ve_catecon_pc1,
#ve_catetop .ve_catecon_pc2,
#ve_catetop .ve_catecon_pc3,
#ve_catetop .ve_catecon_pc4{
	display:flex;
	flex-wrap:wrap;
}

#ve_catetop .ve_catecon_pc1 > div{
	width:100%;
}

#ve_catetop .ve_catecon_pc2 > div{
	width:49%;
	margin-right:2%;
}
#ve_catetop .ve_catecon_pc2 > div:nth-child(2n+2){
	margin-right:0;
}

#ve_catetop .ve_catecon_pc3 > div{
	width:32%;
	margin-right:2%;
}
#ve_catetop .ve_catecon_pc3 > div:nth-child(3n+3){
	margin-right:0;
}

#ve_catetop .ve_catecon_pc4 > div{
	width:23.5%;
	margin-right:2%;
}
#ve_catetop .ve_catecon_pc4 > div:nth-child(4n+4){
	margin-right:0;
}




/**************************************
■■■■■■■スマホ対応■■■■■■■
**************************************/

@media only screen and (max-device-width: 767px) {

#ve_catetop{
	width:98%;
	margin:auto 0;
}
/***********PC側のnthを優先されないための1n+1****************/
#ve_catetop .ve_catecon_sp1 > div:nth-child(1n+1){
	width:100%;
	margin-right:0%;
}
#ve_catetop .ve_catecon_sp1_txtright > div:nth-child(1n+1){
	width:100%;
	margin-right:0%;
}
#ve_catetop .ve_catecon_sp1_txtright > div .ve_cateimg{
	width:50%;
	float:left;
}
#ve_catetop .ve_catecon_sp1_txtright > div .ve_catetext{
	width:50%;
	float:left;
}

#ve_catetop .ve_catecon_sp2 > div:nth-child(1n+1){
	width:49%;
	margin-right:2%;
}
#ve_catetop .ve_catecon_sp2 > div:nth-child(2n+2){
	margin-right:0;
}

#ve_catetop .ve_catecon_sp3 > div:nth-child(1n+1){
	width:32%;
	margin-right:2%;
}
#ve_catetop .ve_catecon_sp3 > div:nth-child(3n+3){
	margin-right:0;
}

/*****WBから改変*******/
  #ve_catetop .ve_catecon_sp1_txtright .ve_catetext{
  	height:100%;
  }
  #ve_catetop .ve_catecon_sp1_txtright .ve_catetext::before {
    bottom: 1em;
    top:auto;
  }
  #ve_catetop .ve_catecon_sp1_txtright .ve_catetext::after {
    bottom: 1.5em;
    top:auto;
  }

}
/*****************カテゴリトップ特有******************/
.mainColMT .freeArea-direct{
	width:680px;
}