html {
  background-color: #fff; }

body {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff; }

img {
  width: 100%;
  height: auto; }

a {
  display: block;
  font-size: 0; }

a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.85; }

.btn_hide, .btn_re_hide {
  display: none; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 111; }
  #loading #loading_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px; }

#wrapper {
  width: 100%;
  background-color: #fff;
  position: relative;
  min-width: 1200px;
  max-width: 1620px;
  margin: 0 auto;
  overflow: hidden; }
  #wrapper .logo {
    position: absolute;
    width: 58%;
    left: -17%;
    top: -13%;
    z-index: 1;
    pointer-events: none; }
  #wrapper .catch_pc {
    width: 52.4%;
    position: absolute;
    left: 24.8%;
    top: -5%;
    z-index: 1;
    opacity: 0; }
  #wrapper #inner {
    width: 96%;
    overflow: hidden;
    /*#bg2{
    	top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(../img/bg_02_pc.jpg) no-repeat;
        background-size: auto 100%;
        background-position: center;
        opacity: 0;
    }*/ }
    #wrapper #inner #bg {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(../img/bg_01_pc.jpg) no-repeat;
      background-size: auto 100%;
      background-position: center; }
    #wrapper #inner #bg_search {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(../img/bg_search.jpg) no-repeat !important;
      background-size: 100% auto !important;
      background-position: top center !important; }
    #wrapper #inner .bg_search {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(../img/bg_search.jpg) no-repeat !important;
      background-size: 100% auto !important;
      background-position: top center !important; }
    #wrapper #inner #contents {
      overflow: hidden;
      position: relative; }
      #wrapper #inner #contents .box {
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center; }
        #wrapper #inner #contents .box .aproject {
          width: 6.4%;
          position: absolute;
          right: 2%;
          top: 7%;
          opacity: 0; }
        #wrapper #inner #contents .box .chara {
          width: 50%;
          position: absolute;
          left: 21%;
          bottom: -29%;
          opacity: 0; }
        #wrapper #inner #contents .box .campaign_pc {
          width: 14.7%;
          position: absolute;
          left: 4.5%;
          bottom: 50.6%;
          opacity: 0; }
        #wrapper #inner #contents .box .mv_01_pc {
          width: 14.7%;
          position: absolute;
          left: 4.5%;
          bottom: 27%;
          opacity: 0; }
        #wrapper #inner #contents .box .mv_02_pc {
          width: 14.7%;
          position: absolute;
          left: 4.5%;
          bottom: 3.5%;
          opacity: 0; }
        #wrapper #inner #contents .box .btn_area {
          width: 19%;
          position: absolute;
          right: 6.5%;
          bottom: 12%; }
          #wrapper #inner #contents .box .btn_area .digital_pc {
            width: 100%;
            position: relative;
            margin-bottom: 5%;
            opacity: 0; }
          #wrapper #inner #contents .box .btn_area .pv_pc {
            width: 100%;
            position: relative;
            margin-bottom: 5%;
            opacity: 0; }
          #wrapper #inner #contents .box .btn_area .setchi_pc {
            width: 100%;
            position: relative;
            opacity: 0; }
        #wrapper #inner #contents .box .aproject_banner_pc {
          width: 19.5%;
          position: absolute;
          right: 6.3%;
          bottom: 3%;
          opacity: 0; }

/*-----footer-----*/
#footer {
  margin: 0 auto;
  height: 100%;
  min-width: 1200px;
  max-width: 1620px;
  position: relative;
  z-index: 1; }
  #footer .caution_pc {
    width: 860px;
    margin: 1% auto .4%; }
  #footer .banner {
    width: 1000px;
    left: 50%;
    margin-top: 10px;
    padding-bottom: 20px;
    margin-left: -500px;
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    z-index: 11; }
    #footer .banner li {
      width: 124px;
      height: 46px;
      margin: 0 5px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: no-wrap; }
      #footer .banner li a {
        border: 1px solid #969696; }
      #footer .banner li:nth-child(2) {
        width: 36px; }

@media (max-width: 767px) {
  html {
    overflow: auto !important;
    margin-right: 0 !important; }

  .mfp-bg, .mfp-wrap {
    display: none; }

  #wrapper {
    min-width: auto !important; }
    #wrapper .logo {
      width: 100% !important;
      left: -29% !important;
      top: 0 !important;
      margin-top: -11% !important; }
    #wrapper #inner {
      width: 92% !important;
      /*.bg_sp2{
      	background: url(../img/bg_02_sp.jpg) no-repeat !important;
          background-size: 100% auto !important;
          background-position: center top !important;
          opacity: 0;
      }*/ }
      #wrapper #inner .bg_sp1 {
        background: url(../img/bg_01_sp.jpg) no-repeat !important;
        background-size: 100% auto !important;
        background-position: center top !important; }
      #wrapper #inner #contents {
        overflow: hidden !important;
        position: relative !important; }
        #wrapper #inner #contents .box .logo {
          width: 62% !important;
          position: relative !important;
          left: auto !important;
          top: auto !important; }
        #wrapper #inner #contents .box .aproject {
          width: 10% !important;
          right: auto !important;
          left: 0% !important;
          top: 2.5% !important; }
        #wrapper #inner #contents .box .catch_sp {
          position: absolute !important;
          width: 95% !important;
          left: 3% !important;
          top: 14% !important; }
        #wrapper #inner #contents .box .chara {
          width: 127% !important;
          left: -14% !important;
          bottom: -25% !important; }
      #wrapper #inner .campaign_sp {
        width: 84%;
        margin: 5% auto; }
      #wrapper #inner .mv_01_sp {
        width: 84%;
        margin: 5% auto; }
      #wrapper #inner .mv_02_sp {
        width: 84%;
        margin: 5% auto; }
      #wrapper #inner .digital_sp {
        width: 84%;
        margin: 5% auto; }
      #wrapper #inner .pv_sp {
        width: 84%;
        margin: 5% auto; }
      #wrapper #inner .setchi_sp {
        width: 84%;
        margin: 5% auto; }
      #wrapper #inner .aproject_banner_sp {
        width: 90%;
        margin: 7% auto; }

  #footer {
    min-width: auto !important;
    z-index: 11 !important; }
    #footer .banner {
      text-align: center !important;
      position: relative !important;
      width: 100% !important;
      left: 0 !important;
      margin-top: 3% !important;
      margin-left: 0 !important;
      padding-bottom: 0 !important; }
      #footer .banner li {
        display: inline-block;
        width: 49% !important;
        height: auto !important;
        margin: 0 !important; }
        #footer .banner li:first-child {
          margin-right: 0 !important; }
        #footer .banner li:nth-child(odd) {
          padding: 1% !important; }
        #footer .banner li:nth-child(even) {
          padding: 1% !important; }
        #footer .banner li:last-child {
          width: 42% !important;
          padding: 6% .5% 1% 1% !important; }
    #footer .sns {
      width: 33% !important;
      margin: 8% auto 5% !important;
      text-align: center !important; }
      #footer .sns li {
        display: inline-block !important;
        width: 46% !important;
        padding: 3% !important; } }
.inline-wrap {
  width: 48%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  max-width: 510px;
  min-width: 410px; }
  .inline-wrap img {
    width: 100%;
    height: auto; }
  .inline-wrap #searchGroup {
    position: relative; }
    .inline-wrap #searchGroup #selectbox {
      position: absolute;
      width: 60%;
      height: 28px;
      border: 1px solid #000000;
      background: #FFF;
      font-size: 18px;
      top: 45%;
      left: 50%;
      margin: 0 0 0 -199px; }
    .inline-wrap #searchGroup #search_btn {
      width: 42%;
      position: absolute;
      top: 72%;
      left: 50%; }
  .inline-wrap .mfp-close {
    margin-left: auto !important;
    margin-top: auto !important;
    left: auto !important;
    width: 5% !important;
    right: 0% !important;
    top: 100% !important;
    background-size: 100% auto !important; }

.box_inner_search {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.search_contents {
  padding: 0px;
  height: 100%;
  width: 100%; }
  .search_contents .searchbg {
    width: 100%;
    height: 100%;
    font-size: 14px; }
    .search_contents .searchbg div {
      text-align: center; }
    .search_contents .searchbg .search_copy {
      position: absolute;
      width: 100%;
      bottom: 0; }
    .search_contents .searchbg #search_c {
      width: 8%;
      position: absolute;
      top: 2%;
      right: 3%; }
    .search_contents .searchbg .searchselect {
      width: 100%;
      height: 100%; }
      .search_contents .searchbg .searchselect .form {
        width: 100%;
        position: absolute;
        bottom: 8%; }
      .search_contents .searchbg .searchselect .form_02 {
        position: absolute;
        top: 74%; }
      .search_contents .searchbg .searchselect #ken_ita {
        width: 100%;
        position: relative;
        margin: 0 auto 7%; }
        .search_contents .searchbg .searchselect #ken_ita #search_txt_01 {
          width: 100%;
          margin: 0 auto; }
        .search_contents .searchbg .searchselect #ken_ita #selectbox {
          width: 70%;
          height: 38px;
          background: #FFF;
          font-size: 1em;
          border: 1px solid #000000; }
      .search_contents .searchbg .searchselect .search_btn {
        position: relative;
        width: 52%;
        margin: 0 auto; }
        .search_contents .searchbg .searchselect .search_btn input {
          width: 100%; }

/*# sourceMappingURL=main.css.map */