@charset "utf-8";

* {
  box-sizing: border-box;
 text-align: center;
}

/*--=========================
  コンテンツの左右の余白
=========================--*/
@media screen and (max-width: 1279px) {
  #container {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  #container {
    padding: 0px;
  }
}

/*--=========================
  ヘッダー直下の調整用
=========================--*/
.frame_outer {
  margin-top: 70px;
}
@media screen and (min-width: 1280px) {
  #container {
    padding-top: 60px;
  }
  .pap-main-visual {
    margin-top: -60px;
  }
}
@media screen and (max-width: 1279px) {
  #container {
    padding-top: 40px;
  }
  .pap-main-visual {
    margin-top: -40px;
  }
}
@media screen and (max-width: 767px) {
  #main-content {
    margin-top: 70px;
    /*padding: 0px 20px;*/
  }
  .pap-main-visual {
    margin-top: 70px;
  }
}



/*--=========================
  PC用カラム
=========================--*/
@media screen and (min-width: 1280px) {
  #topcolumn {
    margin-bottom: 60px;
  }
  #main_column {
    width: 885px;
    margin-bottom: 60px;
    float: right !important;
  }
  #leftcolumn {
    width: 255px !important;
    margin-bottom: 60px;
    float: left !important;
  }
}

/*--=========================
  タブレット・スマホ用カラム
=========================--*/
@media screen and (max-width: 1279px) {
  #topcolumn {
    margin-bottom: 40px;
  }
  #main_column {
    width: 100% !important;
  }
  #leftcolumn {
    display: none !important;
  }
  #search_form {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  
}