@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1025px) {
.brandgp-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;

}
.brandgp-inner{
  flex-basis:calc((100% - 60px) / 4);
  max-width:calc((100% - 60px) / 4);
  margin-bottom:20px;
  text-align:left;

}

/* 最終行のアイテム数が2OR3つの時、左右に振り分けられるのを防ぐ */
.brandgp-inner:nth-of-type(4n-1):nth-last-of-type(1),
.brandgp-inner:nth-of-type(4n-2):nth-last-of-type(1){
  margin-right:auto;
  margin-left:20px;
}
.brandgp-inner:nth-of-type(4n-2):nth-last-of-type(2){
  margin-right:0;
  margin-left:20px;
}	


.word-break {
	 color: #292b2c;
        word-break: break-all;
		text-decoration:none;	
    }
.word-break img {margin-bottom:5px;}
 
.word-break:hover {
  text-decoration: underline;
}
}
	
@media screen and (max-width: 1024px) {
.brandgp-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin: 0 1.5rem 3rem;
}
.brandgp-inner{
  flex-basis:calc((100% - 20px) / 2);
  max-width:calc((100% - 20px) / 2);
  margin-top:20px;
  text-align:left;
}

    }
	

@media screen and (min-width: 768px) {
#grouppage_main_bnr {
	width: 100%;
/*    width: 1300px;*/
    margin: 0 auto;
	padding:0;
}

ul.grouppage_brand {
    background-color: #eeeeee;
    padding: 2%;
    margin: 0;
}
ul.grouppage_brand li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    font-size: small;
    line-height: 1.6em;
}

li.group_brand_img {
    width: 50%;
    padding: 0% 0%;
}
li.group_brand_text {
    width: 50%;
    padding-left: 4%;
}
}


@media screen and (max-width: 767px) {
ul.grouppage_brand {
    background-color: #eeeeee;
    padding: 5%;
    margin: 0;
}

ul.grouppage_brand li {
    list-style: none;
    font-size: small;
    line-height: 1.8em;
}

li.group_brand_img {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

}