/***=============

CSS 8Bplus

=============***/

@charset "utf-8";
#breadcrumbs {
	margin: 0;
}
#main_image_box img.top_image_right {
	max-width: 240px;
	width: 60%;
	z-index: 999;
	position: absolute;
	bottom: 8%;
	left: 65%;
	right: 0;
	margin: auto;
	z-index: 1;
}
.bland_infomation_rectangle .bland_infotext{
	max-width: 1200px !important;
}
.point_imgtxt_wrap{
	margin:0 0 8%;
}
.sub{
	display:block;
	color:#ccc;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	margin:0 0 -0.8%;
}
.lineup h4{
	margin:0 0 8% !important;
}
.lineup ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.lineup ul li{
  background-color: #fff;
  list-style: none;
  width: 23%;
}
.lineup ul li:nth-child(odd){
	padding:4% 0 0;
}
.lineup ul li:nth-child(1){
	padding:4% 0 0;
}

.lineup p{
	text-align:center;
}
.lineup h5{
	display:flex;
	font-size: 14px !important;
	justify-content: center;
	align-items:baseline;
	margin: 2% 0 0;
}
.name{
	font-size:80%;
	margin-left: 8px;
}
.chara01{
    background: #27a3c2;
    color: #fff;
}
.chara02{
    background: #c897d0;
    color: #fff;
}
.chara03{
    background: #dc9d6c;
    color: #fff;
}
.chara04{
    background: #d1000f;
    color: fff;
}

.lineup img{
	width:100%;
}
.point_imgtxt_txt h4{
    position:relative;
}
.point_imgtxt_txt h4::before{
}
.point_img1 img{
	width:100%;
	display:block;
	
}
@media only screen and (max-width: 786px){
	

.lineup ul li{
	width: 46%;
	margin: 0 0 8%;
}
.lineup p{
	height: 40px;
}
.lineup ul li:nth-child(odd){
	padding:0;
}
.point_imgtxt_txt h4{
}
	
.point_imgtxt_txt h4::before{
}
}