/* PC版とSP版の切替え */
@media (min-width: 768px) {
  /* PCやタブレットiPad mini 以上 */
  .d_pc {
    display: block;
  }
  .d_sp {
    display: none;
  }
}
@media (max-width: 767px) {
  /* スマホ */
  .d_pc {
    display: none;
  }
  .d_sp {
    display: block;
  }
  .page_guideline .gl_wrap {
    margin-top: 0;
  }
  .page_menu .menu_wrap {
    margin-top: 0;
  }
  .page_news .news_wrap {
    margin-top: 0;
  }
  #footer {
    padding-bottom: 55px;
  }
}

@media (min-width: 1801px) {
}

/* Large Devices (Desktop & Laptops) */
@media (min-width: 1440px) {
  #w_menu_pc {
    z-index: 1000;
    opacity: 1;
    width: 165px;
    background-color: transparent;
  }
  #w_menu_pc .w_menu_inner .btn_close {
    display: none;
  }
  #w_menu_pc .w_menu_inner ul.menu_lists {
    top: 10px;
  }
  #header_pc .menu_btn {
    display: none;
  }
  #commitment_pc .commit_beer_box {
    padding: 6px 180px 6px 20px;
  }
  #btm_menu {
    display: none !important;
  }
  #footer .guide_line {
    font-size: 0.875rem;
    margin-bottom: 6px;
  }
  #footer .copy_rights {
    font-size: 0.875rem;
    margin-bottom: 40px;
  }
  /* PC版のメニューページの横幅 限度ここで横幅ストップ */
  .page_menu .menu_wrap .menu_inner_wrap {
    background-image: url(../img_menu/menu_header_pc_bg.png);
  }
  .page_menu .menu_lists {
    padding-left: 0;
    padding-right: 0;
  }
  .page_menu .menu_box {
    padding-left: 0;
    padding-right: 0;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .page_menu .menu_box {
    padding-top: 87px;
  }
  .page_guideline .gl_wrap .gl_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_guideline .ttl_guideline {
    width: calc((147 * 1.67) / 1280 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(6 / 1280 * 100%);
    padding-top: calc(207 / 1280 * 100%);
  }
  .page_guideline .ttl_guideline_con {
    line-height: 1.55;
    padding-bottom: 55px;
  }
  .page_guideline .gl_box .introduction {
    margin-bottom: 35px;
  }
  .page_guideline .ttl_terms_of_service {
    width: calc((213 * 1.67) / 1280 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(6 / 1280 * 100%);
  }
  .page_news .news_wrap .news_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_news .news_header .ttl_menu {
    width: calc(60 / 1280 * 100%);
  }
  .page_news .news_header .topics_circle {
    width: calc(60 / 1280 * 100%);
  }
  .page_news .news_header {
    padding-top: 190px;
    margin-bottom: 65px;
  }
  .page_news .topics_ttl_con {
    margin-bottom: 50px;
  }
  .page_news .news_box .topics_pic {
    margin-bottom: 60px;
  }
  .page_news .news_box {
    padding-top: calc(50 / 1280 * 100%);
    padding-left: calc(60 / 1280 * 100%);
    padding-right: calc(60 / 1280 * 100%);
    padding-bottom: 45px;
    margin-left: calc(140 / 1280 * 100%);
    margin-right: calc(140 / 1280 * 100%);
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  #btm_menu {
    display: none !important;
  }
  #footer .guide_line {
    font-size: 0.875rem;
    margin-bottom: 6px;
  }
  #footer .copy_rights {
    font-size: 0.875rem;
    margin-bottom: 40px;
  }
  /* PC版のメニューページの横幅 限度ここで横幅ストップ */
  .page_menu .menu_wrap .menu_inner_wrap {
    background-image: url(../img_menu/menu_header_pc_bg.png);
  }

  .page_menu .menu_lists {
    padding-left: 0;
    padding-right: 0;
  }
  .page_menu .menu_box {
    padding-left: 0;
    padding-right: 0;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .page_menu .menu_box {
    padding-top: 87px;
  }
  .page_guideline .gl_wrap .gl_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_guideline .ttl_guideline {
    width: calc((147 * 1.67) / 1280 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(6 / 1280 * 100%);
    padding-top: calc(207 / 1280 * 100%);
  }
  .page_guideline .ttl_guideline_con {
    line-height: 1.55;
    padding-bottom: 55px;
  }
  .page_guideline .gl_box .introduction {
    margin-bottom: 35px;
  }
  .page_guideline .ttl_terms_of_service {
    width: calc((213 * 1.67) / 1280 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(6 / 1280 * 100%);
  }
  .page_news .news_wrap .news_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_news .news_header .topics_circle {
    width: calc(60 / 1280 * 100%);
  }
  .page_news .news_header {
    padding-top: 190px;
    margin-bottom: 65px;
  }
  .page_news .topics_ttl_con {
    margin-bottom: 50px;
  }
  .page_news .news_box .topics_pic {
    margin-bottom: 60px;
  }
  .page_news .news_box {
    padding-top: calc(50 / 1280 * 100%);
    padding-left: calc(60 / 1280 * 100%);
    padding-right: calc(60 / 1280 * 100%);
    padding-bottom: 45px;
    margin-left: calc(140 / 1280 * 100%);
    margin-right: calc(140 / 1280 * 100%);
  }
}

/* PC版の横幅 限度ここで横幅ストップ */
@media (min-width: 768px) and (max-width: 1024px) {
  #header_pc,
  #pc_header_menu,
  #greeting_shop_pc,
  #information_pc,
  #map {
    width: 1024px;
  }

  #pc_header_menu {
    padding-left: 10px;
    padding-right: 10px;
  }
  #pc_header_menu
    .pc_header_menu_r
    ul.pc_header_menu_lists
    .pc_header_menu_list {
    font-size: calc(0.875rem * 0.9);
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* col-lg-xx */
  #information_pc .information_wrap .info_wrap_r {
    max-width: 712px;
  }
  #btm_menu {
    display: none !important;
  }
  #footer .guide_line {
    font-size: 0.875rem;
    margin-bottom: 6px;
  }
  #footer .copy_rights {
    font-size: 0.875rem;
    margin-bottom: 40px;
  }
  .page_menu .menu_wrap .menu_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_menu .menu_lists {
    padding-left: calc(140 / 1280 * 100%);
    padding-right: calc(140 / 1280 * 100%);
  }
  .page_menu .menu_box {
    padding-left: calc(140 / 1280 * 100%);
    padding-right: calc(140 / 1280 * 100%);
  }
  .page_guideline .gl_wrap .gl_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_guideline .ttl_guideline {
    width: calc((147 * 1.67) / 1280 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(6 / 1280 * 100%);
    padding-top: calc(207 / 1280 * 100%);
  }
  .page_guideline .ttl_guideline_con {
    line-height: 1.55;
    padding-bottom: 55px;
  }
  .page_guideline .gl_box .introduction {
    margin-bottom: 35px;
  }
  .page_guideline .ttl_terms_of_service {
    width: calc((213 * 1.67) / 1280 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(6 / 1280 * 100%);
  }
  #pc_header_menu {
    padding-left: 10px;
    padding-right: 10px;
  }
  #pc_header_menu
    .pc_header_menu_r
    ul.pc_header_menu_lists
    .pc_header_menu_list {
    font-size: calc(0.875rem * 0.9);
    padding-left: 10px;
    padding-right: 10px;
  }
  .page_menu .menu_box {
    padding-top: 87px;
  }
  .page_news .news_wrap .news_inner_wrap {
    background-image: url("../img_menu/menu_header_pc_bg.png");
  }
  .page_news .news_header .topics_circle {
    width: 60px;
  }
  .page_news .news_header {
    padding-top: 190px;
    margin-bottom: 65px;
  }
  .page_news .topics_ttl_con {
    margin-bottom: 50px;
  }
  .page_news .news_box .topics_pic {
    margin-bottom: 60px;
  }
  .page_news .news_box {
    padding-top: calc(50 / 1280 * 100%);
    padding-left: calc(60 / 1280 * 100%);
    padding-right: calc(60 / 1280 * 100%);
    padding-bottom: 45px;
    margin-left: calc(140 / 1280 * 100%);
    margin-right: calc(140 / 1280 * 100%);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* col-md-xx */
  #btm_menu {
    display: none !important;
  }
  .page_menu .menu_box {
    padding-top: 87px;
  }
  .page_news .news_header {
    padding-top: 190px;
    margin-bottom: 65px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /* col-sm-xx */
  .slick-prev {
    top: 35%;
    left: 4%;
    width: 40px;
    z-index: 2;
  }
  .slick-next {
    top: 35%;
    right: 4%;
    width: 40px;
  }
  #pc_header_menu {
    display: none !important;
  }
  .page_menu .menu_box {
    padding-top: 87px;
  }
}

@media (max-width: 575px) {
  .slick-prev {
    top: 35%;
    left: 4%;
    width: 30px;
    z-index: 2;
  }
  .slick-next {
    top: 35%;
    right: 4%;
    width: 30px;
  }
  #pc_header_menu {
    display: none !important;
  }
}

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

@media (max-width: 390px) {
  #header .header_pic_copy {
    position: absolute;
    top: 0;
  }
  #header .header_news {
    /* top: calc(365 / 844 * 100%); */
  }
  /* #header .logo {
    top: calc(390 / 667 * 100%);
  }
  #header .partenope_copy {
    top: calc(490 / 667 * 100%);
    width: calc(260 / 375 * 100%);
  } */

  #greeting .ttl_greeting_script {
    top: calc(50 / 844 * 100vh);
    top: calc(50 / 844 * calc(var(--vh, 1vh) * 100));
  }
  #greeting .ttl_greeting {
    position: absolute;
    top: calc(94 / 844 * 100vh);
    top: calc(94 / 844 * calc(var(--vh, 1vh) * 100));
  }
  /* #greeting .greeting_pic_01 {
    top: calc(130 / 844 * 100vh);
    top: calc(130 / 844 * 100dvh);
    height: calc(180 / 844 * 100vh);
    height: calc(180 / 844 * 100dvh);
  } */
  /* #greeting > h3 {
    position: absolute;
    top: calc(320 / 844 * 100vh);
    top: calc(320 / 844 * calc(var(--vh, 1vh) * 100));
  } */
  #greeting .greeting_pic_box > h3 {
    /* font-size: 1.3rem;
    font-feature-settings: "palt"; */
  }
  #greeting .greeting_pic_box .honbun {
    /* top: calc(370 / 844 * (100vh - 55px));
    top: calc(370 / 844 * calc(var(--vh, 1vh) * 100 - 55px));
    font-size: 0.9rem;
    line-height: 1.4; */
    /* 
    top: calc((352 - 90) / 844 * (100vh - 55px));
    top: calc((352 - 90) / 844 * calc(var(--vh, 1vh) * 100 - 55px)); */
  }
  #greeting .greeting_pic_02_box .pos_rel .greeting_pic_03 {
    /* bottom: calc(20 / 844 * 100vh);
    bottom: calc(10 / 844 * calc(var(--vh, 1vh) * 100));
    left: calc(156 / 390 * 100%); */
  }

  .box .commitment_box .commitment_ttl {
    /* top: calc(390 / 844 * 100vh);
    top: calc(390 / 844 * calc(var(--vh, 1vh) * 100)); */
  }
  .box .commitment_box .honbun {
    /* font-size: 0.8rem;
    line-height: 1.6; */
  }
  .box .commitment_box .logo_verace_pizza {
    /* top: calc(200 / 844 * 100vh);
    top: calc(200 / 844 * calc(var(--vh, 1vh) * 100)); */
  }
  .box .commitment_box .honbun a.shin_no {
    /* font-size: 0.8rem; */
  }
  .box .commitment_box .osusume_en {
    /* top: calc(610 / 844 * 100vh);
    top: calc(610 / 844 * calc(var(--vh, 1vh) * 100)); */
    /* top: calc(565 / 844 * 100vh);
    top: calc(565 / 844 * calc(var(--vh, 1vh) * 100));
    width: 64px;
    height: 64px; */
  }
  .box .commitment_box .osusume_en .osusume_en_con {
    /* font-size: 0.6rem; */
  }
  .box .commitment_box .commit_beer_box {
    /* position: absolute;
    top: calc(635 / 844 * 100vh - 35px);
    top: calc(635 / 844 * calc(var(--vh, 1vh) * 100) - 35px); */
  }
  .box .commitment_box .commitment_pic_beer {
    /* position: absolute;
    top: calc(630 / 844 * 100vh);
    top: calc(630 / 844 * calc(var(--vh, 1vh) * 100)); */
  }
  /* #shop .shop_sq_wrap .shop_copy_con {
    padding: 10px 20px 0 20px;
  } */
  /* #information .information_wrap {
    padding-left: 20px;
    padding-right: 20px;
  } */

  #w_menu .w_menu_inner .logo {
    margin-bottom: 0;
  }
  #w_menu .w_menu_inner {
    margin-top: 24px;
  }
  #w_menu .w_menu_inner ul.menu_lists ul.sub_menu_lists {
    margin-bottom: 0;
  }
  #w_menu .w_menu_inner ul.menu_lists .menu_list {
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
  #w_menu .w_menu_inner ul.menu_lists ul.sub_menu_lists .sub_menu_list {
    margin-bottom: 0px;
  }
}