@charset "utf-8";
.iw_component { background: #fff; } 
.component-wrap { /* max-width: 100% !important; */
margin: 0 auto !important; } 
.GPC0102 .no-content .guide-title { color: #000; } 
@media screen and (max-width:1023px){
.component-wrap { margin: 0 auto !important; } 
}

.your-unique-class { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } 

header .header .inner { background: #fff; opacity: 1; } 

.lineup_wrap { width: 100%; background-color: #fff; padding: 120px 0 0; position: relative; color: #000; top:-1px}
.lineup { max-width: 1280px; margin: 0 auto; min-width: 360px; padding-top: 487px; } 

.lineup_wrap .pc, .jumping_banner .pc { display: block; } 
.lineup_wrap .mo, .jumping_banner .mo { display: none; } 

.lineup_wrap .headline { font-size: 3.125vw; font-weight: 800; text-align: center; color: #000; /* margin-bottom: 20px; */}
.lineup_wrap .slide_box { width: 100%; overflow: hidden; } 
/* .lineup_wrap .slide_box .slidee { width: 1180px; } */
.lineup_wrap .lineup_more { width: 100%; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; background: linear-gradient(to top, rgba(255,255,255,0.9), rgba(255,255,255,0.6)); z-index: 5; } 
.lineup_wrap .lineup_more a { min-width: 200px; min-height: 56px; background-color: #000; color: #fff; border-radius: 12px; display: inline-flex; justify-content: center; align-items: center; padding: 10px 24px; font-weight: 600; font-size: 1.406vw; } 
.lineup_wrap .lineup_more a::after { content: ''; display: inline-block; clear: both; background: url(../images/common/PC/lineup_more.png) center center no-repeat; background-size: contain; width: 15px; height: 15px; margin: 0 0 0 8px; } 
.lineup_wrap .lineup_more a:hover { color: #fff; } 

.lineup .more_section { width: 100%; max-width: 1280px; overflow: hidden; height: 0; } 

.lineup_wrap .right_blur { display: none; } 

.lineup section {display: flex; justify-content: flex-start; align-items: flex-start; border-top: 1px solid #ebebeb; padding: 40px 0; width: 100%; font-size: 1.458vw; font-weight: 600; text-align: left; height: auto; flex-direction: row; margin-bottom: 0;}
.lineup_wrap .sec_title { font-size: 2.083vw; width: 230px; min-width: 230px; }
.lineup_wrap .info_box { width: 100%; } 
.lineup_wrap .sm_txt1 { font-size: 0.9375vw; line-height: 1.5; } 
.lineup_wrap .text_box > div:not(:last-of-type) { margin-bottom: 50px; } 
.lineup_wrap .text_box1 { display: flex; justify-content: center; align-items: center; flex-direction: column; } 

.lineup_wrap .disclaimer { margin-top: 50px; } 
.lineup_wrap .disclaimer .sm_txt1 { color: #888; font-weight: 400; line-height: 1.7; } 

.lineup_wrap section ul { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
/* .lineup section ul { width: 115%; } */
.lineup_wrap section ul li { width: calc(20% - 26px); max-width: 184px; margin-right: 0; text-align: center; }

.lineup_wrap a { font-size: 0.9375vw; font-weight: 400; display: inline-block; } 
.lineup_wrap .btn_redbox { background-color: #be0039; border-radius: 8px; min-width: 90%; min-height: 4.375vw; color: #fff; text-align: center; padding: 10px; overflow: hidden; margin: 20px auto 0; box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; } 
.lineup_wrap .btn_tx_underline { color: #333; margin: 0 auto 10px; } 
.lineup_wrap .btn_tx_underline::after { content: ""; display: block; clear: both; height: 1px; background-color: #333; } 
.lineup .no_text { display: flex; align-items: center; justify-content: center; } 
.lineup .no_text span { width: 8px; height: 8px; border-radius: 50%; background-color: #ebebeb; display: inline-block; } 

/* sec01 */
.lineup_fixed { position: absolute; width: 100%; background-color: #fff; z-index: 10; /* visibility: visible; */}
/* .lineup_fixed ul { padding: 85px 0 15px 230px; margin: 0 auto; max-width: 1280px; } */
.lineup_sec01 .lineup_btnLine { max-width: 1280px; margin: 0 auto; padding: 350px 0 15px 230px; } 
.lineup_sec01 .slide_box::after { content: ''; display: block; clear: both; } 
section.lineup_sec01 { position: static; background-color: #fff; } 
/* 1017 st */
.lineup_sec01 { padding: 85px 0 15px 230px; margin: 0 auto; border-top: 0; max-width: 1280px; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 1.458vw; font-weight: 600; text-align: left; height: auto; flex-direction: row; }
/* 1017 ed */
.lineup_sec01 img { max-width: 184px; } 
/* 1017 st */
.lineup_sec01 img.pc + img.pc{margin-top:10px; min-height: 147px; object-fit: contain;}
.lineup_sec01 .img_ht img.pc + img.pc {max-width: 180px;}
/* 1017 ed */
.lineup_sec01 li > p { padding: 13px 0; } 

/* sec02 */
.lineup_sec02 .text_box > div { min-height: 78px; line-height: 1.14; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
/* 0926 st */
.lineup_sec02 .warr_logo img { width: auto; } 
/* 0926 ed */
/* sec03 */
.lineup_sec03 li img { object-fit: contain; } 

/* sec04 */
.lineup_sec04 li { line-height: 1.2; } 
.lineup_sec04 .text_box1 { min-height: 210px; } 
.lineup_sec04 .text_box1 > div { margin-bottom: 10px; } 
.lineup_sec04 .text_box1 + div { min-height: 65px; } 

.lineup_sec04 .sm_txt1 { letter-spacing: -0.06em; } 

/* sec05 */ 
.lineup_sec05 .info_box img { margin-top: 50px; } 
.lineup_sec05 li img + p { margin-top: 10px; } 
.lineup_sec05 ul li > div:first-of-type { min-height: 50px; } 
.lineup_sec05 ul li .sm_txt1.ht50 { min-height: 50px; } 

/* sec06 */ 
.lineup_sec06 .text_box1 { min-height: 136px; margin-bottom: 50px; } 
.lineup_sec06 .text_box1 div + div { margin-top: 15px; } 
.lineup_sec06 .info_box img { margin-top: 50px; } 

/* sec07 */
section.lineup_sec07 ul { align-items: flex-start; } 
.lineup_sec07 .info_box img:not(:first-of-type) { margin-top: 25px; } 
.lineup_sec07 .info_box li > div:not(:first-of-type) { margin-top: 50px; } 
.lineup_sec07 .info_box li .sm_txt1 { margin: 5px 0; } 
.lineup_sec07 .info_box li .no_text { min-height: 55px; } 
/* .lineup_sec07 .info_box li .no_text + .no_text { min-height: 55px; } */

/* sec08 */
.lineup_sec08 .info_box img:not(:first-of-type) { margin-top: 32px; } 
.lineup_sec08 .info_box li img + div { min-height: 66px; margin-top: 32px; display: flex; align-items: center; justify-content: center; } 
.lineup_sec08 .info_box li .no_text { min-height: 55px; } 
.lineup_sec08 .info_box li .no_text:not(:first-of-type) { margin-top: 32px; } 
/* 1017 st */
.lineup_sec08 .info_box li .no_text + div { min-height: 60px; margin-top: 32px; display: flex; align-items: center; justify-content: center; }
/* 1017 ed */

/* sec09 */
.lineup_sec09 li div + div { margin-top: 50px; } 
.lineup_sec09 li div + div > img + div { min-height: 54px; display: flex; justify-content: center; align-items: center; } 

/* jumping banner */
.jumping_banner { width: 100%; background-color: #fff; padding-top: 90px; position:relative; top:-2px; z-index: 3; } 
.jumping_banner .jumping_fix_line {width:100%; height:8px; position:absolute; content:''; background:#fff; bottom:-4px; } 
.jumping_banner ul { max-width: 1280px; min-width: 360px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-flow: wrap; flex-direction: row; } 
.jumping_banner li { position: relative; margin: 0 10px 20px; cursor: pointer; } 
.jumping_banner li > p { position: absolute; bottom: 30px; left: 30px; font-size: 2.8125vw; color: #fff; } 


/* media */
@media all and (min-width:1280px){
.lineup_wrap .headline { font-size: 50px; } 
.lineup_wrap section { font-size: 26px; } 
.lineup_wrap .lineup_more a { font-size: 18px; } 
.lineup_wrap a { font-size: 16px; } 
.lineup_wrap section li p { font-size: 26px; } 
.lineup_wrap .sec_title { font-size: 36px; } 
.lineup_wrap .sm_txt1 { font-size: 16px; } 
.lineup_wrap .btn_redbox { min-height: 56px; min-width: 180px; } 
.lineup_wrap section ul::after { content: ""; display: block; clear: both; } 

/* jumping_banne */
.jumping_banner ul { justify-content: space-between; } 
.jumping_banner li { margin: 0 0 20px; } 
.jumping_banner li > p { font-size: 36px; } 
}

@media all and (max-width:1023px){
.lineup_wrap .pc, .jumping_banner .pc { display: none; } 
.lineup_wrap .mo, .jumping_banner .mo { display: block; } 

.iw_component {padding-top: 80px;}
/* .lineup_wrap {padding: 0;} */
.lineup_wrap section { position: relative; } 

.cinema section.lineup_sec01, .design section.lineup_sec01 { overflow: initial; } 

.lineup_wrap section ul li { margin-right: 0; } 
.lineup_wrap section ul li:last-of-type { padding-right: 26px; box-sizing: content-box; } 

.lineup_wrap .lineup_more { padding: 45px 0; bottom: 0; /* background: #fff; */}
.lineup_wrap .lineup_more a { min-width: 130px; min-height: 39px; border-radius: 6px; padding: 10px 17px; font-size: 14px; } 
.lineup_wrap .lineup_more a::after { width: 12px; height: 12px; margin-left: 6px; } 
.lineup_fixed { /* position: inherit; */
padding-top: 55px; z-index: 5; /* transition: all 1s; -webkit-transition: all 0.2s; */}
.lineup_fixed.fixed_pt { padding-top: 140px !important; } 
/* 1017 st */
.lineup_sec01 img.mo + img.mo { margin-top: 16px; min-height: 120px; object-fit: contain; }
.lineup_sec08 .info_box li .no_text + div {min-height: 28px;}
/* 1017 ed */
.lineup_wrap .lineup { padding-top: 330px; } 
.lineup_sec01 img.mo + img.mo { margin-top: 16px; } 
.lineup_wrap .headline { font-size: 32px; } 
.lineup_wrap a { font-size: 14px; } 
.lineup_wrap section li p { font-size: 18px; } 
.lineup_wrap .sec_title { font-size: 28px; width: 100%; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 48px; } 
.lineup_wrap .sm_txt1 { font-size: 12px; } 
.lineup_fixed ul { padding: 0; } 
.lineup_sec01 .lineup_btnLine { padding: 0; max-width: 100%; } 
.lineup section { font-size: 18px; flex-direction: column; padding: 65px 0 0 25px !important; border-top: 0; } 
.lineup section ul { justify-content: flex-start; } 
.lineup_wrap .lineup_sec01 { padding: 0 0 15px 25px; } 
.lineup_sec01 img { width: 123px; margin: 0 auto; } 
.lineup_wrap .btn_redbox { min-width: 123px; min-height: 39px; border-radius: 6px; padding: 8px; } 
.lineup_wrap .text_box > div:not(:last-of-type) { margin-bottom: 25px; } 
.lineup_wrap .no_text span { width: 6px; height: 6px; } 
/* 0926 st */
.lineup_sec02 .warr_logo img { max-width: 57px; } 
/* 0926 ed */
/* .lineup .lineup_sec03 .sec_title, 
.lineup .lineup_sec05 .sec_title,
.lineup .lineup_sec07 .sec_title,
.lineup .lineup_sec08 .sec_title,
.lineup .lineup_sec09 .sec_title { margin-bottom: 40px; } */
.lineup_sec04 .text_box1 { min-height: 143px; } 
.lineup_sec04 .text_box1 + div { min-height: 40px; } 
.lineup_sec05 .info_box img { margin-top: 25px; } 
.lineup_sec06 .text_box1 { margin-bottom: 25px; min-height: 90px; } 
.lineup_sec06 .info_box img { margin-top: 25px; } 
.lineup_sec07 .info_box li > img.mo { margin: 0 0 25px; } 
.lineup_sec07 .info_box li > div { margin-top: 25px; } 
.lineup_sec07 .info_box li .no_text { min-height: 83px; } 
.lineup_sec07 .info_box li .no_text + .no_text { min-height: 41px; } 
.lineup_sec08 .info_box li > img.mo { margin: 0 0 25px; } 
.lineup_sec08 .info_box li img + div { min-height: 34px; margin-top: 0; } 
.lineup_sec08 .info_box li .no_text { min-height: 28px; } 
.lineup_sec09 li div + div { margin-top: 25px; } 
.lineup .disclaimer { margin: 30px 25px 0 0; } 
.lineup_wrap .disclaimer .sm_txt1 { line-height: 1.25; margin-bottom: 10px; } 
.lineup_wrap .disclaimer .sm_txt1:last-of-type { margin-bottom: 0; } 
.lineup_sec02 .text_box > div:last-of-type { letter-spacing: -0.06em; } 

.lineup_wrap .slide_box { width: 100%; } 

/* jumping_banne */
.jumping_banner { padding-top: 120px; } 
.jumping_banner ul { padding: 0 25px; justify-content: space-between; } 
.jumping_banner li { margin: 0 5px 10px; /* width: calc(50% - 10px); */}
.jumping_banner li > p { bottom: 12px; left: 12px; font-size: 17px; letter-spacing: -0.02em; white-space: nowrap; } 
.jumping_banner li img.mo { max-width: 238px; } 
/* 0428 st */
button.testbutton_p { position:absolute; width:100px; height:100px; background:red; color:blue; left:50%; top:50%; } 
button.testbutton_n { position:absolute; width:100px; height:100px; background:red; color:blue; left:50%; top:50%; } 
/* 0428 ed */}

@media (min-width:721px) and (max-width:1023px){
.lineup_wrap .slide_box .slidee { width: 1024px; } 

.lineup section { padding: 70px 25px 0 !important; } 
.lineup_wrap .lineup_sec01 { padding: 0 25px 15px; } 

.jumping_banner ul { justify-content: space-evenly; } 
}

/* media */
@media all and (max-width:720px){
.lineup_wrap .slide_box .slidee { width: 740px; } 
.jumping_banner li { width: calc(50% - 10px); } 
}

/* 0428 st */
@media all and (min-width:1024px){
.lineupPrev { display:none } 
.lineupNext { display:none } 
}

@media all and (max-width:1023px){
.lineupPrev { border-radius:50%; width:35px; height:35px; position:absolute; left:10px; top:40%; opacity:0.9; font-size:20px; color:#000; font-weight:700; z-index:20 } 
.lineupNext { border-radius:50%; width:35px; height:35px; position:absolute; right:10px; top:40%; opacity:0.9; font-size:20px; color:#000; font-weight:700; z-index:20 } 

.lineup_fixed.fixed_pt .lineupPrev { transform:translateY(140px); } 
.lineup_fixed.fixed_pt .lineupNext { transform:translateY(140px); } 

.lineupPrev.prevActive { pointer-events: none; opacity:0 } 
.lineupNext.nextActive { pointer-events: none; opacity:0 } 
.lineup_pagination { position:absolute; height:20px; width:100%; top: 100%; left:0; display:flex; justify-content: center; align-items: center; background:#fff; } 
.lineup_pagination .pagedot { width:8px; height:8px; border-radius:50%; background :#d6d6d6; margin-right:4px; } 
.lineup_pagination .pagedot.pageActive { background:#000 } 
.lineup_pagination .pagedot:last-child { margin-right:0; } 
}
/* 0428 ed */

/* spinner  */
.lds-ring {left:50%; top:50%; transform:translate(-50%,-50%); display:flex; justify-content: center; align-items: center; min-height:200px;}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:24px;height:24px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#f1f1f1 transparent transparent transparent;}
.lds-ring div:nth-child(1){animation-delay:-0.45s;}
.lds-ring div:nth-child(2){animation-delay:-0.3s;}
.lds-ring div:nth-child(3){animation-delay:-0.15s;}
@keyframes lds-ring{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}