@charset "UTF-8";

/*********************************
.ad_type_a
  .page-mainの横長のやつ
*********************************/
.ad_type_a {
  height: 90px;
  margin-bottom: 10px;
}

/*********************************
.ad_type_b
  ？
*********************************/

/*********************************
.ad_type_c
  .page-mainの300pxを複数並べるやつ
*********************************/
.ad_type_b {
  display: block !important;
}
.ad_type_c {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
}

/*********************************
求人バナー用ボックス
*********************************/
div.job-box1 {
  margin-top: 15px;
}
div.job-box2 {
  margin-bottom: 10px;
}
div.job-box3 {
  margin-bottom: 5px;
}
div[class*="job-box"] img {
  vertical-align: middle;
}
div[class*="job-box"].rect {
  width: 300px;
}
div[class*="job-box"].rect img {
  width: 100%;
}

/*********************************
.ad_side
  .page-sideにあるad
*********************************/




/*********************************
.gjAds
  pc用overlay定義
*********************************/
.gjAds {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  font-family: Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  padding: 10px;
  text-align: center;
  z-index: 9;
  box-sizing: border-box;
}

.gjAds__inner {
  width: 728px;
  height: 90px;
  margin: 0 auto;
  position: relative;
}

.gjAds__inner img {
  width: 100%;
  height: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .gjAds__inner img {
    width: auto;
    height: auto;
  }
}

.gjAds a {
  display: block;
  line-height: 1;
  text-decoration: none;
  color: #fff;
}

.gjAds._abs {
  position: absolute;
  height: 110px;
}

.ad-rectangle_box {
  margin-bottom: 10px;
}

/*********************************
.ad-scrollskin
  pc用左右の余白部分に表示する用の広告
*********************************/
.ad-inner_container {
  width: 1096px;
  margin: 0 auto;
  position: relative;
}
.ad-scrollskin {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.ad-scrollskin .right {
  position: relative;
  left: 170px;
  width: 160px;
  float: right;
}
.ad-scrollskin .left {
  position: relative;
  left: -170px;
  width: 160px;
  float: left;
}
.ad-scrollskin.bottom-vibrate .right,
.ad-scrollskin.bottom-vibrate .left {
  animation-name: vibrate-ad;
  animation-duration: 0.75s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  display: inline-block;
}
@-webkit-keyframes vibrate-ad {
   10% {-webkit-transform: translateX(3px)  rotate(2deg);      transform: translateX(3px)  rotate(2deg);}
   20% {-webkit-transform: translateX(-6px) rotate(-4deg); transform: translateX(-6px) rotate(-4deg);}
   30% {-webkit-transform: translateX(6px)  rotate(4deg);  transform: translateX(6px)  rotate(4deg);}
   40% {-webkit-transform: translateX(-6px) rotate(-4deg); transform: translateX(-6px) rotate(-4deg);}
   50% {-webkit-transform: translateX(4px)  rotate(2deg);  transform: translateX(4px)  rotate(2deg);}
   60% {-webkit-transform: translateX(-4px) rotate(-2deg); transform: translateX(-4px) rotate(-2deg);}
   70% {-webkit-transform: translateX(4px)  rotate(2deg);  transform: translateX(4px)  rotate(2deg);}
   80% {-webkit-transform: translateX(-4px) rotate(-2deg); transform: translateX(-4px) rotate(-2deg);}
   90% {-webkit-transform: translateX(2px)  rotate(0);     transform: translateX(2px)  rotate(0);}
  100% {-webkit-transform: translateX(-2px) rotate(0);     transform: translateX(-2px) rotate(0);}
}

@keyframes vibrate-ad {
   10% {-webkit-transform: translateX(6px)  rotate(4deg);      transform: translateX(6px)  rotate(4deg);}
   20% {-webkit-transform: translateX(-6px) rotate(-4deg); transform: translateX(-6px) rotate(-4deg);}
   30% {-webkit-transform: translateX(6px)  rotate(4deg);  transform: translateX(6px)  rotate(4deg);}
   40% {-webkit-transform: translateX(-6px) rotate(-4deg); transform: translateX(-6px) rotate(-4deg);}
   50% {-webkit-transform: translateX(4px)  rotate(2deg);  transform: translateX(4px)  rotate(2deg);}
   60% {-webkit-transform: translateX(-4px) rotate(-2deg); transform: translateX(-4px) rotate(-2deg);}
   70% {-webkit-transform: translateX(4px)  rotate(2deg);  transform: translateX(4px)  rotate(2deg);}
   80% {-webkit-transform: translateX(-4px) rotate(-2deg); transform: translateX(-4px) rotate(-2deg);}
   90% {-webkit-transform: translateX(2px)  rotate(0);     transform: translateX(2px)  rotate(0);}
  100% {-webkit-transform: translateX(-2px) rotate(0);     transform: translateX(-2px) rotate(0);}
}

@media screen and (max-width: 1436px) {
  .ad-scrollskin {
    visibility: hidden;
    overflow: hidden;
  }
}