/* -------------- footer ----------------- */
.footerContainer{
  background-color: #fff;
}
.footerContainer.-mode_d{
  background-color: #121212;
}
.footerContainer.-mode_d li{
  color: #fff;
}
.footerContent{
  max-width: 1240px;
  padding: 54px 80px 0;
  margin: auto;
}
.footerContainer .footer_logo{
  background-image: url("/images/logo/zakkaworkslogo_cb.png");
  width: 140px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 40px;
}
.footerContainer.-mode_d .footer_logo{
  background-image: url("/images/logo/zakkaworkslogo_cw.png");
}
.footerContainer .footer_logo.none{
  display: none;
}
.grnm_block_item_strong{
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  border-bottom: 1px solid #121212;
  margin-left: 1px;
  margin-bottom: 0;
  color: #121212;
}
.footerContainer.-mode_d .grnm_block_item_strong{
  color: #fff;
  border-bottom: 1px solid #fff;
}
.gfnmWrapper{
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 14px 0 14px 1px;
}
.gfnm{
  display: grid;
  -ms-grid-row-align:start;
  align-self:start;
  padding: 0;
  margin: 0;
}
.gfnm.-gr1{
  grid-template-columns: repeat(1,1fr);
}
.gfnm.-gr3{
  grid-template-columns: repeat(3,1fr);
  grid-template-rows: repeat(10,1fr);
  grid-auto-flow: column;
}
.grnm_block_item{
  padding: 6px 0;
  font-size: 13px;
}
.gfnm.-gr1 .grnm_block_item{
  font-weight: 600;
  color: #121212;
}
.gfnm.-gr3 .grnm_block_item{
  font-weight: 400;
  color: #4C4C52;
}
.footerContainer.-mode_d .gfnm.-gr1 .grnm_block_item{
  color: #fff;
}
.footerContainer.-mode_d .gfnm.-gr3 .grnm_block_item{
  color: #fff;
}
.gfnm.-gr3 a.-title{
  grid-column: 1 / 5;
}
.gfnm.-gr3 .grnm_block_item.-title{
  font-weight: 600;
  color: #121212;
}
.footerContainer.-mode_d .gfnm.-gr1 .grnm_block_item.-title{
  color: #fff;
}
.footerContainer.-mode_d .gfnm.-gr3 .grnm_block_item.-title{
  color: #fff;
}
.licnm{
  padding: 0 0 10px;
}
.footer_snsicon{
  height: 16px;
  width: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer_snsicon.-fb{
  margin-right: 6px;
  background-image: url("/images/icon/facebook.png");
}
.footer_snsicon.-ins{
  background-image: url("/images/icon/instagram.png");
}
.footer_snsicon.-twt{
  margin-right: 6px;
  background-image: url("/images/icon/twitter.png");
}
.footerContainer.-mode_d .footer_snsicon.-fb{
  background-image: url("/images/icon/facebook_w.png");
}
.footerContainer.-mode_d .footer_snsicon.-ins{
  background-image: url("/images/icon/instagram_w.png");
}
.footerContainer.-mode_d .footer_snsicon.-twt{
  background-image: url("/images/icon/twitter_w.png");
}
.licnm .twt{
  margin-right: 6px;
}
.footerContainer p.btt{
  display: inline-block;
  color: #121212;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 40px;
}
.footerContainer p.btt span{
  color: #121212;
  font-size: 13px;
  font-weight: 600;
  padding-left: 1px;
}
.footerContainer p.btt.none{
  display: none;
}
.footer{
  padding: 0 0 20px;
}
.footer p{
  font-size: 10px;
  text-align: center;
  margin-bottom: 0;
}
/*-------------------ipad Air2 mini4 1024×768----------------------*/
@media screen and (max-width:1024px){
  .gfnm.-gr3 {
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(14,1fr);
}
}
/*-------------------ipad Air2 mini4 1024×768----------------------*/
@media screen and (max-width:768px){
  .footerContent {
    padding: 40px 20px 0;
  }
  .gfnmWrapper{
    grid-template-columns: 1fr;
  }
  .gfnm.-gr3 .grnm_block_item.-title{
    grid-column: 1 / 4;
  }
}
/*-------------------iphone6s plus 414×736----------------------*/
@media screen and (max-width:414px){
  .gfnm.-gr3{
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(29,1fr);
  }
  .gfnm.-gr3 .grnm_block_item.-title{
    grid-column: 1 / 2;
  }
  .storyContent_textArea h4 br{
    display: block;
  }
}

/*-------------------iphone6s 375×667----------------------*/
@media screen and (max-width:375px){}

/*-------------------iphone5s 320×568----------------------*/
@media screen and (max-width:320px){}