@charset "UTF-8";
@media screen and (min-width: 750px) {
  .cz_display-pc-none {
    display: none;
  }

  /*オリジナルヘッダー*/
  nav#headerSub ul {
    position: absolute;
    left: 580px;
    top: 28px;
    height: 28px;
    width: 220px;
  }

  nav#headerSub ul li {
    float: left;
    margin-right: 3px;
  }

  #headerLegend {
    position: absolute;
    top: 0;
    right: 20px;
    width: 166px;
    height: 54px;
  }

  div.inner-box {
    text-align: left;
    width: 980px;
    margin: 0 auto;
    position: relative;
  }

  /*オリジナルPCメニュー*/
  #flashNavigationB {
    min-width: 980px;
    height: 226px;
    background: url(../img/bg_t.jpg) center repeat;
    border-bottom: 1px solid #c3af7d;
  }

  #flashNavigation3B {
    height: 226px;
    width: 100%;
    margin: 0 auto;
  }

  #flashNavigation3B .inner {
    width: 980px;
    display: block;
    margin: 0 auto;
  }

  #flashNavigation3B ul li {
    float: left;
  }

  #flashNavigation3B ul li a {
    display: block;
    height: 166px;
    text-indent: -9999px;
  }

  #flashNavigation3B ul .navi01 a {
    background: url(../img/navi01.png) no-repeat;
    width: 137px;
    margin: 0 0 0 11px;
    background-position: center -51px;
  }

  #flashNavigation3B ul .navi02 a {
    background: url(../img/navi02.png) no-repeat;
    width: 166px;
    margin: 0 0 0 4px;
    background-position: center -41px;
  }

  #flashNavigation3B ul .navi03 a {
    background: url(../img/navi03.png) no-repeat;
    width: 148px;
    margin: 0 0 0 4px;
    background-position: center -51px;
  }

  #flashNavigation3B ul .navi04 a {
    background: url(../img/navi04.png) no-repeat;
    width: 166px;
    margin: 0 0 0 4px;
    background-position: center -41px;
  }

  #flashNavigation3B ul .navi05 a {
    background: url(../img/navi05.png) no-repeat;
    width: 138px;
    margin: 0 0 0 4px;
    background-position: center -51px;
  }

  #flashNavigation3B ul .navi06 a {
    width: 166px;
    margin: 0 0 0 4px;
    background-image: url(../img/navi06.png);
    background-repeat: no-repeat;
    background-position: center -41px;
  }

  #flashNavigation3B ul .navi01 a:hover {
    background: url(../img/navi01_on.png) no-repeat;
    background-position: center -51px;
  }

  #flashNavigation3B ul .navi02 a:hover {
    background: url(../img/navi02_on.png) no-repeat;
    background-position: center -41px;
  }

  #flashNavigation3B ul .navi03 a:hover {
    background: url(../img/navi03_on.png) no-repeat;
    background-position: center -51px;
  }

  #flashNavigation3B ul .navi04 a:hover {
    background: url(../img/navi04_on.png) no-repeat;
    background-position: center -41px;
  }

  #flashNavigation3B ul .navi05 a:hover {
    background: url(../img/navi05_on.png) no-repeat;
    background-position: center -51px;
  }

  #flashNavigation3B ul .navi06 a:hover {
    background: url(../img/navi06_on.png) no-repeat;
    background-position: center -41px;
  }

  /*リスト系テーブル*/
  .sp_table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border: 1px solid #cccccc;
    /*グレー2 ボーダー 色指定*/
  }

  .cz_sp_table tr {
    border-bottom: 1px solid #dcc3a0;
    background: #fff;
  }
  .cz_sp_table th {
    padding-bottom: 5px;
    color: #a57d50;
    font-size: 0.875em;
  }
  .cz_sp_table td {
    padding: 15px 0;
    font-size: 0.875em;
  }
  .cz_sp_table td b {
    font-weight: normal;
    font-size: 0.875em;
  }
  .cz_sp_table td a {
    font-weight: bold;
  }
  .cz_sp_table td[itemprop="name"] {
    padding-right: 20px;
    font-size: 0.875em;
  }
  .cz_sp_table td[aria-label="住所"] {
    font-size: 0.75em;
  }
  .cz_sp_table td .cz_rootlink {
    display: none;
  }

  /*ドロップダウンメニューボタン*/
  .cz_select50 {
    width: 200px;
  }

  /*地図関連*/
  div.cz_mapArea {
    width: 100%;
  }
  div.cz_mapArea img {
    width: 100%;
    height: auto;
  }

  div.cz_scale_Box {
    width: 100%;
  }

  div.cz_mapAll {
    width: 200px;
  }
  div.cz_mapAll h2 {
    margin-bottom: 0.5em;
    padding: 0 !important;
    line-height: 1;
    font-size: 0.875em;
  }

  /*searchLineMap*/
  div#ajaxMap_Linemap {
    width: 100%;
  }

  /*searchPrefMap*/
  div#ajaxMap_Prefmap {
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  .cz_ttlshopinfo {
    margin-bottom: 15px;
    font-size: 1.125em;
    font-weight: bold;
  }

  .shop_bnr.news {
    margin-bottom: 52px;
  }

  .p1 {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .p1 li {
    width: 270px;
    margin-right: 40px;
    color: #666666;
    font-size: 0.8em;
  }

  .shop_bnr p {
    margin: 0 20px;
    width: 100%;
    /* 横幅全体に広げたい場合 */
    font-size: 0.875em;
  }

  .shop_bnr img {
    width: 100%;
    margin-bottom: 0.5em;
  }

  /*店舗コメント欄*/
  p.shop_txt {
    margin-top: 30px;
  }

  /*セールお知らせ*/
  p.saledate {
    font-size: 14px;
    font-weight: 700;
  }

  p.saledetail {
    font-size: 14px;
  }

  footer .inner-box small {
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 36px;
  }
}
@media screen and (max-width: 749px) {
  /*既存のCSSにセレクタを上書き・プロパティの追加*/
  body, html {
    font-size: 3.2vw;
  }

  /*サンプル*/
  div#cz_header {
    width: 100%;
    height: auto;
  }

  div#cz_header #top img {
    margin: 14px 0px 6px 24px;
  }

  div#cz_header ul li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  div#cz_footer {
    text-align: center;
    background-image: none;
    background-color: #eee;
  }

  div#cz_footer p,
  div#cz_footer address {
    width: 100%;
    font-size: 10px;
  }

  div#cz_header .catch {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 21px;
    left: 105px;
    text-shadow: 1px 1px 2px #000;
  }

  /*スマホヘッダーになっています*/
  p#top {
    height: 50px;
    padding: 0 15px 6px 0;
    background: #004098;
  }

  /*フッター*/
  /*パンくず*/
  .cz_breadcrumb {
    position: absolute;
    top: 60px;
    left: 0;
  }

  /*基本*/
  /*部品*/
  .cz_layL {
    float: none;
  }

  .cz_layR {
    float: none;
  }

  .cz_sup {
    background: #ffffff;
  }

  /*色指定なし*/
  .cz_w49 {
    width: 100%;
  }

  .cz_w49_5 {
    width: 100%;
  }

  .cz_aqua {
    background-color: #ffec9f;
  }

  /*色指定なし*/
  /*レイアウト*/
  div.cz_suite_contents {
    background: none;
  }

  div#cz_content {
    width: 100%;
  }

  .cz_weather #cz_content {
    width: 100%;
  }

  .cz_subColumn {
    width: 100%;
  }

  .cz_mainColumn {
    width: 100%;
  }

  /*パート*/
  div.cz_part01 {
    margin-bottom: 13.33333vw;
  }

  .cz_print .cz_part01 {
    background-color: none;
    border: none;
  }

  div.cz_utility_box {
    background: none !important;
    padding-bottom: 0;
  }

  div.cz_utility_box p {
    font-weight: bold;
    padding: 0px 0px 4px 10px;
    line-height: 1.2;
  }

  div.cz_utility_box p span {
    font-size: 0.8em;
    font-weight: normal;
    padding-left: 8px;
  }

  /*フォーム*/
  select.cz_select01 {
    height: 8vw;
    background-size: 5.86667vw auto;
    font-size: 3.2vw;
    padding: 0 3.2vw;
    margin-bottom: 2vw;
  }

  /* プルダウンメニュー */
  /*searchAddressList.html*/
  ul.cz_usualList01 li {
    width: 50%;
  }

  dl.cz_usualList01_a dd {
    width: 50%;
  }

  /*凡例*/
  .cz_mapAccount02,
  .cz_mapAccount01 {
    display: none;
    margin-bottom: 20px;
  }

  /*ボタン*/
  input.cz_searchBtn01 {
    font-weight: bold;
    font-size: 3.46667vw;
  }

  /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ed8503), to(#d15400));*/
  input.cz_Btn_blue {
    width: 100%;
    height: 50px;
    box-shadow: 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    background-color: #003366;
    /*IE用　青 背景色 色指定*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003366), to(#003366));
    /*青 背景色　グラデーション濃↓濃　色指定*/
  }

  input.cz_searchBtn01.cz_Btn_orange {
    background-repeat: no-repeat;
  }
  input.cz_searchBtn01.cz_Btn_orange.arrow {
    background-image: url("../img/arrow_02.png") !important;
    background-position: 82.4vw center !important;
    background-size: 1.6vw auto !important;
  }

  input.cz_searchBtn01.cz_Btn_orange.location {
    background-image: url("../img/arrow_02.png"), url("../img/ic_location.png") !important;
    background-position: 82.4vw center, 9.06667vw center !important;
    background-size: 1.6vw auto, 5.86667vw auto !important;
    margin-bottom: 4vw;
  }

  input.cz_searchBtn01.cz_Btn_orange.train {
    background-image: url("../img/arrow_02.png"), url("../img/ic_train.png") !important;
    background-position: 82.4vw center, 9.33333vw center !important;
    background-size: 1.6vw auto, 4.93333vw auto !important;
    margin-bottom: 4vw;
  }

  input.cz_searchBtn01.cz_Btn_orange.map {
    background-image: url("../img/arrow_02.png"), url("../img/ic_map.png") !important;
    background-position: 82.4vw center, 8.93333vw center !important;
    background-size: 1.6vw auto, 6.13333vw auto !important;
    margin-bottom: 17.33333vw;
  }

  /*フォントチャンジ*/
  dl.cz_font_size {
    display: none;
  }

  /*英語*/
  dl.cz_language {
    display: none;
  }

  /*SNS*/
  .cz_snsbox li {
    float: left;
    margin: 0px 5px;
  }

  ul li.cz_tw {
    margin-top: 5px;
  }

  /*見出し*/
  .cz_ttl00, .cz_ttl01 {
    margin-bottom: 2.66667vw;
  }

  .cz_ttl02 {
    margin-bottom: 8vw;
    font-size: 5.33333vw;
  }

  .cz_ttl03, .cz_ttl_inBt {
    font-size: 4.26667vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 4vw;
  }

  .cz_Secondclass #cz_sideContent .cz_ttl02,
  .cz_Resultclass #cz_sideContent .cz_ttl02 {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0px 8px 12px;
    margin: 6px 0px;
    background-image: url(../img/h3_bg_rep.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    -webkit-box-shadow: 0 0 14px rgba(100, 62, 17, 0.8);
    box-shadow: 0 0 10px rgba(100, 62, 17, 0.2);
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #be771f;
    border-bottom: 0;
  }

  /*濃青 背景色 色指定*/
  .cz_Accessclass .cz_section_box .cz_ttl02 span {
    width: 100%;
    display: block;
  }

  .cz_Accessclass .cz_ttl03 span {
    width: 100%;
    display: block;
  }

  .cz_Alphaclass .cz_section_box .cz_ttl02 span {
    width: 100%;
    display: block;
  }

  .cz_Alphaclass .cz_section_box .cz_ttl02 {
    padding: 0px 0 10px;
  }

  /*地図関連*/
  .cz_mapArea {
    margin-bottom: 4vw;
  }
  .cz_mapArea img {
    width: 100%;
    height: auto;
  }

  /*スケール*/
  .cz_scale_Box {
    display: none;
  }

  /*searchLineMap */
  div#ajaxMap_Linemap {
    width: 100%;
  }

  #ajaxMap_Linemap {
    width: 90%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }

  /*searchPrefMap*/
  #ajaxMap_Prefmap {
    width: 90%;
    overflow: auto;
    position: relative;
    margin: 0 auto;
  }

  /*top
  ------------------------------------------------------ */
  .cz_Topclass div#cz_sideContent {
    width: auto;
    padding: 0 0 6.66667vw 0;
    float: none;
  }

  .cz_Topclass div#cz_mainContent {
    width: auto;
    padding: 0;
    float: none;
  }

  .cz_Topclass #cz_mainContent .cz_map_box {
    position: static;
    height: auto;
  }

  .cz_Topclass div#acc00 {
    display: none;
  }

  .cz_Topclass #cz_mainContent .cz_section_box {
    margin-top: 0;
  }

  .cz_list_map dt,
  .cz_list_map dd {
    position: static;
  }

  .cz_list_map {
    position: static;
  }

  .cz_title_box p.cz_abso {
    width: auto;
  }

  /*新着情報*/
  .cz_inform dt {
    text-align: center;
    font-size: 4.26667vw;
    font-weight: bold;
  }

  dl.cz_area01 {
    right: 0px;
  }

  dl.cz_area01 dt {
    width: 100%;
  }

  dl.cz_area01 {
    top: 0;
    width: 100%;
  }

  dl.cz_area01 dd.cz_pref01,
  dl.cz_area01 dd.cz_pref02,
  dl.cz_area01 dd.cz_pref03,
  dl.cz_area01 dd.cz_pref04,
  dl.cz_area01 dd.cz_pref05,
  dl.cz_area01 dd.cz_pref06,
  dl.cz_area01 dd.cz_pref07 {
    width: 100%;
  }

  dl.cz_area02 {
    top: 0;
    width: 100%;
  }

  dl.cz_area02 dt {
    width: 100%;
  }

  dl.cz_area02 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area02 dd.cz_pref02,
  dl.cz_area02 dd.cz_pref02,
  dl.cz_area02 dd.cz_pref03,
  dl.cz_area02 dd.cz_pref04,
  dl.cz_area02 dd.cz_pref05,
  dl.cz_area02 dd.cz_pref06,
  dl.cz_area02 dd.cz_pref07 {
    width: 100%;
  }

  dl.cz_area03 {
    top: 0;
    width: 100%;
  }

  dl.cz_area03 dt {
    width: 100%;
  }

  dl.cz_area03 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area03 dd.cz_pref01,
  dl.cz_area03 dd.cz_pref02,
  dl.cz_area03 dd.cz_pref03 {
    width: 100%;
  }

  dl.cz_area04 {
    top: 0;
    width: 100%;
  }

  dl.cz_area04 dt {
    width: 100%;
  }

  dl.cz_area04 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area04 dd.cz_pref01,
  dl.cz_area04 dd.cz_pref02,
  dl.cz_area04 dd.cz_pref03,
  dl.cz_area04 dd.cz_pref04 {
    width: 100%;
  }

  dl.cz_area05 {
    top: 0;
    width: 100%;
  }

  dl.cz_area05 dt {
    width: 100%;
  }

  dl.cz_area05 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area05 dd.cz_pref01,
  dl.cz_area05 dd.cz_pref02,
  dl.cz_area05 dd.cz_pref03,
  dl.cz_area05 dd.cz_pref04 {
    width: 100%;
  }

  dl.cz_area06 {
    top: 0;
    width: 100%;
  }

  dl.cz_area06 dt {
    width: 100%;
  }

  dl.cz_area06 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area06 dd.cz_pref01,
  dl.cz_area06 dd.cz_pref02,
  dl.cz_area06 dd.cz_pref03,
  dl.cz_area06 dd.cz_pref04,
  dl.cz_area06 dd.cz_pref05,
  dl.cz_area06 dd.cz_pref06 {
    width: 100%;
  }

  dl.cz_area07 {
    top: 0;
    width: 100%;
  }

  dl.cz_area07 dt {
    width: 100%;
  }

  dl.cz_area07 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area07 dd.cz_pref01,
  dl.cz_area07 dd.cz_pref02,
  dl.cz_area07 dd.cz_pref03,
  dl.cz_area07 dd.cz_pref04,
  dl.cz_area07 dd.cz_pref05 {
    width: 100%;
  }

  dl.cz_area08 {
    top: 0;
    width: 100%;
  }

  dl.cz_area08 dt {
    width: 100%;
  }

  dl.cz_area08 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area08 dd.cz_pref01,
  dl.cz_area08 dd.cz_pref02,
  dl.cz_area08 dd.cz_pref03,
  dl.cz_area08 dd.cz_pref04 {
    width: 100%;
  }

  dl.cz_area09 {
    top: 0;
    width: 100%;
  }

  dl.cz_area09 dt {
    width: 100%;
  }

  dl.cz_area09 dd.cz_pref01 {
    width: 100%;
  }

  dl.cz_area09 dd.cz_pref01,
  dl.cz_area09 dd.cz_pref02,
  dl.cz_area09 dd.cz_pref03,
  dl.cz_area09 dd.cz_pref04,
  dl.cz_area09 dd.cz_pref05,
  dl.cz_area09 dd.cz_pref06,
  dl.cz_area09 dd.cz_pref07,
  dl.cz_area09 dd.cz_pref08 {
    width: 100%;
  }

  /*便利*/
  .cz_subBox {
    background: #fff;
  }

  /*色指定なし*/
  /*articleList
  ------------------------------------------------------ */
  .cz_terms dt {
    text-align: left;
  }

  .cz_terms dd ul li {
    text-align: left;
  }

  /*detailMap
  ------------------------------------------------------ */
  .cz_Detailclass div.cz_result_box table td {
    text-align: left;
  }

  .cz_Detailclass .cz_mainColumn {
    width: 100%;
    padding: 0px;
  }

  .cz_Detailclass .cz_subColumn {
    width: 100%;
    padding: 0px;
  }

  .cz_Detailclass .cz_result_box .cz_couponBox {
    position: static;
  }

  .cz_Detailclass div.cz_inner dl {
    width: 100%;
    margin: 0;
  }

  .cz_Detailclass div.cz_result_box table th {
    width: 30%;
  }

  .cz_Detailclass div.cz_result_box {
    padding: 0 !important;
    background-color: #ffffff;
  }

  /*色指定なし*/
  /* tableセル内*/
  .cz_terms_list li {
    float: none;
    text-align: left;
  }

  div.cz_inner dd {
    padding: 0px 0px 10px 0;
  }

  div.cz_inner dt {
    background-color: #ffffff;
  }

  /*色指定なし*/
  .cz_couponBox {
    margin: 15px 0;
    text-align: center;
  }

  .cz_couponBox input.cz_Btn_blue {
    width: 90px;
    height: 40px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
  }
  .flex-direction_sp {
    display: flex;
    flex-direction: column;
  }
  .order1_sp{
    order:1;
  }
  .order2_sp{
    order:2;
  }
  .order3_sp {
    order:3;
  }
  .order4_sp {
    order:4;
  }
  .order5_sp {
    order:5;
  }
  .order6_sp {
    order:6;
  }
  /*searchKeyList
  ------------------------------------------------------ */
  .cz_Secondclass div#cz_mainContent {
    width: auto;
    padding: 0;
    background: none;
  }

  div.cz_revaluation_box {
    border: 0;
  }

  .cz_Resultclass ul.tab_menu li {
    width: -webkit-calc(90% / 4);
    width: calc(90% / 4);
    margin-bottom: 2%;
  }

  #tab_box #tab1,
  #tab_box #tab2,
  #tab_box #tab3,
  #tab_box #tab4,
  #tab_box #tab5,
  #tab_box #tab6 {
    height: auto;
  }

  /*detailDriveMap
  ------------------------------------------------------ */
  .cz_Accessclass .cz_rootBox {
    height: auto;
  }

  /*printCoupon
  ------------------------------------------------------ */
  .cz_Couponclass .cz_part02 {
    background-color: #ffffff;
    /*白 背景色 色指定*/
  }

  .cz_Couponclass .cz_part02 {
    margin: 5px;
  }

  .cz_Couponclass .cz_part02 .cz_layL {
    border-right: none;
    border-bottom: 2px dotted #fa8c01;
    /*オレンジ ボーダー 色指定*/
  }

  /*printDoorMap
  ------------------------------------------------------ */
  .cz_print table.cz_access {
    width: 100%;
  }

  /*printRouteMap
  ------------------------------------------------------ */
  .cz_pm_tabel {
    width: 100%;
  }

  /* ----------------------------------------------------------------------------------
  2:新規セレクタ
  ---------------------------------------------------------------------------------- */
  .cz_display-pc-none {
    display: block;
  }

  .cz_display-sp-none {
    display: none !important;
  }

  /*top*/
  /*ページトップ*/
  #cz_sp_pageTop {
    display: none;
  }

  /*アコーディオン*/
  /*
  ul.cz_accordion a { 
  	display:block;
  	padding:10px;
  	font-weight:100;
  	background-position:97% center;
  	background-repeat:no-repeat;
  	text-decoration:none;
  	color:#333333;
  }
  */
  ul.cz_accordion {
    margin-bottom: 4vw;
  }
  ul.cz_accordion ul {
    display: none;
    background: #fff;
  }
  ul.cz_accordion ul .cz_ac_display {
    display: block;
  }
  ul.cz_accordion > li > p {
    background: #a57d50;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 11.2vw;
    border-radius: 1.06667vw;
    margin-bottom: 0 !important;
  }
  ul.cz_accordion > li > p span {
    display: block;
    position: relative;
    /*▽アイコン*/
  }
  ul.cz_accordion > li > p span::after {
    content: "";
    display: block;
    position: absolute;
    width: 2.66667vw;
    height: 100%;
    top: 0;
    right: 2.4vw;
    background: url("../img/arrow_02.png") center center no-repeat;
    background-size: auto 2.66667vw;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  ul.cz_accordion > li > p span.cz_open::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  ul.cz_accordion > li > ul {
    padding: 4.66667vw 5.33333vw;
  }
  ul.cz_accordion .cz_part01 {
    margin-bottom: 0 !important;
  }
  ul.cz_accordion .cz_part01 .cz_terms:last-child {
    margin-bottom: 5.33333vw;
  }
  ul.cz_accordion .cz_searchBtn01 {
    width: 63.46667vw;
    background-image: url("../img/arrow_02.png"), url("../img/icon_search_01.png");
    background-position: 59.06667vw center, 23.6vw center;
    background-size: 1.6vw auto, 4.26667vw auto;
    background-repeat: no-repeat;
    font-size: 3.46667vw;
    margin-top: 2.66667vw;
  }
  ul.cz_accordion .cz_searchBtn01.low_01 {
    height: 7.6vw;
    font-weight: normal;
  }
  ul.cz_accordion .cz_searchBtn01.w_icon_mail {
    background-image: url("../img/arrow_02.png"), url("../img/icon_mail_01.png");
    background-position: 59.06667vw center, 16.8vw center;
    background-size: 1.6vw auto, 3.86667vw auto;
  }

  /*▽アイコン*/
  /*▽アイコン*/
  /*白 背景色 色指定*/
  /*白 背景色 色指定*/
  /*ul.cz_accordion > li > ul > li > a { background:url(Views/0/SmartPhone/img/go.png) no-repeat 98% center;}*/
  input[type="checkbox"].on-off {
    display: none;
  }

  input[type="checkbox"].on-off + ul {
    height: 0;
    overflow: hidden;
  }

  input[type="checkbox"].on-off:checked + ul {
    height: 800px;
  }

  input[type="checkbox"].on-off2 {
    display: none;
  }

  input[type="checkbox"].on-off2 + ul {
    height: 0;
    overflow: hidden;
  }

  input[type="checkbox"].on-off2:checked + ul {
    height: 300px;
  }

  input[type="button"] {
    -webkit-appearance: none;
  }

  /*top 検索ボタン*/
  input.cz_searchbtn_sp {
    display: inline-block;
    float: right;
    width: 9.6vw;
    height: 9.6vw;
    background: #411e0a url("../img/icon_search_01.png") center center no-repeat;
    background-size: 4.53333vw auto;
    font-size: 0;
    color: transparent;
    border-radius: 0 1.06667vw 1.06667vw 0;
  }

  /*top フォーム*/
  input.cz_form-sp {
    display: inline-block;
    font-size:16px;
    float: left;
    width: 77.06667vw;
    height: 9.6vw;
    border-radius: 1.06667vw 0 0 1.06667vw;
    border-right: none;
    padding-left: 20px;
  }

  /*artcleList*/
  .cz_select50 {
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }

  /*リスト系テーブル*/
  .cz_sp_table thead {
    display: none;
  }

  .cz_sp_table tr {
    display: block;
  }

  tr.atari a {
    display: block;
    width: 100%;
    height: 100%;
  }

  tr.atari a:hover {
    background-color: #ffffff;
  }

  .cz_sp_table tr {
    border-bottom: 1px solid #dcc3a0;
    padding: 5.33333vw 0;
  }

  .cz_sp_table td {
    display: block;
    line-height: 1.7;
  }
  .cz_sp_table td b {
    color: #a57d50;
  }
  .cz_sp_table td[itemprop="name"] {
    padding: 1.06667vw 0;
    font-weight: bold;
    font-size: 3.73333vw;
  }
  .cz_sp_table td[aria-label="都道府県"] {
    display: none;
  }
  .cz_sp_table td img {
    margin: 2px;
  }
  .cz_sp_table td:before {
    /*content: attr(aria-label);*/
    float: left;
  }

  /*ditalMap*/
  .cz_mail_sp {
    width: 40%;
    margin-left: auto;
  }

  .cz_door_box {
    border: none;
  }
  .cz_door_box h3.cz_ttl02 {
    display: none;
  }

  /*searchLineCndList_01.html*/
  .cz_Alphaclass div.cz_result_box dl {
    width: 100%;
    margin-bottom: 1%;
  }

  div.cz_in_result dl {
    width: 100%;
  }

  div.cz_inner dl {
    width: 97%;
    margin: 5px 5px;
    padding: 5px 0px;
    float: none;
    border-bottom: 1px dashed #cccccc;
    /*グレー2 ボーダー 色指定*/
  }

  div.cz_inner dt span {
    background-color: #ffffff;
    /*白 背景色 色指定*/
  }

  .cz_Alphaclass div.cz_inner {
    background-color: #ffffff;
    /*白 背景色 色指定*/
  }

  /*ドロワーメニュー 
  ------------------------------------------------------ */
  #cz_ham-menu {
    display: inline;
    box-sizing: border-box;
    height: 100%;
    padding: 10px 0px;
    /*メニュー内左右上下余白*/
    position: fixed;
    right: -220px;
    /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.2s linear 0s;
    /*0.3s はアニメーションにかかる時間*/
    width: 220px;
    /*メニュー横幅*/
    z-index: 1000;
    background-color: #004098;
    /*白 背景色 色指定*/
  }

  #cz_ham-menu ul.cz_ham-menu-style li {
    width: 100%;
    padding: 0px;
    border: 0;
    font-weight: normal;
    font-size: 14px;
    background: #004098;
    /*背景色 色指定*/
  }

  #cz_ham-menu ul.cz_ham-menu-style li a {
    display: block;
    padding: 10px;
  }

  #cz_ham-menu ul.cz_ham-menu-style li a:link {
    color: #ffffff;
  }

  #cz_ham-menu ul.cz_ham-menu-style li a:visited {
    color: #ffffff;
  }

  #cz_ham-menu ul.cz_ham-menu-style li:hover {
    padding: 0px;
    color: #ffffff;
    /*白 フォント 色指定*/
    background: #003366;
    /*濃青 背景色 色指定*/
  }

  #cz_ham-menu ul.cz_ham-menu-style li.cz_selected {
    padding: 10px;
    color: #ffffff;
    /*白 フォント 色指定*/
    background: #003366;
    /*濃青 背景色 色指定*/
  }

  #cz_menu-background {
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.1s linear 0s;
    /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
    background-color: #333333;
    /*色指定なし*/
  }

  #cz_menu-icon {
    border-radius: 0 0 0 10px;
    /*左下角丸*/
    cursor: pointer;
    display: block;
    font-size: 30px;
    /*アイコン（フォント）サイズ*/
    height: 50px;
    /*アイコン縦高さ*/
    line-height: 56px;
    /*縦位置中央化*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
    /*アイコン横幅*/
    transition: all 0.2s linear 0s;
    /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
    color: #ffffff;
    /*黒 フォント 色指定*/
    background-color: #004098;
    /*白 背景色 色指定*/
  }

  #cz_menu-cb {
    display: none;
    /*チェックボックス本体は消しておく*/
  }

  #cz_menu-cb:checked ~ #cz_ham-menu,
  #cz_menu-cb:checked ~ #cz_menu-icon {
    transform: translate(-220px);
    /*メニュー本体横幅 width と合わせる*/
  }

  #cz_menu-cb:checked ~ #cz_menu-background {
    opacity: 0.5;
    z-index: 999;
  }

  #cz_ham-menu ul.cz_ham-menu-style {
    width: auto;
  }

  /*フッターメニューナビ*/
  h3.titlewd {
    font-size: 4.26667vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 4vw;
  }

  /*採用バナー*/
  .staff_banner img {
    text-align: center;
    margin: 24px 0 4px 0;
    width: 100%;
    height: auto;
  }

  /*englishページへのボタン*/
  .lang {
    position: absolute;
    top: 70px;
    right: 3.33333vw;
    width: 19.73333vw;
  }
  .lang a {
    display: block;
    color: #fff;
    line-height: 6vw;
    background: #876441;
    text-align: center;
    font-weight: bold;
    border-radius: 0.53333vw;
  }

  /*店舗詳細ページの店名タイトル*/
  .cz_dtl002 {
    margin-bottom: 8vw;
    font-size: 5.33333vw;
  }
  .cz_dtl002 span {
    font-size: 2.93333vw;
  }

  /*店舗詳細ページの店舗お知らせバナー*/
  .cz_shopinfo {
    padding-top: 10.66667vw;
    text-align: center;
  }

  .cz_ttlshopinfo {
    margin-bottom: 6.66667vw;
    font-size: 4.26667vw;
    font-weight: bold;
  }

  .shop_bnr.news {
    margin-bottom: 14.66667vw;
  }
  .shop_bnr img {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  .shop_bnr p {
    font-size: 2.66667vw;
  }
  .shop_bnr .p1 li:not(:last-child) {
    margin-bottom: 5.33333vw;
  }

  /*店舗コメント欄*/
  p.shop_txt {
    font-size: 0.8em;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  a.cz_Btn_bigmap .material-icons {
    display: none;
  }

  /* アイコンサイズ */
  .material-icons.md-18 {
    font-size: 18px;
  }

  .material-icons.md-24 {
    font-size: 24px;
  }

  .material-icons.md-36 {
    font-size: 36px;
  }

  .material-icons.md-48 {
    font-size: 48px;
  }

  /* ショップリスト追加CSS */
  dl.spshoplist dd {
    padding: 5.86667vw 0 6.66667vw;
  }
  dl.spshoplist dd:not(:last-child) {
    border-bottom: 1px solid #a57d50;
  }
  dl.spshoplist a {
    display: block;
  }
  dl.spshoplist span {
    display: block;
  }
  dl.spshoplist .shopname {
    font-weight: bold;
    font-size: 3.73333vw;
  }
  dl.spshoplist .shopadd {
    margin: 1.33333vw 0 2vw;
    line-height: 1.8;
  }
  dl.spshoplist .shopicon img {
    margin-right: 1.33333vw;
    width: 6.4vw;
    height: 6.4vw;
  }

  .labeldesc {
    font-size: 0.9em;
    text-decoration: underline;
  }
}
/*モーダルウィンドウ*/
.myModal_popUp,
input[name="myModal_switch"],
#myModal_open + label ~ label {
  display: none;
}

#myModal_open + label,
#myModal_close-button + label {
  cursor: pointer;
}

.myModal_popUp {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

#myModal_open:checked ~ #myModal_close-button + label {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.myModal_popUp-content li {
  margin-bottom: 1em;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#myModal_open:checked + label ~ .myModal_popUp {
  background: #fff;
  display: block;
  width: 90%;
  height: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 998;
}

#myModal_open:checked + label ~ .myModal_popUp > .myModal_popUp-content {
  width: calc(100% - 40px);
  height: calc(100% - 20px - 44px );
  padding: 10px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#myModal_open:checked + label + #myModal_close-overlay + label {
  background: rgba(0, 0, 0, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  z-index: 997;
}

#myModal_open:checked ~ #myModal_close-button + label {
  display: block;
  background: #f9f0db;
  text-align: center;
  font-size: 25px;
  line-height: 44px;
  width: 90%;
  height: 44px;
  position: fixed;
  bottom: 10%;
  left: 5%;
  z-index: 999;
}

#myModal_open:checked ~ #myModal_close-button + label::before {
  content: '×';
}

#myModal_open:checked ~ #myModal_close-button + label::after {
  content: 'CLOSE';
  margin-left: 5px;
  font-size: 80%;
}

@media screen and (max-width: 749px) {
  .myModal label[for="myModal_open"] {
    text-decoration: underline;
    display: block;
    text-align: right;
    padding-right: 5.33333vw;
    background: url("../img/icon_question_01.png") right center no-repeat;
    background-size: 4vw auto;
    margin-bottom: 4vw;
    font-size: 2.93333vw;
    line-height: 4.4vw;
  }
}
@media screen and (min-width: 750px) {
  #myModal_open:checked + label ~ .myModal_popUp {
    width: 600px;
    height: 600px;
  }

  #myModal_open:checked + label ~ .myModal_popUp > .myModal_popUp-content {
    height: calc(100% - 20px);
  }

  #myModal_open:checked ~ #myModal_close-button + label {
    width: 44px;
    height: 44px;
    left: 50%;
    top: 50%;
    margin-left: 240px;
    margin-top: -285px;
    overflow: hidden;
  }

  #myModal_open:checked ~ #myModal_close-button + label::after {
    display: none;
  }
}

/*# sourceMappingURL=sp.css.map */
