@media (min-width: 601px) {
  .d_pc {
    display: block;
  }
  .d_sp {
    display: none !important;
  }
  .din_pc {
    display: inline;
  }
  .din_sp {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .d_pc {
    display: none !important;
  }
  .d_sp {
    display: block;
  }
  .din_pc {
    display: none !important;
  }
  .din_sp {
    display: inline;
  }
}
/* Large Devices (Desktop & Laptops) */
@media (min-width: 1400px) {
}

@media (min-width: 1200px) and (max-width: 1359px) {
  /* col-xl-xx */
}

/* Medium Devices (Landscape Tablets & Medium Desktops) */

@media (min-width: 992px) and (max-width: 1199px) {
  /* col-lg-xx */
}

/* Small Devices (Portrait Tabletes & Small Desktops) */

@media (min-width: 768px) and (max-width: 991px) {
  /* col-md-xx */
}

@media (min-width: 576px) and (max-width: 767px) {
  /* col-sm-xx */
}

/* 600px以下でスマホ版画面に切り替える */
@media (max-width: 600px) {
  /* header */
  .header_logo {
    width: 100%;
    height: 78px;
  }
  .header_logo .logo {
    width: 68px;
  }
  .header_pics {
    width: 100%;
    margin-bottom: 0;
  }
  .header_pics .header_pic {
    width: 100%;
    padding-top: calc(155 / 360 * 100%);
  }
  .wrapper_inner.menu_lists_sp {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 35px;
  }
  .menu_lists {
    flex-direction: column;
    width: 100%;
    padding-bottom: 0;
  }
  .menu_lists .menu_list {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65px;
  }
  .menu_lists .menu_list .menu_list_moji {
    font-size: 1.56rem;
  }
  .menu_lists .menu_list .menu_list_moji .icon_arrow {
    width: 11px;
    margin-left: 6px;
  }
  /* END header */
  /* well_bake */
  .ttl_well_box {
    width: 116px;
    height: 22px;
    margin-bottom: 33px;
  }
  .ttl_well_box .ttl_well_moji {
    font-size: 1.3rem;
  }
  .ttl_how_to_eat {
    font-size: 3.1rem;
    line-height: 1;
    margin-bottom: 53px;
  }
  .ttl_how_to_eat .fs_small {
    font-size: 2.5rem;
    margin-left: 0;
    margin-right: 0;
  }
  .ttl_how_to_eat .under_line_red {
    padding-bottom: 6px;
    border-bottom: solid 3px var(--color-red);
  }
  .tab_items {
    flex-direction: column;
    margin-bottom: 20px;
    width: 150px;
  }
  .tab_items .tab_item {
    width: 150px;
    height: 30px;
    border-radius: 30px;
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
  .youtube_thums {
    width: 100%;
    margin-bottom: 50px;
  }
  .youtube_thums iframe {
    width: 100%;
    height: unset;
  }
  .which_bake_items {
    width: 100%;
    flex-direction: column;
    margin-bottom: 0;
  }
  .which_bake_items .which_bake_item {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
  }
  .which_bake_items .which_bake_item:last-child {
    margin-bottom: 0;
  }
  .which_bake_items .which_bake_item > h4 {
    font-size: 2.1rem;
    line-height: 1;
    margin-bottom: 18px;
  }
  .which_bake_items .which_bake_item > h4 .bracket_left {
    margin-right: 5px;
  }
  .which_bake_items .which_bake_item > h4 .bracket_right {
    margin-left: 5px;
  }
  .which_bake_items .which_bake_item > h4 > .fs_small {
    font-size: 1.68rem;
    margin-left: 3px;
    margin-right: 4px;
    vertical-align: 2px;
  }
  .which_bake_items .which_bake_item .which_bake_pic {
    margin-bottom: 16px;
  }
  .which_bake_items .which_bake_item .which_bake_item_con {
    font-size: 1rem;
    letter-spacing: 0.08rem;
    line-height: 1.48;
  }
  .wrapper_inner.well_bake {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 58px;
  }
  /* END well_bake */

  /* eat_well */
  .wrapper_inner.eat_well {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 58px;
  }
  .wrapper_inner.eat_well.pb_adj {
    padding-bottom: calc(58px - 42px);
  }
  .ttl_how_to_eat.eat_well {
    margin-bottom: 53px;
  }
  .ttl_how_to_eat.eat_well.yokutabe {
    font-size: 3rem;
    letter-spacing: -0.01rem;
    line-height: 1.15;
  }
  .eat_well_pic_01 {
    width: 100%;
    margin-bottom: 76px;
  }
  .eat_well_ttl {
    font-size: 2rem;
    letter-spacing: 0.3rem;
    margin-bottom: 30px;
  }
  .eat_well_block {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 31px;
  }
  .eat_well_block .eat_well_pic_02 {
    width: 100%;
    margin-bottom: 31px;
  }
  .eat_well_block .eat_well_block_con {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .eat_well_block .eat_well_block_con .cho_arabiki {
    font-size: 1.1rem;
    text-align: center;
    line-height: 1;
    padding-top: 0;
    margin-bottom: 0;
  }
  .eat_well_block .eat_well_block_con .kokusan_gyu {
    font-size: 2rem;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 13px;
  }
  .eat_well_block .eat_well_block_con > p {
    font-size: 1rem;
  }
  .eat_well_pics {
    margin-bottom: 14px;
  }
  .eat_well_pics .eat_well_pic {
    width: calc((100% - 10px) / 3);
    /* width: 220px;
    margin-left: 30px;
    margin-right: 30px; */
  }

  .wide_board.eat_well {
    height: 426px;
    margin-bottom: 69px;
  }
  .wide_board .wide_board_block {
    width: 100%;
  }
  .wide_board .wide_board_block .wide_board_con {
    position: absolute;
    width: 262px;
    top: 204px;
    left: 50%;
    transform: translateX(-50%);
  }
  .wide_board .wide_board_block .wide_board_con .hagama_block .hagama_ttl {
    flex-direction: column;
    margin-bottom: 0;
  }
  .wide_board
    .wide_board_block
    .wide_board_con
    .hagama_block
    .hagama_ttl
    .hagama_cap {
    font-size: 1.3rem;
    margin-bottom: 7px;
    letter-spacing: 0.3rem;
  }
  .wide_board
    .wide_board_block
    .wide_board_con
    .hagama_block
    .hagama_ttl
    .hagama_gohan {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .wide_board .wide_board_block .wide_board_con .hagama_block .hagama_chu {
    font-size: 0.65rem;
    text-align: center;
  }
  .wide_board .wide_board_block .wide_board_con .hagama_block {
    padding-bottom: 5px;
    margin-bottom: 14px;
  }
  .wide_board .wide_board_block .wide_board_con > p {
    font-size: 1rem;
    line-height: 1.5;
  }
  .wide_board .wide_board_block .eat_well_pic_06 {
    top: -1px;
    width: 100%;
  }
  /* END eat_well */

  /* good_smile */
  .wrapper_inner.good_smile {
    padding-left: 35px;
    padding-right: 35px;
    /* padding-bottom: 50px; */
    padding-bottom: 0;
  }
  .ttl_how_to_eat.good_smile {
    margin-bottom: 50px;
    line-height: 1.6;
  }
  .good_smile_pic_01 {
    margin-bottom: 31px;
  }
  .how_to_eat_comment.good_smile {
    margin-bottom: 85px;
    font-size: 1rem;
    letter-spacing: -0.01px;
    line-height: 2.55;
  }
  .center_line {
    margin-bottom: 40px;
  }
  .center_line .eat_well_ttl {
    text-wrap-mode: nowrap;
    font-size: 2.1rem;
    top: -18px;
    padding: 0 17px;
  }
  .eat_well_pics.good_smile.d_sp_none {
    /* margin-bottom: 60px; */
    display: none;
  }
  .eat_well_pics.staff_no_egao.d_sp_none {
    display: none;
  }
  .center_line.staff_no_egao {
    margin-bottom: 40px;
  }
  .eat_well_pics.staff_no_egao {
    margin-bottom: 70px;
  }
  .slick02 {
    margin-bottom: 60px;
    overflow: hidden;
  }
  .slick02 .eat_well_pic {
    margin-left: 15px;
    margin-right: 15px;
  }
  .ttl_egao {
    font-size: 2.8rem;
    line-height: 1.64;
    margin-bottom: 53px;
  }
  .ttl_egao::before {
    content: "";
    display: inline-block;
    padding-left: 20px;
  }
  .wide_board.good_smile_01 {
    height: 350px;
    margin-bottom: 10px;
  }
  .wide_board.good_smile_01 .wide_board_block .wide_board_con {
    width: 256px;
    top: 158px;
    left: 50%;
    transform: translateX(-50%);
  }
  .wide_board.good_smile_01 .wide_board_block .wide_board_con > h5 {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 12px;
  }
  .wide_board.good_smile_01 .wide_board_block .wide_board_con > h4 {
    font-size: 1.65rem;
    text-align: center;
    padding-bottom: 13px;
    margin-bottom: 15px;
  }
  .wide_board.good_smile_01 .wide_board_block .wide_board_con > p {
    font-size: 1rem;
  }
  .wide_board.good_smile_01 .wide_board_block .good_smile_pic_07 {
    width: 360px;
    left: 50%;
    transform: translateX(-50%);
  }
  .wide_board.good_smile_02 {
    height: 410px;
    margin-bottom: 0;
  }
  .wide_board.good_smile_02 .wide_board_block .wide_board_con {
    position: absolute;
    width: 256px;
    top: 196px;
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    line-height: 1.4;
  }
  .wide_board.good_smile_02 .wide_board_block .wide_board_con > h5 {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 12px;
  }
  .wide_board.good_smile_02 .wide_board_block .wide_board_con > h4 {
    font-size: 1.65rem;
    text-align: center;
    padding-bottom: 13px;
    margin-bottom: 15px;
  }
  .wide_board.good_smile_02 .wide_board_block .wide_board_con > p {
    font-size: 1rem;
    line-height: 1.36;
  }
  .wide_board.good_smile_02 .wide_board_block .good_smile_pic_08 {
    width: 360px;
    left: 50%;
    transform: translateX(-50%);
  }
  /* END good_smile */

  /* footer */
  footer {
    height: 100px;
  }
  .for_top {
    font-size: 2rem;
  }
  /* END footer */

  .wrapper_inner {
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 28px;
  }
  .top_ttl_block {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .top_ttl {
    width: 100%;
    font-size: 2.1rem;
    padding-bottom: 10px;
    margin-bottom: 18px;
  }
  .top_ttl_cap {
    font-size: 1rem;
  }
  .con_sec {
    margin-bottom: 30px;
  }
  .con_sec .con_ttl {
    font-size: 1.5rem;
    padding-bottom: 20px;
  }
  .con_sec .con_ttl:hover {
    cursor: pointer;
  }
  .con_sec .con_ttl .ttl_kakko_l {
    display: none;
  }
  .con_sec .con_ttl .ttl_kakko_r {
    margin-left: 5px;
    padding-left: 10px;
    display: inline-block;
    transform: rotate(90deg);
    transition: 0.3s;
  }
  .con_sec .con_ttl.active .ttl_kakko_r {
    transform: rotate(270deg);
  }
  .con_sec .con_blocks .con_block {
    width: 100%;
    margin-bottom: 30px;
  }
  .con_sec .con_blocks {
    display: none;
  }
  .con_sec .con_blocks .con_block .con_detail_ttl {
    margin-top: 20px;
    font-size: 1.3rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .con_sec .con_blocks .con_block .con_detail_ttl.mt_slick {
    margin-top: 20px;
  }
  .con_sec .con_blocks .con_block .con_detail_ttl.mt_slick {
    margin-top: 15px;
  }
  .con_sec.mb_55px {
    margin-bottom: 30px;
  }
  .con_sec .con_blocks .con_block .con_detail_ttl.mt_30px {
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
}

@media (max-width: 480px) {
}

@media (max-width: 400px) {
}