/** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 20px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; /*display: block;*/ } /** THEME ===================================*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/common/css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 40px; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;; vertical-align: middle;} .bx-wrapper .bx-pager.bx-default-pager a { background: #cccccc; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 8px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f485a1; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction .bx-prev{left: 0;} .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction .bx-next{right: 0; background-position: 100% 0;} .bx-wrapper .bx-prev:hover {} .bx-wrapper .bx-next:hover {} .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction a{ position: absolute; width: 17px; height: 27px; background: url(images/bg_direction_nav_02.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 5; } .bx-wrapper .bx-controls-direction a.disabled { display: none;} #recommender_pc321 .bx-wrapper .bx-controls-direction a.disabled, #recommender_pc421 .bx-wrapper .bx-controls-direction a.disabled, #recommender_pc612 .bx-wrapper .bx-controls-direction a.disabled{ display: block;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* bx-pause */ .bx-pause { display: inline-block; width: 31px; height: 31px; margin: 12px 0 0; vertical-align: top; background: url(/common/css/images/bg_pause.png) no-repeat 0 100%; cursor: pointer; text-indent: -9999px;} .bx-pause.stop { background: url(/common/css/images/bg_pause.png) no-repeat 0 0;} /* character_slider */ .character_slider .bx-wrapper .bx-controls-direction .bx-prev{top: 40%; left: -21px;} .character_slider .bx-wrapper .bx-controls-direction .bx-next{top: 40%; right: -21px;} /* top_slider */ .top_slider .bxslider li {display: none;} .top_slider .bx-viewport .bxslider li {display: block !important;} .top_slider .bx-viewport {overflow: visible !important;} .top_slider {position: relative; max-width: 1210px; margin: 0px auto;} .top_slider .bx_pager {text-align: center;} .top_slider .bx_pager a {display: inline-block; margin-right: 5px;} .top_slider .bx_pager a:hover {opacity: 0.7;} .top_slider .bx_pager a img{border: 2px solid #fff;width:120px;} .top_slider .bx_pager a.active img{border-color: #f485a1;} .top_slider .bx_pager span.bx-prev-02{ display: inline-block; width: 33px; height: 33px; margin: 11px 10px 0 0; vertical-align: top; background: url(/common/css/images/bg_direction_nav.png) no-repeat 0 0; -moz-background-size: 70px 33px; -webkit-background-size: 70px 33px; -o-background-size: 70px 33px; -ms-background-size: 70px 33px; background-size: 70px 33px; cursor: pointer;} .top_slider .bx_pager span.bx-next-02{ display: inline-block; width: 33px; height: 33px; margin: 11px 0 0 7px; cursor: pointer; vertical-align: top; background: url(/common/css/images/bg_direction_nav.png) no-repeat 100% 0; -moz-background-size: 70px 33px; -webkit-background-size: 70px 33px; -o-background-size: 70px 33px; -ms-background-size: 70px 33px; background-size: 70px 33px; cursor: pointer;} .top_slider .bx-wrapper .bx-controls-direction a{ display: none; width: 30px; height: 30px; background: url(/common/css/images/bg_direction_nav.png) no-repeat 0 0; -moz-background-size: 64px 30px; -webkit-background-size: 64px 30px; -o-background-size: 64px 30px; -ms-background-size: 64px 30px; background-size: 64px 30px; position: absolute; bottom: -57px; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 5;} .top_slider .bx-wrapper .bx-controls-direction a.bx-prev{left: 16px;} .top_slider .bx-wrapper .bx-controls-direction a.bx-next{right: 16px; background-position: 100% 0;} .top_slider #top_slider_l{ position: absolute; top: 0; left: -1211px; width: 1210px; height: 400px; opacity: 0.6; background: #fff;} .top_slider #top_slider_r{ position: absolute; top: 0; right: -1211px; width: 1210px; height: 400px; opacity: 0.8; background: #fff;} /*ranking_slider */ .ranking_slider .bx-wrapper {margin: 0 auto 76px;} .ranking_slider .bx-wrapper .bx-controls-direction .bx-prev {top: 40%; left: -30px;} .ranking_slider .bx-wrapper .bx-controls-direction .bx-next {top: 40%; right: -30px;} .ranking_slider .bx-wrapper .bx-pager{bottom: -40px;} .bxslider2 .bx-wrapper {margin: 20px auto 76px;} /* normal_slider */ .normal_slider .bx-wrapper, .boxSummary #recommender_pc421 .bx-wrapper, .boxSummary #recommender_pc612 .bx-wrapper, .boxSummary #recommender_pc231 .bx-wrapper, .boxSummary #recommender_pc233 .bx-wrapper, .boxSummary #recommender_pc731 .bx-wrapper{margin: 0 auto 76px;} .boxSummary #recommender_pc321 .bx-wrapper{margin: 0 auto 50px;} .normal_slider .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc421 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc612 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc231 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc233 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc731 .bx-wrapper .bx-controls-direction .bx-prev{top: 32%; left: -30px;} .normal_slider .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc421 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc612 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc231 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc233 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc731 .bx-wrapper .bx-controls-direction .bx-next{top: 32%; right: -30px;} /*summary_slider summary_slider_inline*/ .box_thumb .bx-wrapper {margin: 0 auto;} .box_thumb li img{width: 100%; border: 2px solid #fff;} .box_thumb li a img{border: 2px solid transparent;} .box_thumb li a.active img{border: 2px solid #f485a1; vertical-align: middle;} .summary_slider .box_thumb li a img{box-sizing: border-box;} .box_thumb .bx-wrapper .bx-controls-direction .bx-prev{top: 35%; left: -22px;} .box_thumb .bx-wrapper .bx-controls-direction .bx-next{top: 35%; right: -22px;} /*mypage*/ .box_mypage .bx-wrapper .bx-pager.bx-default-pager a:hover, .box_mypage .bx-wrapper .bx-pager.bx-default-pager a.active {background: #f5656f;} .box_mypage .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_mypage.png) no-repeat 0 0;} .box_mypage .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_hellokitty #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_hellokitty #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #45b035;} #mypage_hellokitty #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_hellokitty.png) no-repeat 0 0;} #mypage_hellokitty #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_mymelody #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_mymelody #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #57c98f;} #mypage_mymelody #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_mymelody.png) no-repeat 0 0;} #mypage_mymelody #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_littletwinstars #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_littletwinstars #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #70d7c2;} #mypage_littletwinstars #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_littletwinstars.png) no-repeat 0 0;} #mypage_littletwinstars #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_pompompurin #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_pompompurin #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e60039;} #mypage_pompompurin #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_pompompurin.png) no-repeat 0 0;} #mypage_pompompurin #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_cinnamoroll #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_cinnamoroll #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #54c3f1;} #mypage_cinnamoroll #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_cinnamoroll.png) no-repeat 0 0;} #mypage_cinnamoroll #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_gudetama #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_gudetama #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #c30d23;} #mypage_gudetama #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_gudetama.png) no-repeat 0 0;} #mypage_gudetama #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_hummingmint #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_hummingmint #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #a3bb00;} #mypage_hummingmint #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_hummingmint.png) no-repeat 0 0;} #mypage_hummingmint #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_freshpunch #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_freshpunch #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #52c8cc;} #mypage_freshpunch #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_freshpunch.png) no-repeat 0 0;} #mypage_freshpunch #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_kerokerokeroppi #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_kerokerokeroppi #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e60012;} #mypage_kerokerokeroppi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_kerokerokeroppi.png) no-repeat 0 0;} #mypage_kerokerokeroppi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_tuxedosam #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_tuxedosam #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #6c9bd2;} #mypage_tuxedosam #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_tuxedosam.png) no-repeat 0 0;} #mypage_tuxedosam #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_hangyodon #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_hangyodon #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ea5442;} #mypage_hangyodon #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_hangyodon.png) no-repeat 0 0;} #mypage_hangyodon #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_badbadtzmaru #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_badbadtzmaru #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0d6fb8;} #mypage_badbadtzmaru #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_badbadtzmaru.png) no-repeat 0 0;} #mypage_badbadtzmaru #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_kuromi #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover, #mypage_kuromi #mypageBlock .bx-wrapper .bx-pager.bx-default-pager a.active {background: #8f6dba;} #mypage_kuromi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_kuromi.png) no-repeat 0 0;} #mypage_kuromi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} @media screen and (max-width:767px){ .bx-wrapper { margin: 0 auto 60px;} .bx-wrapper .bx-pager.bx-default-pager a{ width: 7px; height: 7px; margin: 0 5px;} /* character_slider */ .character_slider .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; background: url(/common/css/images/bg_direction_nav.png) no-repeat 0 0; background-size: 64px 30px; -moz-background-size: 64px 30px; -webkit-background-size: 64px 30px; -o-background-size: 64px 30px; -ms-background-size: 64px 30px;} .character_slider .bx-wrapper .bx-controls-direction .bx-prev{top: auto; bottom: -49px; left: 16px;} .character_slider .bx-wrapper .bx-controls-direction .bx-next{top: auto; bottom: -49px; right: 16px; background-position: 100% 0;} /* top_slider */ .top_slider .bx-wrapper .bx-controls-direction a{display: block;} .top_slider .bx-wrapper .bx-controls-direction a {bottom: -48px;} /*ranking_slider */ .bxslider2 .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; background: url(/common/css/images/bg_direction_nav.png) no-repeat 0 0; background-size: 64px 30px; -moz-background-size: 64px 30px; -webkit-background-size: 64px 30px; -o-background-size: 64px 30px; -ms-background-size: 64px 30px;} .bxslider2 .bx-wrapper .bx-controls-direction .bx-prev {top: auto; bottom: -56px; left: 16px;} .bxslider2 .bx-wrapper .bx-controls-direction .bx-next {top: auto; bottom: -56px; right: 16px; background-position: 100% 0;} .bxslider2 .bx-wrapper .bx-pager{bottom: -63px; padding: 15px 0; background: #f6f6f6;} /* normal_slider */ .normal_slider .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc421 .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc612 .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc231 .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc233 .bx-wrapper .bx-controls-direction a, .boxSummary #recommender_pc731 .bx-wrapper .bx-controls-direction a{width: 30px; height: 30px; background: url(/common/css/images/bg_direction_nav.png) no-repeat 0 0; background-size: 64px 30px; -moz-background-size: 64px 30px; -webkit-background-size: 64px 30px; -o-background-size: 64px 30px; -ms-background-size: 64px 30px;} .normal_slider .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc421 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc612 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc231 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc233 .bx-wrapper .bx-controls-direction .bx-prev, .boxSummary #recommender_pc731 .bx-wrapper .bx-controls-direction .bx-prev{top: auto; bottom: -56px; left: 16px;} .normal_slider .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc321 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc421 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc612 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc231 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc233 .bx-wrapper .bx-controls-direction .bx-next, .boxSummary #recommender_pc731 .bx-wrapper .bx-controls-direction .bx-next{top: auto; bottom: -56px; right: 16px; background-position: 100% 0;} .normal_slider .bx-wrapper .bx-pager, .boxSummary #recommender_pc321 .bx-wrapper .bx-pager, .boxSummary #recommender_pc421 .bx-wrapper .bx-pager, .boxSummary #recommender_pc612 .bx-wrapper .bx-pager, .boxSummary #recommender_pc231 .bx-wrapper .bx-pager, .boxSummary #recommender_pc233 .bx-wrapper .bx-pager, .boxSummary #recommender_pc731 .bx-wrapper .bx-pager{bottom: -63px; padding: 15px 0; background: #f6f6f6;} /*summary_slider summary_slider_inline*/ .summary_slider .bx-wrapper{margin: 0 auto 20px;} .summary_slider_inline .bx-wrapper{margin: 0 auto; text-align: center;} .box_thumb li img{width: 49px;} .box_thumb .bx-wrapper .bx-controls-direction .bx-prev, .box_thumb .bx-wrapper .bx-controls-direction .bx-next{top: 22%;} .summary_slider_inline .box_thumb .bx-wrapper .bx-controls-direction .bx-prev{top: 22%; left: -27px;} .summary_slider_inline .box_thumb .bx-wrapper .bx-controls-direction .bx-next{top: 22%; right: -27px;} /*mypage*/ .box_mypage .normal_slider .bx-wrapper .bx-pager{background: #fff;} .box_mypage .normal_slider .bx-wrapper .bx-controls-direction .bx-prev{left: 0;} .box_mypage .normal_slider .bx-wrapper .bx-controls-direction .bx-next{right: 0;} .box_mypage .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_mypage.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} .box_mypage .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_hellokitty #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_hellokitty.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_hellokitty #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_mymelody #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_mymelody.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_mymelody #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_littletwinstars #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_littletwinstars.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_littletwinstars #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_pompompurin #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_pompompurin.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_pompompurin #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_cinnamoroll #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_cinnamoroll.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_cinnamoroll #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_gudetama #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_gudetama.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_gudetama #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_hummingmint #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_hummingmint.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_hummingmint #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_freshpunch #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_freshpunch.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_freshpunch #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_kerokerokeroppi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_kerokerokeroppi.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_kerokerokeroppi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_tuxedosam #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_tuxedosam.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_tuxedosam #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_hangyodon #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_hangyodon.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_hangyodon #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_badbadtzmaru #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_badbadtzmaru.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_badbadtzmaru #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;} #mypage_kuromi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction a{background: url(/common/img/mypage/bg_direction_nav_sp_kuromi.png) no-repeat 0 0; background-size: 60px 30px; -moz-background-size: 60px 30px; -webkit-background-size: 60px 30px; -o-background-size: 60px 30px; -ms-background-size: 60px 30px;} #mypage_kuromi #mypageBlock .normal_slider .bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0;}