@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: 1200px;
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_slide{
width: 100%;
margin: 0 auto 40px 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 : 896px) {
.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;
}
}