/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 LOADING
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ヘッダー */

#sec_nav .menu a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding-bottom: 5px;
}

#sec_nav .menu a:hover {
  color: #f13875;
}

#sec_nav .menu a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #f13875;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#sec_nav .menu a:hover::after {
  width: 100%;
}


/* フッター */

footer .set_menu .menu a {
  position: relative;
  display: inline-block;
  transition: .3s;
  padding-bottom: 5px;
}

footer .set_menu .menu a:hover {
  color: #f13875 !important;
}

footer .set_menu .menu a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #f13875;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
footer .set_menu .menu a:hover::after {
  width: 100%;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 LOADING
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.opening {
  display: none;
  position: fixed;
  z-index: 30000;
  top: 0;
  width: 100%;
  min-width: 50%;
  height: 100%;
}

.opening_cl {
  position: relative;
  top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  margin:0 auto;
  z-index: 10002;

}

.opening_cl a {
  cursor: pointer;
}

.op_abso{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width:600px;
  height:480px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　nivo-lightbox
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #fff !important;
    background: rgba(255,255,255,0.9) !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background: url(/alicegearaegis/portal/img/colorbox/btn_left.png) no-repeat top left !important;
    border-radius: 0 3px 3px 0;
    background-position: center center !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background: url(/alicegearaegis/portal/img/colorbox/btn_right.png) no-repeat top right !important;
    border-radius: 3px 0 0 3px;
    background-position: center center !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(/alicegearaegis/portal/img/colorbox/btn_close.png) !important;
    width: 80px !important;
    height: 80px !important;
    text-indent: -9999px;
    padding: 0px !important;
    opacity: 0.5;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　ページ遷移
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.animsition-overlay-slide {
  background-color: #fff !important;
  z-index: 10000 !important;
  background-image: url(/alicegearaegis/portal/img/common/load_img.png);
  background-position: center 55%;
  background-repeat:no-repeat;
  background-attachment: fixed;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　フェードイン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* 画面外にいる状態 */
.fadein {
    opacity : 0.0;
    transform : translate(0, 100px);
    transition : all 1000ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 画面外にいる状態 */
.fadeinChild .child {
    opacity : 0.0;
    transform : translate(0, 100px);
    transition : all 1000ms;
    }
 
/* 画面内に入った状態 */
.fadeinChild .child.scrollinChild {
    opacity : 1;
    transform : translate(0, 0);
    }




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　画像ホバー系
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.thum01 {
  overflow:hidden;
}
.thum01 img {
  max-width: 100%;
  transition:all 0.3s ease;
}
.thum01:hover img {
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
}

.thum02 {
  overflow:hidden;
}
.thum02 img {
  max-width: 100%;
  transition:all 0.3s ease;
}
.thum02:hover img {
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　ボタンホバー系
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* 横から */

.btnHover {
  position: relative;overflow: hidden; z-index: 2;
}
.btnHover::after {
  top: 0%; left: -100%; width: 100%; height: 100%;
}
.btnHover:hover::after {
  top: 0; left: 0; background-color: rgba(0,0,0,0.2);
}
.btnHover::before,
.btnHover::after {
  position: absolute; z-index: -1; display: block; content: '';
}
.btnHover,
.btnHover::before,
.btnHover::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/* 上から */

.btnHoverHd {
  position: relative;overflow: hidden; z-index: 2;
}
.btnHoverHd::after {
  top: -100%; left: 0%; width: 100%; height: 100%;
}
.btnHoverHd:hover::after {
  top: 0; left: 0; background-color: rgba(0,0,0,0.2);
}
.btnHoverHd::before,
.btnHoverHd::after {
  position: absolute; z-index: -1; display: block; content: '';
}
.btnHoverHd,
.btnHoverHd::before,
.btnHoverHd::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}