@charset "UTF-8";
/*
　 レスポンシブ用スタイルシート
------------------------------------------
*/
/*
===========================================
　PC以上
===========================================
*/
@media screen and (min-width:1200px) {
  .block_navi_list .nav_btn:hover {
    color: #fff;
    background-color: #18232f;
  }
  a:hover, .btn_base:hover, button:hover, .block_header_top .menu_list .btn_cart:hover, .block_header_main .header_contact_btn .is_search:hover {
    opacity: 0.75;
    text-decoration: none;
  }
  .btn_base:hover, .btn_mitsumori_ankr:hover, .btn_mitsumori_ankr_catch:hover {
    color: #fff;
    text-decoration: none;
  }
  .btn_base.whitebtn:hover {
    color: #000;
  }
  ul.submenu_list li ul.menulink_list li a:hover {
    color: #4597bb;
    /*background-color: #4597bb;*/
    opacity: 1;
  }
  ul.submenu_list a:hover {
    opacity: 1;
    color: #4597bb;
  }
}
/*
===========================================
　タブレット以上
===========================================
*/
@media screen and (min-width:940px) {
  .sp_tab_content {
    display: none;
  }
  .block_navi_list {
    display: flex !important;
  }
  .footer_menu_list dd {
    display: block !important;
  }
}
/*
===========================================
　タブレット以下 @media screen and (max-width:939px) {
===========================================
*/
@media screen and (max-width:939px) {
  .sp_none {
    display: none !important;
  }
  /*スクロール時のグローバルの挙動*/
  .block_global_header.is_fixed .block_header_top, .block_global_header.is_fixed .block_header_main {
    display: none;
  }
  /*ヘッダー上部のボタン*/
  /*.block_header_top .menu_list {
    justify-content: space-around;
  }*/
  .block_header_top .menu_list li {
    margin-left: 20px;
    font-size: 1.4rem;
  }
  /*.block_header_top .menu_list li {
    margin-left: 0;
  }*/
  .block_header_top .menu_list .sp_btn_search {
    display: block;
  }
  /*ヘッダー中段*/
   /*
  .block_header_main .header_contact_tel {
    display: none;
  }*/
  .block_header_main .header_contact_btn {
    left: auto;
    right: 0;
  }
  .block_header_main .header_title {
    left: 1%;
    margin-left: 0;
  }
  /*.block_header_main .header_contact_btn li.sp_btn_h_tel {
    display: block;
  }*/
  /*タブメニュー*/
  .block_navi_list {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #f2f5f9;
    padding: 15px;
    box-shadow: 0 7px 5px rgba(0, 0, 0, 0.5);
  }
  .sp_nav_tab {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
  }
  .sp_nav_tab li {
    width: 20%;
    text-align: center;
    border-left: 1px solid #ced8e4;
    line-height: 1;
  }
  .sp_nav_tab li:first-child {
    border-left: none;
  }
  .sp_nav_tab li a {
    color: #333;
    display: block;
    background-color: #f2f2f2;
    height: 45px;
    padding-top: 16px;
    background-repeat: no-repeat;
    text-decoration: none;
  }
    .sp_nav_tab li a.is_menu {
        padding-top: 28px;
    }
  .sp_nav_tab li a.selected {
    background-color: #29384e;
    color: #fff;
  }
  .sp_nav_tab .menuname {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .sp_nav_tab .is_ts {
    background-image: url("../images/sp_h_btn_ts.svg");
    background-size: 18px auto;
    background-position: center 7px;
    ;
  }
  .sp_nav_tab .is_itemlist {
    /*background-image: url("../images/sp_h_btn_list.svg");*/
    background-size: 18px auto;
    background-position: center 7px;
    ;
  }
  .sp_nav_tab .is_beginner {
    /*background-image: url("../images/sp_h_btn_beginner.svg");*/
    background-size: 12px auto;
    background-position: center 7px;
    ;
  }
  .sp_nav_tab .is_mitsumori {
    position: relative;
  }
/*
  .sp_nav_tab .is_mitsumori::before {
    content: '\f1ec';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    font-size: 15px;
    position: absolute;
    left: 50%;
    top: 7px;
    margin-left: -7px;
  }

  .sp_nav_tab .is_menu {
    background-image: url("../images/sp_h_btn_menu.svg");
    background-size: 18px auto;
    background-position: center 8px;
    ;
  }
*/
  .sp_nav_tab .is_mitsumori.selected::before {
    color: #1DA0CF;
  }
  .sp_nav_tab .is_ts.selected {
    background-image: url("../images/sp_h_btn_ts_on.svg");
  }
  .sp_nav_tab .is_itemlist.selected {
    background-image: url("../images/sp_h_btn_list_on.svg");
  }
  .sp_nav_tab .is_beginner.selected {
    background-image: url("../images/sp_h_btn_beginner_on.svg");
  }
  /*フッターご注文の流れお届けについて*/
  .footer_info {
    margin: 20px auto;
    flex-wrap: wrap;
  }
  .footer_info .footer_info_flow {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .footer_info .footer_info_send {
    width: 50%;
  }
  .footer_info .footer_info_cal {
    width: 40%;
  }
  /*フッターメニュー*/
  .footer_menu {
    padding-top: 0;
  }
  .footer_menu .footer_menu_inner {
    max-width: 100%;
    display: block;
  }
  .footer_menu_list {
    width: 100%;
    /*border-bottom: 1px solid #535353;*/
    margin-bottom: 0;
  }
  .footer_menu_last {
    width: 90%;
    text-align: center;
    margin: 30px 5% 0;
  }
  .footer_menu_list dd {
    display: none;
    background-color: #fff;
    border-top: 1px solid #CCC;
    padding: 10px 20px;
    width: 100%;
  }
  .footer_menu_list dt {
    margin-bottom: 0;
    padding: 10px;
    background-image: url("/content/images/sp_menu_arrow_plus.svg");
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 16px auto;
    width: 100%;
  }
  .footer_menu_list dt.selected {
    background-image: url("/content/images/sp_menu_arrow_m.svg");
  }
  .footer_menu_list dd ul li {
    margin: 2rem;
  }
  /*スマホ用タブメニュー*/
  .sp_tab_content {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #f2f5f9;
    color: #333;
    padding: 15px;
    border-top: solid 2px #29384e;
    box-shadow: 0 7px 5px rgba(0, 0, 0, 0.5);
  }
  .block_navi_list > div {
    background-color: #fff;
    border-top: 1px solid #ccc;
    margin: 0;
  }
  .block_navi_list > div:first-child {
    border-top: none;
  }
  .block_navi_list .pulldownmenu .nav_btn {
    background-image: url("/content/images/sp_menu_arrow_plus.svg");
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 15px auto;
    padding: 10px 20px 9px 10px;
  }
  .block_navi_list .nav_btn.selected {
    background-color: #29384e;
    background-image: url("../images/sp_menu_arrow_m_w.svg");
  }
  .block_navi_list .linkmenu .nav_btn {
    /*background-image: url("../images/sp_menu_arrow_link.svg");*/
    background-repeat: no-repeat;
    background-position: 97.4% center;
    background-size: 8px auto;
    padding: 10px 20px 9px 10px;
  }
  ul.submenu_list > li {
    margin-bottom: 0;
  }
  ul.submenu_list li a.menulink_cate {
    font-size: 1.4rem;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px 9px;
    background-color: #f2f5f9;
    margin: 0;
    /*background-image: url("../images/sp_menu_arrow_link.svg");*/
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 6px auto;
  }
  .is_product_list ul.submenu_list li a.menulink_cate {
    font-size: 1.4rem;
    display: block;
    border-bottom: 1px solid #666;
    padding: 10px 20px 9px;
    background-color: #DAF4FA;
    margin: 0;
    background-image: url("/content/images/sp_menu_arrow_plus.svg");
    background-repeat: no-repeat;
    background-position: 97.4% center;
    background-size: 12px auto;
  }
  .is_product_list ul.submenu_list li a.menulink_cate.selected {
    background-color: #fff;
    margin: 0;
    background-image: url("../images/sp_menu_arrow_m.svg");
    border-bottom-color: #ccc;
  }
  ul.submenu_list li ul.menulink_list {
    margin: 0;
    display: none;
    border-bottom: 1px solid #ccc;
  }
  ul.submenu_list li ul.menulink_list li a {
    padding: 5px;
    margin: 10px 0 10px 25px;
  }
  ul.submenu_list li ul.menulink_list li a::before {
    display: none;
  }
  .menu_body {
    text-align: left;
    max-height: calc(100vh - 146px);
    overflow-y: auto;
    z-index: 1000;
  }
  .is_fixed .menu_body {
    max-height: calc(100vh - 45px);
  }
  /*プルダウンメニューボックス*/
  .block_navi_list .block_submenu {
    position: static;
    min-width: 100%;
    border-top: none;
    padding: 0;
  }
  .block_navi_list .block_submenu.is_product_list .inner {
    display: block;
  }
  .block_navi_list .block_submenu.is_product_list ul.submenu_list {
    width: 100%;
    margin-left: 0;
  }
  .footer_contanct_bottm {
    display: block;
    padding-bottom: 30px;
  }
  .footer_contanct_bottm ul.sns_icon_list {
    justify-content: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
  .footer_contanct_bottm ul.sns_icon_list li.en {
    margin: 5px;
    width: 100%;
  }
  .footer_contanct_bottm dl.mailmagazine {
    display: block;
    margin: 0;
  }
  .footer_contanct_bottm dl.mailmagazine dt {
    font-weight: normal;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .footer_contanct_bottm dl.mailmagazine dt br {
    display: none;
  }
  /*見積りタブの内容*/
  .sp_title_mitsumori {
    font-size: 1.7rem;
    text-align: center;
    margin: 0.5em 0;
    line-height: 1.2;
  }
  .sp_title_mitsumori_lead {
    font-size: 1.3rem;
    text-align: center;
    color: #FFD245;
    margin: 0.5em 0 0;
  }
  .spBlock_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .spBlock_btn li {
    margin: 5px 0;
  }
  .spBlock_btn li p {
    line-height: 1.2;
    font-size: 1rem;
    margin: 0.4em;
  }
  .spBlock_btn li a {
    text-decoration: none;
  }
  .spBlock_btn .is_cate {
    width: 100%;
  }
  .spBlock_btn .is_cate .spBtn_menu_cate {
    display: block;
    border-radius: 2px;
    color: #333;
    height: 55px;
    font-size: 1.2rem;
    background: #fff url("../images/sp_h_btn_list_blue.svg") no-repeat center 7px;
    background-size: 26px auto;
    padding: 28px 2px 0;
  }
  .spBlock_btn .is_cart {
    width: 48.2%;
  }
  .spBlock_btn .is_cart .spBtn_menu_cart {
    display: block;
    background-color: #fff;
    border-radius: 2px;
    color: #333;
    height: 55px;
    font-size: 1.2rem;
    padding: 28px 2px 0;
    position: relative;
    margin-bottom: 7px;
  }
  .spBlock_btn .is_cart .spBtn_menu_cart::before {
    content: '\f1ec';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    position: absolute;
    left: 50%;
    top: 6px;
    font-size: 20px;
    margin-left: -7px;
    color: #1DA0CF;
  }
  .spBlock_btn .is_mitsumori {
    width: 48.2%;
  }
  .spBlock_btn .is_mitsumori .spBtn_menu_mitsumori {
    display: block;
    background-color: #fff;
    border-radius: 2px;
    color: #333;
    height: 55px;
    font-size: 1.2rem;
    padding: 28px 2px 0;
    position: relative;
    margin-bottom: 7px;
  }
  .spBlock_btn .is_mitsumori .spBtn_menu_mitsumori::before {
    content: '\f00b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    font-size: 20px;
    position: absolute;
    color: #1DA0CF;
    left: 50%;
    top: 6px;
    margin-left: -9px;
  }
  .spBlock_btn .is_login {
    width: 100%;
  }
  .spBlock_btn .is_login .btn_base {
    background-color: #fff;
    color: #333;
    width: 100%;
    margin: 0;
    border-radius: 2px;
    padding: 10px;
    font-size: 1.2rem;
  }
  .spBlock_navi_contact {
    text-align: center;
    margin: 30px 0 15px;
  }
  .spBlock_navi_contact .spBlock_navi_contact_title {
    font-size: 1.7rem;
    margin: 0.5em 0 0;
    line-height: 1.2;
  }
  .spBlock_navi_contact .spBlock_navi_contact_lead {
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-top: 4px;
  }
  .spBlock_navi_contact .footer_contact_btn {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
  }
  .spBlock_navi_contact .footer_contact_btn li {
    margin: 4px 6px;
  }
  .spBlock_navi_contact .footer_contact_btn .is_mail {
    border-radius: 4px;
  }
  .spBlock_navi_contact .footer_contact_btn .is_tel {
    border-radius: 4px;
  }
  .spBlock_navi_contact .footer_contact_btn .is_line {
    border-radius: 4px;
  }
  .spBlock_navi_contact .footer_contact_btn .text {
    font-size: 0.9rem;
  }
  .spBlock_btn_blue {
    list-style: none;
    margin: 10px 0 25px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .spBlock_btn_blue li {
    width: 48.2%;
    margin: 0;
  }
  .spBlock_btn_blue .btn_base {
    width: 100%;
    color: #fff;
    background-color: #29384e;
    font-size: 1.2rem;
    border-radius: 2px;
    padding: 9px 20px 9px 11px;
    position: relative;
    margin: 0;
  }
  .spBlock_btn_blue .btn_base::after {
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -6px;
  }
  .spBlock_menu_lead {
    text-align: center;
    color: #29384e;
    line-height: 1.2;
    margin: 1em 0 2px;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .spBlock_menu_btn_cate {
    margin: 4px 0 10px;
  }
  .spBlock_menu_btn_cate .btn_base {
    background-color: #fff;
    color: #333;
    width: 100%;
    margin: 0;
    border-radius: 2px;
    padding: 8px;
    font-size: 1.5rem;
    text-align: center;
  }
  .spBlock_menu_list {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
  }
  .spBlock_menu_list.is_itemlist {
    margin-top: 8px;
  }
  .spBlock_menu_list li {
    border-top: 1px solid #ccc;
  }
  .spBlock_menu_list li:first-child {
    border-top: none;
  }
  .spBlock_menu_list li a {
    display: block;
    color: #333;
    padding: 12px 30px 12px 12px;
    line-height: 1.2;
    /*background: url("../images/sp_menu_arrow_link.svg")no-repeat 97% center / 9px auto;*/
  }
}
/*
===========================================
　スマートフォン以上
===========================================
*/
@media screen and (min-width:600px) {
  .modal-dialog {
    max-width: 90%;
  }
    /*池田追加ここから*/
  .br-sp {
    display: none;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
    /*池田追加ここまで*/
}
/*
===========================================
　スマートフォン以下
===========================================
*/
@media screen and (max-width:599px) {
  /*ヘッダー上部のボタン*/
  .block_header_top .menu_list li {
    font-size: 1.2rem;
  }
  /*池田追加スマホ以下のヘッダー上部のボタン*/
  .sp_nav_tab li a {
    padding-top: 8px;
  }
  .sp_nav_tab li a.sp_menu_1st {
    padding-top: 14px;
  }
  /*池田ここまで*/
  /*フッターのバナー*/
  .footer_banner .footer_banner_list {
    flex-wrap: wrap;
  }
  .footer_banner .footer_banner_list li {
    margin: 5px 1%;
    width: 48%;
    text-align: center;
  }
  .footer_banner .footer_banner_list li:first-child {
    margin-left: 1%;
  }
  .footer_banner .footer_banner_list li:last-child {
    margin-right: 1%;
  }
  /*フッターご注文の流れお届けについて*/
  .footer_info .footer_info_flow {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .footer_info .footer_info_send {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer_info .footer_info_cal {
    width: 100%;
  }
  /*フッターのcontact*/
  .footer_contanct {
    padding-top: 5px;
  }
  .footer_contanct .sub_title_en {
    margin-bottom: 10px;
  }
  .footer_contanct .sub_title_en .en {
    display: block;
    margin-bottom: 4px;
  }
  .footer_contanct_lead {
    margin-left: 5%;
    margin-right: 5%
  }
  .footer_contanct_info {
    display: block;
    margin-top: 10px;
  }
  .footer_contanct_info .col_tel .note {
    text-align: center;
  }
  .footer_contanct_info .col_btn .footer_contact_btn {
    margin-top: 10px;
  }
  /*モーダル*/
  .modal-body .modal_col2 {
    display: block;
    margin: 30px 0;
  }
  .modal-body .modal_col2 > div {
    width: 100%;
    margin-top: 10px;
  }
  .modal-dialog {
    margin-top: 35px;
  }
  .modal-content .close {
    font-size: 30px;
    top: -30px;
  }
}
/*
===========================================
　スマートフォン以下ナロー
===========================================
*/
@media screen and (max-width:320px) {
  .footer_banner .footer_banner_list li {
    width: 98%;
  }
}
/*
===========================================
　電話番号をアイコンに変更　他
===========================================
*/
@media screen and (min-width: 768px) {
    .block_header_main .header_contact_btn li.sp_btn_h_tel {
     display: none;
    }
    .block_header_main .header_contact_tel {
    display: block;
    }
    #top_search .contents-wrap {
    text-align: left;
    }
}