/* CSS Document */

/*====================================================
全体
====================================================*/

/* 画面100%表示用↓ここから */
.mainContentMT {
	width: 100% !important;
}

/*　パンくずの表示くずれ防止　*/
.rootMT ul {
    overflow: hidden;
    width: 940px!important;
    margin: 0 auto;
}
/* 画面100%表示用↓ここまで */

tr, th, td, div, span, a,p {
	color: inherit;
}


.pc { display: block !important; }
.sp { display: none !important; }


#coa_fukuri_popular_menu{
	margin: 0 auto;
  background: url(../img/back.png) repeat;
  background-size: 100px auto;
}

/* ヘッダー画像 */
#coa_fukuri_popular_menu img {
	text-align: center;
	width: 100%;
}

#coa_fukuri_popular_menu .head {
  padding: 2em 0;
}

#coa_fukuri_popular_menu .head img {
  max-width: 940px;
  margin: 0 auto;
  display: block;
}

#coa_fukuri_popular_menu .head_img {
  opacity: 0;
}

#coa_fukuri_popular_menu .head_img.animate__bounceInUp {
  animation: bounceInUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

@keyframes bounceInUp{
  0%{
    opacity:0;transform:translate3d(0,3000px,0) scaleY(5);
  }
  60%{
    opacity:1;transform:translate3d(0,-20px,0) scaleY(.9);
  }
  75%{
    transform:translate3d(0,10px,0) scaleY(.95);
  }
  90%{
    transform:translate3d(0,-5px,0) scaleY(.985);
  }
  100% {
    transform:translateZ(0);opacity: 1;
  }
}

.btn_all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 940px;
  margin: 0 auto;
  padding: 1em 0 2em;
}

.btn {
  width: calc(940px / 4 - 1em);
}

.btn a img {
  width: 100%;
  transition: opacity 0.3s ease-in-out;
}

.btn a:hover {
  background-color: transparent; /* IE6対応 */
}

.btn a:hover img {
  opacity: 0;
}

.takeout {
  background: url(../img/takeout_on.jpg) no-repeat;
  background-size: 100%;
}

.free {
  background: url(../img/free_on.jpg) no-repeat;
  background-size: 100%;
}

.shopping {
  background: url(../img/shopping_on.jpg) no-repeat;
  background-size: 100%;
}

.stayhome {
  background: url(../img/stayhome_on.jpg) no-repeat;
  background-size: 100%;
}


/*↓ ここからスマホ ↓*/

@media screen and (max-device-width: 767px) {

.sp { display: block !important; }
.pc { display: none !important; }

  #fftop_recomDetail section {
    padding: 0;
  }

  .btn {
    width: calc(100% / 2 - 1em);
    margin: 0 0 0.5em;
  }

}