@charset "UTF-8";
/*---------------------------------
  炎舞炊き
---------------------------------*/
#nwnb_top {
  position: relative;
}
@media screen and (max-width: 768px) {
  #nwnb_top .link-btn {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#nwnb_top .link-btn a {
  display: block;
}
@media screen and (min-width: 769px) {
  #nwnb_top .link-hover a {
    transition: opacity 0.3s;
  }
  #nwnb_top .link-hover a:hover {
    opacity: 0.7;
  }
}
#nwnb_top #top_mainv {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_mainv {
    aspect-ratio: 3000/1500;
  }
}
#nwnb_top #top_mainv .mainv_btn {
  position: absolute;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_mainv .mainv_btn {
    width: 11.333vw;
    right: 6vw;
    bottom: 6vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_mainv .mainv_btn {
    width: 110px;
    right: 55px;
    bottom: 55px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_mainv .mainv_btn {
    width: 26vw;
    right: 4vw;
    bottom: 22vw;
  }
}
#nwnb_top #top_enbu {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_enbu {
    aspect-ratio: 3000/1400;
    background-image: url("../img/top/enbu_bg.jpg");
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_enbu {
    padding-top: 10.666vw;
    background-image: url("../img/top/enbu_bg_sp.jpg");
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_enbu .enbu_lead {
    width: 27.4vw;
    aspect-ratio: 822/192;
    margin-left: -32vw;
    background: url("../img/top/enbu_lead.png") no-repeat center;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 9.533vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_enbu .enbu_lead {
    width: 263px;
    margin-left: -309px;
    top: 91px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_enbu .enbu_lead {
    margin-bottom: 6.666vw;
    font-family: "Noto Serif Japanese", serif;
    font-weight: 500;
    font-size: 5.866vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_enbu .enbu_logo {
    width: 30.866vw;
    margin-left: -37.266vw;
    position: absolute;
    left: 50%;
    top: 19.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_enbu .enbu_logo {
    width: 296px;
    margin-left: -358px;
    top: 184px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_enbu .enbu_logo {
    width: 76.266vw;
    margin: 0 auto 6.666vw;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_enbu .enbu_img {
    width: 47.333vw;
    margin-right: -42.6vw;
    position: absolute;
    right: 50%;
    bottom: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_enbu .enbu_img {
    width: 455px;
    margin-right: -409px;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_enbu .link-btn {
    width: 20vw;
    margin-left: -28.999vw;
    position: absolute;
    left: 50%;
    bottom: 9.2vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_enbu .link-btn {
    width: 193px;
    margin-left: -279px;
    bottom: 88px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_enbu .link-btn {
    margin-bottom: 6.666vw;
  }
}
#nwnb_top #top_kamado {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_kamado {
    aspect-ratio: 3000/1400;
    background-image: url("../img/top/kamado_bg.jpg");
    background-position: center right;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_kamado {
    aspect-ratio: 750/1240;
    padding-top: 10.666vw;
    background-image: url("../img/top/kamado_bg_sp.jpg");
    background-position: center bottom;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_kamado .kamado_lead {
    aspect-ratio: 1070/208;
    width: 35.666vw;
    margin-left: -36.666vw;
    background: url("../img/top/kamado_lead.png") no-repeat center;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 9.333vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_kamado .kamado_lead {
    width: 366px;
    margin-left: -351px;
    top: 90px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_kamado .kamado_lead {
    margin-bottom: 6.666vw;
    font-family: "Noto Serif Japanese", serif;
    font-weight: 500;
    font-size: 5.866vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_kamado .kamado_logo {
    width: 23.333vw;
    margin-left: -36.4vw;
    position: absolute;
    top: 20.933vw;
    left: 50%;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_kamado .kamado_logo {
    width: 226px;
    margin-left: -350px;
    top: 200px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_kamado .kamado_logo {
    width: 73.333vw;
    margin: 0 auto 8vw;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_kamado .link-btn {
    width: 20vw;
    margin-left: -34.933vw;
    position: absolute;
    left: 50%;
    bottom: 8.666vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_kamado .link-btn {
    width: 193px;
    margin-left: -336px;
    bottom: 82px;
  }
}
#nwnb_top #top_wagaya {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_wagaya {
    aspect-ratio: 3200/1242;
    background-image: url("../img/top/wagaya_bg.jpg");
    background-position: center;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_wagaya {
    background-image: url("../img/top/wagaya_bg_sp.jpg");
    background-position: center top;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_wagaya .wagaya_lead {
    position: absolute;
    width: 24.375vw;
    top: 7.15625vw;
    left: 56.46875vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_wagaya .wagaya_lead {
    width: 235px;
    top: 68px;
    left: 542px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_wagaya .wagaya_lead {
    width: 70.666vw;
    padding-top: 10.666vw;
    margin: 0 auto 9.333vw;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_wagaya .wagaya_btn {
    position: absolute;
    width: 18.75vw;
    top: 24.84375vw;
    left: 59.40625vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_wagaya .wagaya_btn {
    width: 180px;
    top: 238px;
    left: 570px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_wagaya .wagaya_btn {
    width: 61.866vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_select {
    padding: 100px 0;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_select {
    padding: 40px 15px;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_select .select_menu {
    display: flex;
    justify-content: center;
    gap: 1px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_select .select_menu {
    padding: 0 2vw;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_select .select_menu li {
    width: 30.75vw;
  }
  #nwnb_top #top_select .select_menu li:first-child a::after {
    background-image: url("../img/top/select_bnr01_bg.jpg");
  }
  #nwnb_top #top_select .select_menu li:nth-child(2) a::after {
    background-image: url("../img/top/select_bnr02_bg.jpg");
  }
  #nwnb_top #top_select .select_menu li:nth-child(3) a::after {
    background-image: url("../img/top/select_bnr03_bg.jpg");
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_select .select_menu li {
    width: 295px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_select .select_menu li:not(:last-child) {
    margin-bottom: 0.4vw;
  }
}
#nwnb_top #top_select .select_menu li a {
  display: block;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_select .select_menu li a {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  #nwnb_top #top_select .select_menu li a::before {
    content: "";
    display: block;
    background: linear-gradient(rgba(28, 28, 28, 0) 0%, rgba(28, 28, 28, 0.5) 100%);
    width: 100%;
    height: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
  }
  #nwnb_top #top_select .select_menu li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transition: transform 0.3s;
  }
  #nwnb_top #top_select .select_menu li a:hover::after {
    transform: scale(1.1);
  }
}
#nwnb_top #top_select .select_menu li a picture {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_rice {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_rice {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_rice .rice_img {
    max-width: 1100px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_rice .rice_img {
    padding: 0 15px;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}
#nwnb_top #top_usability .usability_wrap {
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability .usability_wrap {
    width: calc(62% - 3px);
    background-image: url("../img/top/usability_bg.jpg");
    background-position: center;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_usability .usability_wrap {
    aspect-ratio: 750/1060;
    padding-top: 10.666vw;
    margin-bottom: 1px;
    background-color: #ebece7;
    background-image: url("../img/top/usability_bg_sp.jpg");
    background-position: center bottom;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability .usability_inner {
    position: absolute;
    top: 50%;
    left: 17.152%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability .usability_inner .usability_lead {
    width: 23.4vw;
    padding-bottom: 7.666vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_usability .usability_inner .usability_lead {
    width: 225px;
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_usability .usability_inner .usability_lead {
    width: 56.266vw;
    margin: 0 auto 8vw;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability .usability_inner .usability_btn {
    width: 20vw;
    position: absolute;
    left: 4.133vw;
    bottom: 5.666vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  #nwnb_top #top_usability .usability_inner .usability_btn {
    width: 193px;
    left: 39px;
    bottom: 54px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_usability .usability_inner .usability_btn {
    width: 70vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability .usability_img {
    width: 38%;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top #top_usability .usability_img div:first-child {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top #top_usability .usability_img div {
    margin-bottom: 1px;
  }
}
#nwnb_top .nwnb_info {
  background: url("../img/top/bg_washi_gray.jpg") repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  #nwnb_top .nwnb_info .content_inner {
    padding: 90px 0 50px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top .nwnb_info .content_inner {
    padding: 30px 0;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top .nwnb_info .nwnb_info-thumb {
    width: 310px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top .nwnb_info .nwnb_info-thumb {
    max-width: 300px;
    padding: 0 20px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top .nwnb_info .nwnb_info_menu {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  #nwnb_top .nwnb_info .nwnb_info_menu > li {
    margin: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  #nwnb_top .nwnb_info .nwnb_info_menu > li {
    max-width: 200px;
    margin: 0 auto;
  }
  #nwnb_top .nwnb_info .nwnb_info_menu > li:not(:last-child) {
    margin-bottom: 10px;
  }
}
#nwnb_top .nwnb_info .nwnb_info_menu > li a {
  display: block;
  border: 1px solid #333;
}
@media screen and (min-width: 769px) {
  #nwnb_top .nwnb_info .nwnb_info_menu > li a {
    transition: background 0.2s;
  }
  #nwnb_top .nwnb_info .nwnb_info_menu > li a:hover {
    background: rgba(255, 255, 255, 0.8);
  }
}