@charset "UTF-8";
/* mixin css */
/*共通*/
/*PC_style*/
@media only screen and (min-width: 751px) {
  .pc_hidden, .spOnly {
    display: none !important;
  }
  #headerWrap {
    min-height: 80px;
  }
  #headerWrap #nav {
    order: 4;
  }
  @keyframes btnBgAnime {
    0% {
      background-position: 0% 0%;
    }
    100% {
      background-position: 0% 200%;
    }
  }
  #wrap .moreBtnWrap {
    margin: 1em auto;
    font-weight: bold;
    text-align: center;
  }
  #wrap .moreBtnWrap .linkBtn {
    padding: 0 2em;
    border: none;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    min-width: 20%;
    color: #fff;
    background: linear-gradient(to bottom, #0078bf 0%, rgba(0, 120, 191, 0.8) 50%, #0078bf 100%);
    background-size: 100% 200%;
    cursor: pointer;
  }
  #wrap .moreBtnWrap .linkBtn:hover {
    animation: btnBgAnime 1s cubic-bezier(0.08, 0.72, 0.65, 1.15);
  }
  #wrap .moreBtnWrap .number {
    margin-top: 0.5em;
    color: #666;
  }
  .videoModalStyle {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .mfp-container .videoModalStyle {
    max-height: none;
    overflow: visible;
    opacity: 1;
  }
  .recipe .anchor {
    position: absolute;
    top: -80px;
  }
  @keyframes removeOut {
    0% {
      transform: scale3d(1, 1, 1);
      opacity: 1;
    }
    100% {
      transform: scale3d(0, 0, 0);
      opacity: 0;
    }
  }
  @keyframes fadeScaleIn {
    0% {
      transform: scale3d(0, 0, 0);
      opacity: 0;
    }
    75% {
      opacity: 1;
    }
    100% {
      transform: scale3d(1, 1, 1);
      opacity: 1;
    }
  }
  .recipe .slider1:not(.recipe .slider1.init) {
    opacity: 0;
  }
  .recipe .searchRecipe {
    position: relative;
  }
  .recipe .searchRecipe:has(.wordSearch.fixed) {
    padding-bottom: 80px;
  }
  .recipe .searchRecipe .localNavi {
    position: relative;
  }
  .recipe .searchRecipe .localNavi a.current {
    color: #fff;
    font-weight: bold;
  }
  .recipe .searchRecipe .RecipeGenre3-wrap {
    font-feature-settings: "palt";
    letter-spacing: -0.05em;
  }
  .recipe .thumbnails .innerWrap {
    padding: 0;
  }
  .recipe .thumbnails .fadeRotateIn {
    animation: fadeScaleIn 0.3s 0s both;
  }
  .recipe .thumbnails .item {
    animation-delay: 0s;
  }
  .recipe .thumbnails .item.remove {
    position: absolute;
    transform-origin: center center;
    animation: removeOut 0.3s 0s both;
  }
  .recipe.detail .border_ttl, .recipe.recipe_feature_index .border_ttl {
    letter-spacing: 0;
  }
  .recipe.detail .thumbnails .panelTable, .recipe.recipe_feature_index .thumbnails .panelTable {
    font-size: 16px;
  }
  .recipe.detail #pageTop .bnr_wrap-pageTop, .recipe.recipe_feature_index #pageTop .bnr_wrap-pageTop {
    margin-top: 20px;
  }
  .recipe.feature_whitesauce .border_ttl {
    letter-spacing: -0.025em;
  }
  .recipe.feature_whitesauce .border_ttl span {
    letter-spacing: -0.1em;
  }
  .recipe.feature_time_saving .border_ttl {
    letter-spacing: -0.05em;
  }
  .recipe.feature_time_saving .border_ttl span {
    letter-spacing: -0.05em;
  }
  .recipe .relateContent .relate-recipe-list li:nth-child(n+6) {
    display: none;
  }
  .recipe .rankingList li:nth-of-type(6) {
    display: none;
  }
  .recipe .resultTxtArea li {
    font-weight: bold;
  }
  .hotmilk .relateRecipeList {
    font-size: 16px;
  }
  .hotmilk .bnr_wrap-pageTop {
    margin-top: 20px;
  }
  .resultFraction {
    margin-top: 1em;
    text-align: center;
  }
  #recipeLabelList {
    line-height: 1;
    text-align: center;
  }
  .result-recipe-name {
    margin-bottom: 0.5em;
    display: block;
  }
  .feature .bnr_wrap-pageTop {
    margin-top: 20px;
  }
  .lineup .product_lineup > li:nth-child(n-4) {
    margin-top: 0;
  }
  .lineup .product_lineup > li:nth-child(n+5) {
    margin-top: 3px;
  }
  .hm a {
    transition: none;
  }
  .hm #headerWrap .hoverSpecialWrap .specialLink li {
    font-size: 16px;
  }
  .hm #contentsWrap {
    padding-top: 0;
  }
  .hm #contentsWrap #pageTop {
    margin-bottom: 35px;
  }
  .hm #headerWrap #nav {
    font-size: 16px;
  }
  .hm .recipe_groupeList .arrowTitle {
    font-weight: bold;
  }
  .hm #pageTop_hamauchi {
    text-align: center;
  }
  .hm #pageTop_hamauchi:hover {
    background: url(/hamauchi/common/images/pc/btn-pageTopBg.svg) no-repeat center top;
    background-size: 95px 95px;
  }
  .hm #pageTop {
    margin-bottom: 80px;
  }
  .hm #pageTop .bnr_wrap-pageTop {
    margin-top: 35px;
  }
  .hm #pageTop .bnr_wrap-pageTop a {
    display: inline-block;
  }
  .hm #pageTop .pageTop {
    display: none;
  }
  .gallery #kv .catch small:last-of-type {
    margin-top: 1em;
  }
  .gallery .iconList .moreBtn {
    height: 100px;
    line-height: 100px;
  }
  .gallery .popularList li, .gallery .popularList .-hidden {
    position: absolute;
    transform: scale(0);
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: transform 0.25s ease, opacity 0.25s ease;
    opacity: 0;
  }
  .gallery .popularList li.is-show, .gallery .popularList .-hidden.is-show {
    position: relative;
    transform: scale(1);
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    opacity: 1;
  }
  .gallery #selectIconArea {
    position: relative;
  }
  .gallery #selectIconArea #selectIconArea_ancor {
    position: absolute;
    top: -50px;
  }
  .gallery .mfp-content .illustWrap .hashLabel li {
    margin-left: 5px;
  }
  .meijimilkcoffee .bnr_wrap-pageTop {
    display: none;
  }
  .milkcoffee .fastidiousness-package-img picture img {
    margin-left: 28px;
  }
  .save #contentsWrap .important_txt {
    display: table;
  }
  .save #contentsWrap .important_txt:before {
    display: table-cell;
    content: "◎";
  }
  .newpkg #newpkg #recycle-area .section .step-list.five-rows li:nth-child(4n) {
    margin: 0;
  }
  .recycle #contentsWrap .btn-oval img {
    display: block;
  }
  .recycle #contentsWrap .bnr_list li {
    opacity: 1;
  }
  .recycle.-mini-test #contentsWrap .answer-area .btn-oval {
    box-shadow: none;
    font-weight: 500;
  }
  .recycle.-mini-test #contentsWrap .answer-area .btn-oval:after {
    content: none;
  }
  .recycle.-mini-test #contentsWrap .answer-area .btn-oval:hover {
    top: 41px;
  }
  .nyu_glass_project.-detail #contentsWrap #main_content .fullImage {
    margin-top: 33px;
  }
  .nyu_glass_project.-detail #contentsWrap #main_content .article_item {
    margin-top: 40px;
  }
  .nyu_glass_project.-detail #contentsWrap #main_content .article_item.-margin_plus {
    margin-top: 60px;
  }
  .challengereport #list .row a {
    width: 175px;
    display: block;
  }
  .challengereport #list .row a img {
    width: 100%;
    height: auto;
  }
  .meijisuprememilkparfait .milkparfaitWrap #kv.innerWrap {
    width: auto;
    max-width: none;
  }
  .cream_recipe .thumbnails .innerWrap {
    padding: 0 60px;
  }
  .cream_recipe .thumbnails .panelTable {
    font-size: 16px;
  }
  .gokugokushizentaideikimasyou .bnr_wrap-pageTop {
    display: none;
  }
  .languages .bnr_wrap-pageTop {
    display: none;
  }
  .moremorerecyclelabo .bnr_wrap-pageTop {
    display: none;
  }
  .moremorerecyclelabo .carton-reduce-Wrap ul small {
    padding-left: 1em;
  }
  .moremorerecyclelabo .carton-reduce-Wrap ul small::before {
    display: table-cell;
    text-indent: -1em;
    content: "※";
  }
} /*end：PC_style*/
/*SP_style*/
@media only screen and (max-width: 750px) {
  .sp_hidden, .pcOnly {
    display: none !important;
  }
  #topicPathSp {
    letter-spacing: -0.05em;
  }
  #topicPathSp li a {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  #wrap {
    overflow: hidden;
  }
  .bnr_wrap-pageTop ~ .pageTop {
    padding-top: 6.6666666667%;
    background: #fff;
  }
  .bnr_wrap-pageTop ~ .pageTop a {
    margin-top: 6.6666666667%;
  }
  .oishiistart .bnrWrap ~ .bnr_wrap-pageTop, .oishiistart .bnrWrap ~ #pageTop .bnr_wrap-pageTop,
  .milkcalcium .bnrWrap ~ .bnr_wrap-pageTop,
  .milkcalcium .bnrWrap ~ #pageTop .bnr_wrap-pageTop,
  .teishibounyu .bnrWrap ~ .bnr_wrap-pageTop,
  .teishibounyu .bnrWrap ~ #pageTop .bnr_wrap-pageTop,
  #recipeList ~ .bnr_wrap-pageTop,
  #recipeList ~ #pageTop .bnr_wrap-pageTop,
  .relateContent ~ .bnr_wrap-pageTop,
  .relateContent ~ #pageTop .bnr_wrap-pageTop,
  #contentsWrap ~ .bnr_wrap-pageTop,
  #contentsWrap ~ #pageTop .bnr_wrap-pageTop,
  .nyuRecipe ~ .bnr_wrap-pageTop,
  .nyuRecipe ~ #pageTop .bnr_wrap-pageTop {
    margin-top: 9.375%;
  }
  .bnr_area ~ .bnr_wrap-pageTop {
    margin-top: 0%;
  }
  .moreBtnWrap {
    margin: 2em auto 3em;
    font-weight: bold;
    text-align: center;
  }
  .moreBtnWrap .linkBtn {
    padding: 0 2em;
    border: none;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    min-width: 50%;
    color: #fff;
    background: linear-gradient(to bottom, #0078bf 0%, rgba(0, 120, 191, 0.8) 50%, #0078bf 100%);
    background-size: 100% 200%;
    cursor: pointer;
  }
  .moreBtnWrap .linkBtn:hover {
    animation: btnBgAnime 1s cubic-bezier(0.08, 0.72, 0.65, 1.15);
  }
  .moreBtnWrap .number {
    margin-top: 0.5em;
    color: #666;
  }
  .videoModalStyle {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .mfp-container .videoModalStyle {
    max-height: none;
    overflow: visible;
    opacity: 1;
  }
  @keyframes slideDown {
    0% {
      top: 0;
    }
    100% {
      top: 75px;
    }
  }
  header[style*="top: 0px"] ~ #wrap #headerWrap.fix,
  header[style*="top:0px"] ~ #wrap #headerWrap.fix {
    animation: slideDown 0.3s 0.2s both;
  }
  /* 直接変更「&+#wrap {」を「&~#wrap {」に変更する*/
  #headerWrap .innerWrap {
    padding: 0;
  }
  .home #lineup_area #lineup_anchor {
    display: none;
  }
  .home #lineup_area #lineup_anchor-sp {
    position: absolute;
    top: -3.5em;
    font-size: 10px;
    font-size: 3.125vw;
  }
  .home #store_area {
    margin: 3.5714285714% auto 0;
    width: 87.5%;
  }
  .home #bnr_area.footer-bnr_area {
    margin-top: 3.5714285714%;
  }
  .home.-chinese #feature_area .icon_list li:nth-child(odd), .home.-english #feature_area .icon_list li:nth-child(odd) {
    float: right;
  }
  .home.-chinese #feature_area .icon_list li:nth-child(even), .home.-english #feature_area .icon_list li:nth-child(even) {
    float: left;
  }
  .lineup .product_lineup li.oishii_180 img {
    margin-right: -4em;
    margin-bottom: 0.85em;
    width: 14.05em;
  }
  .lineup.-english .itemOutline li span {
    width: 14.2222222222em;
  }
  .p404 #kv .catch {
    letter-spacing: 0;
  }
  .p404 #kv .englishCatch {
    font-size: 80%;
  }
  .p404 .linkInduction {
    padding: 0 6.25% 18.75%;
  }
  .p404 .linkInduction .lead404 {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .p404 .linkBtn {
    font-size: 14px;
    font-size: 4.375vw;
  }
  .recipe {
    /* 直接変更「#refineSwitch {」を「#refineSwitchSP」に変更する*/
    /* 直接変更「#iconSearch {」を「#iconSearch-fix」に変更する*/
  }
  .recipe #kv .explainImg {
    width: 100%;
  }
  .recipe .wordSearch .searchBtn {
    width: 2.5em;
    height: 2.5em;
    font-size: 14px;
    font-size: 4.375vw;
  }
  .recipe #recipe-items .panelTable li h3 {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe #recipe-items .panelTable li .textWrap {
    padding: 0.2142857143em 0.4732142857em;
  }
  .recipe #panelLinkHome .panelTable, .recipe #recipe-items .panelTable {
    padding: 0;
  }
  .recipe.detail {
    /* 直接変更「#refineSwitch {」を「#refineSwitchSP」に変更する*/
  }
  .recipe.detail #serach_area_top .relateWrap_top .relateRecipeList {
    display: block;
  }
  .recipe.detail .iconHeadline {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe.detail .iconHeadline .recipeKcal small {
    font-size: 1em;
  }
  .recipe.detail .iconHeadline .unit.-recipeKcal {
    font-size: 10px;
    font-size: 3.125vw;
  }
  .recipe.detail .iconHeadline .unit.-recipeGenre {
    font-size: 11px;
    font-size: 3.4375vw;
  }
  .recipe.detail .washoku-only {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe.detail .washoku-only .unit {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe.detail .washoku-only .unit.washoku-cal, .recipe.detail .washoku-only .unit.washoku-salt {
    font-size: 10px;
    font-size: 3.125vw;
  }
  .recipe.detail .introduction .introduction-name_wrap {
    font-weight: bold;
  }
  .recipe.detail .introduction .introduction-name {
    font-size: 14px;
    font-size: 4.375vw;
  }
  .recipe.detail .introduction .profile {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe.detail .introduction .position {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe.detail .introduction .linkBtn {
    font-size: 16px;
    font-size: 5vw;
  }
  .recipe.detail .nyuwashoku_bottom p {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .recipe.detail .nyuwashoku_bottom .btn-nyuwashoku {
    font-size: 16px;
    font-size: 5vw;
  }
  .recipe.detail .relate-recipe-list.relateRecipeList h3 {
    display: none;
  }
  .recipe.detail #bnr_area .bnr_list.innerWrap {
    padding: 0;
  }
  .recipe.recipe_feature_index .noSwitch .wordSearch .slideSwitch {
    display: none;
  }
  .recipe.recipe_feature_index .noSwitch .wordSearch #refineSwitchSP {
    padding: 0.4em 1.75em;
    display: block;
  }
  .recipe.recipe_feature_index .noSwitch .wordSearch #refineSwitchSP:after {
    padding-top: 0;
    position: absolute;
    top: 50%;
    right: 2em;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
  }
  .recipe.recipe_feature_index .bnr_area .bnr_list {
    padding: 0;
  }
  .recipe.result .resultTxtArea {
    padding: 10.9375% 6.25%;
    font-weight: bold;
    line-height: 1.4375;
    letter-spacing: -0.08em;
    font-size: 16px;
    font-size: 5vw;
  }
  .recipe.result .resultTxtArea .resultTtl {
    padding: 0;
  }
  .relateContent .relateRecipeList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .relatedSpecial .innerWrap {
    padding: 0;
  }
  .relatePopular .relateRecipeList h3 {
    display: none;
  }
  .feature .recipe .textWrap {
    letter-spacing: 0;
  }
  .story .pageTop.animate {
    opacity: 1;
  }
  /* 直接変更「#topicPath {」を「#topicPathSp」に変更する*/
  body.teishibounyu #contentsWrap .pointList .pointBox .textWrap .subHeadline + p {
    margin-top: 1.7857142857%;
  }
  body.teishibounyu #contentsWrap .pointList .pointBox .figure img {
    border-top-color: #CCC;
    border-top-style: solid;
  }
  body.teishibounyu + p {
    margin-top: 1.7857142857%;
  }
  .hm #contentsRim img {
    width: revert-layer;
  }
  .hm .bx-pager {
    display: none;
  }
  .hm#home #message .title img {
    width: 100%;
  }
  .hm#home #recipeWrap .title {
    width: 160px;
    margin: 20px auto 0;
  }
  .hm#home #recipeWrap img {
    width: 100%;
  }
  .hm#home #otherRecipes .title {
    width: 208px;
    margin: 0 auto 20px;
  }
  .hm#home #otherRecipes img {
    width: 100%;
  }
  .hm#home #contentsWrap {
    padding-top: 0;
  }
  .hm#home .recipe_groupeList li {
    box-sizing: content-box;
  }
  .hm#home .recipe_groupeList .arrowTitle {
    letter-spacing: -0.025em;
    font-weight: bold;
  }
  .hm#home .recipe_groupeList p {
    display: none;
  }
  .hm#home #newRecipe {
    padding: 0;
    background: transparent;
  }
  .hm#home .recipe-contents {
    background: transparent;
  }
  .hm#home #otherRecipes {
    margin: 0 0 2.3076923077em;
    padding: 2.3076923077em 1.1538461538em 0;
  }
  .hm#home #otherRecipes:after {
    display: block;
    clear: both;
    content: "";
  }
  .hm#home #otherRecipes .arrowTitle {
    letter-spacing: -0.05em;
  }
  .hm#home #footerCatch {
    width: 263px;
    margin: 0 auto;
  }
  .hm#home #footerCatch img {
    width: 100%;
  }
  .hm#home #pageTop_hamauchi {
    width: 48px;
    margin: 0 auto;
  }
  .hm#home #pageTop_hamauchi img {
    width: 100%;
  }
  .hm#home #footerMilkWrap .footerMilk {
    margin: 0;
  }
  .hm #wrap #pageTop {
    margin-bottom: 0;
  }
  .hm #wrap #pageTop .bnr_wrap-pageTop {
    margin-top: 0;
    opacity: 1;
  }
  .hm #wrap #pageTop img {
    width: 100%;
  }
  .gallery #kv, .gallery .month {
    background: transparent;
  }
  .gallery #kv .innerWrap, .gallery .month .innerWrap {
    padding: 0;
  }
  .gallery #kv .catFig, .gallery .month .catFig {
    margin-bottom: -20.3125%;
    padding-right: 3.125%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33.125%;
  }
  .gallery .illustTtl > p {
    text-align: center;
    font-size: 16px;
    font-size: 5vw;
  }
  .gallery .illustTtl > p .date {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .gallery .illustTtl > h2 {
    font-weight: bold;
  }
  .gallery .profile {
    padding: 15.625% 6.25%;
    background: #f9f9f9;
    color: #000;
  }
  .gallery .name {
    padding-bottom: 0.75em;
    line-height: 1;
    font-size: 14px;
    font-size: 4.375vw;
  }
  .gallery .txt {
    line-height: 1.25;
    text-align: justify;
    letter-spacing: -1px;
    font-size: 12px;
    font-size: 3.75vw;
  }
  .gallery .illustList .localNavi {
    text-align: center;
  }
  .gallery .illustList .localNavi h2 {
    font-size: 16px;
    font-size: 5vw;
  }
  .gallery .illustList .iconList {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .gallery .popularList {
    padding: 0;
  }
  .gallery .popularList .illustTtl p {
    text-align: left;
    font-size: 12px;
    font-size: 3.75vw;
  }
  .gallery .popularList .illustTtl .headlineLb {
    font-size: 14px;
    font-size: 4.375vw;
  }
  .gallery .popularList .rankTtl {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .gallery .popularList li {
    position: absolute;
    transform: scale(0);
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    transition: transform 0.25s ease, opacity 0.25s ease;
    opacity: 0;
  }
  .gallery .popularList li.is-show {
    position: relative;
    transform: scale(1);
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    opacity: 1;
  }
  .gallery #selectIconArea {
    position: relative;
  }
  .gallery #selectIconArea #selectIconArea_ancor {
    position: absolute;
    top: -3.3928571429em;
  }
  .gallery .mfp-content .illustWrap .hashLabel li {
    margin-left: 0.3048780488em;
  }
  .tokyo2020 #contentsWrap .section_project .inner .craft_challenge {
    width: 100%;
  }
  .nyuwashoku .aboutNyuwashoku .textWrap {
    text-align: center;
  }
  .nyuwashoku .nabeArea .textWrap {
    padding: 0 6.25%;
  }
  .nyuwashoku .nabeArea .headlineLb {
    font-weight: bold;
  }
  .nyuwashoku .nabeArea .nabeText {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .nyuwashoku .point .pointHeadline span {
    font-size: 21px;
    font-size: 6.5625vw;
  }
  .nyuwashoku .point ul {
    padding: 0 6.25%;
  }
  .nyuwashoku .point ul p {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .nyuwashoku .nyuRecipe .localNavi {
    padding: 0 6.25% 12.5%;
    font-size: 12px;
    font-size: 3.75vw;
  }
  .nyuwashoku .nyuRecipe .localNavi:after {
    content: "";
  }
  .nyuwashoku .nyuRecipe .recipeContent {
    padding: 0 0 15.625%;
  }
  .nyuwashoku .nyuRecipe .recipeContent + .recipeContent {
    padding-top: 15.625%;
  }
  .nyuwashoku .nyuRecipe .recipeContent .materialWrap {
    margin: 0 6.25%;
    padding: 1.5625%;
  }
  .nyuwashoku .nyuRecipe .recipeContent .headlineLb {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent .headlineLb span {
    font-size: 16px;
    font-size: 5vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent .headline6 {
    font-size: 14px;
    font-size: 4.375vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent ul {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent .howtomakeWrap {
    margin: 1.25em 6.25% 0;
    padding: 6.25% 6.25% 3.125%;
  }
  .nyuwashoku .nyuRecipe .recipeContent .howtomakeWrap .headlineLb {
    font-size: 16px;
    font-size: 5vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent .howtomakeWrap ul {
    font-size: 14px;
    font-size: 4.375vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent .howtomakeWrap .onePoint {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .nyuwashoku .nyuRecipe .recipeContent .howtomakeWrap .notes {
    font-size: 10px;
    font-size: 3.125vw;
  }
  .meijimilkcoffee .bnr_wrap-pageTop {
    display: none;
  }
  .meijioishiijiten #contentsWrap .kv-panel-wrap.-right-wrap {
    display: flex;
    flex-direction: column;
  }
  .meijioishiijiten #contentsWrap .kv-panel-wrap.-right-wrap li:nth-child(2) {
    order: 6;
  }
  .meijioishiijiten #contentsWrap .kv-panel-wrap.-right-wrap li:nth-child(4) {
    margin-top: 0;
  }
  .meijioishiijiten #contentsWrap #howto .howto-panel-name {
    letter-spacing: normal;
  }
  .newpkg #newpkg #recycle-area .section .title-recicle {
    width: 102.2727272727%;
    margin: 0 -1.1363636364% 35px;
  }
  .newpkg #newpkg .bnr_wrap-pageTop {
    margin: 0 auto;
    padding: 0 5%;
    opacity: 1;
  }
  .recycle #contentsWrap .minitestPresentWrap .-home_minitest .minitest-ttl {
    margin: -1.1071428571em -0.7857142857em 0;
    width: 21.0714285714em;
  }
  .recycle #contentsWrap .minitestPresentWrap .-home_minitest .btn-oval img {
    display: block;
  }
  .recycle #contentsWrap .minitestPresentWrap .-worksheet .worksheet-ttl {
    margin: -2.2857142857em -0.7857142857em 0;
    width: 21.0714285714em;
  }
  .recycle #contentsWrap .faq_box .linK_refer {
    flex-direction: column;
  }
  .recycle #contentsWrap .bnr_list li {
    opacity: 1;
  }
  .nyu_glass_project.-detail #contentsWrap .title_area .snsLine > li {
    min-width: auto;
  }
  .nyu_glass_project.-detail #contentsWrap #main_content .article_item {
    margin-top: 8.993902439%;
  }
  .nyu_glass_project.-detail #contentsWrap #main_content .fullImage {
    margin-top: 8.3841463415%;
  }
  .nyu_glass_project.-detail #contentsWrap + #pageTop .bnr_wrap-pageTop {
    margin-top: 3.6641221374em;
  }
  .craft_challenge .bnr_wrap-pageTop {
    margin-top: 2.1538461538em;
  }
  .challengereport #list .row a:nth-child(n+3) {
    margin-top: 2rem;
  }
  .challengereport #list .row a:nth-of-type(n+2) {
    margin-top: 4rem;
  }
  .meijisuprememilkparfait .milkparfaitWrap #kv .about-milkparfait.innerWrap {
    padding: 29.1044776119% 0 0 0;
  }
  .cream #contentsWrap .master-condition_list li, .cream #contentsWrap .master-precautionslist li {
    display: flex;
    flex-direction: column-reverse;
  }
  .cream #contentsWrap .amount-table td img {
    width: 5.4285714286em;
  }
  .cream_recipe #recipe-items .panelTable li .textWrap {
    padding: 0.25em 6.25%;
  }
  .cream_recipe .searchWrap {
    display: none !important;
  }
  .cream_recipe #refineSwitchSP {
    opacity: 0;
    pointer-events: none;
    padding: 0.6470833333em 1.75em 0.6470833333em 1.25em;
    font-size: 12px;
    font-size: 3.75vw;
  }
  .gokugokushizentaideikimasyou .bnr_wrap-pageTop {
    display: none;
  }
  .languages #wrap #contentsWrap .languages-contents #languages-section {
    z-index: 1;
  }
  .languages #pageTop {
    padding-top: 2.8571428571em;
  }
  .languages .bnr_wrap-pageTop {
    display: none;
  }
  .languages.china_version #contentsWrap .pageTop {
    height: 100%;
    background: transparent;
  }
  .moremorerecyclelabo #pageTop {
    padding-top: 2.4242424242em;
  }
  .moremorerecyclelabo .bnr_wrap-pageTop {
    display: none;
  }
  .hotmilk .leadArea {
    padding: 0 6.25%;
    position: relative;
    width: 100%;
    height: auto;
  }
  .hotmilk .howToMake h3 {
    font-size: 16px;
    font-size: 5vw;
  }
  .hotmilk .howToMake .explain {
    font-size: 12px;
    font-size: 3.75vw;
  }
  .hotmilk .howToMake .standard {
    font-size: 10px;
    font-size: 3.125vw;
  }
} /*end：SP_style*/