@charset "utf-8";

@media all and (min-width:1921px){
	.section01 .main_slide01 .img_info {height:300px;background-size:cover;}
	.section01 .main_slide01 .img_info .title {top:85px;right: 340px;}
	.section01 .main_slide01 .img_info .txt {top:140px;right: 340px;}
}
@media all and (min-width:1821px){
	
}
@media all and (max-width:1820px){
    .section01 .slick-dots {margin-left:0;left:150px;}
}

@media all and (max-width:1700px){
	.section08 .kocca_sns .list {float:left;margin-left:75px;}

}
@media all and (max-width:1600px){
    .section01 .main_slide01 .img_wrap {height:800px;}
    .section01 .text_box {-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);transform-origin:left bottom;}
    .section01 .search_box {width:380px;padding:0 0 10px 55px;}
    .section01 .search_box::before {padding:5px 10px;}
    .section01 .search_box input[type=text] {width:calc(100% - 180px);}
    .section01 .search_box .select_list .title {width:130px;}
    .section06 .link_box > div {width:calc(33.33% - 60px);margin:30px;}
    /*.section06 .link_box > div:last-child {width:100%;margin:30px 0;}
    .section06 .link_box > div:last-child a {width:calc(33.33% - 60px);margin:30px;float:left;}*/
    .section07 .pager_wrap .prev {left:120px;}
    .section07 .pager_wrap .next {right:120px;}
    
}

@media all and (max-width:1500px){
	.swiper-button-next {right:0;}
	.swiper-button-prev {left:0;}
}

@media all and (max-width:1200px){
	#accessibility {display:none;}
    .section01 .inner {bottom:auto;top:180px;}
    .section01 .search_box {display:none;}
    .section01 .playlink {right:50px;}
    .section01 .slick-dots {bottom:auto;top:430px;left:85px;}
    .section01 .main_slide01 .img_wrap {height:700px;}
    .section01 .inner,
    .section02 .inner,
    .section04 .inner,
    .section05 .inner,
    .section06 .inner,
    .section08 .inner {max-width:calc(100% - 70px);}
    .section07 .pager_wrap .prev {left:70px;}
    .section07 .pager_wrap .next {right:70px;}
    
}

@media all and (max-width:1100px){
    .section08 .kocca_sns .info {float:none;margin-left:0;padding-left:70px;padding-bottom:20px;}
    .section08 .kocca_sns .info::after {width:100%;height:1px;top:auto;bottom:0;}
    .section08 .kocca_sns .list {position:relative;float:none;padding-left:30px;padding-bottom:10px;top:10px;margin-left:0;}
}

@media all and (max-width:1024px){
	.section01 .main_slide01 .img_info {width:calc(100% + 100px);right:-100px;}
	.section02 .popup_zone .popup_zone_list {width:calc(100% - 150px);}
	.section02 .popup_zone .popup_zone_list a {height:auto;}
	.section02 .popup_zone .popup_zone_list a img {width:auto;height:auto;}
    /*.section02 .popup_zone .slick-slide.slick-center {-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}*/
    .section02 .popup_zone .swiper-slide.swiper-slide-active {transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;opacity:1;}
    .section02 .popup_zone .swiper-slide-prev,
    .section02 .popup_zone .swiper-slide-next {opacity:0;}
    .section02 .popup_zone .swiper-slide-shadow-left,
    .section02 .popup_zone .swiper-slide-shadow-right {background-image:none;}
    .section04 .main_board_list {left:200px;}
    .section06 .inner .link_box > div {width:calc(50% - 60px);}
    /*.section06 .link_box > div:last-child {width:100%;}*/
    .section07 .pager_wrap .prev {left:40px;}
    .section07 .pager_wrap .next {right:40px;}
}

@media all and (max-width:880px){
	.section02 .popup_zone .swiper-slide {width:700px;height:auto;}
}

@media all and (max-width:768px){
	.section01 .main_slide01 .img_wrap img {left:120%;}
	.section02 .popup_zone .slick-slide {width: 350px;}
	.section02 .popup_zone .slick-slide .img_wrap img{width:100%; margin:0 auto;}
    .section04 .main_board_list .list:nth-child(2n) {margin-top:0;}
    .section05 .inner > div {width:100%;margin-bottom:40px;}
    .section04 .main_board_list .list .title{font-size:22px;margin-bottom:15px;}
    .section04 .main_board_list .list .cont,
	.section04 .main_board_list .list .day {font-size:16px;}
    .section06 .link_box > div:last-child a {width:calc(100% - 20px);margin:10px;}
	.section08 .kocca_sns .title {float:none;}
	.section08 .kocca_sns .info {line-height:20px;}
}

@media all and (max-width:700px){
    .section01 .inner {top:100px;}
    .section01 .slick-dots {top:350px;}
    .section01 .text_box {-ms-transform: scale(0.6);-webkit-transform: scale(0.6);transform: scale(0.6);}
    .section01 .playlink {width:120px;height:120px;top:110px;}
    /*.section01 .main_slide01 .img_wrap {height:600px;}*/
    .section04 h2 {font-size:32px;}
    .section04 h2 .info {font-size:0.6em;}
    .section04 .tab_menu {top:140px;}
    .section04 .main_board_list .list {width:calc(100vw - 280px);}
    .section05 .title h2 {font-size:20px;}
    .section05 .list {font-size:18px;margin-top:20px;}
}

@media all and (max-width:600px){
    .section01 .playlink {display:none;}
	.section01 .main_slide01 .img_info {width:calc(100% + 150px);right:-150px;}
    .section02 .inner {padding-top:50px;}
    .section02 .info {font-size:16px;}
    .section02 h2 {font-size:32px;}
    .section02 .popup_zone .popup_zone_list {width:calc(100% - 100px);}
    .section02 .popup_zone .slick-slide {width: 300px;}
    .section02 .pager_wrap .prev,
    .section02 .pager_wrap .next {top:calc(50% + 10px);}
    .section02 .pager_wrap .prev a::after,
    .section02 .pager_wrap .next a::after {font-size:40px;}
    .section02 .slick-dots li button {width:15px;height:15px;}
    .section04 {padding-top:10px;}
    .section04 .slick-list{padding: 40px 0;}
    .section04 .tab_menu {top:100px;}
    .section04 .tab_menu li {float:left;width:50%;}
    .section04 .pager_wrap {top:160px;right:0;}
    .section04 .main_board_list {left:-20px;top:180px;width:calc(100vw - 20px);}
    .section05 {padding-top:250px;}
    .section06 {padding-top:50px;}
    .section06 .link_box > div {min-height:160px;}
    .section06 .link_box > div a {top:50px;right:auto;bottom:auto;left:auto;width:100%;padding:70px 30px 15px 30px;}
    .section06 .inner .link_box > div {width:calc(100% - 30px);margin:15px;}
    .section06 .link_box02,
    .section06 .link_box07 {margin-right:15px !important;} 
	.section06 .link_box05::before {background-position:top -100px center;}
	.section06 .link_box07::before {background-position:left bottom;}
    .section06 .link_box > div:last-child a {width:100%;margin:0 0 10px 0;}
    .section07 .pager_wrap .prev {width:30px;height:30px;line-height:30px;}
    .section08 .kocca_sns .list ul li {width:calc(50% - 20px);}
}
@media all and (max-width:550px){
	.section01 .main_slide01 .img_info {height: 150px;	background: -webkit-linear-gradient( 270deg, #e6791b, #6b459c);background: -ms-linear-gradient( 270deg, #e6791b, #6b459c);background: linear-gradient( 270deg, #e6791b, #6b459c);}
	.section01 .main_slide01 .img_info .title {top:25px;right:auto;left:20px;width:100%;}
	.section01 .main_slide01 .img_info .title + .txt {top:70px;right:auto;left:20px;width:calc(100% - 190px);}
}
@media all and (max-width:500px){
	.section01 .inner, .section02 .inner, .section04 .inner, .section05 .inner, .section06 .inner, .section08 .inner{max-width: calc(100% - 50px);}
	.section02 .popup_zone .slick-slide {width: 250px;}
}
@media all and (max-width:450px){
	.section01 .main_slide01 .img_info .title {left:30px;width:50%;}
	.section08 .kocca_sns .list {padding-left:0;}
}
@media all and (max-width:400px){
	.section02 .popup_zone .popup_zone_list {width:100%;}
	.section02 .popup_zone .slick-slide {width: 220px;}
	.section02 .pager_wrap{display: none;}
    .section08 .kocca_sns .list {padding-left:0;right:0;}
    .section04 h2 .info{letter-spacing:-0.07em;}
    .section08 .kocca_sns .list ul li {width:calc(50% - 20px);}
    .section08 .kocca_sns .list ul li a {padding-left:0;}
    .section08 .kocca_sns .list ul li a::before {position:static;transform: none;}    
}
@media all and (max-width:360px){
    .section08 .kocca_sns .list ul li {width:auto;margin:3px 6px;}
}