@charset "utf-8";
/**
 * _recipe.css
 */

.recipeDetailTopType02 .recipeInfo02 .btns li a {
  width: 84vw;
  height: 45px;
  margin: auto;
  margin-top: 5%;
  position: relative;
  border: solid #000000 2px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px;
  box-shadow: 2px 2px;
}

.morePopularCorner .linkArea:hover {
  background-color: #eeeeee;
}

.morePopularCorner .linkArea a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
  height: 100%;
}
/* recipeTitleAreaType02
--------------------------------------------------*/
.recipeTitleAreaType02 {
  position: relative;
}
.recipeTitleAreaType02 .wrap1160 {
  position: relative;
  padding-right: 0;
  padding-right: 0;
}

.recipeTitleAreaType02 .wrap1160 .in_table {
  display: table;
  table-layout: fixed;
}
.recipeTitleAreaType02 .in_table > * {
  display: table-cell;
  vertical-align: top;
}
.recipeTitle a {
  text-decoration: none;
}
._karte-g__2pXC_ {
  display: none;
}
@media only screen and (max-width: 979px) {
  .recipeTimeSp .inTime {
    height: 100%;
    background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_timer02.png)
      no-repeat top center;
    background-size: 19px auto;
    margin-top: 5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
  }
  .recipeTimeSp .timeComment {
    font-size: 12px;
    position: relative;
    display: flex;
    justify-content: center;
    bottom: 50%;
    margin-bottom: 10px;
  }
  .recipeImageArea .recioeIntro {
    font-size: 14px;
    width: 70%;
    font-weight: 400;
    padding-right: 8%;
    margin-bottom: 13px;
  }
  .recipeDetailTopType02 .recipeImageArea .inImage {
    margin-bottom: 16px;
  }
  .shareBtn {
    margin-right: auto;
    margin-left: auto;
  }
  .shareBtn .wrapperShareBtn {
    display: flex;
    justify-items: start;
    align-items: center;
    margin: 20px 30px;
  }
  .recipeArea .btnHashtag {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 2px 7.5px;
    text-decoration: none;
    border-radius: 100vh;
    background: rgb(217, 44, 107);
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(217, 44, 107, 1)),
      to(rgba(236, 110, 30, 1))
    );
    background: -o-linear-gradient(
      left,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .recipeArea .wrap1160 {
    padding-left: 0;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li a {
    width: 100%;
    height: 47px;
    margin: auto;
    margin-top: 15px;
    border: solid #000000 1px;
    border-radius: 2px;
    box-shadow: 2px 2px;
  }
  .shareBtn .textBtnClip {
    display: inline-block;
    width: 100%;
    padding: 7px 0;
    text-align: center;
    border-left: 1px solid #000;
  }
  .shareBtn .btnLink {
    margin: 0;
    width: calc(100vw - 60px);
    margin-left: auto;
    margin-right: auto;
  }
  .shareBtn .btnLink p {
    font-weight: 500;
  }
  .shareBtn .recommendBtn .fork01 {
    width: calc(100vw - 60px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .shareBtn .recommendBtn .fork01 a {
    border: solid #000000 1px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px;
    box-shadow: 2px 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: table;
    font-weight: 400;
    position: relative;
    padding: 12px 0;
    text-decoration: none;
    width: 100%;
  }
  .shareBtn .recommendBtn .fork01 a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 52px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 22px;
    padding-left: 5px;
    background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_fork01_grad.png);
  }
  .shareBtn .recommendBtn .fork01 a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
  }
  .pc_disp {
    display: none;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li a > span {
    text-align: center;
    font-size: 14px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .fork01 a:before {
    padding-left: 5px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li {
    width: calc(100vw - 60px);
    margin-left: auto;
    margin-right: auto;
  }
  .recipeTimeSp .inTime span {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: 20px;
  }
  .recipeTimeSp .inTime strong {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: 40%;
    left: 40%;
  }
  .recipeItemSp {
    display: flex;
  }
  .recipeImageArea .recipeTimeSp {
    width: 30%;
    min-height: 50px;
  }
  .recipeTimePc {
    display: none;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li a {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: table;
    padding: 8px 0 8px 52px;
    font-weight: 400;
    padding-right: 15px;
    padding-left: -15px;
    text-decoration: none;
    line-height: 1.2;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeChara ul {
    padding-left: 8%;
    padding-right: 8%;
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -webkit-box-pack : center;
        -ms-flex-pack : center;
            justify-content : center;
    -ms-flex-wrap : wrap;
        flex-wrap : wrap;
    margin-top : 18px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime strong {
    margin-right: 1px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 50px;
    margin-left: 2%;
  }
  .recipeDetailTopType02 .recipeInfo01 > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime {
    font-size: 16px;
    font-weight: 300;
    background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_timer02.png)
      no-repeat top;
    background-size: 20px auto;
    text-align: center;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime {
    margin-top: -19%;
    padding-left: 6.6%;
    padding-right: 6.6%;
    width: 25%;
    padding-top: 17.5px;
    margin-bottom: auto;
  }
  .recipeTitle a {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
  }
  .recipeTitleAreaType02 .copyText {
    font-size: 15px;
    font-weight: 400;
  }
  .recipeTitleAreaType02 .titleText {
    margin: 0 10px 10px;
    font-size: 24px;
  }
  .recipeTitleAreaType02 .wrap1160 .in_table {
    display: table;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
  }
  .karteArea {
    position: relative;
    text-align: center;
    margin-bottom: 22.5px;
  }
  .recipeArea {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 980px) {
  .recipeArea .recipeTitle {
    padding: 40px 0 20px;
  }
  .recipeArea .wrap1160 {
    padding-left: 0;
    padding-right: 0;
  }
  .recipeArea .copyText {
    font-size: 20px;
    font-weight: 200;
  }
  .shareBtn .btnLink,
  .shareBtnBottom .btnLink {
    width: 340px;
  }
  .recipeTimeSp {
    display: none;
  }
  .recipeArea .karteArea {
    position: absolute !important;
    right: 0;
    top: 20px;
  }
  .recipeTitleAreaType02 .wrap1160 {
    position: relative;
    text-align: center;
  }
  .recipeTitleAreaType02 {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-right: 0px;
  }
  .recipeTitleAreaType02 .wrap1160 .in_table {
    width: 100%;
  }
}

/* recipeTitle */
.recipeTitleAreaType02 .in_table .recipeTitle {
  font-weight: 400;
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
}
.recipeTitleAreaType02 .in_table .recipeTitle small {
  display: inline-block;
  padding-right: 10px;
  /*background: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/bdr_title.png) repeat-x left bottom;*/
  background-size: auto 5px;
  font-weight: 300;
  font-size: 4vw;
}
.recipeTitleAreaType02 .in_table .recipeTitle span {
  display: block;
}
@media only screen and (min-width: 980px) {
  .recipeTitle a {
    font-size: 20px;
  }
  .recipeTitleAreaType02 .in_table .recipeTitle {
    font-size: 34px;
  }
  .recipeTitleAreaType02 .in_table .recipeTitle small {
    font-size: 20px;
  }
}

/* ptintBtn */
.recipeTitleAreaType02 .in_table .ptintBtn {
  width: 53px;
  display: none;
}
@media only screen and (min-width: 980px) {
  .recipeTitleAreaType02 .in_table .ptintBtn {
    display: table-cell;
  }
}

/* clipBtn */
.recipeTitleAreaType02 .in_table .clipBtn {
  width: 40px;
  font-size: 10px;
  text-align: center;
}
.recipeTitleAreaType02 .in_table .clipBtn a {
  display: block;
  font-weight: 700;
  text-decoration: none;
}
@media only screen and (min-width: 980px) {
  .recipeTitleAreaType02 .in_table .clipBtn {
    width: 60px;
    font-size: 14px;
  }
  .recipeTitleAreaType02 .in_table .clipBtn img {
    display: block;
    width: 45px;
    margin: auto;
  }
  .recipeTitleAreaType02 .in_table .clipBtn .clipTxt {
    width: 54px;
    height: 14px;
    margin-top: 4px;
    /*margin-top: 1px;*/
    margin-left: 3px;
    background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/txt_clip01.png)
      no-repeat left center;
    background-size: 55px auto;
  }
}

/* recipeDetailTopType02
--------------------------------------------------*/
@media only screen and (min-width: 980px) {
  .recipeDetailTopType02 .recipeDetailInner {
    max-width: 1100px;
    margin-right: auto;
    position: relative;
    margin-left: auto;
    padding-right: 0px;
    padding-right: 0px;
  }
}

.recipeDetailTopType02 .recipeImageArea p + p {
  margin-top: 1.5em;
}
@media only screen and (min-width: 980px) {
  .recipeDetailTopType02 .recipeImageArea .inImage {
    margin-bottom: 13px;
  }
  .recipeDetailTopType02 .recipeImageArea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin-left: -230px;
    padding: 0 0 0 230px;
  }
  .recipeDetailTopType02 .recipeImageArea p {
    font-size: 100%;
    margin-bottom: 20px;
  }
  .recipeDetailTopType02 .recipeImageArea .inImage {
    margin-bottom: 15px;
  }
}

/* recipeTextArea */
@media only screen and (min-width: 980px) {
  .recipeDetailTopType02 .itemListHashtag {
    position: relative;
    margin: 5px;
    margin: 5px 0;
  }
  .recipeDetailTopType02 .recipeTextArea {
    float: right;
    width: 19%;
    margin-top: 7.6%;
  }
}

@media only screen and (max-width: 979px) {
  .recipeDetailTopType02 .recipeTextArea {
    background: #fff;
  }
}

/* recipeInfo01 */

@media only screen and (min-width: 980px) {
  .recipeDetailTopType02 .recipeInfo01 {
    position: relative;
    display: table;
    width: 100%;
    border-top: #dfdeda solid 1px;
    border-bottom: #dfdeda solid 1px;
  }
  .recipeDetailTopType02 .recipeInfo01 > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime {
    padding: 2px 0 2px 26px;
    font-size: 15px;
    font-weight: 300;
    background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_timer02.png)
      no-repeat left center;
    background-size: 19px auto;
  }
  .recipeDetailTopType02 .recipeInfo01 {
    display: block;
    border: none;
  }
  .recipeDetailTopType02 .recipeInfo01 > * {
    display: block;
  }
}

/* recipeInfo01 - recipeTime */

.recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime > * {
  display: inline-block;
  line-height: 1;
}
.recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime small {
  margin-bottom: 3px;
  display: block;
  font-size: 10px;
}
.recipeDetailTopType02 .recipeInfo01 .recipeTime p {
  font-size: 10px;
}
@media only screen and (min-width: 980px) {
  .recipeTimePc .inTime span {
    font-size: 24px;
    padding-left: 10px;
    padding-top: 2px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime strong {
    margin-right: 1px;
    font-size: 20px;
    font-weight: 500;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime {
    width: 90px;
    padding: 5px 7px 5px 0;
    border-right: #dfdeda solid 1px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime {
    margin-left: 10px;
    width: auto;
    padding: 0;
    border: none;
    display: table;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime > * {
    display: table-cell;
    vertical-align: bottom;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime {
    padding-left: 34px;
    font-size: 16px;
    background-size: 28px auto;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime strong {
    font-size: 26px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime .inTime small {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.2;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeTime p {
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
  }
}

.recipeDetailTopType02 .recipeInfo01 .recipeChara li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  max-width: 50%;
  padding: 4px 0px 0 0px; /*20200302_AP_ISSUE-548_レシピカード上部のタグ間の隙間調整_CUBE_UPDATED  "4px 0 0 4px"*/
  font-size: 3.5vw;
  margin: 5px 4px;
}
@media only screen and (min-width: 980px) {
  /* recipeInfo01 - recipeChara */
  .recipeDetailTopType02 .recipeInfo01 .recipeChara {
    padding: 8px 12px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeChara ul {
    margin: -4px 0 0 -4px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeChara {
    margin-top: 15px;
    padding: 0;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeChara ul {
    margin: 0;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeChara li {
    width: auto;
    max-width: none;
    padding: 0 10px 3px 0;
    font-size: 15px;
  }
  .recipeDetailTopType02 .recipeInfo01 .recipeChara li img {
    max-width: none;
  }
}

/* recipeInfo02 */
.recipeDetailTopType02 .recipeInfo02 {
  padding-top: 15px;
}

/* recipeInfo02 - btns */
.recipeDetailTopType02 .recipeInfo02 .btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recipeDetailTopType02 .recipeInfo02 .btns li a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 52px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 22px;
}
.recipeDetailTopType02 .recipeInfo02 .btns li a > span {
  display: table-cell;
  vertical-align: middle;
}
.recipeDetailTopType02 .recipeInfo02 .btns .save a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_clip01.png);
  background-size: auto 34px;
}
.recipeDetailTopType02 .recipeInfo02 .btns .clip a:before {
  background-size: auto 32px;
  background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/icon_clip02.png);
}
.recipeDetailTopType02 .recipeInfo02 .btns .fork01 a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_fork01_grad.png);
}
.recipeDetailTopType02 .recipeInfo02 .btns .print a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_print_grad.png);
}
.recipeDetailTopType02 .recipeInfo02 .btns .share a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_share.png);
}
@media only screen and (min-width: 980px) {
  .recipeDetailTopType02 .recipeInfo02 .btns li {
    margin-bottom: 15px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li a {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    width: 100%;
    display: table;
    padding: 8px 0 8px 52px;
    font-weight: 400;
    padding-right: 15px;
    padding-left: -15px;
    text-decoration: none;
    line-height: 1.2;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns {
    display: block;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li {
    width: auto;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li + li {
    margin-top: 20px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li a {
    padding: 14px 0 14px 81px;
    font-size: 16px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns li a:before {
    width: 86px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .save a:before {
    background-size: auto 50px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .clip a:before {
    background-size: auto 50px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .combi a:before {
    background-size: auto 36px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .fork01 a:before {
    background-size: auto 34px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .fork02 a:before {
    background-size: auto 36px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .tableware a:before {
    background-size: auto 28px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .print a:before {
    background-size: auto 35px;
  }
  .recipeDetailTopType02 .recipeInfo02 .btns .share a:before {
    background-size: auto 28px;
  }
}

/* nutritionArea */
.recipeDetailTopType02 .nutritionArea {
  padding: 15px 10px;
  background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/bg_wall01.jpg);
}
.recipeDetailTopType02 .nutritionArea dt {
  margin-bottom: 10px;
  text-align: center;
}
.recipeDetailTopType02 .nutritionArea dd ul {
  padding-left: 10px;
}
.recipeDetailTopType02 .nutritionArea dd li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin: 5px 0 0 10px;
  padding-top: 5px;
  font-size: 12px;
  background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/bdr_dot01.png)
    repeat-x left top;
  background-size: auto 2px;
}
.recipeDetailTopType02 .nutritionArea dd li:nth-child(odd) {
  margin-left: -10px;
}
.recipeDetailTopType02 .nutritionArea dd li:nth-child(1),
.recipeDetailTopType02 .nutritionArea dd li:nth-child(2) {
  margin-top: 0;
  padding-top: 0;
  background: none;
}
.recipeDetailTopType02 .nutritionArea dd li > div {
  display: table;
  width: 100%;
}
.recipeDetailTopType02 .nutritionArea dd li > div > * {
  display: table-cell;
  vertical-align: top;
}
.recipeDetailTopType02 .nutritionArea dd li .ttl {
  width: 6.5em;
}
.recipeDetailTopType02 .nutritionArea dd li .num {
  text-align: right;
}
@media only screen and (min-width: 980px) {
  .recipeDetailTopType02 .nutritionArea {
    padding: 15px 15px 20px;
  }
  .recipeDetailTopType02 .nutritionArea dt {
    margin-bottom: 12px;
  }
  .recipeDetailTopType02 .nutritionArea dd li,
  .recipeDetailTopType02 .nutritionArea dd li:nth-child(2) {
    float: none;
    width: auto;
    margin: 10px 0 0 0;
    padding-top: 10px;
    font-size: 16px;
    background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/bdr_dot01.png)
      repeat-x left top;
    background-size: auto 3px;
  }
  .recipeDetailTopType02 .nutritionArea dd li:nth-child(odd) {
    margin-left: 0;
  }
  .recipeDetailTopType02 .nutritionArea dd li .ttl {
    width: 9.5em;
  }
  .recipeDetailTopType02 .nutritionArea dd li .num {
    text-align: left;
  }
}

/* recipeMaterialType02
--------------------------------------------------*/
.recipeMaterialType02 {
  margin-top: 80px;
}

.recipeMaterialList {
  background-color: #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.recipeMaterialListQuantity {
  font-weight: 600;
}

.recipeMaterialList dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 15px 0;
  font-size: 14px;
}

.recipeMaterialList dt,
.recipeMaterialList dd {
  border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  padding-bottom: 7px;
  margin-top: 10px;
  margin-bottom: 0;
}

.recipeMaterialList dt {
  width: 60%;
  text-align: left;
}

.recipeMaterialList dd {
  width: 40%;
  text-align: right;
}

.recipeMaterialList dt:first-of-type,
.recipeMaterialList dd:first-of-type {
  margin-top: 0;
}

.recipeMaterialList a {
  text-decoration: none;
}
.recipeMaterialList a:hover {
  opacity: 0.7;
}

.recipeMaterialList .recipePointComment {
  font-size: 12px;
  font-weight: 400;
}

.recipeMaterialList .recipeProvider {
  margin-top: 20px;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  color: #787878;
}

.recipeMaterialType02 .inTitle01 {
  /*font-size: 5.41vw;*/
  font-weight: 500;
}

@media only screen and (max-width: 979px) {
  .recipeMaterialType02 {
    padding: 0 15px 20px;
  }

  .bigTitle_uline .bigTitle_quantity {
    font-size: 14px;
  }

  .recipeMaterialList {
    width: 100%;
    margin: 30px auto;
    padding: 15px;
  }

  .recipeMaterialListQuantity {
    font-size: 14px;
    margin-bottom: 7.5px;
  }

  .recipeMaterialList dt,
  .recipeMaterialList dd {
    padding-bottom: 5px;
    margin-top: 5px;
  }

  .recipeMaterialList dl {
    margin: 0 0 10px 0;
  }

  .recipeMaterialList .recipeProvider {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 980px) {
  .recipeMaterialType02 {
    padding: 0 0 35px;
  }

  .bigTitle_uline .bigTitle_quantity {
    font-size: 20px;
  }

  .recipeMaterialList {
    width: 820px;
    margin: 40px auto 40px;
    padding: 20px;
  }

  .recipeMaterialListQuantity {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
  }

  .recipeMaterialList dt,
  .recipeMaterialList dd {
    font-weight: 500;
  }
}

/* recipeMaterialList */
.recipeMaterialList dt[class^="ico"] {
  position: relative;
  padding-left: 2em;
}
.recipeMaterialList dt[class^="ico"]:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-align: center;
}
.recipeMaterialList dt.icoA:before {
  content: "A";
  background-color: #ff7481;
  line-height: 1.4;
  padding-left: 1px;
  width: 21px;
}
.recipeMaterialList dt.icoB:before {
  content: "B";
  background-color: #ffca74;
  line-height: 1.5;
  padding-left: 2px;
  width: 20px;
}
.recipeMaterialList dt.icoC:before {
  content: "C";
  background-color: #ffa58a;
}
.recipeMaterialList dt.icoD:before {
  content: "D";
  background-color: #a4d0ff;
  line-height: 1.4;
  padding-left: 1px;
  width: 21px;
}
.recipeMaterialList dt.icoE:before {
  content: "E";
  background-color: #cc528b;
  padding-left: 1px;
  width: 21px;
}
.recipeMaterialList dt.icoF:before {
  content: "F";
  background-color: #9460a0;
  padding-left: 1px;
  width: 21px;
}
.recipeMaterialList dt.icoG:before {
  content: "G";
  background-color: #0074bf;
  padding-left: 1px;
  width: 21px;
}

@media only screen and (max-width: 979px) {
  .recipeMaterialList dt[class^="ico"] {
    position: relative;
    padding-left: 2em;
  }
  .recipeMaterialList dt[class^="ico"]:before {
    top: 2px;
    left: 0;
    font-size: 12px;
    width: 17px;
    height: 17px;
  }
  .recipeMaterialList dt.icoA:before {
    line-height: 1.4;
    padding-left: 0;
    width: 17px;
  }
  .recipeMaterialList dt.icoB:before {
    line-height: 1.5;
    padding-left: 0;
    width: 17px;
  }
  .recipeMaterialList dt.icoD:before {
    line-height: 1.5;
    padding-left: 0.5px;
    width: 16.5px;
  }
  .recipeMaterialList dt.icoE:before {
    padding-left: 0;
    width: 17px;
  }
  .recipeMaterialList dt.icoF:before {
    padding-left: 0;
    width: 17px;
  }
  .recipeMaterialList dt.icoG:before {
    padding-left: 0;
    width: 17px;
  }
}

/* useItems */
.useItems {
  margin-top: 20px;
}
.useItems .inTtl {
  width: 100%;
  margin-bottom: 15px;
  font-weight: 400;
}
.useItems .inTtl > a,
.useItems .inTtl span {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-left: 28px;
}
.useItems .inTtl a:before,
.useItems .inTtl span:before {
  content: "";
  background: url("/wp-content/themes/ajinomoto/resources/images/recipe/card/common/recipe_useitems_arrow.png");
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}
.useItems .inTtl > a:hover {
  opacity: 0.7;
}
.useItems .images ul {
  display: flex;
  width: 100%;
}
.useItems .images li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  display: block;
}
.useItems .images li a:hover {
  opacity: 0.7;
}
.useItems .images {
  width: 100%;
}
.useItems .images li + li {
  margin-top: 0;
}
.useItems .images img {
  max-width: 100%;
}

@media only screen and (max-width: 979px) {
  .recipeMaterialType02 .useItems {
    margin: 20px auto 25px;
    padding: 0 15px;
  }
  .useItems .inTtl {
    font-size: 14px;
  }
  .useItems .inTtl > a,
  .useItems .inTtl > span {
    padding: 0 0 0 24px;
  }
  .useItems .inTtl a:before,
  .useItems .inTtl span:before {
    width: 15px;
    height: 15px;
  }
  .useItems .images ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .useItems .images li {
    padding: 0 5px;
  }
  .useItems .images img {
    height: 80px;
  }
}

@media only screen and (min-width: 980px) {
  .useItems {
    width: 820px;
    margin: 50px auto 40px;
    text-align: center;
  }
  .useItems .inTtl {
    font-size: 16px;
  }
  .useItems .inTtl > a {
    padding: 0 0 0 30px;
  }
  .useItems .inTtl a:before {
    width: 14px;
    height: 14px;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  .useItems .images ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .recipeMaterialType02 .useItems .images li {
    padding: 0 10px;
  }
  .useItems .images img {
    height: 100px;
  }
}

/* recipeVideoType02
--------------------------------------------------*/
.recipeVideoType02 {
  margin-bottom: 20px;
}
.recipeVideoType02 .left {
  margin-bottom: 20px;
}
.recipeVideoType02 .inTitle {
  margin-bottom: 15px;
  font-weight: 600;
  text-align: left;
}
.recipeVideoType02 .inVideo {
  position: relative;
  height: 0;
  max-width: 850px;
  padding-bottom: 55.88%;
}
.recipeVideoType02 .inVideo > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}
.recipeVideoType02 .videoInfo {
  padding: 12px 8px;
  border-radius: 20px;
  background: url(data:image/gif;base64,R0lGODlhCAAIAIAAAP///+7u7iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc5NzlhNWVlLTQzYzQtNDliMC05ZGY1LThhOTk4ZjEwNTZiZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREZBMDRGREEzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREZBMDRGQ0EzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZjVkMmFhLTJhNTItNGY4Ni1hMTNjLTkyMGUwOThjNWE3ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY3YTUxNDNhLTgwYzctYTA0Ny1iZGEwLTBhOGE3NDIxM2UwYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAINjANwl9uLFJOOwnpTAQA7);
}
.recipeVideoType02 .videoInfo .ttl {
  margin-bottom: 5px;
  font-size: 4vw;
  font-weight: 500;
  text-align: center;
}
.recipeVideoType02 .videoInfo li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.recipeVideoType02 .videoInfo li > div {
  display: flex;
  justify-content: space-between;
}
.recipeVideoType02 .videoInfo li > div span {
  font-weight: 400;
}
.recipeVideoType02 .videoInfo .inCap {
  font-weight: 400;
}

@media only screen and (max-width: 979px) {
  .recipeVideoType02 {
    padding: 0 30px;
  }
  .recipeVideoType02 .inCol2 {
    width: 100%;
  }
  .recipeVideoType02 .inTitle {
    font-size: 14px;
  }
  .recipeVideoType02 .left {
    margin-bottom: 40px;
  }
  .recipeVideoType02 .videoInfo {
    padding: 15px;
    border-radius: 10px;
  }
  .recipeVideoType02 .videoInfo .ttl {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
  }
  .recipeVideoType02 .videoInfo ul {
    display: block;
  }
  .recipeVideoType02 .videoInfo li {
    width: 100%;
    padding: 0;
    font-size: 14px;
  }
  .recipeVideoType02 .videoInfo li > div span {
    display: inline-block;
    font-size: 14px;
  }
  .recipeVideoType02 .videoInfo .inCap {
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
    padding-left: 3px;
  }
}

@media only screen and (min-width: 980px) {
  .recipeVideoType02 {
    margin-bottom: 60px;
  }
  .recipeVideoType02 .inCol2 {
    position: relative;
    margin-bottom: 60px;
  }
  .recipeVideoType02 .inCol2 .left {
    max-width: 600px;
    margin: 0 auto 60px;
  }
  .recipeVideoType02 .inVideo {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 350px;
  }
  .recipeVideoType02 .inTitle {
    font-size: 18px;
  }
  .recipeVideoType02 .inCol2 .right {
    position: relative;
    margin-top: 30px;
    z-index: 2;
  }
  .recipeVideoType02 .videoInfo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 820px;
    margin: 0 auto;
    position: relative;
    padding: 15px;
    text-align: center;
  }
  .recipeVideoType02 .videoInfo .ttl {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
  }
  .recipeVideoType02 .videoInfo .nutrientListWrapper {
    display: inline-block;
  }
  .recipeVideoType02 .videoInfo ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .recipeVideoType02 .videoInfo li {
    width: auto;
    padding: 0 0 0 25px;
    font-size: 15px;
  }
  .recipeVideoType02 .videoInfo li:first-child {
    padding: 0;
  }

  .recipeVideoType02 .videoInfo li > div {
    display: flex;
    justify-content: space-between;
  }
  .recipeVideoType02 .videoInfo li > div span {
    display: block;
    font-size: 17px;
  }
  .recipeVideoType02 .videoInfo li > div span:first-child {
    padding-right: 15px;
  }
  .recipeVideoType02 .videoInfo .inCap {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
  }
}

.recipeVideoType02 .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0;
  padding: 7px;
  border: #dfdeda solid 1px;
  border-radius: 5px;
}
.recipeVideoType02 .tabs li {
  padding: 3px 5px;
  font-size: 3.5vw;
}
.recipeVideoType02 .kihonArea {
  display: table;
  width: 100%;
  margin-top: 20px;
}
.recipeVideoType02 .kihonArea > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.recipeVideoType02 .kihonArea .image {
  width: 100px;
}
.recipeVideoType02 .kihonArea .list {
  padding-left: 10px;
  font-size: 3.4vw;
}
.recipeVideoType02 .kihonArea .list li + li {
  margin-top: 4px;
}

.recipeVideoType02 .btns {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.recipeVideoType02 .btns li a {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
  padding: 8px 0 8px 52px;
  font-size: 3.5vw;
  color: #666;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.2;
  border: #e5e5e5 solid 1px;
  border-radius: 35px;
}
.recipeVideoType02 .btns li a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 52px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 21px;
}
.recipeVideoType02 .btns li a > span {
  display: table-cell;
  vertical-align: middle;
}
.recipeVideoType02 .btns .save a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_clip01.png);
  background-size: auto 34px;
}
.recipeVideoType02 .btns .clip a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/icon_clip02.png);
  background-size: auto 34px;
}
.recipeVideoType02 .btns .share a:before {
  background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_share.png);
}

@media only screen and (min-width: 980px) {
  .recipeVideoType02 .inCol2_02 .right {
    float: right;
    width: 48.8%;
  }
  .recipeVideoType02 .tabs {
    margin-bottom: 30px;
    padding: 20px 7px;
  }
  .recipeVideoType02 .kihonArea {
    padding: 20px 0;
    border-top: #dfdeda solid 1px;
    border-bottom: #dfdeda solid 1px;
  }
  .recipeVideoType02 .kihonArea > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
  }
  .recipeVideoType02 .kihonArea .image {
    width: 120px;
  }
  .recipeVideoType02 .kihonArea .list {
    padding-left: 20px;
    font-size: 17px;
  }
  .recipeVideoType02 .kihonArea .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recipeVideoType02 .kihonArea .list li {
    width: 49%;
    padding: 5px 0;
  }
  .recipeVideoType02 .kihonArea .list li + li {
    margin-top: 0;
  }
  .recipeVideoType02 .kihonArea .list li a {
    font-size: 16px;
  }
  .recipeVideoType02 .btns {
    max-width: 660px;
    margin: 30px auto 0;
  }
  .recipeVideoType02 .btns li {
    width: 46%;
  }
  .recipeVideoType02 .btns li a {
    padding: 22px 0 22px 86px;
    font-size: 17px;
  }
  .recipeVideoType02 .btns li a:before {
    width: 86px;
  }
  .recipeVideoType02 .btns .save a:before {
    background-size: auto 50px;
  }
  .recipeVideoType02 .btns .clip a:before {
    background-size: auto 48px;
  }
  .recipeVideoType02 .btns .share a:before {
    background-size: auto 33px;
  }
  .recipeVideoType02 .tabs li {
    font-size: 15px;
  }
  .recipeVideoType02 .kihonArea .list.oneCL ul {
    display: block;
  }
  .recipeVideoType02 .kihonArea .list.oneCL li {
    width: auto;
  }
}

/* relatedRecipesArea
--------------------------------------------------*/
.relatedRecipesArea {
  margin: 44px 15px 39px;
}
.relatedRecipesArea .bigTitle_uline {
  font-weight: normal;
  margin-bottom: 40px;
}
.relatedRecipesArea .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
.relatedRecipesArea .item .itemBtn {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.relatedRecipesArea .item .itemBtn:hover + .itemLeft,
.relatedRecipesArea .item .itemBtn:hover ~ .itemRight .itemName {
  opacity: 0.5;
}
.relatedRecipesArea .item .itemLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.relatedRecipesArea .item .itemLeft img {
  border-radius: 10px;
}
.relatedRecipesArea .item .itemRight {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 6px;
  padding-left: 13.5px;
  width: 50%;
}
.relatedRecipesArea .item .itemRight .itemName {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}

@media only screen and (min-width: 980px) {
  .relatedRecipesArea {
    margin: 68px auto 30px;
  }
  .relatedRecipesArea .bigTitle_uline {
    margin-bottom: 50px;
  }
  .relatedRecipesArea .lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .relatedRecipesArea .item {
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 252px;
  }
  .relatedRecipesArea .item:last-child {
    margin-right: 0;
  }
  .relatedRecipesArea .item .itemLeft {
    width: 100%;
  }
  .relatedRecipesArea .item .itemLeft img {
    border-radius: 20px;
  }
  .relatedRecipesArea .item .itemRight {
    padding-top: 11px;
    padding-left: 0;
    width: 100%;
  }
  .relatedRecipesArea .item .itemRight .itemName {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 17px;
  }
}

/* recipeMakeType02
--------------------------------------------------*/
.recipeMakeType02 {
  padding: 0 0 10px;
}
.recipeMakeType02 .makeList {
  width: 820px;
  margin: 50px auto 40px;
}

.recipeMakeType02 .makeList li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: table;
  width: 100%;
  padding: 5px 0 5px 0;
  counter-increment: num;
  table-layout: fixed;
  border-bottom: #e5e5e5 solid 1px;
}
.recipeMakeType02 .makeList li:first-child {
  padding-top: 0;
}
.recipeMakeType02 .makeList li > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
}
.recipeMakeType02 .makeList li .txt {
  width: auto;
  font-size: 16px;
  font-weight: 400;
}
/* .recipeMakeType02 .makeList li .numberTxt .num {
	position: absolute;
	top: 0.9vw;
	left: 0;
	font-size: 2.7vw;
	width: 4.3vw;
	line-height: 4.3vw;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #f9736d;
	border-radius: 3px;
} */
.recipeMakeType02 .makeList li .numberTxt .num {
  position: absolute;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: rgb(217, 44, 107);
  background: -o-linear-gradient(
    left,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(217, 44, 107, 1)),
    to(rgba(236, 110, 30, 1))
  );
  background: linear-gradient(
    90deg,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.recipeMakeType02 .makeList li .numberTxt .numBg {
  background: #ffffff;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 0;
}
.recipeMakeType02 .makeList li .numberTxt .textGrad {
  position: relative;
  z-index: 1;
}
.recipeMakeType02 .makeList li .img {
  width: 36%;
}
.recipeMakeType02 .makeList li .img a {
  position: relative;
  display: block;
}
.recipeMakeType02 .makeList li .img a:hover {
  opacity: 0.7;
  transition: none;
  -webkit-transition: none;
}
/*.recipeMakeType02 .makeList li .img a:after {
	position: absolute;
	top: 3px;
	right: 4px;
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_plus.png) no-repeat left top;
	background-size: 100% auto;
}*/

/* inGallery */
.recipeMakeType02 .makeList li.inGallery,
.recipeMakeType02 .makeList li.inGallery > *,
.recipeMakeType02 .makeList li.singleGallery,
.recipeMakeType02 .makeList li.singleGallery > * {
  display: block;
}
.recipeMakeType02 .makeList li.inGallery .txt {
  width: auto;
  font-size: 16px;
  font-weight: 400;
}
.recipeMakeType02 .makeList li.inGallery .img {
  width: auto;
}
.recipeMakeType02 .makeList li.inGallery .img:after {
  display: block;
  clear: both;
  height: 0;
  content: "";
}
.recipeMakeType02 .makeList li.inGallery .img,
.recipeMakeType02 .makeList li.singleGallery .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.recipeMakeType02 .makeList li.inGallery .img img,
.recipeMakeType02 .makeList li.singleGallery .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recipeMakeType02 .makeList li.inGallery .img a {
  position: relative;
  display: block;
  float: left;
  margin: 13px 0 0 13px;
}
.recipeMakeType02 .makeList li.inGallery .img a:before {
  position: absolute;
  display: block;
  content: "";
  background: url("/wp-content/themes/ajinomoto/resources/images/recipe/card/common/recipe_makelist_image_arrow.png")
    no-repeat center center;
  background-size: 100% auto;
}
.recipeMakeType02 .makeList li.inGallery .img a,
.recipeMakeType02 .makeList li.inGallery .img a:nth-child(3n + 1) {
  width: auto;
  height: 114px;
}
.recipeMakeType02 .makeList li.inGallery .img a:first-child:before,
.recipeMakeType02 .makeList li.inGallery .img a:nth-child(3n + 1):before {
  display: none;
}
.recipeMakeType02 .makeList li .note.txt a {
  text-decoration: none;
  color: #787878;
}
.recipeMakeType02 .makeList li .note.txt a:hover {
  opacity: 0.7;
}

.recipeMakeType02 .makeList *[class^="ico"] {
  display: inline-block;
  margin: 0 2px;
}
.recipeMakeType02 .makeList *[class^="ico"]:before {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.9;
  width: 1.85em;
  border-radius: 50%;
  text-align: center;
}
.recipeMakeType02 .makeList *.icoA:before {
  content: "A";
  background-color: #de9610;
}
.recipeMakeType02 .makeList *.icoB:before {
  content: "B";
  background-color: #c93a40;
}
.recipeMakeType02 .makeList *.icoC:before {
  content: "C";
  background-color: #a0c238;
}
.recipeMakeType02 .makeList *.icoD:before {
  content: "D";
  background-color: #56a764;
}
.recipeMakeType02 .makeList *.icoE:before {
  content: "E";
  background-color: #cc528b;
}
.recipeMakeType02 .makeList *.icoF:before {
  content: "F";
  background-color: #9460a0;
}
.recipeMakeType02 .makeList *.icoG:before {
  content: "G";
  background-color: #0074bf;
}

@media only screen and (max-width: 979px) {
  .recipeMakeType02 {
    padding: 0 15px;
  }
  .recipeMakeType02 .makeList {
    width: 100%;
    margin: 40px auto;
  }
  .recipeMakeType02 .makeList li {
    padding: 20px 0;
  }
  .recipeMakeType02 .makeList li .numberTxt {
    position: relative;
    padding-left: 40px;
  }
  .recipeMakeType02 .makeList li .numberTxt .num {
    top: 0;
    left: 0;
    font-size: 14px;
    width: 25px;
    line-height: 25px;
    border-radius: 3px;
  }
  .recipeMakeType02 .makeList li .numberTxt .numBg {
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 2px;
  }
  .recipeMakeType02 .makeList li .txt,
  .recipeMakeType02 .makeList li.inGallery .txt {
    font-size: 14px;
  }
  .recipeMakeType02 .makeList li.inGallery .img,
  .recipeMakeType02 .makeList li.singleGallery .img {
    width: 100%;
  }
  .recipeMakeType02 .makeList li.inGallery .img a:before,
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(3n + 1):before {
    display: none;
  }
  .recipeMakeType02 .makeList li.inGallery .img a {
    padding-left: 40px;
    margin: 13px 0;
  }
  .recipeMakeType02 .makeList li.inGallery .img a,
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(3n + 1) {
    height: 100%;
  }
  .recipeMakeType02 .makeList li.inGallery .img a:first-child:before,
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(6n + 1):before {
    display: none;
  }
  .recipeMakeType02 .makeList li.singleGallery .img a {
    padding-left: 40px;
    margin: 13px 0;
  }
  .recipeMakeType02 .makeList li.note {
    margin-bottom: 9px;
    padding: 0;
    border-bottom: none;
  }
  .recipeMakeType02 .makeList li.inGallery + li.note,
  .recipeMakeType02 .makeList li.singleGallery + li.note {
    padding-top: 30px;
  }
  .recipeMakeType02 .makeList li .note.txt {
    font-size: 12px;
    color: #787878;
  }
}

@media only screen and (min-width: 980px) {
  .recipeMakeType02 {
    padding: 0;
  }
  .recipeMakeType02 .inTitle01 {
    margin-bottom: 10px;
  }
  .recipeMakeType02 .inTitle01 * {
    font-size: 20px;
  }
  .recipeMakeType02 .makeList li {
    padding: 30px 0;
  }
  .recipeMakeType02 .makeList li:before {
    position: absolute;
    top: 26px;
    width: 24px;
    padding: 4px 0 5px;
    font-size: 14px;
  }
  .recipeMakeType02 .makeList li .numberTxt .num {
    top: -3px;
    left: 0;
    font-size: 20px;
    width: 35px;
    line-height: 35px;
    border-radius: 6px;
  }
  .recipeMakeType02 .makeList li .numberTxt .numBg {
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 4px;
  }
  .recipeMakeType02 .makeList li .numberTxt {
    position: relative;
    padding-left: 55px;
  }
  .recipeMakeType02 .makeList li .txt h3 {
    display: inline;
  }
  /* .recipeMakeType02 .makeList li .img,
	.recipeMakeType02 .makeList li .img img {
		width: 125px;
	} */
  .recipeMakeType02 .makeList li .img a {
    display: block;
  }
  .recipeMakeType02 .makeList li.inGallery .img a:before {
    top: 0;
    left: -10px;
    width: 11px;
    height: 100%;
  }
  .recipeMakeType02 .makeList li .img a:after {
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
  }
  .recipeMakeType02 .makeList li.inGallery .img,
  .recipeMakeType02 .makeList li.singleGallery .img {
    padding-left: 55px;
  }
  .recipeMakeType02 .makeList li.inGallery .img a,
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(3n + 1) {
    margin: 15px 0 0 40px;
  }
  .recipeMakeType02 .makeList li.inGallery .img a:before,
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(3n + 1):before {
    display: block;
    left: -25px;
    width: 10px;
  }
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(6n-5) {
    margin: 15px 0 0 0;
  }
  .recipeMakeType02 .makeList li.inGallery .img a:first-child:before,
  .recipeMakeType02 .makeList li.inGallery .img a:nth-child(6n + 1):before {
    display: none;
  }
  .recipeMakeType02 .makeList li.singleGallery .img a {
    height: 114px;
    width: auto;
    margin: 15px 0 0 0;
  }
  .recipeMakeType02 .makeList li.note {
    margin-bottom: 9px;
    padding: 0;
    border-bottom: none;
  }
  .recipeMakeType02 .makeList li.inGallery + li.note,
  .recipeMakeType02 .makeList li.singleGallery + li.note {
    padding-top: 40px;
  }
  .recipeMakeType02 .makeList li .note.txt {
    font-size: 14px;
    color: #787878;
  }
}

/* bigGrayTitle01
--------------------------------------------------*/
.bigGrayTitle01 {
  margin-bottom: 8px;
  padding: 7px 10px;
  font-size: 20px;
  font-weight: 400;
  background-color: #e5e5e5;
}
@media only screen and (max-width: 979px) {
  .bigGrayTitle01 {
    margin: 0 -13px 12px;
    padding: 7px 10px;
    font-size: 4.16vw;
  }
  .bigGrayTitle01.typeSpMin {
    margin-bottom: 0;
    font-size: 2.7vw;
    background-color: transparent;
  }
}

/* inCardSection
--------------------------------------------------*/
.inCardSection {
  margin: 70px 0 0 0;
}
@media only screen and (max-width: 979px) {
  .inCardSection {
    margin: 18px 0;
  }
}

/* spScrollAreaType01
--------------------------------------------------*/
.spScrollAreaType01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.spScrollAreaType01 li {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 49%;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #e5e5e5;
  border-radius: 5px;
}
.spScrollAreaType01 li.margin-zero {
  margin-bottom: 0px;
}
.spScrollAreaType01 li > a {
  display: block;
  width: 50%;
  float: left;
  text-decoration: none;
}
.spScrollAreaType01 .spScrollAreaType01Link {
  display: block;
  width: 100%;
  text-decoration: none;
}
.spScrollAreaType01 .spScrollAreaType01Link .box {
  float: left;
  width: 50%;
}
.spScrollAreaType01 li .ttl {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500;
}
.spScrollAreaType01 li.spTxtBtn {
  display: none;
}
@media only screen and (max-width: 979px) {
  .spScrollAreaType01 {
    position: relative;
  }
  .spScrollAreaType01 .inner {
    overflow-y: hidden;
    margin: 0 -10px;
    overflow-x: auto;
  }
  .spScrollAreaType01 ul {
    display: block;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 1px;
    margin: 0;
    -webkit-overflow-scrolling: touch;
  }
  .spScrollAreaType01 li {
    margin: 0 3px;
    display: inline-block;
    padding: 10px;
    width: 230px;
    vertical-align: top;
  }
  .spScrollAreaType01 li > a {
    float: none;
    width: auto;
  }
  .spScrollAreaType01 li > a + a {
    margin-top: 13px;
  }
  .spScrollAreaType01 li .ttl {
    white-space: normal;
    font-size: 3.8vw;
  }
  .spScrollAreaType01 .spScrollAreaType01Link .box {
    float: none;
    width: 100%;
  }
  .spScrollAreaType01 li.spTxtBtn {
    display: inline-block;
    padding: 0;
    background: transparent;
  }
  .spScrollAreaType01 li.spTxtBtn a {
    box-sizing: border-box;
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding: 20px 10vw 20px 10px;
    white-space: normal;
    font-size: 3.4vw;
  }
  .spScrollAreaType01 li.spTxtBtn a span {
    display: table-cell;
    vertical-align: middle;
  }
  .spScrollAreaType01 li.spTxtBtn a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: "";
    width: 7vw;
    height: 7vw;
    margin-top: -3.5vw;
    background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/arw_circle02.png)
      no-repeat center center;
    background-size: contain;
  }

  .spScrollAreaType01:before,
  .spScrollAreaType01:after {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    margin-top: -22px;
    background: no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transition: 0.3s;
    z-index: 4;
  }
  .spScrollAreaType01:before {
    left: 0;
    background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/arw_b2_01.png);
    opacity: 0;
  }
  .spScrollAreaType01.move:before {
    opacity: 1;
  }
  .spScrollAreaType01:after {
    right: 0;
    background-image: url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/arw_b2_02.png);
  }
  .spScrollAreaType01.stop:after {
    opacity: 0;
  }
  .spScrollAreaType01.hide:before {
    opacity: 0;
  }
  .spScrollAreaType01.hide:after {
    opacity: 0;
  }
}

/* automaticMenuCarousel
--------------------------------------------------*/
.automaticMenuCarousel {
  margin: 52px 0;
}
.automaticMenuCarouselArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 15px;
  width: 100%;
}
.automaticMenuCarouselArea li a {
  padding: 20px;
}
.automaticMenuCarouselArea .slick-list {
  /* margin-left: 30px; */
}
.automaticMenuCarouselArea .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.automaticMenuCarouselArea li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000000;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 0 0 #000000;
  box-shadow: 2px 2px 0 0 #000000;
  height: auto;
  margin: 0 10px 2px;
  max-width: 252px;
}
.automaticMenuCarouselArea a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  height: 100%;
  width: 100%;
}
.automaticMenuCarouselArea a:hover {
  opacity: 0.5;
}
.automaticMenuCarouselArea .imgArea:last-of-type {
  margin-bottom: 15px;
}
.automaticMenuCarouselArea li a p {
  font-size: 12px;
  font-weight: 700;
}
.automaticMenuCarouselArea .imgArea {
  position: relative;
}
.automaticMenuCarouselArea .imgArea span {
  position: absolute;
  top: 5px;
  right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
}
.automaticMenuCarousel .linkArea {
  text-align: center;
}
.automaticMenuCarousel .linkArea a {
  text-decoration: none;
}
.automaticMenuCarousel .linkArea .arrow {
  font-size: 14px;
  position: relative;
}
.automaticMenuCarousel .linkArea .arrow::before {
  content: "";
  position: absolute;
  top: 38%;
  left: -16px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}
@media only screen and (min-width: 980px) {
  .automaticMenuCarousel {
    margin: 79px 0;
  }
  .automaticMenuCarouselArea {
    margin: 0 auto 43px;
    padding: 0 55px;
    width: 1013px;
    display: flex;
    justify-content: center;
  }
  .automaticMenuCarouselArea .slick-list {
    margin-left: 0;
  }
  .automaticMenuCarouselArea li {
    border: 2px solid #000000;
    -webkit-box-shadow: 3px 3px 0 0 #000000;
    box-shadow: 3px 3px 0 0 #000000;
    border-radius: 5px;
    min-width: 280px;
    width: 280px;
    margin: 0 15px 3px;
  }
  .automaticMenuCarouselArea .imgArea:last-of-type {
    margin-bottom: 21px;
  }
  .automaticMenuCarouselArea .imgArea span {
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    font-size: 16px;
  }
  .automaticMenuCarouselArea li a p {
    font-size: 16px;
  }
  .automaticMenuCarouselArea .slick-prev {
    border-top: black solid 4px;
    border-left: black solid 4px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
    left: 0;
  }
  .automaticMenuCarouselArea .slick-prev img {
    width: 10px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .automaticMenuCarouselArea .slick-next {
    border-top: black solid 4px;
    border-right: black solid 4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 45%;
    right: 0;
  }
  .automaticMenuCarouselArea .slick-next img {
    width: 10px;
  }
  .automaticMenuCarousel .linkArea .arrow {
    font-size: 18px;
    font-weight: 400;
  }
  .automaticMenuCarousel .linkArea .arrow::before {
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    top: 30%;
    left: -22px;
    width: 8px;
    height: 8px;
  }
}

/* horizontalScrollArea
--------------------------------------------------*/
.horizontalScrollArea {
  width: 100%;
}
.horizontalScrollArea li {
  max-width: 260px;
  width: 39.67vw;
  margin-right: 15px;
}
.horizontalScrollArea .slick-list {
  margin-left: 30px;
}
.horizontalScrollArea .slick-slide:hover {
  opacity: 0.5;
}
.horizontalScrollArea a {
  text-decoration: none;
}
.horizontalScrollArea .img {
  position: relative;
  border-radius: 10px;
  max-width: 260px;
  width: 39.67vw;
}
.horizontalScrollArea .img .object-fit {
  border-radius: 10px;
  width: 39.67vw;
  height: 27.07vw;
  max-height: 172px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.horizontalScrollArea .ttl {
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  margin-top: 10px;
}
.horizontalScrollArea .hashtagItem {
  margin-top: 2px;
}
.horizontalScrollArea .itemListHashtag {
  display: inline-block;
  margin-left: 0;
}
.horizontalScrollArea .btnHashtag {
  padding: 2px 5.5px;
}
@media only screen and (min-width: 980px) {
  .horizontalScrollArea {
    width: 100%;
    margin-left: 0;
  }
  .horizontalScrollArea ul {
    padding: 0 54px;
  }
  .horizontalScrollArea li {
    width: 250px;
    margin-right: 30px;
  }
  .horizontalScrollArea a {
    text-decoration: none;
  }
  .horizontalScrollArea .img {
    position: relative;
    border-radius: 20px;
    width: 250px;
    display: block;
  }
  .horizontalScrollArea .img .object-fit {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
  .horizontalScrollArea .ttl {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
  }
  .horizontalScrollArea .slick-list {
    margin-left: 0;
  }
  .horizontalScrollArea .slick-prev {
    border-top: black solid 4px;
    border-left: black solid 4px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%;
    left: 0;
  }
  .horizontalScrollArea .slick-prev img {
    width: 10px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .horizontalScrollArea .slick-next {
    border-top: black solid 4px;
    border-right: black solid 4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 40%;
    right: 0;
  }
  .horizontalScrollArea .slick-next img {
    width: 10px;
  }
  .horizontalScrollArea .hashtagItem {
    margin-top: 2px;
  }
  .horizontalScrollArea .itemListHashtag {
    display: inline-block;
    margin-left: 0;
  }
}

/* recipeMaterialOtherSection
--------------------------------------------------*/
.recipeMaterialOtherSection {
  padding: 0 0 75px;
}
.recipeMaterialOtherSection .bigTitle_uline {
  margin: 0 auto 48px;
  max-width: 1100px;
  border-top: 1px solid #e5e5e5;
  padding-top: 75px;
}
.recipeMaterialOtherSection .bottomTxtLink {
  margin-top: 20px;
  text-align: center;
}
.recipeMaterialOtherSection .bottomTxtLink a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
}
.recipeMaterialOtherSection .bottomTxtLink a:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  display: block;
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-top: 2px solid #383838;
  border-right: 2px solid #383838;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
@media only screen and (max-width: 979px) {
  .recipeMaterialOtherSection {
    padding: 0 0 45px;
  }
  .recipeMaterialOtherSection .bigTitle_uline {
    margin: 0 auto 30px;
    max-width: 85%;
    border-top: 1px solid #e5e5e5;
    padding-top: 45px;
  }
  .recipeMaterialOtherSection .wrap1200 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .recipeMaterialOtherSection .bottomTxtLink {
    margin: 20px 30px 0;
    text-align: center;
  }
  .recipeMaterialOtherSection .bottomTxtLink a {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
  }
  .recipeMaterialOtherSection .bottomTxtLink a:before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    content: "";
    width: 0.4em;
    height: 0.4em;
    border-top: 1px solid #383838;
    border-right: 1px solid #383838;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
}

/* recipeRelationSection
--------------------------------------------------*/
.recipeRelationSection {
  padding: 0 0 75px;
}
.recipeRelationSection .bigTitle_uline {
  margin: 0 auto 42px;
  max-width: 1100px;
  border-top: 1px solid #e5e5e5;
  padding-top: 75px;
}
.recipeRelationSection .recipeRelationBtns {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0;
}
.recipeRelationSection .recipeRelationBtns li {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 43%;
  padding: 10px 0 10px 15px;
  margin-left: 60px;
}
.recipeRelationSection li:before {
  content: "";
  position: absolute;
  top: 1em;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #383838;
  border-right: 2px solid #383838;
}
.recipeRelationSection li a {
  text-decoration: none;
}
@media only screen and (max-width: 979px) {
  .recipeRelationSection {
    padding: 0 0 45px;
  }
  .recipeRelationSection .bigTitle_uline {
    margin: 0 auto 30px;
    max-width: 85%;
    border-top: 1px solid #e5e5e5;
    padding-top: 45px;
  }
  .recipeRelationSection .mem-stripeBox {
    margin-left: 8vw;
    margin-right: 8vw;
  }
  .recipeRelationSection .recipeRelationBtns {
    display: block;
    padding: 10px 0;
  }
  .recipeRelationSection .recipeRelationBtns li {
    position: relative;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 15px;
    margin: 18px 15px;
  }
  .recipeRelationSection .recipeRelationBtns li:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 1px solid #383838;
    border-right: 1px solid #383838;
  }
}

/* productOtherRecipesSection
--------------------------------------------------*/
.productOtherRecipesSection {
  padding: 0 0 65px;
}
.productOtherRecipesSection .bigTitle_uline {
  margin: 0 auto 50px;
  max-width: 1100px;
}
.productOtherRecipesSection .icoTitleArea {
  text-align: center;
  max-width: 1100px;
  padding: 15px 0;
  margin: 0 auto 40px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.productOtherRecipesSection h3 {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productOtherRecipesSection h3 .ico img {
  max-height: 60px;
}
.productOtherRecipesSection .bottomTxtLink {
  margin-top: 10px;
  text-align: center;
}
.productOtherRecipesSection .bottomTxtLink a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
}
.productOtherRecipesSection .bottomTxtLink a:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  display: block;
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-top: 2px solid #383838;
  border-right: 2px solid #383838;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
@media only screen and (max-width: 979px) {
  .productOtherRecipesSection {
    padding: 0 0 45px;
  }
  .productOtherRecipesSection .bigTitle_uline {
    margin: 0 auto 40px;
    max-width: 85%;
    border-top: none;
    padding-top: 0;
  }
  .productOtherRecipesSection .icoTitleArea {
    text-align: center;
    max-width: 85%;
    padding: 5px 0;
    margin: 0 auto 35px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
  }
  .productOtherRecipesSection h3 {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .productOtherRecipesSection h3 .ico img {
    max-height: 40px;
  }
  .productOtherRecipesSection .wrap1200 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .productOtherRecipesSection .slick-list {
    margin-left: 30px;
  }
  .productOtherRecipesSection .bottomTxtLink {
    margin: 10px 30px 0;
    text-align: center;
  }
  .productOtherRecipesSection .bottomTxtLink a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
  }
  .productOtherRecipesSection .bottomTxtLink a:before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    content: "";
    width: 0.4em;
    height: 0.4em;
    border-top: 1px solid #383838;
    border-right: 1px solid #383838;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
}
/* karteSpecifiedTagMagazine
--------------------------------------------------*/
#recipeCard .karteSpecifiedTagMagazine {
  margin-top: 0;
}
@media only screen and (max-width: 979px) {
  #recipeCard .karteSpecifiedTagMagazine {
    margin-top: 0;
  }
}

/* recipeCard h2
--------------------------------------------------*/
#recipeCard .bigTitle_uline {
  margin-bottom: 50px;
}
@media only screen and (max-width: 979px) {
  #recipeCard .bigTitle_uline {
    margin-bottom: 40px;
  }
}

/* iconTitleType01
--------------------------------------------------*/
.iconTitleType01 {
  display: table;
  margin-bottom: 20px;
}
.iconTitleType01 > * {
  display: table-cell;
  vertical-align: bottom;
  font-size: 20px;
  font-weight: 500;
}
.iconTitleType01 .ico {
  padding-right: 10px;
  text-align: center;
}
.iconTitleType01 .ico img {
  height: 40px;
  width: auto;
}
@media only screen and (max-width: 979px) {
  .iconTitleType01 {
    margin-bottom: 14px;
  }
  .iconTitleType01 > * {
    display: table-cell;
    vertical-align: bottom;
    font-size: 4.16vw;
  }
  .iconTitleType01 .ico {
    padding-right: 5px;
  }
  .iconTitleType01 .ico img {
    height: 1.8em;
  }
}

/* iconRirekiTitleType01
--------------------------------------------------*/
.iconRirekiTitleType01 {
  display: table;
  margin: 0 auto 20px;
  font-size: 30px;
  font-weight: 400;
}
.iconRirekiTitleType01 > * {
  display: table-cell;
  vertical-align: middle;
}
.iconRirekiTitleType01 .ico {
  width: 30px;
  padding-top: 16px;
}
.iconRirekiTitleType01 .ttl {
  padding-left: 15px;
}
@media only screen and (max-width: 979px) {
  .iconRirekiTitleType01 {
    margin-bottom: 15px;
    font-size: 5.14vw;
  }
  .iconRirekiTitleType01 .ico {
    width: 1em;
    line-height: 0;
    padding-top: 2px;
  }
  .iconRirekiTitleType01 .ttl {
    padding-left: 10px;
  }
}

/* relationItemLists
--------------------------------------------------*/
.relationItemLists {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto 60px;
}
.relationItemLists .box {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 5px 20px 20px 0;
}
.relationItemLists .box .ttl {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}
.relationItemLists .box .img {
  float: left;
  width: 32%;
}
.relationItemLists .box .texts {
  float: right;
  width: 64%;
  font-size: 18px;
}
.relationItemLists .box .texts li {
  position: relative;
  padding-left: 25px;
  font-weight: 400;
  margin-bottom: 20px;
}
.relationItemLists .box .texts li:hover {
  opacity: 0.5;
}
.relationItemLists .box .texts li:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #383838;
  border-right: 2px solid #383838;
}
.relationItemLists .box .texts li a {
  text-decoration: none;
}
.relationItemLists .box .texts li + li {
  margin-top: 5px;
}
@media only screen and (max-width: 979px) {
  .relationItemLists {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto 30px;
  }
  .relationItemLists .box {
    position: relative;
    width: auto;
    padding: 0 0 15px;
  }
  .relationItemLists .box .ttl {
    margin-bottom: 12px;
    /* font-size: 3.8vw; */
    font-size: 14px;
  }
  .relationItemLists .box .img {
    max-width: 120px;
  }
  .relationItemLists .box .texts {
    /* font-size: 3.8vw; */
    font-size: 14px;
  }
  .relationItemLists .box .texts li {
    padding-left: 15px;
    margin-bottom: 12px;
  }
  .relationItemLists .box .texts li:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 1px solid #383838;
    border-right: 1px solid #383838;
  }
  .relationItemLists .box .texts li + li {
    margin-top: 3px;
  }
}

/* recommendModalArea
--------------------------------------------------*/
:root {
  --pc-vmin-multiple: 1.25;
}
.recommendModalArea {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200;
  -webkit-overflow-scrolling: touch;
}
.recommendModalArea .bigTitle_uline {
  padding-bottom: 5.33vw;
  margin-bottom: 6vw;
}
.recommendModalArea .bigTitle_uline:before {
  width: 20vw;
  height: 4.2px;
}
.recommendModalTb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 15vw 3.47vw;
  table-layout: fixed;
}
@media only screen and (min-width: 980px) {
  .recommendModalArea .bigTitle_uline {
    /* padding-bottom: 32px;
		margin-top: 5px;
		margin-bottom: 45px; */

    /* base viewport px 1200 */
    padding-bottom: calc(2.67vmin * var(--pc-vmin-multiple));
    margin-top: calc(0.42vmin * var(--pc-vmin-multiple));
    margin-bottom: calc(3.75vmin * var(--pc-vmin-multiple));
    font-size: calc(2.08vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .bigTitle_uline:before {
    /* width: 125px;
		height: 6.5px; */
    width: calc(10.42vmin * var(--pc-vmin-multiple));
    height: calc(0.54vmin * var(--pc-vmin-multiple));
  }
  .recommendModalTbWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .recommendModalTb {
    /* padding-top: 200px; */
    padding: 0 calc(3.47vmin * var(--pc-vmin-multiple));
  }
}
.recommendModalRow {
  display: table-row;
}
.recommendModalCell {
  display: table-cell;
  vertical-align: middle;
}
.recommendModalInner {
  overflow: visible;
  position: relative;
  max-width: 92vw;
  height: 145.5vw;
  margin: 0 auto;
  padding: 5.33vw 0 0;
  border-radius: 0;
  z-index: 3;
  background: url(data:image/gif;base64,R0lGODlhCAAIAIAAAP///+7u7iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc5NzlhNWVlLTQzYzQtNDliMC05ZGY1LThhOTk4ZjEwNTZiZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREZBMDRGREEzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREZBMDRGQ0EzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZjVkMmFhLTJhNTItNGY4Ni1hMTNjLTkyMGUwOThjNWE3ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY3YTUxNDNhLTgwYzctYTA0Ny1iZGEwLTBhOGE3NDIxM2UwYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAINjANwl9uLFJOOwnpTAQA7);
}
.recommendModalArea .recommendModalInner {
  overflow: visible;
}
.recommendModalInner .mdClose {
  position: absolute;
  top: 5px;
  right: 13px;
  cursor: pointer;
}
.recommendModalInner .mdClose:before,
.recommendModalInner .mdClose:after {
  position: absolute;
  top: -30px;
  left: 50%;
  display: block;
  content: "";
  width: 25px;
  height: 2.2px;
  margin-top: -1px;
  margin-left: -6px;
  background-color: #fff;
}
.recommendModalInner .mdClose:before {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.recommendModalInner .mdClose:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
@media only screen and (min-width: 980px) {
  .recommendModalInner {
    /* padding: 30px 0 0;
		max-width: 920px;
		height: 792px; */
    padding: calc(2.5vmin * var(--pc-vmin-multiple)) 0 0;
    max-width: calc(76.67vmin * var(--pc-vmin-multiple));
    height: calc(66vmin * var(--pc-vmin-multiple));
  }
  .recommendModalInner .mdClose {
    /* top: 0px;
		right: 13px;
		width: 40px;
		height: 40px; */
    top: 0px;
    right: calc(1.08vmin * var(--pc-vmin-multiple));
    width: calc(3.33vmin * var(--pc-vmin-multiple));
    height: calc(33vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .recommendModalInner .mdClose:before,
  .recommendModalArea .recommendModalInner .mdClose:after {
    /* top: -30px; */
    top: calc(-2.5vmin * var(--pc-vmin-multiple));
    left: 50%;
    /* width: 35px; */
    width: calc(2.92vmin * var(--pc-vmin-multiple));
    height: 2.5px;
    background-color: #fff;
    margin-left: 0px;
  }
}
.recommendModalArea .slideNav {
  width: 85%;
  margin: -4vh auto;
  text-align: center;
}
.recommendModalArea .slideNavInner {
  width: 100%;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 980px) {
  .recommendModalArea .carousel {
    /* max-width: 1500px;
		margin-bottom: 50px; */
    max-width: calc(125vmin * var(--pc-vmin-multiple));
    margin-bottom: calc(4.17vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .slideNav {
    /* width: 480px; */
    width: calc(40vmin * var(--pc-vmin-multiple));
    margin: 0 auto;
    text-align: center;
  }
  .recommendModalArea .slideNavInner {
    width: 100%;
    display: inline-block;
    position: relative;
  }
}
/* slideStyle
--------------------------------------------------*/
.recommendModalArea .slideStyle .slick-slider {
  margin-bottom: 2.67vw;
}
.recommendModalArea .slideStyle .slick-dots {
  margin-top: 2.67vw;
  text-align: center;
}
.recommendModalArea .slideStyle .slick-dots li {
  display: inline-block;
  margin: 1.4vw;
  width: 2.7vw;
  height: 2.7vw;
}
.recommendModalArea .slideStyle .slick-dots li button {
  display: block;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: -9999px;
  width: 2.7vw;
  height: 2.7vw;
  border: solid 2px #de0202;
  border-radius: 50%;
}
.recommendModalArea .slideStyle .slick-dots li.slick-active button {
  background-color: #de0202;
  border: none;
}
.recommendModalArea .slideStyle .slick-prev,
.recommendModalArea .slideStyle .slick-next {
  width: 13.33vw;
  height: 7vw;
  top: 70%;
  background-color: #fff;
  border: solid 1.5px #000000;
  border-radius: 2px;
  content: "•";
}
.recommendModalArea .slideStyle .slick-prev {
  left: 0;
}
.recommendModalArea .slideStyle .slick-next {
  right: 0;
}
.recommendModalArea .slideStyle .slick-prev img {
  width: 1.4vw;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.recommendModalArea .slideStyle .slick-next img {
  width: 1.4vw;
}
@media only screen and (min-width: 980px) {
  .recommendModalArea .slideStyle .slick-slider {
    /* margin-bottom: 40px; */
    margin-bottom: calc(3.33vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .slideStyle .slick-dots {
    /* margin-top: 10px; */
    margin-top: calc(0.83vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .slideStyle .slick-dots li {
    /* margin: 6px;
		width: 20px;
		height: 20px; */
    margin: calc(0.5vmin * var(--pc-vmin-multiple));
    width: calc(1.67vmin * var(--pc-vmin-multiple));
    height: calc(1.67vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .slideStyle .slick-dots li button {
    /* width: 16px;
		height: 16px; */
    width: calc(1.33vmin * var(--pc-vmin-multiple));
    height: calc(1.33vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .slideStyle .slick-prev,
  .recommendModalArea .slideStyle .slick-next {
    /* width: 80px;
		height: 40px; */
    width: calc(6.67vmin * var(--pc-vmin-multiple));
    height: calc(3.33vmin * var(--pc-vmin-multiple));
    top: 60%;
    border: solid 2px #000000;
    border-radius: 5px;
    content: "•";
  }
  .recommendModalArea .slideStyle .slick-prev:hover,
  .recommendModalArea .slideStyle .slick-next:hover {
    background-color: #eeeeee;
  }
  .recommendModalArea .slideStyle .slick-prev {
    left: 0;
  }
  .recommendModalArea .slideStyle .slick-next {
    right: 0;
  }
  .recommendModalArea .slideStyle .slick-prev img {
    /* width: 8px; */
    width: calc(0.67vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .slideStyle .slick-next img {
    /* width: 8px; */
    width: calc(0.67vmin * var(--pc-vmin-multiple));
  }
}
/* 選択していないスライドを消す */
/* .recommendModalArea .slick-slide:not(.slick-center) {
	opacity: 0;
} */
.recommendModalArea .carouselCard {
  width: 78.5vw;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 4vw;
  margin-bottom: 5vw;
}
.recommendModalArea .carouselCard a {
  text-decoration: none;
}
.recommendModalArea .carouselCard a:hover .cardHeader,
.recommendModalArea .carouselCard a:hover .cardBody {
  opacity: 0.5;
}
.recommendModalArea .carouselArea {
  margin-bottom: 8vw;
}
.recommendModalArea .carouselArea .cardBody {
  position: relative;
  width: 100%;
}
.recommendModalArea .carouselArea .imageWrapper {
  position: relative;
  width: 100%;
}
.recommendModalArea .carouselArea .imageWrapper div {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
}
.recommendModalArea .carouselArea .imageWrapper div:first-child {
  position: relative;
  height: auto;
  width: 100%;
}
.recommendModalArea .carouselArea .imageWrapper div:last-child {
  top: 50%;
}
.recommendModalArea .carouselArea .imageWrapper .recipeGroup {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  font-weight: 600;
  top: 1.5vw;
  right: 1.5vw;
  width: 8vw;
  height: 8vw;
  font-size: 3vw;
  opacity: 0.9;
}
.recommendModalArea .carouselArea .titleWrapper {
  background-color: #fff;
  clear: left;
  padding: 2.67vw 2.67vw 4vw 2.67vw;
  border-radius: 0 0 10px 10px;
}
.recommendModalArea .carouselArea .titleWrapper p {
  display: flex;
  align-items: baseline;
  /* font-size: 13px; */
  font-size: 3vw;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  margin: 2.67vw 0;
}
.recommendModalArea .carouselArea .titleWrapper p:first-child {
  margin-top: 0;
}
.recommendModalArea .carouselArea .titleWrapper p:last-child {
  margin-bottom: 0;
}
.recommendModalArea .carouselArea .titleWrapper .recipeGroup {
  position: relative;
  margin-right: 1.33vw;
  padding: 0.6vw 1.3vw;
  border-radius: 0.53vw;
  font-size: 2.6vw;
  /* border: 1px solid #000; */
  line-height: 1;
  background: rgb(217, 44, 107);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(217, 44, 107, 1)),
    to(rgba(236, 110, 30, 1))
  );
  background: -o-linear-gradient(
    left,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.recommendModalArea .carouselArea .titleWrapper .recipeGroupBg {
  background: #ffffff;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0.27vw;
  left: 0.27vw;
  width: calc(100% - 0.5vw);
  height: calc(100% - 0.5vw);
  z-index: 0;
  border-radius: 2px;
}
.recommendModalArea .carouselArea .titleWrapper .recipeTitle {
  line-height: 1.25;
  width: calc(100% - 30px);
}
.recommendModalArea .carouselArea .titleWrapper .recipeGroup .textGrad {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 979px) {
  .recommendModalArea .carouselCard {
    /* width: 840px;
		border-radius: 20px;
		margin: 0 20px; */
    width: calc(70vmin * var(--pc-vmin-multiple));
    border-radius: 20px;
    margin: 0 calc(1.67vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .carouselArea {
    /* margin-bottom: 60px; */
    margin-bottom: calc(5vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .carouselArea .imageWrapper div {
    overflow: hidden;
    position: absolute;
    float: none;
    width: 33.334%;
  }
  .recommendModalArea .carouselArea .imageWrapper div:first-child {
    width: 66.667%;
  }
  .recommendModalArea .carouselArea .imageWrapper .recipeGroup {
    /* top: 10px;
		right: 10px;
		width: 50px;
		height: 50px;
		font-size: 18px; */
    top: calc(0.83vmin * var(--pc-vmin-multiple));
    right: calc(0.83vmin * var(--pc-vmin-multiple));
    width: calc(4.17vmin * var(--pc-vmin-multiple));
    height: calc(4.17vmin * var(--pc-vmin-multiple));
    font-size: calc(1.5vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .carouselArea .titleWrapper {
    /* padding: 15px 35px 20px 35px;
		border-radius: 0 0 20px 20px; */
    padding: calc(1.25vmin * var(--pc-vmin-multiple))
      calc(2.92vmin * var(--pc-vmin-multiple))
      calc(1.67vmin * var(--pc-vmin-multiple))
      calc(2.92vmin * var(--pc-vmin-multiple));
    border-radius: 0 0 calc(1.67vmin * var(--pc-vmin-multiple))
      calc(1.67vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .carouselArea .titleWrapper p {
    /* padding: 5px 0;
		margin: 5px 0px;
		font-size: 18px; */
    padding: calc(0.42vmin * var(--pc-vmin-multiple)) 0;
    margin: calc(0.42vmin * var(--pc-vmin-multiple)) 0px;
    font-size: calc(1.5vmin * var(--pc-vmin-multiple));
  }
  .recommendModalArea .carouselArea .titleWrapper .recipeGroup {
    /* margin-right: 17px;
		padding: 5px 12px;
		border-radius: 4px;
		font-size: 18px; */
    margin-right: calc(1.42vmin * var(--pc-vmin-multiple));
    padding: calc(0.42vmin * var(--pc-vmin-multiple))
      calc(1vmin * var(--pc-vmin-multiple));
    border-radius: calc(0.43vmin * var(--pc-vmin-multiple));
    font-size: calc(1.5vmin * var(--pc-vmin-multiple));
    /* border: 1px solid #000; */
  }
  .recommendModalArea .carouselArea .titleWrapper .recipeTitle {
    /* width: calc(100% - 60px); */
    width: calc(100% - 60px);
  }
  .recommendModalArea .carouselArea .titleWrapper .recipeGroupBg {
    /* top: 1px;
		left: 1px;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		border-radius: 4px; */
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 4px;
  }
}

/* lineBookmarkModalArea
--------------------------------------------------*/
.lineBookmarkModalArea {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200;
  -webkit-overflow-scrolling: touch;
}
.lineBookmarkModalTbWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.lineBookmarkModalTb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 15vw 3.47vw;
  table-layout: fixed;
}
.lineBookmarkModalInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 50px 0 40px;
  max-width: 920px;
  width: 70.8vw;
  max-height: 700px;
  height: 79.3vh;
  border-radius: 0;
  z-index: 3;
  background: url(data:image/gif;base64,R0lGODlhCAAIAIAAAP///+7u7iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc5NzlhNWVlLTQzYzQtNDliMC05ZGY1LThhOTk4ZjEwNTZiZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREZBMDRGREEzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREZBMDRGQ0EzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZjVkMmFhLTJhNTItNGY4Ni1hMTNjLTkyMGUwOThjNWE3ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY3YTUxNDNhLTgwYzctYTA0Ny1iZGEwLTBhOGE3NDIxM2UwYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAINjANwl9uLFJOOwnpTAQA7);
}
.lineBookmarkModalInner .bigTitle_uline {
  flex-basis: 100%;
  font-size: 24px;
}
.lineBookmarkModalInner .bigTitle_uline span {
  position: relative;
  padding-left: 48px;
}
.lineBookmarkModalInner .bigTitle_uline span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
  background: url(/wp-content/themes/ajinomoto/resources/images/recipe/card/common/icon_line_bookmark.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.lineBookmarkModalInner figure {
  flex-basis: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.lineBookmarkModalInner figcaption {
  margin-bottom: 25px;
}
.lineBookmarkModalInner .mdClose {
  position: absolute;
  top: -40px;
  right: 0;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.lineBookmarkModalInner .mdClose:before,
.lineBookmarkModalInner .mdClose:after {
  background-color: #fff;
}
.modalBtnLinebookmarkWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 340px;
  margin: 20px 40px 0 0;
}
.modalBtnLinebookmark {
  text-decoration: none;
}
.modalBtnLinebookmark:hover {
  opacity: 0.7;
}
.modalBtnLinebookmark span {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 500;
}
.modalBtnLinebookmark span:before {
  content: "";
  position: absolute;
  top: 25%;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
}

#lineqr canvas {
  border: 20px solid #fff;
}


/** lineBookmarkQRModalArea **/
.lineBookmarkQRModalArea {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200;
  -webkit-overflow-scrolling: touch;
}
.lineBookmarkQRModalTbWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.lineBookmarkQRModalTb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 15vw 3.47vw;
  table-layout: fixed;
}
.lineBookmarkQRModalInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 50px 0 40px;
  max-width: 700px;
  width: 70.8vw;
  max-height: 500px;
  height: 79.3vh;
  border-radius: 0;
  z-index: 3;
  background: url(data:image/gif;base64,R0lGODlhCAAIAIAAAP///+7u7iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc5NzlhNWVlLTQzYzQtNDliMC05ZGY1LThhOTk4ZjEwNTZiZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREZBMDRGREEzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREZBMDRGQ0EzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZjVkMmFhLTJhNTItNGY4Ni1hMTNjLTkyMGUwOThjNWE3ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY3YTUxNDNhLTgwYzctYTA0Ny1iZGEwLTBhOGE3NDIxM2UwYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAINjANwl9uLFJOOwnpTAQA7);
}
.lineBookmarkQRModalInner .bigTitle_uline {
  flex-basis: 100%;
  font-size: 24px;
}
.lineBookmarkQRModalInner .bigTitle_uline span {
  position: relative;
  padding-left: 48px;
}
.lineBookmarkQRModalInner .bigTitle_uline span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
  background: url(/wp-content/themes/ajinomoto/resources/images/common/sp/btn_share_line.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.lineBookmarkQRModalInner figure {
  flex-basis: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.lineBookmarkQRModalInner figcaption {
  margin-bottom: 25px;
}
.lineBookmarkQRModalInner .mdClose {
  position: absolute;
  top: -40px;
  right: 0;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.lineBookmarkQRModalInner .mdClose:before,
.lineBookmarkQRModalInner .mdClose:after {
  background-color: #fff;
}
.modalBtnLinebookmarkQRWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 340px;
  margin: 20px 40px 0 0;
}

@media only screen and (max-width: 979px) {
  .lineBookmarkModalTb {
    padding: 0 15px;
  }
  .lineBookmarkModalInner {
    padding: 30px 0;
    max-width: 345px;
    width: 92vw;
    max-height: 526px;
    height: 82.7vh;
  }
  .lineBookmarkModalInner .bigTitle_uline {
    margin-bottom: 23px;
    font-size: 18px;
  }
  .lineBookmarkModalInner .bigTitle_uline span {
    position: relative;
    padding-left: 35px;
  }
  .lineBookmarkModalInner .bigTitle_uline span:before {
    width: 22px;
    height: 22px;
  }
  .lineBookmarkModalInner figure {
    font-size: 14px;
    height: calc(100% - 70px);
  }
  .lineBookmarkModalInner figcaption {
    margin-bottom: 20px;
  }
  .lineBookmarkModalInner figure img {
    width: auto;
    height: calc(100% - 62px);
  }
  .lineBookmarkModalInner .mdClose {
    top: -32px;
    right: 0;
    width: 19px;
    height: 19px;
  }
  .modalBtnLinebookmarkWrapper {
    width: calc(100vw - 60px);
    margin-left: auto;
    margin-right: auto;
  }
  .modalBtnLinebookmark span {
    padding-left: 16px;
  }
  .modalBtnLinebookmark span:before {
    top: 38%;
    left: 0;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
  }
  .shareBtnBottom {
    width: calc(100vw - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 980px) {
  .lineBookmarkModalTb {
    padding-top: 200px;
  }
  .shareBtn {
    margin-top: 40px;
  }
  .shareBtnBottom {
    margin-top: 60px;
  }
  .shareBtn .wrapperActions,
  .shareBtnBottom .wrapperActions {
    align-items: flex-start;
  }
  .shareBtn .wrapperClipBtn,
  .shareBtnBottom .wrapperClipBtn {
    margin: 0 40px 0 0 !important;
  }
  .wrapperShareBtn {
    height: 64px;
  }
  .lineBookmarkModalInner figure {
    height: calc(100% - 108px);
  }
  .lineBookmarkModalInner figure img {
    width: auto;
    height: calc(100% - 50px);
  }
}

/* modalShare
--------------------------------------------------*/
.modalShare {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200;
  -webkit-overflow-scrolling: touch;
}
.modalShare .inTb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 100%;
  padding: 30px 13px;
  table-layout: fixed;
}
.modalShare .inCell {
  display: table-cell;
  vertical-align: middle;
}
.modalShare .inInner {
  max-width: 500px;
  margin: 0 auto;
  background-color: #fff;
}
.modalShare .inContents {
  padding: 0 20px;
}
.modalShare .inTitle {
  position: relative;
  margin-bottom: 10px;
  padding: 15px;
  font-size: 26px;
  border-bottom: #dfdeda solid 1px;
}
.modalShare ul {
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.modalShare li {
  width: 48%;
  padding: 10px 0;
}
.modalShare li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 7px 10px;
  table-layout: fixed;
  text-decoration: none;
  border: #dfdeda solid 1px;
}
.modalShare li a > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.modalShare li span:nth-child(1) {
  width: 60px;
}
.modalShare li span:nth-child(2) {
  padding-left: 15px;
}
.modalShare .mdClose {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background-color: #fc8b93;
  border-radius: 50%;
  cursor: pointer;
}
.modalShare .mdClose:before,
.modalShare .mdClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background-color: #fff;
}
.modalShare .mdClose:before {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.modalShare .mdClose:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
@media only screen and (max-width: 979px) {
  .modalShare .inContents {
    padding: 0 10px;
  }
  .modalShare .inTitle {
    margin-bottom: 7px;
    padding: 15px;
    font-size: 4vw;
  }
  .modalShare ul {
    padding-bottom: 7px;
  }
  .modalShare li {
    padding: 6px 0;
  }
  .modalShare li a {
    padding: 7px;
  }
  .modalShare li a > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
  }
  .modalShare li span:nth-child(1) {
    width: 40px;
  }
  .modalShare li span:nth-child(2) {
    padding-left: 10px;
    font-size: 10px;
  }
  .modalShare .mdClose {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
}

/*--------------------------------------------------
 recipeSearch page
--------------------------------------------------*/

/* searchSideArea
--------------------------------------------------*/
#recipeSearch .searchCols {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 980px) {
  #recipeSearch .searchCols {
    max-width: 1100px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 28% 5.5% 66.5%;
    grid-template-columns: 28% 66.5%;
    grid-column-gap: 5.5%;
    border-bottom: solid 1px #e5e5e5;
  }
  #recipeSearch .searchCols.noResult:before {
    /*AP_ISSUE-546 検索結果なしの場合のおすすめ特集表示調整_20200131_CUBE_ADD*/
    display: none;
  }
}

/* searchSideArea
--------------------------------------------------*/
@media only screen and (max-width: 979px) {
  #recipeSearch {
    position: relative;
  }
  #recipeSearch .searchCols .searchSideArea {
    display: none;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    display: none;
    padding-top: 30px;
    z-index: 300;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
  }
  #recipeSearch .searchSideArea > div:nth-child(1) {
    margin: 0 15px;
  }
  #recipeSearch .searchSideArea > div:nth-child(2) {
    margin: 0 30px;
  }
  #recipeSearch .searchSideArea .box.narrow .ttl {
    margin: 0 30px;
  }
  #recipeSearch .searchSideArea .areaTitle {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    padding: 0px 0 15px 9px;
    border-bottom: solid 1px #000000;
  }
  #recipeSearch .searchSideArea .areaTitle .icoNarrow {
    width: 22px;
    margin: 5px 12px 6px 5px;
  }
  #recipeSearch .searchSideArea .areaTitle .arr {
    position: absolute;
    top: 10px;
    right: 4%;
    width: 1.4em;
    height: 1.4em;
    margin-top: -0.6em;
    border-radius: 50%;
  }
  #recipeSearch .searchSideArea .areaTitle .arr:before,
  #recipeSearch .searchSideArea .areaTitle .arr:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: #000000;
  }
  #recipeSearch .searchSideArea .areaTitle .arr:before {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
  }
  #recipeSearch .searchSideArea .areaTitle .arr:after {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
  }
  /* #recipeSearch .searchSideArea .inAccordion dd {
		display: block !important;
	} */
  #recipeSearch .searchSideArea .ttl {
    position: relative;
    padding: 25px 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: #000000 solid 1px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #recipeSearch .searchSideArea .ttl:hover {
    opacity: 0.5;
  }
  #recipeSearch .searchSideArea .ttl .arr {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 1.5em;
    height: 1.5em;
    margin-top: -0.6em;
    border-radius: 50%;
  }
  #recipeSearch .searchSideArea .ttl .arr:before,
  #recipeSearch .searchSideArea .ttl .arr:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    background: rgb(217, 44, 107);
    background: -o-linear-gradient(
      top,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(217, 44, 107, 1)),
      to(rgba(236, 110, 30, 1))
    );
    background: linear-gradient(
      180deg,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
  }
  #recipeSearch .searchSideArea .ttl .arr:before {
    width: 60%;
    height: 2px;
    margin-top: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #recipeSearch .searchSideArea .ttl .arr:after {
    width: 2px;
    height: 60%;
    margin-left: -1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #recipeSearch .searchSideArea .ttl.on .arr:after {
    opacity: 0;
  }
  #recipeSearch .searchSideArea .box dl {
    margin-top: 20px;
  }
  #recipeSearch .searchSideArea .box dt {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
  }
  /* AP_ISSUE-487 WANG_BIN START */
  #recipeSearch .searchSideArea .inAccordion dt {
    position: relative;
    padding: 0px 0 16px 15px;
    margin-bottom: 4px;
    border-bottom: #000000 solid 1px;
    cursor: pointer;
  }
  #recipeSearch .searchSideArea .inAccordion dt + dd {
    margin-top: 0;
    border-bottom: solid 1px #000000;
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr {
    position: absolute;
    top: 0;
    right: 10px;
    width: 1.7em;
    height: 1.7em;
    border-radius: 50%;
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr:before,
  #recipeSearch .searchSideArea .inAccordion dt .arr:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    background: rgb(217, 44, 107);
    background: -o-linear-gradient(
      top,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(217, 44, 107, 1)),
      to(rgba(236, 110, 30, 1))
    );
    background: linear-gradient(
      180deg,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr:before {
    width: 60%;
    height: 2px;
    margin-top: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr:after {
    width: 2px;
    height: 60%;
    margin-left: -1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #recipeSearch .searchSideArea .inAccordion dt.on {
    border: none;
  }
  #recipeSearch .searchSideArea .inAccordion dt.on .arr:after {
    opacity: 0;
  }
  #recipeSearch .searchSideArea .inAccordion dd {
    display: none;
  }
  /* AP_ISSUE-487 WANG_BIN END */
  #recipeSearch .searchSideArea .narrowdown dt {
    font-size: 14px;
    font-weight: 700;
    margin: 25px 0 15px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 31%;
    margin-bottom: 15px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li:nth-child(3n-1) {
    margin: 0 3% 15px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    padding: 10px 10px 5px;
    border: #000000 solid 1px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li .modalItem {
    display: none;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li > * span {
    display: block;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 31%;
    font-size: 0; /* 0917 add */
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li:nth-child(3n-1) {
    margin: 0 3%;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li:nth-child(n + 4) {
    margin-top: 15px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li input {
    display: none;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li .ttlNarrowdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    top: 0;
    padding: 9px 2px;
    border: #000000 solid 1px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li .ttlNarrowdown:hover {
    opacity: 0.5;
    background-color: #eeeeee;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li .ttlNarrowdown p {
    font-size: 12px;
    font-weight: 400;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li > * small {
    font-size: 10px;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    input[type="checkbox"]:checked
    + .ttlNarrowdown {
    border-color: #fb8079;
    color: #e60012;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    input[type="checkbox"]:checked
    + .ttlNarrowdown:hover {
    background-color: transparent;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    input[type="checkbox"]:checked
    ~ .bg {
    background: #fbf3ef;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 0;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    label.spCloses
    div.checked
    span {
    background-color: #ffd9dc;
    border-color: #fb8079;
  }
  #recipeSearch .searchSideArea .spSubmitArea {
    margin-top: 30px;
    padding: 30px 0 10px;
    background-color: #eeeeee;
  }
  #recipeSearch .searchSideArea .spSubmitBtn {
    max-width: 635px;
    width: 84%;
    margin: 0 auto;
  }
  #recipeSearch .searchSideArea .spSubmitBtn.mem-button {
    height: 45px;
  }
  #recipeSearch .searchSideArea .spSubmitBtn button[type="submit"] {
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  #recipeSearch .searchSideArea .spClearBtn {
    text-align: center;
    padding: 15px 0;
  }
  #recipeSearch .searchSideArea .spClearBtn a {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
  }
  #recipeSearch .searchSideArea .spClearBtn a:before {
    content: "";
    display: block;
    border-top: 2px solid #444444;
    border-right: 2px solid #444444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 65%;
    left: -25%;
    width: 5px;
    height: 5px;
    margin: -6px 0 0 0;
    position: absolute;
  }
}
@media only screen and (min-width: 980px) {
  .fixedSearchSideArea,
  .searchSpFixedBtn {
    display: none !important;
  }
  #recipeSearch .searchSideArea {
    padding: 60px 0;
    border-right: solid 1px #e5e5e5;
  }
  #recipeSearch .searchSideArea > div:not(:last-of-type) {
    margin: 0 20px;
  }
  #recipeSearch .searchSideArea .areaTitle {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: solid 2px #000000;
  }
  #recipeSearch .searchSideArea .areaTitle .icoNarrow {
    width: 22px;
    margin: 7px;
  }
  #recipeSearch .searchSideArea .areaTitle .arr {
    display: none;
  }
  #recipeSearch .searchSideArea .ttl {
    position: relative;
    padding: 15px 0 15px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: #000000 solid 1px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #recipeSearch .searchSideArea .ttl:hover {
    opacity: 0.5;
  }
  #recipeSearch .searchSideArea .ttl .arr {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 1.5em;
    height: 1.5em;
    margin-top: -0.6em;
    border-radius: 50%;
  }
  #recipeSearch .searchSideArea .ttl .arr:before,
  #recipeSearch .searchSideArea .ttl .arr:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    background: rgb(217, 44, 107);
    background: -o-linear-gradient(
      top,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(217, 44, 107, 1)),
      to(rgba(236, 110, 30, 1))
    );
    background: linear-gradient(
      180deg,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
  }
  #recipeSearch .searchSideArea .ttl .arr:before {
    width: 60%;
    height: 2px;
    margin-top: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #recipeSearch .searchSideArea .ttl .arr:after {
    width: 2px;
    height: 60%;
    margin-left: -1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #recipeSearch .searchSideArea .ttl.on .arr:after {
    opacity: 0;
  }
  #recipeSearch .searchSideArea .box.narrow .ttl {
    margin: 0 20px;
  }
  #recipeSearch .searchSideArea .box dl {
    margin-top: 10px;
  }
  #recipeSearch .searchSideArea .box dt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
  }
  /* AP_ISSUE-487 WANG_BIN START */
  #recipeSearch .searchSideArea .inAccordion dt {
    position: relative;
    padding: 0 0 10px 15px;
    margin-bottom: 4px;
    border-bottom: #000000 solid 1px;
    cursor: pointer;
  }
  #recipeSearch .searchSideArea .inAccordion dt + dd {
    border-bottom: solid 1px #000000;
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr {
    position: absolute;
    top: 0;
    right: 10px;
    width: 1.7em;
    height: 1.7em;
    border-radius: 50%;
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr:before,
  #recipeSearch .searchSideArea .inAccordion dt .arr:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    background: rgb(217, 44, 107);
    background: -o-linear-gradient(
      top,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(217, 44, 107, 1)),
      to(rgba(236, 110, 30, 1))
    );
    background: linear-gradient(
      180deg,
      rgba(217, 44, 107, 1) 0%,
      rgba(236, 110, 30, 1) 100%
    );
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr:before {
    width: 60%;
    height: 2px;
    margin-top: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #recipeSearch .searchSideArea .inAccordion dt .arr:after {
    width: 2px;
    height: 60%;
    margin-left: -1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #recipeSearch .searchSideArea .inAccordion dt.on {
    border: none;
  }
  #recipeSearch .searchSideArea .inAccordion dt.on .arr:after {
    opacity: 0;
  }
  #recipeSearch .searchSideArea .inAccordion dd {
    display: none;
  }
  /* AP_ISSUE-487 WANG_BIN END */
  #recipeSearch .searchSideArea .narrowdown dt {
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0;
  }
  #recipeSearch .searchSideArea .box dd {
    margin-top: -8px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 88%;
    margin: 20px auto 0;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 46%;
    margin-bottom: 15px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li:nth-child(odd) {
    margin-right: 8%;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    padding: 10px 5px;
    border: #000000 solid 1px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li .modalItem {
    display: none;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li > * span {
    display: block;
  }
  #recipeSearch .searchSideArea .box dd .flex.type01 li > * .intl {
    margin-bottom: 10px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0 12px;
    width: 50%;
    font-size: 0; /* 0917 add */
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li:nth-child(odd) {
    padding-right: 10px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li:nth-child(even) {
    padding-left: 10px;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li input {
    display: none;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li .ttlNarrowdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    top: 0;
    padding: 7px 2px;
    border: #000000 solid 1px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li .ttlNarrowdown:hover {
    opacity: 0.5;
    background-color: #eeeeee;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li .ttlNarrowdown p {
    font-size: 16px;
    font-weight: 400;
  }
  #recipeSearch .searchSideArea .box dd .flex.type02 li > * small {
    font-size: 14px;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    input[type="checkbox"]:checked
    + .ttlNarrowdown {
    border-color: #fb8079;
    color: #e60012;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    input[type="checkbox"]:checked
    + .ttlNarrowdown:hover {
    background-color: transparent;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    input[type="checkbox"]:checked
    ~ .bg {
    background: #fbf3ef;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 0;
  }
  #recipeSearch
    .searchSideArea
    .box
    dd
    .flex.type02
    li
    label.spCloses
    div.checked
    span {
    background-color: #ffd9dc;
    border-color: #fb8079;
  }
  #recipeSearch .searchSideArea .spSubmitArea {
    margin-top: 45px;
    padding: 30px 0 10px;
    background-color: #eeeeee;
  }
  #recipeSearch .searchSideArea .spSubmitBtn {
    width: 86%;
    margin: 0 auto;
  }
  #recipeSearch .searchSideArea .spSubmitBtn button[type="submit"] {
    font-weight: 400;
    font-size: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }
  #recipeSearch .searchSideArea .spClearBtn {
    text-align: center;
    padding: 15px 0;
  }
  #recipeSearch .searchSideArea .spClearBtn a {
    font-size: 16.05px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
  }
  #recipeSearch .searchSideArea .spClearBtn a:before {
    content: "";
    display: block;
    border-top: 2px solid #444444;
    border-right: 2px solid #444444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 60%;
    left: -20%;
    width: 7px;
    height: 7px;
    margin: -6px 0 0 0;
    position: absolute;
  }
}

/* searchMainArea
--------------------------------------------------*/
#recipeSearch .searchMainArea {
  width: 100%;
  padding-top: 30px;
}
#recipeSearch .searchMainArea .areaTitle {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
#recipeSearch .searchMainArea .hitnum {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
#recipeSearch .searchMainArea .sortArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
#recipeSearch .searchMainArea .sortArea2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 10px;
}
#recipeSearch .searchMainArea .sortArea2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60%;
}
#recipeSearch .searchMainArea .sortTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 132px;
  height: 30px;
  margin: 0 10px;
  background-color: #eeeeee;
  border-radius: 20px;
  overflow: hidden;
}
#recipeSearch .searchMainArea .sortTabs li {
  padding: 7px 15px 2px;
  border-radius: 20px;
  overflow: hidden;
}
#recipeSearch .searchMainArea .sortTabs span {
  font-size: 12px;
  font-weight: 400;
}
#recipeSearch .searchMainArea .sortTabs div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#recipeSearch .searchMainArea .sortTabs .checked {
  color: #ffffff;
  position: relative;
}
#recipeSearch .searchMainArea .sortTabs .checked span {
  position: relative;
  z-index: 1;
}
#recipeSearch .searchMainArea .sortTabs .checked > .bg {
  display: block;
  position: absolute;
  top: -8px;
  left: -15px;
  width: 66px;
  height: 32px;
  z-index: 0;
  background: rgb(217, 44, 107);
  background: -o-linear-gradient(
    top,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(217, 44, 107, 1)),
    to(rgba(236, 110, 30, 1))
  );
  background: linear-gradient(
    180deg,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
}
#recipeSearch .searchMainArea .searchSpFixedBtn {
  border-radius: 25px;
  background-color: #eeeeee;
}
#recipeSearch .searchMainArea .searchSpFixedBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 15px 6px 40px;
  text-decoration: none;
}
#recipeSearch .searchMainArea .searchSpFixedBtn span {
  position: relative;
  font-size: 12px;
  font-weight: 400;
}
#recipeSearch .searchMainArea .searchSpFixedBtn span:before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: -25px;
  width: 14px;
  height: 14px;
  background-image: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_fillter2.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
#recipeSearch .searchMainArea .searchPcFixedWord span {
  position: relative;
  font-weight: 500;
  font-size: 16px;
}
#recipeSearch .searchMainArea .searchPcFixedWord span:before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: -25px;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/ajinomoto/resources/images/common/sp/icon_fillter2.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
#recipeSearch .searchMainArea .maindishand10min {
  position: relative;
  margin: 0 10px;
  width: 15%;
  font-weight: 400;
  margin-top: -5px;
}
#recipeSearch .searchMainArea .maindishand10min a {
  text-decoration: none;
}
#recipeSearch .searchMainArea .maindishand10min .ttlNarrowdown {
  border-radius: 25px;
  border: #eeeeee solid 1px;
  width: 100%;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-top: 5px;
  padding-bottom: 4px;
}
#recipeSearch .searchMainArea .maindishand10min .selected .ttlNarrowdownLeftOn {
  color: #e60012;
  border: #fb8079 solid 1px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-top: 5px;
  padding-bottom: 4px;
}
#recipeSearch .searchMainArea .maindishand10min .ttlNarrowdownLeftOn:hover {
  background-color: transparent;
}
#recipeSearch .searchMainArea .maindishand10min .ttlNarrowdown:hover {
  opacity: 0.5;
}
#recipeSearch .searchMainArea .maindishand10min .selected .LeftbgOn {
  background: #fbf3ef;
  border-radius: 25px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 5px;
  left: 1px;
  width: calc(100% - 0px);
  height: calc(100% - 5px);
  z-index: -1;
}
#recipeSearch .searchMainArea .maindishand10min p { 
  margin-top: 4px;
  font-weight: 400;
}
#recipeSearch .searchMainArea .maindishand10min span {
  font-size: 12px;
}
#recipeSearch .searchMainArea .sidedishand5min {
  position: relative;
  width: 15%;
  margin-top: -5px;
}
#recipeSearch .searchMainArea .sidedishand5min a {
  text-decoration: none;
}
#recipeSearch .searchMainArea .sidedishand5min .ttlNarrowdown {
  border-radius: 25px;
  border: #eeeeee solid 1px;
  width: 100%;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-top: 5px;
  padding-bottom: 4px;
}
#recipeSearch .searchMainArea .sidedishand5min .selected .ttlNarrowdownRightOn {
  color: #e60012;
  border: #fb8079 solid 1px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-top: 5px;
  padding-bottom: 4px;
}
#recipeSearch .searchMainArea .sidedishand5min .ttlNarrowdownRightOn:hover {
  background-color: transparent;
}
#recipeSearch .searchMainArea .sidedishand5min .ttlNarrowdown:hover {
  opacity: 0.5;
}
#recipeSearch .searchMainArea .sidedishand5min .selected .RightbgOn {
  background: #fbf3ef;
  border-radius: 25px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 5px;
  left: 1px;
  width: calc(100% - 0px);
  height: calc(100% - 5px);
  z-index: -1;
}
#recipeSearch .searchMainArea .sidedishand5min p { 
  margin-top: 4px;
  font-weight: 400;
}
#recipeSearch .searchMainArea .sidedishand5min span {
  font-size: 12px;
}
@media only screen and (min-width: 980px) {
  #recipeSearch .searchMainArea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-top: 55px;
  }
  #recipeSearch .searchMainArea .areaTitle {
    font-size: 28px;
  }
  #recipeSearch .searchMainArea .hitnum {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #recipeSearch .searchMainArea .sortTabs {
    width: 145px;
    height: 35px;
    margin: 0 auto;
  }
  #recipeSearch .searchMainArea .sortTabs li {
    padding: 4px 15px;
  }
  #recipeSearch .searchMainArea .sortTabs div {
    display: block;
  }
  #recipeSearch .searchMainArea .sortTabs span {
    font-size: 14px;
  }
  #recipeSearch .searchMainArea .sortTabs .checked > .bg {
    top: -4px;
    left: -15px;
    width: 72px;
    height: 35px;
  }

}
@media only screen and (max-width: 979px) {
  #recipeSearch .searchMainArea  .searchPcFixedWord {
    display: none !important;
  }
  #recipeSearch .searchMainArea .sidedishand5min {
    width: 27%;
  }
  #recipeSearch .searchMainArea .maindishand10min {
    width: 27%;
  }
}

/* list
--------------------------------------*/
#recipeSearch .searchMainArea .list {
  margin: 0 30px;
}
#recipeSearch .searchMainArea .list > li + li {
  margin-top: 30px;
}
#recipeSearch .searchMainArea .list > li .img {
  position: relative;
  width: 100%;
}
#recipeSearch .searchMainArea .list > li .img .object-fit {
  border-radius: 20px;
  width: 100%;
}
#recipeSearch .searchMainArea .list > li .img .rankLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(217, 44, 107);
  background: -o-linear-gradient(
    top,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(217, 44, 107, 1)),
    to(rgba(236, 110, 30, 1))
  );
  background: linear-gradient(
    180deg,
    rgba(217, 44, 107, 1) 0%,
    rgba(236, 110, 30, 1) 100%
  );
  border-radius: 10px 0;
  width: 35px;
  height: 35px;
}
#recipeSearch .searchMainArea .list > li .img .rankNumber {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1;
}
#recipeSearch .searchMainArea .list > li .img .btn {
  position: absolute;
  top: 4.8%;
  right: 3.2%;
  width: 35px;
  height: 35px;
  border-radius: 20px;
  background-color: #ffffff;
}
#recipeSearch .searchMainArea .list > li .img .iconIsCliped {
  display: block;
  width: 50%;
  margin: 10px auto 0;
}
#recipeSearch .searchMainArea .list > li .texts {
  padding: 12px 15px 0;
}
#recipeSearch .searchMainArea .list > li .texts .name {
  margin-bottom: 8px;
  line-height: 1.3;
}
#recipeSearch .searchMainArea .list > li .texts .name a {
  text-decoration: none;
}
#recipeSearch .searchMainArea .list > li .texts .name div {
  font-size: 15px;
  font-weight: 700;
}
#recipeSearch .searchMainArea .list > li .texts .name span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 3px;
}
#recipeSearch .searchMainArea .list > li .texts .time {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 400;
  color: #8e8e8e;
  line-height: 1;
}
#recipeSearch .searchMainArea .list > li .texts .time span {
  display: inline-block;
  margin-right: 5px;
}
#recipeSearch .searchMainArea .list > li .texts .time span:nth-child(2) {
  padding-bottom: 3px;
  margin-right: 18px;
}
#recipeSearch .searchMainArea .list > li .texts .time .icoTime {
  width: 1em;
}
#recipeSearch .searchMainArea .list > li .texts .time .icoCal {
  width: 0.7em;
}
#recipeSearch .searchMainArea .list > li .texts .listHashtag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#recipeSearch .searchMainArea .list > li .texts .itemListHashtag {
  margin: 0 5px 10px 0;
}
#recipeSearch .searchMainArea .list > li .texts .btnHashtag {
  padding: 2px 6px;
}
#recipeSearch .searchMainArea .list > li .texts .osusume {
  position: absolute;
  top: 7px;
  left: 7px;
  margin-bottom: 0;
}
#recipeSearch .searchMainArea .list > li .texts .osusume span {
  font-size: 3vw;
}

#recipeSearch .searchMainArea .list > li .horizontalScrollArea {
  margin-top: 15px;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea .areaTtl {
  padding-left: 20px;
  font-size: 3.5vw;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea ul {
  padding-top: 0;
  background-color: transparent;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea li {
  margin: 0 3px;
  background-color: #f5f5f5;
  -webkit-box-shadow: 3px 3px 6px -2px #e0e0e0;
  box-shadow: 3px 3px 6px -2px #e0e0e0;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea li:first-child {
  margin-left: 14px;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea .img {
  position: relative;
  width: 90px;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea .img .abs {
  position: absolute;
  top: 3px;
  left: 3px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1;
}
#recipeSearch .searchMainArea .list > li .horizontalScrollArea li .ttl {
  font-size: 3.2vw;
  font-weight: 300;
}
#recommend_info .bigGrayTitle01.typeSpMin {
  font-size: 3.5vw;
}
#recommend_info .horizontalScrollArea.type02 ul {
  padding-top: 0;
}
#recommend_info .horizontalScrollArea.type02 li .ttl {
  font-size: 3.2vw;
  font-weight: 500;
}
#recipeSearch .recipeSearchResult .inList {
  margin-bottom: 30px;
}
@media only screen and (min-width: 980px) {
  #recipeSearch .searchMainArea .list {
    margin: 0;
  }
  #recipeSearch .searchMainArea .list > li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 63.5% 5.4% 31.1%;
    grid-template-columns: 63.5% 31.1%;
    grid-column-gap: 5.4%;
  }
  #recipeSearch .searchMainArea .list > li + li {
    margin-top: 40px;
  }
  #recipeSearch .searchMainArea .list > li .img {
    position: relative;
    width: 100%;
  }
  #recipeSearch .searchMainArea .list > li .img .object-fit {
    border-radius: 20px;
  }
  #recipeSearch .searchMainArea .list > li .img .rankLabel {
    width: 55px;
    height: 55px;
    border-radius: 15px 0;
  }
  #recipeSearch .searchMainArea .list > li .img .rankNumber {
    font-size: 30px;
  }
  #recipeSearch .searchMainArea .list > li .texts {
    width: 100%;
    padding: 7px 0 0 0;
  }
  #recipeSearch .searchMainArea .list > li .texts .name div {
    font-size: 20px;
  }
  #recipeSearch .searchMainArea .list > li .texts .name span {
    font-size: 14px;
    padding-bottom: 3px;
  }
  #recipeSearch .searchMainArea .list > li .texts .time {
    margin-bottom: 20px;
    font-size: 16px;
  }
  #recipeSearch .searchMainArea .list > li .texts .time span {
    margin-right: 10px;
  }
  #recipeSearch .searchMainArea .list > li .texts .time span:nth-child(2) {
    padding-bottom: 3px;
    margin-right: 18px;
  }
  #recipeSearch .searchMainArea .list > li .texts .time .icoTime {
    width: 1.2em;
  }
  #recipeSearch .searchMainArea .list > li .texts .time .icoCal {
    width: 0.8em;
  }
  #recipeSearch .searchMainArea .list > li .texts .itemListHashtag {
    margin: 0 10px 10px 0;
  }
  #recipeSearch .searchMainArea .list > li .texts .btnHashtag {
    padding: 4px 12px;
  }
  #recipeSearch .searchMainArea .list > li .texts .osusume {
    margin-bottom: 7px;
  }
  #recipeSearch .searchMainArea .list > li .texts .osusume span {
    display: inline-block;
    padding: 2px 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: #ff6270;
    line-height: 1;
  }
  #recipeSearch .searchMainArea .commonPager02 {
    border-top: none;
  }
  #recipeSearch .recipeSearchResult .inList {
    display: none;
    margin-bottom: 60px;
  }
}

/* searchBottomArea
--------------------------------------*/
.searchBottomArea {
  max-width: 100%;
  margin-left: 4vw;
  margin-right: 4vw;
  margin-bottom: 45px;
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}
.searchBottomArea .textArea {
  font-size: 12px;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 2;
}
@media only screen and (min-width: 980px) {
  .searchBottomArea {
    max-width: 1100px;
    margin: 0 auto 75px;
    border-top: 1px solid #e5e5e5;
    padding-top: 40px;
  }
  .searchBottomArea .textArea {
    font-size: 12px;
    max-width: 580px;
    margin: 0 auto;
    line-height: 1.5;
  }
}

/* #recipeSearch .pagination
--------------------------------------------------*/
#recipeSearch .pagination {
  margin-bottom: 30px;
}

/* karteSpecifiedTagMagazine
--------------------------------------------------*/
@media only screen and (max-width: 979px) {
  #searchPage .karteSpecifiedTagMagazine {
    margin-top: 0;
  }
}
/* modalItemRefine
--------------------------------------------------*/
.modalItemRefine {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.3);
  z-index: 400;
  -webkit-overflow-scrolling: touch;
}
.modalItemRefine .inTb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 100%;
  padding: 30px 13px;
  table-layout: fixed;
}
.modalItemRefine .inCell {
  display: table-cell;
  vertical-align: middle;
}
.modalItemRefine .inInner {
  max-width: 690px;
  margin: 0 auto;
  background-color: #fff;
}
.modalItemRefine .inContents {
  position: relative;
  max-width: 615px;
  padding: 0 20px;
  margin: 0 auto;
}
.modalItemRefine .inTitle {
  position: relative;
  padding: 25px 10px 20px 10px;
  border-bottom: #000000 solid 1px;
}
.modalItemRefine .inTitle .inFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.modalItemRefine .inTitle .inFlex .txt img {
  width: auto;
  height: 48px;
}
.modalItemRefine .inTitle .inFlex .txt > div {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.modalItemRefine .inTitle .inFlex .txt > div > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}
.modalItemRefine .inTitle .inFlex .img {
  width: 25%;
}
.modalItemRefine .list {
  padding: 20px 0 25px;
}
.modalItemRefine .list a {
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  position: relative;
  padding-left: 20px;
}
.modalItemRefine .list a:before {
  content: "";
  display: block;
  border-top: 1px solid #444444;
  border-right: 1px solid #444444;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 65%;
  left: 0;
  width: 5px;
  height: 5px;
  margin: -6px 0 0 0;
  position: absolute;
}
.modalItemRefine .list li + li {
  margin-top: 10px;
}
.modalItemRefine .mdClose {
  position: absolute;
  top: -45px;
  right: -40px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.modalItemRefine .mdClose:before,
.modalItemRefine .mdClose:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  width: 2px;
  height: 25px;
  margin-top: -10px;
  background-color: #ffffff;
}
.modalItemRefine .mdClose:before {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.modalItemRefine .mdClose:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
@media only screen and (min-width: 980px) {
  .modalItemRefine .inInner {
    max-width: 920px;
  }
  .modalItemRefine .inContents {
    max-width: initial;
    padding: 0 60px;
  }
  .modalItemRefine .inTitle {
    padding: 40px 30px 30px 0;
  }
  .modalItemRefine .inTitle .inFlex .txt > div > div {
    font-size: 24px;
  }
  .modalItemRefine .list {
    padding: 30px 0;
  }
  .modalItemRefine .list a {
    font-size: 18px;
    font-weight: 400;
  }
  .modalItemRefine .list a:before {
    border-top: 2px solid #444444;
    border-right: 2px solid #444444;
    top: 60%;
    width: 7px;
    height: 7px;
  }
  .modalItemRefine .list li + li {
    margin-top: 20px;
  }
  .modalItemRefine .mdClose {
    right: -60px;
  }
  .modalItemRefine .mdClose:before,
  .modalItemRefine .mdClose:after {
    width: 100%;
    height: 2px;
    margin-top: -1px;
  }
}

/* searcCol2keys
--------------------------------------------------*/
.searcCol2keys {
  max-width: 860px;
  display: flex;
  justify-content: space-between;
  margin: 40px auto 0;
}
.searcCol2keys > dl {
  width: 48.5%;
}
.searcCol2keys dd li {
  float: left;
  margin: 0 8px 8px 0;
}
.searcCol2keys dd li a {
  display: block;
  padding: 3px 7px;
  font-size: 16px;
  border: #e5e5e5 solid 1px;
  text-decoration: none;
}
@media only screen and (max-width: 979px) {
  .searcCol2keys {
    max-width: 860px;
    display: block;
    margin: 40px auto 0;
  }
  .searcCol2keys > dl {
    width: auto;
  }
  .searcCol2keys > dl + dl {
    margin-top: 10px;
  }
  .searcCol2keys dd li {
    margin: 0 5px 5px 0;
  }
  .searcCol2keys dd li a {
    padding: 2px 5px;
    font-size: 3.3vw;
  }
}

/* recommendInfoList
--------------------------------------*/
.recommendInfoList {
  margin: 0px 30px;
}
.recommendInfoList ul {
  position: relative;
  margin-bottom: 40px;
}
.recommendInfoList ul .item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  width: 100%;
  text-decoration: none;
}
.recommendInfoList ul .item .img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 53%;
}
.recommendInfoList ul .item .img img {
  border-radius: 10px;
}
.recommendInfoList ul .item .text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 11.5px;
  width: 47%;
}
.recommendInfoList ul .item .text .ttl {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
}
.recommendInfoList ul .item .text p {
  font-size: 12px;
  font-weight: 400;
}
@media only screen and (min-width: 980px) {
  .recommendInfoList {
    margin: 0 auto;
  }
  .recommendInfoList ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .recommendInfoList ul .item {
    display: block;
    margin-bottom: 30px;
    max-width: 340px;
  }
  .recommendInfoList ul .item .img {
    width: 100%;
  }
  .recommendInfoList ul .item .img img {
    border-radius: 20px;
  }
  .recommendInfoList ul .item .text {
    padding-top: 15px;
    padding-left: 0;
    width: 100%;
  }
  .recommendInfoList ul .item .text .ttl {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .recommendInfoList ul .item .text p {
    font-size: 14px;
    font-weight: 400;
  }
}

/* searchKeywordsList
--------------------------------------*/
.searchKeywordsList {
  background: url(data:image/gif;base64,R0lGODlhCAAIAIAAAP///+7u7iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc5NzlhNWVlLTQzYzQtNDliMC05ZGY1LThhOTk4ZjEwNTZiZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREZBMDRGREEzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREZBMDRGQ0EzRUIxMUVBQjE1OUFFN0JGMUYxQjFCMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZjVkMmFhLTJhNTItNGY4Ni1hMTNjLTkyMGUwOThjNWE3ZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY3YTUxNDNhLTgwYzctYTA0Ny1iZGEwLTBhOGE3NDIxM2UwYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAINjANwl9uLFJOOwnpTAQA7);
  border-radius: 10px;
  margin: 0 15px 50px 15px;
}
.searchKeywordsList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 5px 5px 10px;
}
.searchKeywordsList li {
  padding: 0 7px 10px 0;
}
.searchKeywordsList li a {
  background-color: #ffffff;
  border: #000000 solid 1px;
  border-radius: 3px;
  display: block;
  font-size: 14px;
  text-decoration: none;
  padding: 3px 10px;
}
.searchKeywordsList li a:hover {
  background-color: #eeeeee;
}
@media only screen and (min-width: 980px) {
  .searchKeywordsList {
    margin: 0 auto 80px auto;
    border-radius: 20px;
  }
  .searchKeywordsList ul {
    padding: 40px 25px 15px 25px;
  }
  .searchKeywordsList li {
    display: block !important;
    padding: 0 10px 25px 10px;
  }
  .searchKeywordsList li a {
    border: #000000 solid 2px;
    font-size: 22px;
    font-weight: 400;
    padding: 5px 20px;
  }
}

/* commonDescriptionArea01
--------------------------------------------------*/
.commonDescriptionArea01 {
  padding: 40px 0;
  border-bottom: #e5e5e5 solid 1px;
}
@media only screen and (max-width: 979px) {
  .commonDescriptionArea01 {
    padding: 13px 0;
    font-size: 3.33vw;
  }
}

/* recipeTagSearch
--------------------------------------------------*/

#recipeTagSearch .tagResultTitle01 {
  margin-bottom: 20px;
  padding: 25px 0 10px;
  font-size: 24px;
  font-weight: 500;
  border-bottom: #e5e5e5 solid 1px;
}
@media only screen and (max-width: 979px) {
  #recipeTagSearch .tagResultTitle01 {
    margin-bottom: 0;
    padding: 15px 0;
    font-size: 5.14vw;
    border-bottom: none;
  }
}

/* tagList01 */
#recipeTagSearch .tagList01 {
  margin: 0 -2px;
  display: flex;
  flex-wrap: wrap;
}
#recipeTagSearch .tagList01 > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 0 2px 40px;
}
#recipeTagSearch .tagList01 > li > a {
  display: block;
  color: #000;
  text-decoration: none;
}
#recipeTagSearch .tagList01 > li > a span {
  position: relative;
  display: block;
}
#recipeTagSearch .tagList01 > li .ttl {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 500;
  padding-top: 5px;
  background-color: white;
}
#recipeTagSearch .tagList01 > li .cat {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 3px 15px;
  font-size: 15px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.9);
}
#recipeTagSearch .tagList01 .inTags li {
  float: left;
  font-size: 15px;
  margin: 0 15px 10px 0;
}
@media only screen and (max-width: 979px) {
  #recipeTagSearch .tagList01 > li {
    width: 50%;
    padding: 0 2px 40px;
  }
  #recipeTagSearch .tagList01 > li .ttl {
    font-size: 4.16vw;
  }
  #recipeTagSearch .tagList01 > li .cat {
    padding: 3px 10px;
    font-size: 3vw;
  }
  #recipeTagSearch .tagList01 .inTags li {
    font-size: 3vw;
    margin: 0 8px 5px 0;
  }
}

/* commonPager02 */
#recipeTagSearch .commonPager02 {
  border-top: none;
  border-bottom: #e5e5e5 solid 1px;
}

/* printPageWrpper
--------------------------------------------------*/

/* printPageHead */
#printPageWrpper.newStyle #printPageHead {
  background: #f5f5f5;
}

/* printPageHead */
#printPageWrpper.newStyle #printPageHead .pinkBtn {
  width: auto;
}
#printPageWrpper.newStyle #printPageHead .pinkBtn a {
  display: block;
  padding: 14px 20px 14px 55px;
  color: #666;
  border: #e5e5e5 solid 1px;
  border-radius: 30px;
  background: #fff
    url(/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_print.png)
    no-repeat 20px center;
  background-size: 20px auto;
}

/* inTitle */
#printPageWrpper.newStyle #printPageBody .logos {
  margin-bottom: 10px;
}
#printPageWrpper.newStyle #printPageBody .logos .logo01 {
  width: 160px;
}
#printPageWrpper.newStyle #printPageBody .logos .logo02 {
  width: 100px;
}

/* inTitle */
#printPageWrpper.newStyle #printPageBody .titleArea {
  margin-bottom: 8px;
}
#printPageWrpper.newStyle #printPageBody .titleArea .inTitle {
  line-height: 1.2;
  padding-bottom: 0;
}
#printPageWrpper.newStyle #printPageBody .titleArea .inTitle small {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
#printPageWrpper.newStyle #printPageBody .mainInfo {
  margin-bottom: 10px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .image {
  width: 290px;
}

/* texts */
#printPageWrpper.newStyle #printPageBody .mainInfo .texts {
  margin: 0 0 8px;
}
/* info */
#printPageWrpper.newStyle #printPageBody .mainInfo .info {
  width: 434px;
  padding-left: 16px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .ttl small {
  font-size: 10px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .time .num > * {
  font-weight: 400;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .time .num span {
  color: #000;
  font-size: 24px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .time {
  width: 110px;
  margin-right: 0;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .time img {
  width: 20px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .time .incap {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 200;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .time_cat {
  margin-bottom: 0;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .detail {
  float: right;
  width: 320px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .detail .list {
  padding: 6px 0;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .list li div {
  padding-left: 100px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .tags {
  display: flex;
  padding: 5px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  border: #e5e5e5 solid 1px;
  border-radius: 8px;
}
#printPageWrpper.newStyle #printPageBody .mainInfo .info .tags li {
  padding: 5px;
  font-size: 14px;
}

/* bdr */
#printPageWrpper.newStyle #printPageBody .bdr {
  overflow: hidden;
  height: 2px;
}
#printPageWrpper.newStyle #printPageBody .bdr02 {
  overflow: hidden;
  height: 1px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .right {
  width: 430px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .right .bdr {
  margin: 0 0 6px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .right .bdr02 {
  margin: 6px 0;
}
#printPageWrpper.newStyle #printPageBody .bdr img,
#printPageWrpper.newStyle #printPageBody .bdr02 img {
  width: 100%;
  height: 100%;
}

/* secTitle */
#printPageWrpper.newStyle #printPageBody .secTitle {
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 600;
}
#printPageWrpper.newStyle #printPageBody .subInfo {
  line-height: 1.4;
}
#printPageWrpper.newStyle #printPageBody .subInfo .ico {
  width: 20px;
  padding: 0 3px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .numTxt > span {
  top: 2px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .left {
  width: 290px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .left .list dl {
  padding: 6px 0;
}
#printPageWrpper #printPageBody .subInfo .left .list dt.inIco {
  position: relative;
  padding-left: 28px;
}
#printPageWrpper.newStyle #printPageBody .subInfo .left .list dt {
  width: 190px;
}
#printPageWrpper #printPageBody .subInfo .left .list dt .ico {
  position: absolute;
  top: 1px;
  left: 0;
  padding: 0;
}
#printPageWrpper #printPageBody .subInfo .textImage .text {
  width: 320px;
}

/* process img */
#printPageWrpper #printPageBody .imageList li img,
#printPageWrpper #printPageBody .subInfo .textImage .image {
  width: 97px;
}
@media only screen and (max-width: 979px) {
  .fixedSearchSideArea .box dd .flex li label {
    margin: 0;
  }
}

/* 20191016 AP_ISSUE-486:【レシピ検索一覧】PC版の材料表示の追加 LI_MING ADD START */
@media only screen and (min-width: 980px) {
  .searchListUL {
    display: inline-block;
    width: 100%;
  }
  .materialTXT {
    font-size: 12px;
    font-weight: 400;
    color: #8e8e8e;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media only screen and (max-width: 979px) {
  .searchListUL {
  }
  .materialTXT {
    display: none;
  }
}
/* 20191016 AP_ISSUE-486:【レシピ検索一覧】PC版の材料表示の追加 LI_MING ADD END */

/* recipeCardSpOrder
--------------------------------------------------*/
@media only screen and (max-width: 979px) {
  #recipeCard .recipeCardSpOrderWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    -webkit-order: 6;
    order: 6;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder7 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    -webkit-order: 7;
    order: 7;
  }
  .recipeCardSpOrder7 .relatedKeywords.recipe_card {
    padding : 25px 15px;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrder8 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    -webkit-order: 8;
    order: 8;
  }
  #recipeCard .recipeCardSpOrderWrap .recipeCardSpOrderNone {
    display: none;
  }

  /* shareBtnSpOrder */
  /* shareBtnBottomSpOrderWrap */
  #recipeCard .shareBtnSpOrderWrap,
  #recipeCard .shareBtnBottomSpOrderWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #recipeCard .shareBtnBottomSpOrderWrap {
    margin: 0;
  }
  #recipeCard .shareBtnSpOrderWrap .shareBtnSpOrder1,
  #recipeCard .shareBtnBottomSpOrderWrap .shareBtnBottomSpOrder1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  #recipeCard .shareBtnSpOrderWrap .shareBtnSpOrder2,
  #recipeCard .shareBtnBottomSpOrderWrap .shareBtnBottomSpOrder2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  #recipeCard .shareBtnBottomSpOrderWrap .shareBtnBottomSpOrder1 {
    width: 100%;
  }
  #recipeCard .shareBtnBottomSpOrderWrap .shareBtnBottomSpOrder2 {
    margin: 0 15px;
    width: 100%;
  }
  #recipeCard .shareBtnBottomSpOrderWrap .shareBtnBottomSpOrder3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    z-index: 11;
  }

  /* lineBookmarkSpOrder */
  #recipeCard .lineBookmarkSpOrderWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #recipeCard .lineBookmarkSpOrderWrap .lineBookmarkSpOrder1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  #recipeCard .lineBookmarkSpOrderWrap .lineBookmarkSpOrder2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  #recipeCard .shareBtnBottomSpOrderWrap .lineBookmarkSpOrderWrap .lineBookmarkSpOrder2 {
    width: 100%;
  }
}

/* 20211109 AP_SCRUM-3298 【3295：実装】検索一覧ページUI改善_絞り込み条件詳細部分の改善【S108追加】 */
@media only screen and (max-width: 979px){
  .fixationBottom{
    position: fixed;
    bottom: 50px;
    z-index: 100;
    width: 100%;
  }
  #recipeSearch .searchSideArea > div:nth-child(3){
    margin: 0 30px;
  }
  .accordionBody > .inAccordion:nth-child(3){
    margin-bottom: 200px;
  }
}