#food-subhead .subhead-sec-inner{ flex-direction:column; }
#food-subhead .subhead-sec-inner .title-logo{ width:420px; margin-bottom:24px; max-width: 100%; text-align: center;}
#food-subhead .subhead-sec-inner .title-text{ width:auto; font-size:21px; }
#food-index-content-container{ background:#FBF8F0; }
#food-index-search .search-form-box{ background:#fff; border-radius:10px; padding:48px 36px; position:relative; }
#food-index-search .search-form-box:after{ content:''; display:block; width:180px; height:182px; background:url(../img/illust_inspire_idea.png) 0 0 /cover no-repeat; position:absolute; bottom:-70px; right:-120px; }
#food-index-search .search-form-box .sup{ font-weight:bold; width:100%; margin:0 auto 24px; text-align:center; }
#food-index-search .search-form-box .form-group{ display:flex; width:80%; margin:0 auto; }
#food-index-search .search-form-box .form-control{ height:60px; border-radius:60px 0 0 60px; border:4px solid #252F50; padding-left:36px; font-size:18px; }
#food-index-search .search-form-box .btn{ background:#252F50; color:#fff; width:100px; font-size:21px; height:60px; }

#food-index-directory .content-title{ margin-bottom:24px; }
#food-index-directory .row .col{ margin-bottom:24px; }
#food-index-directory .item-group{ margin-botom:48px; margin-top: 30px;}
#food-index-directory .item-group .item{ display:flex; align-items:center; justify-content:flex-start; padding:6px 12px; color:#333; }
#food-index-directory .item-group .item:hover,
#food-index-directory .item-group .item:active,
#food-index-directory .item-group .item:focus{ box-shadow:0 1px 8px 0 rgba(0,0,0,.24); transition:all .2s; }
#food-index-directory .item-group-a .item{ border: 2px solid; border-color: #FC4A7A; background: #fff; }
#food-index-directory .item-group-b .item{ border: 2px solid; border-color: #252F50; background:#fff; }
#food-index-directory .item-group-c .item{ border: 2px solid; border-color: #FF5F0A; background:#fff; }
#food-index-directory .item-group .item-figure{ width:80px; height:80px; text-align:center; align-items: center; display: flex; }
#food-index-directory .item-group .item-figcaption{ margin-left:24px; font-size:21px; font-weight:500; width: calc(100% - 80px);}

#food-index-directory .food-item-list { position: relative; }
#food-index-directory .tab { display: block;}
#food-index-directory .area { background: #FFECC4; padding: 10px 20px; border-radius: 10px;}
.food-intake-level2 {display:flex; align-items: center; font-size: 18px; font-weight: bold;}
.food-intake-level2 .item-figcaption {margin-left: 10px;}
.food-intake-level3 {background: #FBF8F0; padding: 20px;}
#food-index-directory .food-intake-inner ul li {
  font-size: 18px;
  font-weight: bold;
}
#food-index-directory .food-intake-inner ul li:last-child {
  margin-bottom: 0px;
}

.food-intake-list-block {
  display: flex;
  column-gap: 30px;
}

.food-intake-list-block-label {
  background: #FBF8F0;
  flex: 1;
  padding: 30px;
}

.food-child-open {
}

.food-intake-list-block {
  display: flex;
}

#food-index-directory .tab-list {
  background: #FBF8F0;
  padding: 20px;
  flex: 1;
  border-radius: 8px;
}

#food-index-directory .tab-content  {
  background: #FBF8F0;
  padding: 20px;
  flex: 1;
  border-radius: 8px;
}

#food-index-directory .tab-item-link {
  padding: 6px;
  border-radius: 6px;
  font-size: 18px;
}

#food-index-directory .tab-item-link,#food-index-directory .tab-item,#food-index-directory .food-item-name {
  position: relative;
}

#food-index-directory .tab-item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 9px 12px;
  border-color: transparent transparent transparent #333333;
  right: 10px;
  top: 25%;
}

#food-index-directory .tab-item-link a {
  color: #333;
}

#food-index-directory .tab-item-link button {
  color: #333;
  border: none;
  outline: none;
  background: transparent;
  padding: 0px;
  text-align: left;
}

#food-index-directory .tab-item {
  padding: 6px;
  border-radius: 6px;
  font-size: 18px;
}
#food-index-directory .food-item-name {
  padding: 6px;
  border-radius: 6px;
  font-size: 18px;
}
#food-index-directory .food-item-name a {
  color: #333;
}
#food-index-directory .food-item-name button {
  color: #333;
  border: none;
  outline: none;
  background: transparent;
  padding: 0px;
  text-align: left;
}

#food-index-directory .tab-list .active {
  background: #FFECC4;
}
#food-index-directory .tab-content {
  display: none;
  font-size: 18px;
  font-weight: bold;
}
#food-index-directory .active {
  display: block;
}

.typeahead{
    background-color: #fff;
    min-width: 495px;
}

.typeahead li{

}

.typeahead li.active{
    background-color: #eee;
}

.food-select-top {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}

.food-select-title {
  width: 50%;
}

.food-select-title-nav {
  width: 50%;
}

.search-text{
  font-size: 6px;
}

/* 1025 - 1280 */
@media only screen and (min-width:1025px) and (max-width:1280px){

}

/* 768 - 1024 */
@media only screen and (min-width:768px) and (max-width:1024px){

}

/* 320 - 767 */
@media only screen and (min-width:320px) and (max-width:767px){
  #food-subhead .subhead-sec-inner .title-text {
    font-size: 17px;
  }

  #food-index-directory .tab-list {
    padding: 10px;
  }

  #food-index-directory .tab-content  {
    padding: 10px;
  }

  #food-index-directory .tab-item-link {
    padding: 2px;
    font-size: 10px;
  }

  #food-index-directory .tab-item {
    padding: 2px;
    font-size: 10px;
  }

  #food-index-directory .tab-item::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #333333;
    right: 1px;


  }

  .food-select-top {
    display: block;
  }

  .food-select-title {
    width: 100%;
  }

  .food-select-title-nav {
    width: 100%;
    margin-bottom: 20px;
  }
}