body {
    background: #fff;
}
a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
h2 {
    margin-top: 0;
}

/* ----------------------- */

.scroll_fade_in {
    transform: translateY(50px);
    opacity: 0;
    transition: transform .5s,opacity .5s;
}
.scroll_fade_in.show {
    transform: translateY(0px);
    opacity: 1;
}

/* ----------------------- */


.movie_thumb_btn {
    display: inline-block;
    position: relative;
    width: 400px;
    height: 225px;
    box-sizing: content-box;11
    overflow: hidden;
    margin-bottom: -13px;
}
.movie_thumb_btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform .3s;
}
.movie_thumb_btn:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}
.movie_thumb_btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    background: url("../img/btn_movie_play.png") no-repeat center center / 70px;
    width: 70px;
    height: 70px;
}
.youtube_popup_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgb(0, 0, 0, 0.7);
}
.youtube_popup_box.show {
    display: flex;
    justify-content: center;
    align-items: center;
}
.youtube_popup_box iframe {
    box-sizing: content-box;
    border-style: solid;
    border-radius: 8px;
    padding: 0 10px 10px;
}
#popup_box_inner {
    position: relative;
    background:
        linear-gradient(180deg,
        #ffe240 0%,
        #ffc929 50%,
        #feac1c 100%);
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow:
        2px -2px 5px rgba(0, 0, 0, 0.3) inset,
        -2px 2px 5px rgba(0, 0, 0, 0.3) inset,
        2px -2px 5px rgba(0, 0, 0, 0.3) inset,
        -2px -2px 5px rgba(0, 0, 0, 0.3) inset,
        2px 2px 5px rgba(0, 0, 0, 0.3),
        -2px 2px 5px rgba(0, 0, 0, 0.3),
        2px -2px 5px rgba(0, 0, 0, 0.3),
        -2px -2px 5px rgba(0, 0, 0, 0.3);
    padding: 20px;
}
@media (max-width: 550px) {
    #popup_box_inner {
        padding: 10px;
    }
}
#popup_close_btn {
    position: absolute;
    top: -27px;
    right: -3px;
    zoom: 2;
}
#popup_close_btn path {
    color: #fff;
}
.youtube_popup_open {
    display: inline-block;
    position: relative;
}

/* ----------------------- */


#menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #000;
    padding: 10px 0;
}

@media (max-width:550px) {
    #menu {
        display: none;
    }
}
#menu_wrapper {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#menu_wrapper a {
    position: relative;
    display: inline-block;
    background: #000;
    border: 2px solid #fff;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    width: 180px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    transition: border .3s, color .3s;
}
#menu_wrapper a:after {
    content: '';
    position: absolute;
    z-index: 10;
    top: 3px;
    left: 3px;
    display: block;
    width: 0;
    height: 0;
}
#menu_wrapper a:nth-child(1):hover {
    color: #ef1a28;
    border: 2px solid #ef1a28;
}
#menu_wrapper a:nth-child(1):after{
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color: #ef1a28 transparent transparent transparent;
}
#menu_wrapper a:nth-child(2):hover {
    color: #15cd51;
    border: 2px solid #15cd51;
}
#menu_wrapper a:nth-child(2):after{
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color: #15cd51 transparent transparent transparent;
}
#menu_wrapper a:nth-child(3):hover {
    color: #338ef7;
    border: 2px solid #338ef7;
}
#menu_wrapper a:nth-child(3):after{
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color: #338ef7 transparent transparent transparent;
}
#menu_wrapper a:nth-child(4):hover {
    color: #ffa60a;
    border: 2px solid #ffa60a;
}
#menu_wrapper a:nth-child(4):after{
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color: #ffa60a transparent transparent transparent;
}

/* ----------------------- */

header {
    padding-top: 80px;
    background: url('../img/header_bg.png') no-repeat center center / 100% 100%;
    text-align: center;
    padding-bottom: 50px;
    background-attachment: fixed;
}
@media (max-width:550px) {
    header {
        background: url('../img/header_bg.png') no-repeat center center / auto 100vh;
        background-attachment: fixed;
    }
}
.header_txt {
    filter:
     drop-shadow( 0px  0px 3px #fff)
     drop-shadow( 0px  0px 3px #fff)
     drop-shadow( 0px  0px 3px #fff);
}
#title_logo {
    background: url('../img/logo.png') no-repeat center center/ 800px;
    width: 800px;
    height: 250px;
    margin: 0 auto;
    filter:
     drop-shadow( 0px  0px 3px #000)
     drop-shadow( 0px  0px 3px #000)
     drop-shadow( 0px  0px 3px #000);
    text-indent: -9999px;
}
@media (max-width:550px) {
    #title_logo {
    background: url('../img/logo.png') no-repeat center center/ 550px;
    width: 550px;
    height: 250px;
    }
}
.header_data {
    margin-bottom: 40px;
}
.header_video {
    background: #000;
    border: 5px solid #000;
    border-radius: 10px;
    width: 400px;
    height: 225px;
    margin: 0 auto;
    overflow: hidden;
}
.header_link_yt {
    display: inline-block;
    text-align; center;
    background: #fff;
    border-radius: 20px;
    border: 10px solid #feac1c;
    color: #333;
    font-size: 25px;
    font-weight: bold;
    margin: 50px auto 50px;
    padding: 30px 80px;
}
.header_link_yt span {
    font-size: 40px;
}

.listener_ranking_img {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.uk-accordion-title::before {
    display: none;
}
.listener_ranking {
    background: rgba(255,255,255,0.5);
    border-radius: 20px;
    border: 10px solid #feac1c;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    width: 800px;
    margin: 0 auto 0;
    padding-top: 20px;
    height: 400px;
    overflow-y: scroll;
}
@media (max-width:550px) {
    .listener_ranking {
        width: 500px;
    }
}
.listener_ranking .ranking  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.listener_ranking .ranking li {
    width: 300px;
    display: flex;
    justify-content: space-between;
    background: cornsilk;
    border-radius: 5px;
    box-shadow: 3px 3px black;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}


.subtitle {
    height: 75px;
    text-indent: -9999px;
}
.subtitle_event {
    background: #000 url('../img/subtitle_event.jpg') no-repeat center top;
}
.subtitle_guest {
    background: #000 url('../img/subtitle_guest.jpg') no-repeat center top;
}
.subtitle_pv {
    background: #000 url('../img/subtitle_pv.jpg') no-repeat center top;
}
.subtitle_staff {
    background: #000 url('../img/subtitle_staff.jpg') no-repeat center top;
}
@media (max-width:550px) {
    .subtitle {
        background-size: 600px;
        background-position: left;
    }
}

/* ----------------------- */

.event_notice {
    position: relative;
    width: 1000px;
    border: 5px solid #000;
    background: #f35;
    background-image:
        radial-gradient(#f78 30%, transparent 30%);
    background-size: 20px 20px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 60px;
    padding: 20px 0 0;
    box-sizing: border-box;
    text-shadow:
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000;
}
@media (max-width:550px) {
    .event_notice {
        width: 550px;
    }
}
.event_notice .event_img {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 30;
    filter: drop-shadow(10px 5px 0px black);
}
.event_notice_txt {
    padding-top: 30px;
    position: relative;
    z-index: 30;
}

.anim_shake {
    animation: shake .1s infinite;
}
@keyframes shake {
    0%   { margin: 0 0;}
    50%  { margin: 0 5px;}
    100% { margin: 0 0;}
}

.event_gogogo {
    z-index: 1;
}
@media (max-width:550px) {
    .event_gogogo {
        display: none;
    }
}
.show > .event_gogogo {
    animation: gogogo 2s linear both;
}
.go_1 {
    position: absolute;
    top: 13%;
    left: 10px;
    transform: rotate(5deg);
    z-index: 1;
}
.go_2 {
    position: absolute;
    top: 40%;
    right: 20px;
    transform: rotate(-7deg);
    z-index: 1;
}
.go_3 {
    position: absolute;
    top: 60%;
    left: 15px;
    transform: rotate(6deg);
    z-index: 1;
}
.go_4 {
    position: absolute;
    top: 80%;
    right: 10px;
    transform: rotate(-5deg);
    z-index: 1;
}
@keyframes gogogo {
    0%   { opacity: 0; transform: scale(1);}
    20%  { opacity: 1;}
    80%  { opacity: 1;}
    100% { opacity: 0; transform: scale(1.5);}
}


/* ----------------------- */

#guest_view {
    position: relative;
    max-width: 1000px;
    height: 450px;
    background: #555;
    border: 10px solid #000;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}
@media (max-width:550px) {
    #guest_view {
        height: 600px;
    }
}
#guest_view::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url('../img/guest/view_bg_.png') center center;
    z-index: 1;
}
#guest_v_name {
    position: absolute;
    top: 20px;
    left: 50px;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    z-index: 30;
    text-shadow:
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000;
}
#guest_v_comment {
    position: absolute;
    bottom: 20px;
    left: 50px;
    width: 450px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    animation-delay: .6s;
    z-index: 30;
    text-shadow:
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000;
}
.guest_comingsoon {
    text-align: center;
    margin: 50px auto;
}
#guest_v_img {
    position: relative;
    background-repeat: no-repeat;
    height: 100%;
    filter: drop-shadow(10px 5px 0px black);
    animation-delay: .3s;
    z-index: 10;
}
#guest_v_sns {
    position: absolute;
    top: 90px;
    left: 60px;
    z-index: 20;
    animation-delay: .3s;
}
.icon_sns {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    filter: drop-shadow(3px 2px 0px black);
    transition: transform .1s;
}
.icon_sns:hover {
    transform: scale(1.3);
}
.icon_sns.icon_x {
    background: url('../img/icon_x.png') no-repeat center center / 20px;
}
.icon_sns.icon_y {
    background: url('../img/icon_yt.png') no-repeat center center / 30px;
}
.icon_sns.icon_t {
    background: url('../img/icon_twch.png') no-repeat center center / 25px;
}
.icon_sns.icon_w {
    background: url('../img/icon_web.png') no-repeat center center / 25px;
}
#guest_v_first {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 200px;
    height: 50px;
    background: url('../img/guest/first_img.png') bottom right / 200px;
    z-index: 20;
    animation-delay: 1.0s;
}

/* ----------------------- */

#guest_list {
    background: #000;
    border-bottom: 10px solid #000;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto 60px;
}
ul li {
    list-style: none;
}
#guest_list_slider {
    height: 204px;
}
#guest_list_slider li {
    position: relative;
    display: inline-block;
    height: 200px;
    width: 75px;
}
.guest_box {
    cursor: pointer;
    position: absolute;
    top: 25px;
    width: 75px;
    height: 150px;
    border: 2px solid #000;
    box-sizing: content-box;
    overflow: hidden;
    transition: height .1s, top .1s;
}
.guest_box:hover,
.guest_box.current {
    top: 0;
    height: 200px;
}
.guest_box.current {
    position: relative;
    border: 2px solid #15cd51;
    transition: border .3s;
}
.guest_box.current:after{
    content: '';
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color: #15cd51 transparent transparent transparent;
}
.guest_box.current:before{
    content: '';
    position: absolute;
    z-index: 10;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0px 15px;
    border-color: transparent #15cd51 transparent transparent;
}
.guest_box .guest_img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 75px;
    height: 200px;
    margin-top: -100px;
}
.uk-grid>* {
    padding-left: 0;
}
.uk-slidenav-previous {
    background: url(../img/guest/slide_arrow.png);
    transform: rotate(180deg);
    top: 0;
    width: 30px !important;
    height: 200px !important;
    box-sizing: border-box;
    opacity: .5;
}
.uk-slidenav-next {
    background: url(../img/guest/slide_arrow.png);
    width: 30px !important;
    height: 200px !important;
    box-sizing: border-box;
    opacity: .5;
}
.uk-slidenav-previous:hover,
.uk-slidenav-next:hover {
    opacity: 1;
    transition: opacity .2s;
}
.uk-slidenav-previous svg,
.uk-slidenav-next svg {
    display: none;
}

/* ----------------------- */

.pv_notice {
    position: relative;
    width: 1000px;
    border: 5px solid #000;
    background: #338ef7;
    background-image: linear-gradient(to right, #338ef7, #338ef7 10px, #439fff 10px, #439fff );
    background-size: 20px 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 60px;
    padding: 20px;
    box-sizing: border-box;
    text-shadow:
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000,
         0px  0px 3px #000;
}
.pv_f1 {
    position: absolute;
    top: 2%;
    left: 2%;
    background: url('../img/pv/f1.png') no-repeat center center / contain;
    width: 240px;
    height: 200px;
}
.pv_f4 {
    position: absolute;
    top: 12%;
    right: 3%;
    background: url('../img/pv/f4.png') no-repeat center center / contain;
    width: 165px;
    height: 200px;
}
.pv_f3 {
    position: absolute;
    top: 22%;
    left: 1%;
    background: url('../img/pv/f3.png') no-repeat center center / contain;
    width: 260px;
    height: 400px;
}
.pv_f2 {
    position: absolute;
    top: 38%;
    right: 2%;
    background: url('../img/pv/f2.png') no-repeat center center / contain;
    width: 180px;
    height: 180px;
}
@media (max-width:550px) {
    .pv_notice {
        width: 550px;
    }
    .pv_f1,
    .pv_f2,
    .pv_f3,
    .pv_f4 {
        display: none;
    }

}
.pv_notice .pv_img {
    position: relative;
    display: block;
    border: 10px solid #000;
    margin: 0 auto 30px;
    z-index: 30;
}
.pv_notice_txt {
    position: relative;
    z-index: 30;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  /*background-color: #fff;*/
  width: 800px;
  margin: 0 auto;
}
@media (max-width:550px) {
    .tabs {
        width: 500px;
    }
}
/*タブのスタイル*/
.tab_item {
    width: calc(100%/2);
    height: 50px;
    line-height: 23px;
    border-radius: 10px 10px 0 0;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
    background-color: #000;
    font-size: 16px;
    text-align: center;
    color: #aaa;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.tab_item:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    border: 5px solid #000;
    background: #439fff;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

/*選択されているタブのコンテンツのみを表示*/
#mandragora:checked ~ #mandragora_content,
#yojimbo:checked ~ #yojimbo_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #338ef7;
  color: #fff;
}

/* ----------------------- */

#staff_view {
    width: 1000px;
    margin: 0 auto;
}
@media (max-width:550px) {
    #staff_view {
        width: 550px;
    }
}
.staff_viola {
    position: relative;
    z-index: 9;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/viola_1.png') no-repeat bottom center/ 120px;
    width: 120px;
    height: 350px;
    margin-right: -60px;
}
.staff_viola:hover {
    background: url('../img/staff/viola_2.png') no-repeat bottom center/ 120px;
}
.staff_kenpow {
    position: relative;
    z-index: 8;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/kenpow_1.png') no-repeat bottom center/ 120px;
    width: 120px;
    height: 350px;
    margin-right: -110px;
}
.staff_kenpow:hover {
    background: url('../img/staff/kenpow_2.png') no-repeat bottom center/ 120px;
}
.staff_karen {
    position: relative;
    z-index: 7;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/karen_1.png') no-repeat bottom center/ 180px;
    width: 180px;
    height: 350px;
    margin-right: -90px;
}
.staff_karen:hover {
    background: url('../img/staff/karen_2.png') no-repeat bottom center/ 180px;
}
.staff_ricopow {
    position: relative;
    z-index: 6;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/ricopow_1.png') no-repeat bottom center/ 180px;
    width: 180px;
    height: 350px;
    margin-right: -100px;
}
.staff_ricopow:hover {
    background: url('../img/staff/ricopow_2.png') no-repeat bottom center/ 180px;
}
.staff_ageha {
    position: relative;
    z-index: 5;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/ageha_1.png') no-repeat bottom center/ 190px;
    width: 190px;
    height: 350px;
    margin-right: -110px;
}
.staff_ageha:hover {
    background: url('../img/staff/ageha_2.png') no-repeat bottom center/ 190px;
}
.staff_miina {
    position: relative;
    z-index: 4;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/miina_1.png') no-repeat bottom center/ 190px;
    width: 190px;
    height: 350px;
    margin-right: -120px;
}
@media (max-width:550px) {
    .staff_miina {
    margin-right: 0;
    }
}
.staff_miina:hover {
    background: url('../img/staff/miina_2.png') no-repeat bottom center/ 190px;
}
.staff_dreams {
    position: relative;
    z-index: 3;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/dreams_1.png') no-repeat bottom center/ 250px;
    width: 250px;
    height: 350px;
    margin-right: -160px;
}
.staff_dreams:hover {
    background: url('../img/staff/dreams_2.png') no-repeat bottom center/ 250px;
}
.staff_moomoo {
    position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/moomoo_1.png') no-repeat bottom center/ 250px;
    width: 250px;
    height: 350px;
    margin-right: -160px;
}
.staff_moomoo:hover {
    background: url('../img/staff/moomoo_2.png') no-repeat bottom center/ 250px;
}
.staff_shochu {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    background: url('../img/staff/shochu_1.png') no-repeat bottom center/ 300px;
    width: 300px;
    height: 350px;
    margin-right: -90px;
}
.staff_shochu:hover {
    background: url('../img/staff/shochu_2.png') no-repeat bottom center/ 300px;
}
.staff_name {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 55%;
    margin-left: -40px;
    background: rgba(255,255,255,0.8);
    border: 2px solid #000;
    color: #222;
    width: 120px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}


.staff_viola:hover .staff_name {
    display: block;
}
.staff_kenpow:hover .staff_name {
    display: block;
}
.staff_karen:hover .staff_name {
    display: block;
}
.staff_ricopow:hover .staff_name {
    display: block;
}
.staff_ageha:hover .staff_name {
    display: block;
}
.staff_miina:hover .staff_name {
    display: block;
}
.staff_dreams:hover .staff_name {
    display: block;
}
.staff_moomoo:hover .staff_name {
    display: block;
}
.staff_shochu:hover .staff_name {
    display: block;
}

/* ----------------------- */

.gototop {
    position: fixed;
    bottom: -200px;
    right: 0;
    z-index: 99;
    transition: bottom .3s;
}
.gototop.show {
    bottom: 30px;
}
@media (max-width: 1000px) {
    .gototop img {
        width: 70px;
    }
}

/* ----------------------- */

footer {
    position: relative;
    display: block;
    padding: 50px 0;
    background: #333;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.footer_link {
    margin-bottom: 30px;
}
.portal_banner {
    width: 300px;
}