@charset "UTF-8";
/*--------------------------
/    setting PC
/--------------------------*/
.pc_hidden {
  display: none;
}

.mobile_hidden {
  display: initial;
}

p.mobile_hidden {
  display: block;
}

th.mobile_hidden,
td.mobile_hidden {
  display: table-cell;
}

#recommend {
  border: 2px solid #88A429 !important;
  border-bottom: none !important;
  margin-bottom: -1px;
}

.main .w_middle .in .koma {
  float: left;
  margin: 2px;
}

.section #simulation {
  box-sizing: border-box;
  border: 4px solid #161C59;
  background: #EAEAEA;
}
.section #simulation h3 {
  background-color: #161C59;
}
.section #calculation {
  border: none;
}
.section .pricebox02 {
  padding: 4px 10px;
}
.section #simulation .pricebox02 p {
  font-size: 30px;
}
.section .pricebox {
  float: left;
  width: 28%;
}
.section #calculation {
  border: none;
  /*overflow: hidden;*/
  width: 70%;
}
.section #calculation #initial {
  position: initial;
}
.section #calculation input {
  float: left;
  height: 40px;
  width: 110px;
}
.section #per_calculation input {
  float: left;
  height: 40px;
  width: 110px;
}
.section + .w_bottom {
  display: none;
}
.section .pricebox01 {
  background: #161C59;
}

.staff_introduction a {
  display: none;
}

.details .wrap #price {
  display: block;
}

#simulation .pricebox02 p span::after {
  width: 100%;
}
#simulation .pricebox02 p span.price_unit_oku:after {
  display: none;
}
#simulation #calculation .initialWrap {
  width: 133px;
}

.newbf2 #top.top {
  overflow: hidden;
  padding-bottom: 20px;
}
.newbf2 #top.top a {
  float: left;
}

@media screen and (max-width: 480px) {
  /*--------------------------
  /    setting Mobile
  /--------------------------*/
  body {
    position: relative;
    z-index: 0;
    font-size: 13px;
  }
  .pc_hidden {
    display: block;
  }
  .mobile_hidden {
    display: none !important;
  }
  .text_center {
    text-align: center;
  }
  .page,
  .header {
    width: 100% !important;
    overflow: hidden;
  }
  .template4 {
    background-image: none;
  }
  /*========================================================================

  	Header

  ========================================================================*/
  .header .left {
    width: 100%;
    float: none;
    text-align: left;
    padding-top: 0;
  }
  .header br {
    display: none;
  }
  .header .left .logo img {
    width: auto;
    height: 46px;
  }
  .header .right {
    display: none;
  }
  .header .right img {
    width: 100%;
  }
  .header .left .lead {
    display: none;
  }
  /*--------------------------
  /    navigation menu
  /--------------------------*/
  .g_navi {
    display: none;
    background-image: none;
    width: 100%;
    height: auto;
    margin: 0;
    position: fixed;
    background-color: #FFF;
    position: fixed;
    background-color: #FFF;
    top: 46px;
    z-index: 20;
  }
  .g_navi ul {
    width: 100%;
  }
  .g_navi ul li {
    float: none;
  }
  .g_navi ul li a {
    width: 100%;
    border-bottom-width: 1px !important;
  }
  .g_navi ul li a:hover {
    width: 100%;
  }
  /*--------------------------
  /    mobile menu
  /--------------------------*/
  #mobile_menu {
    display: block;
    background: #161c5a;
    cursor: pointer;
    position: fixed;
    width: 50px;
    height: 46px;
    border: none;
    top: 0;
    right: 0;
    z-index: 100;
  }
  #mobile_menu span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    right: 0;
    margin: auto;
  }
  #mobile_menu span:nth-of-type(1) {
    top: 14px;
  }
  #mobile_menu span:nth-of-type(2) {
    top: 22px;
  }
  #mobile_menu span:nth-of-type(3) {
    bottom: 14px;
  }
  #mobile_menu.active span {
    left: -1px;
  }
  #mobile_menu.active span:nth-of-type(1) {
    transform: translateY(20px) rotate(-45deg);
    top: 2px;
  }
  #mobile_menu.active span:nth-of-type(2) {
    opacity: 0;
  }
  #mobile_menu.active span:nth-of-type(3) {
    transform: translateY(-20px) rotate(45deg);
    bottom: 3px;
  }
  /*--------------------------
  /    cover_mask
  /--------------------------*/
  #cover_mask {
    display: none;
  }
  #cover_mask.active {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
  /*========================================================================

  	Middle

  ========================================================================*/
  .middle {
    width: 100%;
    margin-top: 72px;
    padding-top: 10px;
  }
  .middle_right03 {
    width: 100%;
  }
  .main {
    float: none !important;
    width: 100% !important;
    padding: 0px 10px;
    box-sizing: border-box;
  }
  .index_right {
    float: none;
    width: calc(100% - 20px);
    margin: 0 10px;
    text-align: center;
  }
  .index_right > div {
    text-align: center;
  }
  .index_right .index_r_top .right {
    text-align: center;
    float: none;
    margin: 10px auto;
  }
  .login_view_r {
    float: none;
    margin: 32px auto 0;
  }
  .log_top {
    margin-top: 3px;
  }
  .index_r_top .index_r_middle > br {
    display: none;
  }
  .main .top .main .top {
    display: block;
  }
  .main .top .main iframe {
    display: none;
  }
  .main .top .main .top {
    /* position: relative;*/
    display: none;
  }
  .main .top .main iframe + img {
    display: none;
  }
  .main .top .main iframe + img + map {
    display: none;
  }
  .main .top .main iframe.top_slider_i {
    /*width: 100%;*/
    width: 90vw;
    height: 45vw;
    display: block;
  }
  /*.main .top .main iframe {
      width: 100%;
  }*/
  .voice-wrap {
    width: 100% !important;
  }
  #voice_img {
    display: none;
  }
  #satei {
    display: block;
    text-align: center;
  }
  #satei_s {
    display: none;
  }
  .main .top .main img {
    max-width: 100%;
    box-sizing: border-box;
  }
  .main .top table td {
    display: block;
    width: 100%;
  }
  .main .top table td.shop_info_azabu {
    display: none;
  }
  .main .top table .shop_info_table td {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
  }
  .main .top table .shop_info_table td p {
    font-size: 11px;
  }
  .main .top table .shop_info_table td p br {
    display: none;
  }
  table.table_center {
    margin: -20px auto;
  }
  table div.genre-item__body01 {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    background-color: #fffcd2;
    margin: 10px auto 0 !important;
  }
  ul.slides li {
    width: 100% !important;
  }
  .mobile_top_content {
    padding-top: 10px;
  }
  .mobile_top_content p {
    text-align: center;
    padding-bottom: 10px;
  }
  .main .shop_left img {
    display: block;
  }
  .index_r_middle .right {
    float: none;
    margin: 10px auto;
  }
  /*========================================================================

      kodate_area_tokyo

  ========================================================================*/
  #imagemap {
    display: none;
  }
  #pref_select {
    text-align: center;
    width: 100%;
    display: block;
  }
  #pref_select li {
    display: inline-block;
    background-color: #EEE;
    border: 1px solid #989898;
    padding: 6px;
    font-size: 14px;
  }
  .main .tab_3_1,
  .main .tab_3_2,
  .main .tab_3_3 {
    width: 100%;
    height: initial;
  }
  .main .tab_3_1 ul,
  .main .tab_3_2 ul,
  .main .tab_3_3 ul {
    background-image: none;
  }
  .main .tab_3_1 ul li,
  .main .tab_3_2 ul li,
  .main .tab_3_3 ul li,
  .main .tab_3_1 ul li a,
  .main .tab_3_2 ul li a,
  .main .tab_3_3 ul li a {
    color: #333;
  }
  .main .tab_3_1 ul li,
  .main .tab_3_2 ul li,
  .main .tab_3_3 ul li {
    color: #333;
    width: initial;
    min-width: 80px;
    border: 1px solid #DDD;
    padding: 9px 0;
    box-sizing: border-box;
    margin-right: 2px;
    margin-left: 2px;
    display: inline-block;
    float: none;
    font-size: 13px;
  }
  .main .tab_3_1 ul.clearfix,
  .main .tab_3_2 ul.clearfix,
  .main .tab_3_3 ul.clearfix {
    text-align: center;
    width: 100%;
  }
  .main .tab_3_1 ul li:first-child,
  .main .tab_3_2 ul li:nth-child(2),
  .main .tab_3_3 ul li:nth-child(3) {
    background-color: #414164;
    color: #FFF;
    font-size: 13px;
  }
  .main .pink {
    width: 100%;
  }
  .main .pink .in {
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
  }
  .main .pink .in ul {
    width: 100%;
    background-image: none;
  }
  .main .pink .in .linelist li {
    width: 100%;
    margin-left: 0;
  }
  .main .pink .in .rightway {
    float: none;
    text-align: center;
  }
  .buy_syubetu {
    width: 100%;
    background-color: #F0F0F0;
  }
  .buy_syubetuIn {
    width: 100%;
    margin: 0;
  }
  .buy_syubetuIn ul {
    width: 100%;
  }
  .buy_syubetuIn li {
    float: none;
    width: 150px;
    margin: 5px auto;
  }
  .main img {
    max-width: 100%;
    height: auto;
    margin: 0;
  }
  .main .w_top,
  .main .w_bottom {
    width: 100%;
  }
  .main .w_middle {
    width: 100%;
    text-align: center;
    background: none;
  }
  .main .w_middle .in {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  .main .w_middle .in .koma {
    width: 100%;
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: left;
    height: 450px;
  }
  .main .w_middle .in .koma .komaIn {
    width: 100%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
  }
  .main .w_middle .in .koma .komaIn .detail_link {
    width: calc(100% - 10px);
  }
  .research_link {
    width: 100%;
    display: block;
    text-align: center;
    display: none;
  }
  .research_link a {
    display: inline-block;
    text-align: center;
  }
  .buy_syubetuIn li a {
    margin-left: 0;
  }
  .buy_kodate,
  .buy_tochi {
    width: 100%;
  }
  .w_middle .shop_info {
    width: 100%;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .w_middle .shop_info li {
    float: none;
    display: inline-block;
    width: 46%;
  }
  .main .w_middle .in .w_middle_text {
    text-align: left;
  }
  /*========================================================================

      baikyaku1~6

  ========================================================================*/
  table {
    max-width: 100%;
    background: none;
  }
  .baikyaku3 table {
    width: 100%;
  }
  .baikyaku1 table a,
  .baikyaku2 table a,
  .baikyaku3 table a,
  .baikyaku4 table a,
  .baikyaku5 table a,
  .baikyaku6 table a,
  .baikyakuqa table a,
  .sell_jirei table a {
    display: inline-block;
    margin: 2px;
  }
  .baikyaku1 table td,
  .baikyaku2 table td,
  .baikyaku3 table td,
  .baikyaku4 table td,
  .baikyaku5 table td,
  .baikyaku6 table td,
  .baikyakuqa table td {
    text-align: center;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
  }
  .sell_jirei table {
    text-align: center;
  }
  .baikyaku1 table td p,
  .baikyaku2 table td p,
  .baikyaku3 table td p,
  .baikyaku4 table td p,
  .baikyaku5 table td p,
  .baikyaku6 table td p,
  .baikyakuqa table td p {
    text-align: left;
  }
  .baikyaku1 table td br,
  .baikyaku2 table td br,
  .baikyaku3 table td br,
  .baikyaku4 table td br,
  .baikyaku5 table td br,
  .baikyaku6 table td br,
  .baikyakuqa table td br {
    display: none;
  }
  .cart table {
    max-width: 100%;
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
    word-wrap: break-word;
  }
  .cart th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
  }
  .cart td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
  }
  .cart td div {
    white-space: normal !important;
  }
  .cart #SPForm div {
    text-align: left;
  }
  .cart input[type=text] {
    width: 39%;
  }
  .cart td.senddata_koumoku {
    width: 100%;
    box-sizing: border-box;
  }
  .baikyaku2 strong {
    font-size: 14px;
  }
  .baikyaku1 table td:first-child {
    margin: auto;
  }
  .baikyaku6 strong {
    font-size: 14px;
  }
  .baikyaku6 center div {
    width: 30% !important;
    box-sizing: border-box;
    margin: 0 !important;
    float: none !important;
    display: inline-block;
    font-size: 14px !important;
    min-height: 50px;
    vertical-align: middle;
  }
  .baikyaku6 center font {
    vertical-align: middle;
  }
  .baikyaku6 center div span {
    font-size: 14px !important;
  }
  .sell_jirei .sell_jirei_list table {
    max-width: 100%;
    table-layout: fixed;
    word-break: break-word;
    /*20180412追加*/
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
  }
  .sell_jirei .sell_jirei_list table td {
    text-align: center;
    vertical-align: middle;
  }
  /*.submit_confirm_button{
  	display: block;
     width: 80%;
     height: 50px;
     margin: 20px auto 0;
     background: #f00;
     border: none;
     cursor: pointer;
     font-size: 122%;
     font-weight: bold;
     color: #fff;
     text-align: center;
  }*/
  /*20180412追加おわり*/
  /*========================================================================

      shop

  ========================================================================*/
  /*========================================================================

      newbf2

  ========================================================================*/
  /*========================================================================

      search_result

  ========================================================================*/
  /*========================================================================

      kantan_member

  ========================================================================*/
  /*========================================================================

      company

  ========================================================================*/
  /*========================================================================

      recommend

  ========================================================================*/
  /*========================================================================

      detail

  ========================================================================*/
  /*--------------------------
  /    simulation
  /--------------------------*/
  /*========================================================================

      loan_simulation | hensai

  ========================================================================*/
  /*========================================================================

      nenshu | loan_shindan

  ========================================================================*/
  /*========================================================================

      openhouse

  ========================================================================*/
  /*========================================================================

      tokusen2

  ========================================================================*/
  /*========================================================================

  	Footer

  ========================================================================*/
  /*-----------prettyphoto.js modalピンチ操作--------------*/
}
@media screen and (max-width: 480px) and (max-width: 480px) {
  .cart_mode1 input.submit_confirm_button {
    /*display: block;
       width: 80%;
       height: 50px;
       margin: 20px auto 0;
       background: #f00;
       border: none;
       cursor: pointer;
       font-size: 122%;
       font-weight: bold;
       color: #fff;
       text-align: center;
    */
    display: block;
    width: 40%;
    height: 40px;
    margin: 20px auto 0;
    background: #f00;
    border: none;
    cursor: pointer;
    font-size: 122%;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  /*safariのinputデフォルトcss解除*/
  input[type=submit], input[type=button] {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    /*  border: none;*/
    box-sizing: border-box;
    cursor: pointer;
    border: #b31f39 3px solid;
    background: #e8e8e8;
    font-size: larger;
  }
  input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
    display: none;
  }
  input[type=submit]::focus, input[type=button]::focus {
    outline-offset: -2px;
  }
  /*safariのinputデフォルトcss解除おわり*/
}
@media screen and (max-width: 480px) {
  font {
    font-size: 14px;
    vertical-align: middle;
  }
  .details .wrap .tel {
    text-indent: 0;
    clear: both;
    float: none;
  }
  .details .wrap .tel span {
    display: block;
  }
  .shop .main .w_middle .in .wrap {
    display: block;
    width: 100%;
    height: initial;
    box-sizing: border-box;
  }
  .shop .main .w_middle .in .wrap .left {
    float: none;
    width: 100%;
    margin: 0;
  }
  .shop .main .w_middle .in .wrap .right {
    width: 100%;
  }
  .shop .main h3 {
    font-size: 14px;
  }
  .shop .main .w_middle .in .wrap .right p {
    font-size: 12px;
  }
  .shop .main .w_middle .in .wrap .right .tel {
    font-size: 16px;
  }
  .shop .main .w_middle .in .wrap .right .shop_link {
    width: auto;
    height: initial;
    position: initial;
    bottom: 0;
  }
  .shop_wrap .shop_left {
    float: none;
    margin: auto;
    text-align: center;
  }
  .shop_wrap .shop_right {
    float: none;
    margin: auto;
    width: initial;
  }
  .w_middle .in .wrap_4 {
    width: 100%;
  }
  .w_middle .in .wrap_4 ul {
    width: 100%;
    text-align: center;
  }
  .w_middle .in .wrap_4 li {
    float: none;
    display: inline-block;
    width: 47% !important;
    padding: 5px;
    box-sizing: border-box;
  }
  .w_middle .in .wrap_4 ul li a {
    width: 100% !important;
  }
  .shop_name_wrap {
    width: 100%;
  }
  .staff_table td {
    display: block;
  }
  .family_midashi_red {
    width: 100%;
  }
  .staff_introduction a {
    display: block;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid #ABABAB;
    color: #FFF;
    background: linear-gradient(to bottom, #ededed 0%, #999 88%);
    cursor: pointer;
    text-shadow: 0px 0px 2px #333;
  }
  .staff_introduction a:hover {
    opacity: 0.7;
  }
  .shop_wrap .shop_left {
    width: 100%;
  }
  .newbf2 .page a,
  .newbf2_1 .page a,
  .newbf2_2 .page a,
  .newbf2_3 .page a,
  .newbf2_4 .page a,
  .newbf2_5 .page a,
  .newbf2_6 .page a,
  .newbf2_7 .page a,
  .newbf2_8 .page a {
    width: 22%;
    display: inline-block;
    margin: 2px;
  }
  .newbf2 .template3 iframe,
  .newbf2_1 .template3 iframe,
  .newbf2_2 .template3 iframe,
  .newbf2_3 .template3 iframe,
  .newbf2_4 .template3 iframe,
  .newbf2_5 .template3 iframe,
  .newbf2_6 .template3 iframe,
  .newbf2_7 .template3 iframe,
  .newbf2_8 .template3 iframe {
    width: 320px;
    margin: auto;
    display: block;
  }
  .newbf2 iframe {
    width: 100%;
    height: 1800px;
  }
  .newbf2 #top.top a {
    display: inline-block;
    width: 24%;
    padding: 2px;
    box-sizing: border-box;
  }
  #GB_window .content {
    transform: scale(0.8);
  }
  .GB_frame {
    width: 100% !important;
  }
  #GB_window {
    width: 100%;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .serchTbl {
    width: 300px;
    table-layout: fixed;
    word-break: break-word;
    word-wrap: break-word;
    white-space: inherit;
    box-sizing: border-box;
  }
  .serchTbl th,
  .serchTbl td {
    display: block;
    width: 300px;
    box-sizing: border-box;
    white-space: inherit !important;
    border: none;
  }
  .serchTbl div {
    max-width: 100%;
    white-space: inherit !important;
  }
  .serchTbl .search_tr_area div {
    width: 100% !important;
    margin: 0 !important;
  }
  .search_list,
  .search_result_red {
    width: 100%;
  }
  div#railways, div#stations {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    float: none;
  }
  .member_privacy_view,
  .member_kiyaku_view {
    width: 90%;
    box-sizing: border-box;
    margin: auto;
    text-align: left;
  }
  .cart_mode1 div {
    text-align: left;
  }
  .cart .member_privacy_view,
  .cart .member_kiyaku_view {
    width: 100%;
  }
  .main .tab_2_1,
  .main .tab_2_2,
  .main .tab_2_1 ul,
  .main .tab_2_2 ul {
    width: 100%;
  }
  #ceo table th,
  #ceo table td {
    display: block;
  }
  .red_obi {
    width: 100%;
    box-sizing: border-box;
  }
  #result_list_table {
    table-layout: fixed;
    word-wrap: break-word;
    white-space: inherit;
    box-sizing: border-box;
  }
  .search_parts_bottom {
    position: relative;
    padding-top: 50px;
  }
  .search_parts_bottom span {
    display: block;
  }
  .search_parts_bottom #list_next_button {
    position: absolute;
    top: 0;
    text-align: center;
    display: block;
    width: 100%;
  }
  .search_parts_bottom #list_next_button input {
    font-size: 16px;
    background-color: #54A7FB;
    border: none;
    padding: 5px 20px;
    color: #FFF;
    border-radius: 3px;
    min-width: 230px;
  }
  table.search_list {
    table-layout: fixed;
    word-wrap: break-word;
    white-space: inherit;
    box-sizing: border-box;
  }
  .details .bar_detail {
    width: 100%;
  }
  .details .bar_detail h2 {
    width: 100%;
  }
  .details .detail .wrap,
  .details .d_wrap {
    width: 100%;
  }
  .main .details .w_middle_toiawase,
  .main .details .w_bottom {
    width: 100%;
  }
  .details .salesPoint,
  .details .salesPoint_middle,
  .details .ditail_koumoku_hyo,
  .details .month_loan {
    width: 100%;
  }
  .detail .wrap,
  .detail .mylist {
    width: 100%;
  }
  .main .detail .w_middle_toiawase .in {
    width: 100%;
  }
  .salesPoint_middle .in {
    margin: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
  .details .koumoku_hyo2 th,
  .details .koumoku_hyo2 td {
    width: auto;
  }
  .mylist .mylistIn {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .detail .mylistIn .left,
  .detail .mylistIn .right {
    float: none;
    display: inline-block;
    padding-bottom: 10px;
  }
  .main .w_middle_toiawase .in {
    background-image: none;
    background-image: none;
    background-color: #FFF;
    border: 1px solid #C4C4C4;
    padding: 5px;
    box-sizing: border-box;
    width: 90%;
    margin: auto;
  }
  .w_middle_toiawase .in .left {
    margin: 0;
    width: 100%;
  }
  .w_middle_toiawase .in .right {
    margin: 0;
    width: 100%;
  }
  .w_middle_toiawase .in .right .text_10 {
    width: 66%;
    margin: auto;
  }
  .details .koumoku_hyo2 th,
  .details .koumoku_hyo2 td {
    display: block;
  }
  .details #form1 .koumoku_hyo2 th br {
    display: none;
  }
  .details .cart_login_view span {
    display: block;
    padding-bottom: 10px;
  }
  .bar_detail h2 {
    font-size: 14px;
  }
  .d_wrap .left {
    width: 100%;
  }
  .w_middle_toiawase .in .right .tel {
    background-image: none;
  }
  ul.detail_img_thumb_li {
    text-align: center;
  }
  ul.detail_img_thumb_li li {
    width: 48%;
    margin: 0;
    border: 2px solid #FFF;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    float: none;
    vertical-align: top;
  }
  ul.detail_img_thumb_li li img {
    margin: auto;
    display: block;
  }
  .details .d_wrap .right {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 10px 40px 10px;
    box-sizing: border-box;
  }
  .details .d_wrap .right .panoview,
  .details .d_wrap .right .movieview {
    display: inline-block;
  }
  .wrap #price {
    display: block;
  }
  .wrap .tel {
    background-image: none;
  }
  .details table {
    width: 100%;
  }
  #simulation #calculation .initialWrap {
    width: 100%;
  }
  #simulation #calculation .initialWrap .plusMinus {
    position: static;
  }
  .search_list2 td {
    word-break: break-all;
  }
  div.pp_default .pp_next {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
  }
  div.pp_default .pp_previous {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
  }
  .section #simulation h3,
  .section #per_simulation h3 {
    text-align: center;
  }
  .section #simulation h3 span {
    display: block;
    margin: 0;
    padding-top: 5px;
  }
  .section .pricebox {
    float: none;
    width: 100%;
  }
  .section #calculation {
    width: 100%;
  }
  .section #calculation dl {
    width: 100%;
  }
  .section #per_calculation dl {
    width: 100%;
  }
  .section #calculation input,
  .section #per_calculation input {
    width: 80%;
  }
  #simulation #calculation dl#answer input {
    background: none;
  }
  .bnBank {
    width: 100%;
    height: auto;
  }
  ul.bnBank li {
    display: inline-block;
    margin: 5px;
  }
  .hensai #contentsArea,
  .hensai02 #contentsArea {
    width: 100%;
  }
  #search_area_nensyu .kensaku-tbl th,
  #search_area_nensyu .kensaku-tbl td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  table.kensaku-tbl td.right select {
    font-family: initial;
    font-size: 14px;
    padding: 0;
    width: initial;
  }
  .main div#search_area_nensyu table.kensaku-tbl th.left_3,
  .main div#search_area_nensyu table.kensaku-tbl td.right_3 {
    display: block;
    width: 100%;
    border: 1px solid #C1B4B2;
    font-size: 16px;
  }
  .map-main.objframe iframe {
    width: 100%;
  }
  _::-webkit-full-page-media, _:future {
    width: 320px;
    margin: auto;
  }
  :root .map-main.objframe iframe {
    width: 320px;
    margin: auto;
  }
  .template0 #middle td {
    display: block;
  }
  .template0 #middle .genre-item__body01 {
    background: none;
  }
  .template0 #middle .genre-item__body02 {
    margin: auto;
  }
  .template0 #middle .s_search {
    text-align: center;
  }
  .template0 #middle .s_search li {
    display: inline-block;
    padding-bottom: 10px;
  }
  #middle.staff_list_tokusen2 td.main_td {
    display: block;
    width: 100%;
    margin-top: 55px;
  }
  #middle.staff_list_tokusen2 td.main_td .right {
    text-align: center;
  }
  #middle.staff_list_tokusen2 td.index_right_td {
    display: block;
    width: 100%;
  }
  #middle.staff_list_tokusen2 td.index_right_td div.genre-item__body01 {
    background-color: #CDEAFC;
  }
  #middle.staff_list_tokusen2 td.index_right_td div.genre-item__body02 {
    margin: auto;
  }
  #middle.staff_list_tokusen2 td.index_right_td .index_r_middle .s_search {
    text-align: center;
    padding-bottom: 10px;
  }
  #footer {
    margin-top: 0 !important;
  }
  .f_center {
    width: 100%;
  }
  .fotter_middle {
    width: 100%;
  }
  .fotter_middle .in {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .f_center .fotter_middle .blue {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .f_center .fotter_middle .blue li {
    width: 50%;
  }
  .f_center .fotter_middle .blue li a {
    width: initial;
  }
  .f_center .fotter_middle .blue li:nth-child(2) a {
    border: none;
  }
  .fotter_middle .in .box,
  .fotter_middle .in .box_nm {
    width: 100%;
    margin: 0;
  }
  .f_center .fotter_middle .in .box ul,
  .f_center .fotter_middle .in .box_nm ul {
    margin: 0;
    width: 100%;
  }
  .f_center .fotter_middle .in .box ul li,
  .f_center .fotter_middle .in .box_nm ul li {
    width: 50%;
    float: left;
    padding: 6px 4px;
    box-sizing: border-box;
  }
  .f_center .fotter_middle .in .box ul li a,
  .f_center .fotter_middle .in .box_nm ul li a {
    padding-left: 10px;
    line-height: 20px;
    font-size: 11px;
  }
  .f_center .fotter_middle .in .fotter_middle_in_wrap {
    width: 100%;
  }
  .f_center .fotter_middle .in .f_l,
  .f_center .fotter_middle .in .f_r {
    float: none;
    width: 100%;
  }
  .f_r .honsya {
    background-image: none;
    padding: 0;
  }
  .f_r .honsya span {
    display: block;
    color: #FFF;
  }
  #mobile_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #FFF;
  }
  #mobile_footer a {
    color: #E52416;
    line-height: 1;
    letter-spacing: -1px;
    font-size: 35px;
    color: #313131;
    font-weight: bold;
  }
  #mobile_footer span {
    font-size: 14px;
    display: block;
    background-color: #efff00;
    color: #333;
    padding: 5px;
  }
  div#mobile_footer.mobile_single_footer_fixed {
    z-index: 100;
  }
  .pp_pic_holder.pp_default {
    overflow: scroll !important;
    max-height: 100vh !important;
    position: fixed !important;
    top: 100px !important;
    bottom: 100px !important;
    overflow-y: auto !important;
  }
  a.pp_next, a.pp_previous {
    height: 80% !important;
  }
  a.pp_close {
    z-index: 9999999;
  }
}/*# sourceMappingURL=mobile.css.map */