@charset "utf-8";


/*====================================================================
トップスライダー
====================================================================*/
.main_content_back { 
width: 100%;
height: 800px;
margin: 80px auto 0 auto;
background: url(../../renew2024/images-top/parts/background_blue.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.main_content { 
position: relative;
max-width: 1300px;
height: 800px;
margin: 0 auto;
overflow: hidden;
}
.main_content ul { 
margin: 0;
padding: 0;
}
    
.main_content .delta-top { 
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 120px;
background: rgb(2,184,255);
background: linear-gradient(180deg, rgba(2,184,255,1) 0%, rgba(18,130,255,1) 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
z-index: 2;
}
.main_content .delta-bottom { 
position: absolute;
right: 0;
bottom: 30px;
width: 170px;
height: 120px;
background: rgb(2,184,255);
background: linear-gradient(0deg, rgba(2,184,255,1) 0%, rgba(18,130,255,1) 100%);
clip-path: polygon(100% 100%, 100% 0, 0 100%);
z-index: 2;
}   
.main_content .main-title { 
position: absolute;
left: 10%;
bottom: 50px;
filter: drop-shadow(5px 5px 5px rgba(17, 17, 17, 0.8));
z-index: 2;
}
.main_content .line_01 { 
position: absolute;
left: -50px;
bottom: 110px;
z-index: 2;
}
.main_content .line_02 { 
position: absolute;
right: 20px;
top: 0;
z-index: 2;
}

    

.top-slider {
position:relative;
z-index: 1;
height: 800px;
}

.top-slider .slider-item01 {
background:url(https://www.cupsnet.com/cups-blog/wp-content/themes/customize_ver201022/renew2024/images-top/slider/2025/mainslider_10_img.jpg?20250904);
background-position: center;
}
.top-slider .slider-item02 {
background:url(https://www.cupsnet.com/cups-blog/wp-content/themes/customize_ver201022/renew2024/images-top/slider/2025/mainslider_02_img.jpg);
background-position: center;
}
.top-slider .slider-item03 {
background:url(../../renew2024/images-top/slider/2025/mainslider_03_img.jpg);
background-position: center;
}
.top-slider .slider-item04 {
background:url(../../renew2024/images-top/slider/2025/mainslider_04_img.jpg);
background-position: center;
}
.top-slider .slider-item05 {
background:url(../../renew2024/images-top/slider/2025/mainslider_05_img.jpg);
background-position: center;
}
.top-slider .slider-item06 {
background:url(../../renew2024/images-top/slider/2025/mainslider_06_img.jpg);
background-position: center;
}
.top-slider .slider-item07 {
background:url(../../renew2024/images-top/slider/2025/mainslider_07_img.jpg);
background-position: center;
}
.top-slider .slider-item08 {
background:url(../../renew2024/images-top/slider/2025/mainslider_08_img.jpg);
background-position: center;
}
.top-slider .slider-item09 {
background:url(../../renew2024/images-top/slider/2025/mainslider_09_img.jpg);
background-position: center;
}
    
.top-slider .slider-item {
width: 100%;
height: 800px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.top-slider .slider-item span { 
position: absolute;
left: 130px;
top: 5px;
font-size: 14px;
color: #111;
text-shadow: -2px -2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff;
}

.top-slider .slick-dots {
width: auto;
right: 0;
bottom: 0!important;
width: 210px;
height: 30px;
text-align: right;
background: #01bcff;
clip-path: polygon(40px 0%, 100% 0%, 100% 100%, 0% 100%);
}
.top-slider .slick-dots li { 
margin: 0!important;   
}
.top-slider .slick-dots li.slick-active button:before { 
color: #f0b402!important;
}
.top-slider .slick-dots li button:before { 
color: #fff!important;
opacity: 1!important;
}

.top-slider .slick-prev, .top-slider .slick-next { 
display: none!important;    
}
.top-slider .slick-slide { 
margin: 0!important;    
}
    
@media screen and (max-width: 767px) { 
.main_content .main-title { left: 15px; padding-right: 15px; }
.main_content .line_01 img { height: 150px; }
.main_content .line_02 { right: 0; }
.main_content .line_02 img { height: 60px; } 
}
@media screen and (max-width: 640px) { 
.main_content_back { margin: 60px auto 0 auto; }
}
@media screen and (max-width: 500px) { 
.main_content_back { height: 500px; }
.main_content { height: 500px; }
.top-slider { height: 500px; }
.top-slider .slider-item { height: 500px; }
.top-slider .slider-item01 { background:url(../../renew2024/images-top/slider/2025/mainslider_10_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item02 { background:url(../../renew2024/images-top/slider/2025/mainslider_02_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item03 { background:url(../../renew2024/images-top/slider/2025/mainslider_03_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item04 { background:url(../../renew2024/images-top/slider/2025/mainslider_04_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item05 { background:url(../../renew2024/images-top/slider/2025/mainslider_05_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item06 { background:url(../../renew2024/images-top/slider/2025/mainslider_06_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item07 { background:url(../../renew2024/images-top/slider/2025/mainslider_07_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item08 { background:url(../../renew2024/images-top/slider/2025/mainslider_08_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.top-slider .slider-item09 { background:url(../../renew2024/images-top/slider/2025/mainslider_09_img_sp.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
}





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

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