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

.left_scroll,
.right_scroll {
display: none;
}

.left_scroll img,
.right_scroll img {
vertical-align: bottom;
width: 100% !important;
}

*,
*:before,
*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.slide_box img{
width: 100%;
height: auto;
flex-shrink: 0;
vertical-align: bottom;
-webkit-backface-visibility: hidden;
}

 /* 各物件スライド*/

.LS_5{
letter-spacing: 5px !important;
}

.LS_0{
letter-spacing: 0 !important;
}


.MB_20 { margin-bottom: 20px!important; } 

.W_100 { width:100%!important; } 


/*----------------------------------------
 lineup
----------------------------------------*/

/*.lineup{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
padding: 0 0 0 0;
}

.lineup_inner{
width: 100%;
max-width: 1120px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

.lineup h2{
font-size: 2.0rem;
line-height: 1.5;
font-weight: normal;
display: inline-block;
width: 100%;
margin: 0 0 40px 0;
letter-spacing: 2px;
text-align: center;
font-family: "Oswald";
color: #32a9b7;font-weight: 700
}

.lineup h2 span{
font-size: 1.0rem;
display: block;
color: #333;font-weight: 400
}*/

.lineup{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 20px 0 0 0;
	//background: url("../image/common/bg05.png") repeat;
}
.lineup_inner{
width: 100%;
max-width: 1120px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.lineup h2{
	font-size: 42px;
	line-height: 1.5;
	font-weight: normal;
	display: inline-block;
	width: 100%;
	padding: 40px;
	letter-spacing: 2px;
	text-align: center;
	color: #222;
}
@media screen and (max-width : 768px) {
	.lineup{
		padding: 0 0 0 0;
	}
	.lineup h2{
		font-size: 24px;
		line-height: 1.5;
		padding: 50px 10px 30px;
	}
}
@media screen and (max-width : 430px) {
	.lineup{
		padding: 0 0 0 0;
	}
	.lineup h2{
		font-size: 24px;
		line-height: 1.5;
		padding: 50px 10px 30px;
	}
	
}





.lineup_slide{
width: 100%;
margin: 0 auto 20px auto;
padding-bottom: 60px;
position: relative;
}

.lineup_slide div.slide_box{
padding: 0 20px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}

.lineup_slide .slide-arrow {
bottom: 0;
position: absolute;
width: 40px;
height: 40px;
font-size: 2rem;
line-height: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #fff;
border: 1px solid #32a9b7; 
border-radius: 50%;
color: #32a9b7;
transition : all 0.5s ease 0s;
}

.lineup_slide .slide-arrow:hover {
background-color: #32a9b7;
color: #fff;
}

.lineup_slide .prev-arrow {
left: 50%;
transform: translateX(calc(-50% - 30px));
}

.lineup_slide .next-arrow {
left: 50%;
transform: translateX(calc(-50% + 30px));
}

.pc{
display: block;
}

.sp{
display: none;
}

@media screen and (max-width : 768px) {
.lineup_inner{
width: 100%;
}
.left_scroll,
.right_scroll {
width: 300% !important; 
}
/*.lineup h2{
font-size: 1.2rem;
}

.lineup h2 span{
font-size: 1.0rem;
}*/
    
.W_100{
width: 100%!important;
}

.W_20{
width: 50%!important;
}
.pc{
display: none;
}

.sp{
display: block;
}
}