@media screen and (min-width: 601px) {
#top_sec { width:100%; height:100vh; min-height:900px; overflow: hidden; }

#news_sec { position: relative; width:100%; padding:250px 0 150px 0; background: url(../images/bg01.jpg); animation: newsbg 3s linear infinite; overflow: hidden; transform: translate3d(0,0,0); }
#news_sec .obi_up  { position: absolute; top:0; width:100%; height:48px; background: url(../images/news_obi.png); animation: newsobi01 5s linear infinite; overflow: hidden; transform: translate3d(0,0,0); z-index: 1; }
#news_sec .obi_down{ position: absolute; bottom:0; width:100%; height:48px; background: url(../images/news_obi.png); animation: newsobi02 5s linear infinite; overflow: hidden; transform: translate3d(0,0,0); z-index: 1; }

#movie_sec { position: relative; width:100%; height:500px; background: #222; overflow: hidden; }

#foot_sec { position: relative; width:100%; height:300px; background: url(../images/bg01.jpg); animation: newsbg 3s linear infinite; }
#foot_sec .foot_pl01 { position: absolute; top:0; left: 0; width:100%; height:74px; background: url(../images/foot_pl01.png); animation: foot_pl 6s linear infinite; transform: translate3d(0,0,0); z-index:1; }
#foot_sec .foot_logo { position: absolute; top:15px; left: 50%; width:360px; height:60px; margin:0 0 0 -180px; background: url(../images/foot_logo.png) no-repeat center center; background-size:100% auto; z-index:2; }
#foot_sec .copy { position: absolute; top:85px; left: 50%; width:360px; margin:0 0 0 -180px; z-index:2; font-family: 'Noto Sans JP', sans-serif; font-size:13px; font-weight: 700; color:#433b37; text-align: center; }

.social_fl { position: absolute; bottom:0; left:15px; width: 60px; height:110px; border-radius:10px; transition-duration: 1s; z-index:100001; }
.social_mbfl { display:none; }
}


@media screen and (max-width: 600px) {
#top_sec { width:600px; overflow: hidden; }

#news_sec { position: relative; width:600px; padding:250px 0 150px 0; background: url(../images/bg01.jpg); overflow: hidden; transform: translate3d(0,0,0); }
#news_sec .obi_up  { position: absolute; top:0; width:100%; height:48px; background: url(../images/news_obi.png); overflow: hidden; transform: translate3d(0,0,0); z-index: 1; }
#news_sec .obi_down{ position: absolute; bottom:0; width:100%; height:48px; background: url(../images/news_obi.png); overflow: hidden; transform: translate3d(0,0,0); z-index: 1; }
#movie_sec { position: relative; width:600px; height:500px; background: #222; overflow: hidden; }

#foot_sec { position: relative; width:600px; height:400px; background: url(../images/bg01.jpg); transform: translate3d(0,0,0);  }
#foot_sec .foot_pl01 { position: absolute; top:0; left: 0; width:100%; height:74px; background: url(../images/foot_pl01.png); transform: translate3d(0,0,0); z-index:1; }
#foot_sec .foot_logo { position: absolute; top:15px; left: 50%; width:360px; height:60px; margin:0 0 0 -180px; background: url(../images/foot_logo.png) no-repeat center center; background-size:100% auto; z-index:2; }
#foot_sec .copy { position: absolute; top:85px; left: 50%; width:360px; margin:0 0 0 -180px; z-index:2; font-family: 'Noto Sans JP', sans-serif; font-size:13px; font-weight: 700; color:#433b37; text-align: center; }

.social_fl { display:none;}
.social_mbfl { position: absolute; bottom:80px; left:20px; width: 60px; height:110px; border-radius:10px; transition-duration: 1s; transform: scale(2.0); z-index:20;}
}

@keyframes newsbg { 0% {background-position: 0 0;} 100% {background-position: 0 227px;}}
@keyframes newsobi01 { 0% {background-position: 0 0;} 100% {background-position: 125px 0 ;}}
@keyframes newsobi02 { 0% {background-position: 125px 0 ;} 100% {background-position: 0 0;}}
@keyframes foot_pl { 0% {background-position: 0 0;} 100% {background-position: 204px 0 ;}}

.twi_ico { position: absolute; top:10px; left: 10px; width:40px; height:40px; background:#ef4e1d; border-radius:50%;  transition-duration: 0.5s; }
.twi_ico p { width:40px; height:40px; background:url(../images/ico_twitter_00.png) no-repeat center center; background-size:100% auto; transition-duration: 0.5s; }
.face_ico { position: absolute; top:60px; left: 10px; width:40px; height:40px; background:#ef4e1d; border-radius:50%; transition-duration: 0.5s; }
.face_ico p { width:40px; height:40px; background:url(../images/ico_facebook_00.png) no-repeat center center; background-size:100% auto; transition-duration: 0.5s; }

@media screen and (min-width: 601px) {
.mv_fl { position: relative; width: 100%; height:100vh; min-height:900px; background: url(../images/mv_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover; overflow: hidden; }
}
@media screen and (max-width: 600px) {
.mv_fl { position: relative; width: 100%; height:1100px; background: url(../images/mv_mbg.jpg); background-position: center center; background-size: 100% auto; background-repeat: no-repeat; background-size:cover; overflow: hidden; }
}

@media screen and (min-width: 601px) {
@media screen and (min-height: 901px) {
.main_logo { position: absolute; top:-30px; left:-10px; width:470px; height: 590px; z-index: 20; transform: rotate(-10deg); transform:scale(0.825); transition-duration: 0.5s; }
.main_logo .logo01 { position: absolute; left: 207px; top:0px; width:220px; height: 180px; background: url(../images/logo/logo01.png) no-repeat; background-size:100%; z-index:3; opacity: 0; }
.main_logo .logo02 { position: absolute; left: 417px; top:0px; width:250px; height: 140px; background: url(../images/logo/logo02.png) no-repeat; background-size:100%; z-index:2; opacity: 0; }
.main_logo .logo03 { position: absolute; left: 200px; top:170px; width:364px; height: 160px; background: url(../images/logo/logo03.png) no-repeat; background-size:100%; z-index:7; opacity: 0; }
.main_logo .logo04 { position: absolute; left: 230px; top:320px; width:320px; height: 115px; background: url(../images/logo/logo04.png) no-repeat; background-size:100%; z-index:7; opacity: 0; }
.main_logo .logo05 { position: absolute; left: 343px; top:150px; width:164px; height: 180px; background: url(../images/logo/logo05.png) no-repeat; background-size:100%; z-index:8; opacity: 0; }
}
@media screen and (max-height: 900px) {
.main_logo { position: absolute; top:-65px; left:-50px; width:470px; height: 590px; z-index: 20; transform: rotate(-10deg); transform:scale(0.65); transition-duration: 0.5s; }
.main_logo .logo01 { position: absolute; left: 207px; top:0px; width:220px; height: 180px; background: url(../images/logo/logo01.png) no-repeat; background-size:100%; z-index:3; opacity: 0; }
.main_logo .logo02 { position: absolute; left: 417px; top:0px; width:250px; height: 140px; background: url(../images/logo/logo02.png) no-repeat; background-size:100%; z-index:2; opacity: 0; }
.main_logo .logo03 { position: absolute; left: 200px; top:170px; width:364px; height: 160px; background: url(../images/logo/logo03.png) no-repeat; background-size:100%; z-index:7; opacity: 0; }
.main_logo .logo04 { position: absolute; left: 230px; top:320px; width:320px; height: 115px; background: url(../images/logo/logo04.png) no-repeat; background-size:100%; z-index:7; opacity: 0; }
.main_logo .logo05 { position: absolute; left: 343px; top:150px; width:164px; height: 180px; background: url(../images/logo/logo05.png) no-repeat; background-size:100%; z-index:8; opacity: 0; }
}
}
@media screen and (max-width: 600px) {
.main_logo { position: absolute; top:30px; left:-50px; width:470px; height: 590px; z-index: 20; transform: rotate(-10deg); transform:scale(0.70); transition-duration: 0.5s; }
.main_logo .logo01 { position: absolute; left: 207px; top:0px; width:220px; height: 180px; background: url(../images/logo/logo01.png) no-repeat; background-size:100%; z-index:3; opacity: 0; }
.main_logo .logo02 { position: absolute; left: 417px; top:0px; width:250px; height: 140px; background: url(../images/logo/logo02.png) no-repeat; background-size:100%; z-index:2; opacity: 0; }
.main_logo .logo03 { position: absolute; left: 200px; top:170px; width:364px; height: 160px; background: url(../images/logo/logo03.png) no-repeat; background-size:100%; z-index:7; opacity: 0; }
.main_logo .logo04 { position: absolute; left: 230px; top:320px; width:320px; height: 115px; background: url(../images/logo/logo04.png) no-repeat; background-size:100%; z-index:7; opacity: 0; }
.main_logo .logo05 { position: absolute; left: 343px; top:150px; width:164px; height: 180px; background: url(../images/logo/logo05.png) no-repeat; background-size:100%; z-index:8; opacity: 0; }
}

@media screen and (min-width: 1301px) {
.chara_01 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -8%; width: 24%; min-width: 340px; height: 45%; min-height: 370px; background: url(../images/chara_img/chara01.png) no-repeat center top; background-size:100% auto; z-index:10; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_02 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -32%; width: 25.5%; min-width: 368px; height: 52%; min-height: 500px; background: url(../images/chara_img/chara02.png) no-repeat center top; background-size:100% auto; z-index:9; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_03 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 15%; width: 23%; min-width: 300px; height: 52%; min-height: 440px; background: url(../images/chara_img/chara03.png) no-repeat center top; background-size:100% auto; z-index:8; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_04 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -4%; width: 31%; min-width: 495px; height: 100%; min-height: 800px; background: url(../images/chara_img/chara04.png) no-repeat; background-size:100% auto; background-position: center 20vh; z-index:7; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_05 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -10%; width: 24%; min-width: 406px; height: 100%; min-height: 800px; background: url(../images/chara_img/chara05.png) no-repeat; background-size:100% auto; background-position: center 10vh; z-index:6; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_06 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -22%; width: 18%; min-width: 315px; height: 100%; min-height: 800px; background: url(../images/chara_img/chara06.png) no-repeat; background-size:100% auto; background-position: center 10vh; z-index:5; opacity: 0; transform: scale(0.3); transition-duration: 1s; }

.cc_fl { position: absolute; top:50%; right:20px; width:210px; height:740px; margin: -450px 0 0 0; transform: rotate(-90deg); opacity:0; transition-duration: 1s; }
.cc_img { position: absolute; top: 0; left: 0; width:100%; height: 100%; background: url(../images/cc_img.png) no-repeat center top; background-size:100% auto; }
.cc_ico { position: absolute; bottom: 0; left: 0; width:100%; height: 100%; background: url(../images/cc_keru_ico.png) no-repeat center bottom; background-size:90% auto; z-index: 8; animation: keru_ico 10s linear infinite; }
}

@media all and (min-width: 601px) and (max-width: 1300px) {
.chara_01 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -8%; width: 24%; min-width: 340px; height: 45%; min-height: 370px; background: url(../images/chara_img/chara01.png) no-repeat center top; background-size:100% auto; z-index:10; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_02 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -32%; width: 25.5%; min-width: 368px; height: 52%; min-height: 500px; background: url(../images/chara_img/chara02.png) no-repeat center top; background-size:100% auto; z-index:9; opacity: 0; transform: scale(0.3); transform: scale(0.3); transition-duration: 1s; }
.chara_03 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 13%; width: 23%; min-width: 300px; height: 52%; min-height: 440px; background: url(../images/chara_img/chara03.png) no-repeat center top; background-size:100% auto; z-index:8; opacity: 0; transition-duration: 1s; }
.chara_04 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -6%; width: 31%; min-width: 475px; height: 100%; min-height: 800px; background: url(../images/chara_img/chara04.png) no-repeat; background-size:100% auto; background-position: center 25vh; z-index:7; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_05 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -15%; width: 24%; min-width: 406px; height: 100%; min-height: 800px; background: url(../images/chara_img/chara05.png) no-repeat; background-size:100% auto; background-position: center 10vh; z-index:6; opacity: 0; transform: scale(0.3); transition-duration: 1s; }
.chara_06 { position: absolute; bottom:-500px; left:50%; margin:0 0 0 -30%; width: 18%; min-width: 295px; height: 100%; min-height: 800px; background: url(../images/chara_img/chara06.png) no-repeat; background-size:100% auto; background-position: center 10vh; z-index:5; opacity: 0; transform: scale(0.3); transition-duration: 1s; }

.cc_fl { position: absolute; top:50%; right:20px; width: 14%; height:70%; min-height: 620px; max-height: 650px; margin: -35% 0 0 0; transform: rotate(-90deg); opacity:0; transition-duration: 1s; }
.cc_img { position: absolute; top: 0; left: 0; width:100%; height: 100%; background: url(../images/cc_img.png) no-repeat center top; background-size:100% auto; z-index: 8; }
.cc_ico { position: absolute; bottom: 0; left: 0; width:100%; height: 100%; background: url(../images/cc_keru_ico.png) no-repeat center bottom; background-size:90% auto; z-index: 20; animation: keru_ico 10s linear infinite; }
}

@keyframes keru_ico { 0% {transform: rotate(0);} 90% {transform: rotate(0);}92% {transform: rotate(2deg);}94% {transform: rotate(-2deg);}96% {transform: rotate(2deg);}98% {transform: rotate(-3deg);} 100% {transform: rotate(0deg);} }

@media screen and (max-width: 600px) {
.chara_01 { position: absolute; bottom:0; left:50%; margin:0 0 0 -14%; width: 24%; min-width: 340px; height: 37%; min-height: 370px; background: url(../images/chara_img/chara01.png) no-repeat center top; background-size:100% auto; z-index:10; }
.chara_02 { position: absolute; bottom:0; left:50%; margin:0 0 0 -46%; width: 25.5%; min-width: 368px; height: 43%; min-height: 440px; background: url(../images/chara_img/chara02.png) no-repeat center top; background-size:100% auto; z-index:9; }
.chara_03 { position: absolute; bottom:0; left:50%; margin:0 0 0 13%; width: 23%; min-width: 300px; height: 43%; min-height: 440px; background: url(../images/chara_img/chara03.png) no-repeat center top; background-size:100% auto; z-index:8; }
.chara_04 { position: absolute; bottom:0; left:50%; margin:0 0 0 -6%; width: 31%; min-width: 475px; height: 50%; min-height: 750px; background: url(../images/chara_img/chara04.png) no-repeat center top; background-size:100% auto; z-index:7; }
.chara_05 { position: absolute; bottom:0; left:50%; margin:0 0 0 -23%; width: 24%; min-width: 406px; height: 56%; min-height: 800px; background: url(../images/chara_img/chara05.png) no-repeat center top; background-size:100% auto; z-index:6; }
.chara_06 { position: absolute; bottom:0; left:50%; margin:0 0 0 -50%; width: 18%; min-width: 295px; height: 50%; min-height: 780px; background: url(../images/chara_img/chara06.png) no-repeat center top; background-size:100% auto; z-index:5; }

.cc_fl { position: absolute; top:20px; right:20px; width: 150px; height:520px; }
.cc_img { position: absolute; top: 0; left: 0; width:100%; height: 100%; background: url(../images/cc_img.png) no-repeat center top; background-size:100% auto; z-index: 8; }
.cc_ico { position: absolute; bottom: 0; left: 0; width:100%; height: 100%; background: url(../images/cc_keru_ico.png) no-repeat center bottom; background-size:90% auto; z-index: 20; }
}

#mvbox { position: relative; width: 100%; height: 500px; z-index:1; }
#mvbox .player { position:absolute;top:0; left:0; z-index:1; }


/* NEWS SECTION */
.news_title {  background: url(../images/title_news.png) no-repeat center center; background-size: 100% auto; }
.once_news { font-family: 'Noto Sans JP', sans-serif; }
 a .once_news { color:#433b37; text-decoration: none; }
@media screen and (min-width: 1300px) {
.news_title { position: absolute; top:150px; left: 50%; width:400px; height:80px; margin:-40px 0 0 -200px; transform: scale(2); opacity: 0; transition-duration: 0.5s; z-index: 10; }
.once_news { position:relative; font-size:10px;  padding:3px; line-height: 1.7em; border-radius:6px; transition-duration:0.5s; }
.once_news img.wp-post-image {  }
.once_news .img_fl { width:100%; height:auto; text-align: center; border-radius:10px; }
.once_news .img_fl img { width:100%; height:auto; vertical-align: bottom; border-radius:6px; }
.once_news:hover { background:rgba(254,196,40,0.8); transition-duration:0.5s; }
.once_news #icon{ position:absolute; top:68px; left:5px; width: 40px; height: 40px; border-style:none; }
.once_news #icon img{ width: 46px; height: 46px; border-radius:7px; }

.circle_n01 { position: absolute; top:50%; left: 50%; width:800px; height:800px; margin:-400px 0 0 -400px; background: url(../images/news_bgpl.png) no-repeat center center; background-size:100% auto; z-index: 0; animation: newscir 60s linear infinite; overflow: hidden; transform: translate3d(0,0,0); }

#info_wind { padding:15px 0 10px 0; }
#info_wind .days { font-family: 'Noto Sans JP', sans-serif; font-size:14px; font-weight: 700; margin: 0 0 7px 0;}
#info_wind .info { font-family: 'Noto Sans JP', sans-serif; font-size:14px; font-weight: 700; line-height: 1.7em; }
}

@media all and (min-width: 601px) and (max-width: 1300px) {
.news_title { position: absolute; top:150px; left: 50%; width:400px; height:80px; margin:-40px 0 0 -200px; transform: scale(2); opacity: 0; transition-duration: 0.5s; z-index: 10; }
.once_news { position:relative; font-size:10px; padding:3px; line-height: 1.7em; border-radius:6px; transition-duration:1s;  }
.once_news img.wp-post-image {  }
.once_news .img_fl { width:100%; height:auto; text-align: center; overflow:hidden; border-radius:10px; }
.once_news .img_fl img { width:100%; height:auto; vertical-align: bottom; border-radius:6px;}
.once_news:hover { background:rgba(254,196,40,0.8); transition-duration:0.5s; }
.once_news #icon{ position:absolute; top:68px; left:5px; width: 40px; height: 40px; border-style:none; }
.once_news #icon img{ width: 46px; height: 46px; border-radius:7px; }

.circle_n01 { position: absolute; top:50%; left: 50%; width:800px; height:800px; margin:-400px 0 0 -400px; background: url(../images/news_bgpl.png) no-repeat center center;  background-size:100% auto;  z-index: 0; animation: newscir 60s linear infinite; overflow: hidden; transform: translate3d(0,0,0); }

#info_wind { padding:15px 0 10px 0; }
#info_wind .days { font-family: 'Noto Sans JP', sans-serif; font-size:14px; font-weight: 700; margin: 0 0 7px 0;  }
#info_wind .info { font-family: 'Noto Sans JP', sans-serif; font-size:14px; font-weight: 700; line-height: 1.7em; }
}
@keyframes newscir { 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);}}

@media screen and (max-width: 600px) {
.news_title { position: absolute; top:150px; left: 50%; width:400px; height:80px; margin:-40px 0 0 -200px; transform: scale(2); opacity: 0; transition-duration: 0.5s; z-index: 10; }
.once_news { position:relative; font-size:12px;  padding:3px; margin: 0 0 10px 0; line-height: 20px; border-radius:6px; transition-duration:1s;  }
.once_news img.wp-post-image { }
.once_news .img_fl { width:100%; height:auto; text-align: center; background:#222; border-radius:10px; }
.once_news .img_fl img { width:100%; height:auto; vertical-align: bottom;  border-radius:6px;}
.once_news:hover { background:rgba(254,196,40,0.8); transition-duration:0.5s; }
.once_news #icon{ position:absolute; top:10px; left:5px; width: 40px; height: 40px; border-style:none; }
.once_news #icon img{ width: 46px; height: 46px; border-radius:7px; }

.circle_n01 { position: absolute; top:50%; left: 50%; width:800px; height:800px; margin:-400px 0 0 -400px; background: url(../images/news_bgpl.png) no-repeat center center; background-size:100% auto;  z-index: 0; }

#info_wind { padding:15px 0 10px 0; }
#info_wind .days { font-family: 'Noto Sans JP', sans-serif; font-size:15px; font-weight: 700; margin: 0 0 7px 0;  }
#info_wind .info { font-family: 'Noto Sans JP', sans-serif; font-size:15px; font-weight: 700; line-height: 1.7em; }
}

@media screen and (min-width: 1301px) {
.swiper-container { width:90%; max-width:1500px; padding: 0 50px 35px 50px; }
.swiper-container .swiper-button-black { margin:-100px 0 0 0; }

.safe_bar_left { position: absolute; top:0; left:0; height:100vh; width:50px; background:rgba(246,163,61,0.90); z-index: 9; }
.safe_bar_right { position: absolute; top:0; right:0; height:100vh; width:50px; background:rgba(246,163,61,0.90); z-index: 9; }
}
@media all and (min-width: 601px) and (max-width: 1300px) {
.swiper-container { width:80%; max-width:1240px; padding: 0 0 35px 0; }
.swiper-container .swiper-button-black { margin:-100px 0 0 0; }

.safe_bar_left , .safe_bar_right { display: none; }
}
@media screen and (max-width: 600px) {
.swiper-container { width:540px; overflow: hidden; padding: 0 0 40px 0; }
.swiper-container .swiper-button-black { margin:-100px 0 0 0; }

.safe_bar_left , .safe_bar_right { display: none; }
.swiper-container .swiper-button-black { display:none; }
}
.swiper-container .swiper-button-black { margin:-100px 0 0  0; }
.swiper-container:hover .swiper-button-prev.swiper-button-black { opacity: 1; transition-duration: 0.5s; transform: translateX(0px);}
.swiper-container:hover .swiper-button-next.swiper-button-black { opacity: 1; transition-duration: 0.5s; transform: translateX(0px);}
.swiper-container .swiper-button-prev.swiper-button-black { opacity: 0; transition-duration: 0.5s; transform: translateX(-30px);}
.swiper-container .swiper-button-next.swiper-button-black { opacity: 0; transition-duration: 0.5s; transform: translateX(30px);}
.swiper-container .swiper-pagination { position: absolute; bottom:0px; }


@media screen and (min-width: 601px) {
.pr_fl { position:absolute; top:0; left:0; width: 100%; min-width:1080px; height:100vh; min-height:900px; pointer-events: none; }
.pr_fl .broad_minfo { display: none; } 
#cm_point { position:absolute; bottom:20px; right:5%; width: 300px; height: 150px; z-index: 100; pointer-events: all; }
.swiper-container-cm { width:300px; overflow: hidden; padding: 0 0 50px 0; }
.swiper-container-cm .swiper-button-black { margin:-100px 0 0 0; }
.swiper-container-cm .swiper-slide { width:300px; height: 120px; background: #ccc;}

.swiper-pagination-bullet { width:50px; }
}
@media screen and (max-width: 600px) {
.pr_fl { position: relative; width: 600px; height:530px; background: url(../images/bg01.jpg); overflow: hidden; transform: translate3d(0,0,0); }
.pr_fl .broad_minfo { position: absolute; top:30px; left:50%;  width:560px; height: 206px; margin: 0 0 0 -280px; background:url(../images/broad_minfo.png) no-repeat center center; background-size:100% auto; z-index: 10;  } 
#cm_point { position:absolute; top:270px; left:50%; width: 450px; height: 225px; margin: 0 0 0 -225px; z-index: 100; }
.swiper-container-cm { width:450px; overflow: hidden; padding: 0 0 50px 0; }
.swiper-container-cm .swiper-button-black { margin:-100px 0 0 0; }
.swiper-container-cm .swiper-slide { width:450px; height: 180px; background: #ccc;}

.swiper-pagination-bullet { width:50px; }
#news_sec .swiper-pagination-bullet { width:30px; }
}
@keyframes prbg { 0% {background-position: 0 0;} 100% {background-position: 0 227px;}}

.swiper-container-cm .swiper-pagination { position: absolute; bottom:-30px; width: 300px; z-index: 100; left:50%; margin: 0 0 0 -150px; }
.swiper-container-cm .swiper-pagination .swiper-pagination-bullet { margin:0 5px 0 0;}
.swiper-container-cm .swiper-slide img { width:100%; height: auto; }


/* MOVIE SECTION */
#movie_sec .movie_title {  background: url(../images/title_movie.png) no-repeat center center; background-size: 100% auto; }
@media screen and (min-width: 1300px) {
#movie_sec .movie_title { position: absolute; top:50%; left: 50%; width:500px; height:80px; margin:-40px 0 0 -250px; transform: scale(2); opacity: 0; transition-duration: 0.5s; z-index:100; }
#movie_sec .gantai { position:absolute; top:50%; right:-1%; width:360px; height:690px; margin: -345px 0 0 0; background: url(../images/movie_btm.png) no-repeat center center; background-size:100% auto; z-index:100; transition-duration: 0.5s; }
#movie_sec a:hover .gantai { transform: scale(1.2); transition-duration: 0.5s; }
}

@media all and (min-width: 601px) and (max-width: 1300px) {
#movie_sec .movie_title { position: absolute; top:50%; left: 50%; width:500px; height:80px; margin:-40px 0 0 -250px;  transform: scale(2); opacity: 0; transition-duration: 0.5s; z-index:100; }
#movie_sec .gantai { position:absolute; top:50%; right:-1%; width:360px; height:690px; margin: -345px 0 0 0; background: url(../images/movie_btm.png) no-repeat center center; background-size:100% auto; z-index:100; transition-duration: 0.5s; }
#movie_sec a:hover .gantai { transform: scale(1.2); transition-duration: 0.5s; }
}

@media screen and (max-width: 600px) {
#movie_sec .movie_title { position: absolute; top:150px; left: 50%; width:500px; height:80px; margin:-40px 0 0 -250px; transform: scale(3); opacity: 0; transition-duration: 0.5s; z-index:101; }
#movie_sec .gantai { position:absolute; top:50%; right:-1%; width:360px; height:690px; margin: -245px 0 0 0; background: url(../images/movie_btm.png) no-repeat center center; background-size:100% auto; z-index:100; }
}

.clear { clear:both; width:100%; }