@charset "utf-8";
/* smartphone
---------------------------------------------------------------------- */
@media (max-width: 1024px) {
  * {
    -webkit-appearance: none;
  }
  body { padding: 0 0 260px 0; }
  input[type=submit] ,
  input[type=text] ,
  select {
    /* -webkit-appearance: none; */
    /* appearance: auto; */
    /* appearance: none; */
    border-radius: 0px;
  }
  input[type=checkbox] ,
  input[type=radio] {
    -webkit-appearance: auto;
  }
  /* header
  ---------------------------------------------------------------------- */
  .header-frontwrap { float: none; }
  .header-frontwrap h1 { padding: 5px 0 0 8px; }
  .header-frontwrap h1 img { max-height: 50px; }
  .header-frontwrap h1 span { display: none; }
  /* hamburgerここから */
  /* label */
  .hamburger-switch {
    width: 20px;
    height: 16px;
  }
  /* メニューリスト */
  .hamburger-menulist {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* プルダウンメニュー */
	/* プルダウンスイッチ*/
  .hamburger-switch9 {
    position: absolute;
    top: 23px;
    right: 18px;
    display: flex;
    height: 20px;
    width: 20px;
    justify-content: center;
    align-items: center;
    z-index: 90;
  }
  .hamburger-switch9 span,
  .hamburger-switch9 span:before ,
  .hamburger-switch9 span:after {
    content: '';
    display: block;
    height: 3px;
    width: 16px;
    margin: -3px 0;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
  }
  .hamburger-switch9 span:before { bottom: 8px; }
  .hamburger-switch9 span:after { top: 8px; }
  #hamburger-9:checked ~ .hamburger-menuwrap-pulldown .hamburger-switch9:before {
    transform: translate(-50%, 100%) rotate(225deg);
  }
  /* メニューリストのデザイン */
  .hamburger-menuwrap-pulldown {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: calc(100% - 70px );
    padding-top: 6px;
    z-index: 9980;
  }
  .hamburger-menulist-pulldown {
    text-align: center;
    margin-bottom: 0;
  }
  .hamburger-menulist-pulldown li {
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-align: left;
    font-size: 13px;
  }
  .hamburger-menulist-pulldown li a {
    display: block;
    padding: 10px;
    transition: .3s;
  }
  .hamburger-menulist-pulldown li:hover { transition: .3s; }
  .hamburger-menulist-pulldown li:hover a { opacity: 0.6; }
  .hamburger-menulist-pulldown li.insta a {
    float: none;
    width: 100%;
    height: 15px;
    background: url(../img/icon_insta.png) no-repeat center left 10px;
    top: 38%;
    padding: 20px;
  }
  .hamburger-menulist-pulldown li.insta a:hover {
    float: none;
    width: 100%;
    height: 15px;
    top: 38%;
    transition: .3s;
    opacity: 0.6;
  }
    /* メニューリストのアニメーション（上から） */
  #hamburger-9:checked ~ .hamburger-menuwrap-pulldown { transform: translate(0, 100%); }
  /* contents
  ---------------------------------------------------------------------- */
  #contents { margin: 16px auto; }
  #contents h2.archive_headline {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 1.4;
  }
  #contents h2.post_title {
    margin: 0 0 16px 0;
    font-size: 16px;
  }
  #contents h3 {
    font-size: 20px;
    line-height: 1.2em;
  }
  #contents div.post_content { width: 100%; }
  /* スタッフ選択 */
  #contents ul#staff_select_area li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0px;
  }
  #contents ul#staff_select_area li .staff_photo {
    float: left;
    width: 80px;
    height: 80px;
  }
  #contents ul#staff_select_area li .staff_info {
    width: 100%;
    padding-left: 100px;
    display: block;
  }
  #contents ul#staff_select_area li .staff_info .staff_info_left {
    width: 100%;
  }
  #contents ul#staff_select_area li .staff_info .staff_info_right {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    padding: 20px;
  }
  #contents ul#staff_select_area li .staff_info .staff_info_right p {
    width: 100%;
  }
  /* クーポン・メニュー選択 */
  #contents #coupon_section,
  #contents #check_section,
  #contents .menu_section {
    margin-top: 50px;
    border: none;
  }
  #contents #coupon_section h3,
  #contents #check_section h3,
  #contents .menu_section h3 {
  padding: 15px 0 15px 15px;
  border: none;
  }
  #contents #coupon_section h4,
  #contents #check_section h4,
  #contents .menu_section h4 {
    padding-left: 15px;
  }
  #contents #coupon_area ,
  #contents #select_coupon_area ,
  #contents #check_menu_area ,
  #contents #basic_menu_area ,
  #contents #select_menu_area {
    width: auto;
    margin: 20px auto 80px auto;
  }
  #contents #coupon_area .coupon ,
  #contents #basic_menu_area .basic_menu {
    display:block;
    margin-bottom: 20px;
    border-radius: 6px;
  }
  #contents #select_menu_area .select_menu {
    margin-bottom: 20px;
    padding: 20px 80px 20px 20px;
    border-radius: 6px;
    background: url("../img/check_off.png") right 20px center no-repeat;
  }
  #contents #select_menu_area .checked_menu {
    margin-bottom: 20px;
    padding: 20px 80px 20px 20px;
    border-radius: 6px;
    background: url("../img/check.png") right 20px center no-repeat;
  }
  #contents #coupon_area .coupon .coupon_left ,
  #contents #basic_menu_area .basic_menu .basic_menu_left {
    float: none;
    width: auto;
    padding: 20px;
  }
  #contents #coupon_area .coupon .coupon_right ,
  #contents #basic_menu_area .basic_menu .basic_menu_right {
    float: none;
    width: auto;
    padding: 20px;
    box-sizing: content-box;
    border-radius: 0px 0px 6px 6px;
  }
  #contents #coupon_area .coupon .coupon_left h5 ,
  #contents #select_coupon_area .select_coupon h5 ,
  #contents #select_coupon_area .select_bese_menu h5 ,
  #contents #check_menu_area .check_menu_coupon h5 ,
  #contents #check_menu_area .check_menu_base_menu h5 ,
  #contents #basic_menu_area .basic_menu .basic_menu_left h5 ,
  #contents #select_menu_area .select_menu h5 ,
  #contents #select_menu_area .checked_menu h5 {
    line-height: 1.2;
    font-size: 20px;
  }
  #contents #select_menu_area .select_menu h5 ,
  #contents #select_menu_area .checked_menu h5 ,
  #contents #select_coupon_area .select_bese_menu h5 ,
  #contents #check_menu_area .check_menu_base_menu h5 {
    width: auto;
    float: none;
    border-bottom: none;
    line-height: 1.2;
  }
  #contents #coupon_area .coupon_left .menu_photo ,
  #contents #select_coupon_area .select_coupon .menu_photo ,
  #contents #select_coupon_area .select_bese_menu .menu_photo ,
  #contents #check_menu_area .check_menu_coupon .menu_photo ,
  #contents #check_menu_area .check_menu_base_menu .menu_photo ,
  #contents #basic_menu_area .basic_menu_left .menu_photo ,
  #contents #select_menu_area .select_menu .menu_photo ,
  #contents #select_menu_area .checked_menu .menu_photo {
    width: 80px;
    height: 80px;
  }
  #contents #select_menu_area .select_menu .menu_price ,
  #contents #select_menu_area .checked_menu .menu_price ,
  #contents #select_coupon_area .select_bese_menu .menu_price ,
  #contents #check_menu_area .check_menu_base_menu .menu_price {
    float: none;
    margin: 0;
    padding: 5px;
    font-size: 20px;
    text-align: right;
    color: #DC3232;
  }
  #contents #store_name_area h2.store_name { font-size: 16px; }
  #contents table.simple_table th {
    width: 30%;
    text-align: center;
    background: #F9F9F9;
    font-weight: normal;
    color: #B69E84;
  }
  #contents #reserve_condition {
    overflow-x: scroll;
    padding: 0 0 20px 0;
    -webkit-overflow-scrolling: touch;
  }
  #contents #reserve_condition_mark { width: 100%; }
  /* マイページ */
  #contents #my_page_reserve ul ,
  #contents #my_page_visited ul ,
  #contents #my_page_store_msg ul { width: auto; }
  #contents #my_page_reserve ul li a ,
  #contents #my_page_visited ul li ,
  #contents #my_page_store_msg ul li a { display: block; }
  #contents #my_page_reserve ul li div.my_page_photo_area ,
  #contents #my_page_visited ul li div.my_page_photo_area ,
  #contents #my_page_store_msg ul li div.my_page_photo_area { width: 100%; }
  #contents #my_page_reserve ul li div.my_page_photo_area img ,
  #contents #my_page_visited ul li div.my_page_photo_area img ,
  #contents #my_page_store_msg ul li div.my_page_photo_area img { width: 100%; }
  #contents #my_page_reserve ul li div.my_page_shop_area ,
  #contents #my_page_visited ul li div.my_page_shop_area ,
  #contents #my_page_store_msg ul li div.my_page_shop_area {
    width: 100%;
    padding: 15px;
  }
  #contents #my_page_reserve ul li div.my_page_shop_area h4 ,
  #contents #my_page_visited ul li div.my_page_shop_area h4 ,
  #contents #my_page_store_msg ul li div.my_page_shop_area h4 { font-size: 16px; }
  #contents #my_page_reserve ul li div.my_page_shop_area dl dt ,
  #contents #my_page_visited ul li div.my_page_shop_area dl dt ,
  #contents #my_page_store_msg ul li div.my_page_shop_area dl dt {
    float: none;
    width: 100%;
    font-weight: 700;
  }
  #contents #my_page_reserve ul li div.my_page_shop_area dl dd ,
  #contents #my_page_visited ul li div.my_page_shop_area dl dd ,
  #contents #my_page_store_msg ul li div.my_page_shop_area dl dd {
    margin-left: 0;
    margin-bottom: 10px;
  }
  /* マイページトップ　広告表示 */
  #contents #advertising { display: block; }
  #contents .form_area .w-15 ,
  #contents .simple_table_area .w-15 { width: 30%!important; }
  #contents .form_area .w-25 ,
  #contents .simple_table_area .w-25 { width: 100%!important; }
  #contents .form_area .w-50 ,
  #contents .simple_table_area .w-50 { width: 100%!important; }
  .col-2 {
    display: block;
    grid-template-columns: auto;
  }
  p.next ,
  p.back {
    margin: 20px 0;
    text-align: center;
  }
  .post_code_btn {
    margin-left: 0px;
  }
    /* footer
  ---------------------------------------------------------------------- */
  footer img {
    width: 80%;
    height: auto;
  }
  footer #footer_contents { height: auto; }
  footer #footer_contents div#footer_menu_area {
    width: 100%;
    min-height: auto;
    padding: 30px 0;
    float: none;
    display: block;
    grid-template-columns: auto;
    text-align: center;
  }
  footer #footer_contents div#footer_menu_area a.footer_insta { margin: 0 auto; }
  #copyright_pc { display: none; }
  #copyright_sp {
    padding: 7px 20px;
    display: inherit;
    background: #000000;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 1.6;
  }
  #return_top a {
    border-radius: 0%;
    opacity: 1;
    bottom: 0;
  	right:0;
  }
  .pc { display: none; }
  .sp { display: initial; }
}