@media (max-width: 768px) { h1,h2,h3,h4,h5,h6,p,ul,li{ margin: 0; padding: 0; } #fixed_header_new #header_inner_new #h_logo { margin-bottom: 0; } *, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div#wrap_breadcrumb { padding-top: 100px; } .wwcmpbnr{ display: none; } div#wrap_breadcrumb{ padding-top: 100px; } #contentSRC { width: 95%!important; } #contentSRC .tdfkLine .areaGroup ul li { width: 46%!important; margin: 3px 2%!important; } #contentSRC .tdfkLine .areaGroup2, ol#breadcrumb{ width: 100%; } div#wrap_all { position: relative; width: 100%; min-width: auto; } .box900, #contentSRC .tdfkList, #contentSRC .tdfkLine, #contentSRC .termBox, #contentSRC .termBox .archiAndRate, #contentSRC .termBox .archiAndRate .archiBox, #contentSRC .termBox .archiAndRate .rateBox, #contentSRC .termBox .otherTerms, #contentSRC .termBox .otherTerms .otherTermBox, .box400, #searchBtnBox{ width: 100%!important; } #contentSRC .tdfkList ul li { width: 45%!important; margin: 0 auto 15px!important; } #contentSRC .tdfkList ul li.mT10 { margin-top: 0px!important; } #contentSRC .box900.mLRA.mT15 { margin-bottom: 15px; } #contentSRC .tdfkLine .areaGroup ul { display: flex; flex-wrap: wrap; width: 96%; margin: 10px 2% 0!important; } #contentSRC .tdfkLine .areaGroup2 { width: 100%!important; margin-bottom: 15px; } .clearfix.boxP100.mLRA.mB15 { margin-bottom: 0!important; } div#wrap_breadcrumb { padding-top: 100px; width: 95%; margin: 0 auto 30px; } #contentSRC .termBox .archiAndRate .archiBox { margin-bottom: 20px; } #contentSRC .termBox .archiAndRate .archiBox p.mB5 { margin-bottom: 10px!important; } #contentSRC .termBox .otherTerms .otherTermBox .fLeft.box400 { margin-bottom: 10px; } div#ftlogobox { width: 170px; float: initial; margin: 0 auto 15px; } #ftlogobox ul li img { width: 35px; height: 35px; } #ftlogobox ul li { width: 35px; height: 35px; } div#ftlogobox ul.mT10 { display: flex; justify-content: space-between; } div#ftlogobox+.right.w765 { width: 100%!important; margin: 0 auto; float: initial; } ul#list_footer01 { position: relative; top: auto; left: auto; margin: 10px 0; } div#footer_inner02{ height: auto; padding: 10px; } p#txt_contact02 { position: relative; top: auto; right: auto; margin: 15px auto; } p#btn_contact02 { position: relative; top: auto; right: auto; text-align: center; margin-bottom: 10px; } ul#list_footer01 li a { background: url(../img/bg_bdr01.png) no-repeat right 0.1em; display: block; color: #666; padding: 0 15px 0 5px; } div.inner_center { width: 95%!important; } .list_footer_right{ width: 100%; } div#footer_inner03 .inner_center.clearfix h2#list_footer04, div#footer_inner05 .inner_center.clearfix h2#list_footer05{ float: initial; margin-bottom: 10px; } div#footer_inner03 .inner_center.clearfix .list_footer_right, div#footer_inner05 .inner_center.clearfix .list_footer_right{ float: initial; padding-left: 20px; border: none; } .railwayList{ padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .railwayList li { width: 32%; } .railwayList li a{ width: 100%; } #contentFVR { width: 95%!important; } #contentFVR ul#favoriteAction { width: 100%; display: flex; justify-content: center; flex-flow: column; align-items: center; } #contentFVR #favoriteAction .submitBox{ height:auto; } div#favoriteHspBox .favorHspBox.clearfix { width: 100%; } #contentFVR .favorHspBox .favorHspName p { font-size: 105%; } #contentFVR .favorHspBox .favorHspName a span{ padding-left: 50px; } #contentFVR .favorContents .favorImg{ float: initial; margin: 0 auto; width: 180px; } #contentFVR .favorContents .favorInfoBox { width: 100%; float: initial; } #contentFVR .favorContents .favorImg img, #contentFVR .favorContents .favorInfoBox .clearfix .fLeft.mR5 img{ width: 100%!important; } #contentFVR .favorContents .favorInfoBox .clearfix .fLeft.mR5 { float: initial; width: 75%; margin: 0 auto!important; } #contentFVR .favorContents .favorInfoBox .favorMapBox { width: 90%; height: 180px; border: 3px solid #dddddd; float: initial; margin: 0 auto; } .voice-main-v { width: 95%!important; margin: 0 auto; } .voice-main-v img { width: 100%; } .customers-voice { width: 95%; margin: 0 auto; } .customers-voice .form-group span.help-block { margin-bottom: 10px; display: block; text-align: center; } .customers-voice .btn-toolbar { display: flex; justify-content: center; } .customers-voice .voice-list .item>.info { padding-left: 0; } .customers-voice .voice-list .item>.info .mark-box>.icon img { width: 100%; } .customers-voice .voice-list .item>.info .mark-box>.icon { width: 60px!important; } .customers-voice .star img { width: 18px; } div#container { width: 95%!important; margin: 0 auto!important; } div#container div#contentsindex>div>p img{ width: 100%!important; } div#container div#contentsindex>div>p { position: initial!important; color: #000!important; margin: 10px 0!important; } div#container .space_inquiry a.bnrinq { width: 100%; margin: 30px auto; font-size: 100%; padding: 10px 0; } div#container .price-icolist { width: 100%; margin: 0px auto; display: flex; flex-wrap: wrap; } div#container .price-icolist li { box-sizing: border-box; width: 100%; margin-right: 0; margin-bottom: 15px; } div#container .price-icolist li a span.cttl{ padding: 10px 0px; font-size: 130%; } div#container .price-icolist li a{ height: 135px; } ol#breadcrumb { line-height: 1.4; } div#container .h3_type01 { font-size: 130%; } div#container ul.areaList, div#container ul.railList, div#container ul.preflist{ justify-content: space-between; } div#container ul.areaList, div#container ul.railList, div#container ul.preflist, div#container ul.areaList li a, div#container ul.railList li a, div#container ul.preflist li a{ width: 100%; } div#container ul.areaList li, div#container ul.railList li, div#container ul.preflist li{ width: 32%; } #smlkeyvisual { margin-top: -20px!important; margin-bottom: 30px!important; height: 350px!important; } #smlkeyvisual .kvbg{ height: 350px!important; } #smlkeyvisual h2 { font-size: 205%!important; padding-top: 110px!important; } #smlkeyvisual .kvbg .fontPr18 { font-size: 145%!important; } #simulationwrap { width: 95%!important; } #simulationwrap .simulationform ul.officeinfo { flex-flow: column; } #simulationwrap .simulationform ul.officeinfo li{ width: 100%; padding-left: 0!important; padding-right: 0!important; } #simulationwrap .simulationform dl.infotable dt, #simulationwrap .simulationform dl.infotable dd, #simulationwrap .simulationform input[type='text'], #simulationwrap .simulationform dl.pricetable, #simulationwrap .simulationform ul.costinfo, #simulationwrap .simulationform ul.costresult, #simulationwrap .simulationform dl.pricetable dt, #simulationwrap .simulationform dl.pricetable dd, #simulationwrap .simulationform input, #simulationwrap .simulationform select{ width: 100%; } /*#simulationwrap .simulationform dl.infotable dd,*/ /*#simulationwrap .simulationform dl.pricetable dd{*/ /* text-align: right;*/ /*}*/ .simulationform dl.pricetable, .simulationform ul.costinfo, .simulationform ul.costresult, .simulationform dl.pricetable dt, .simulationform dl.pricetable dd{ width: 100%; } .simulationform dl.pricetable dt { width: 100%; } .simulationform dl.pricetable dd { width: 100%; } div#content{ width: 100%!important; } div#container .h3_type01+.akibukken{ position: initial!important; text-align: center; } div#content .areapoplinks li { width: 49%; } div#content .pagenate_wrapper { flex-flow: column; } div#content .pagenate_wrapper .wrap_navi_page01 { width: 100%!important; text-align: center!important; margin: 10px 0; } div#content .pagenate_wrapper .taRight.pB10 { width: 100%!important; text-align: left; } div#content .pagenate_wrapper .taRight.pB10 p.fontPx10.taRight { text-align: left; } div#container .overflow_clear.mb_30 p.photo2.srcrolls { float: initial; margin: 0 auto 10px; } div#container .flexslider02 { width: 100%; } div#container .overflow_clear.mb_30 table.type01.mb_20.bldsum+div { display: flex; } .wrap_navi_page01 .navi_page01 { width: 100%; text-align: center; display: flex; justify-content: center; } .wrap_navi_page01 { margin-bottom: 30px; } div#container .bnr700{ width:100%; } div#sidebar { width: 100%!important; float: right; position: relative; margin-right: 0; } div#sidebar ul.clearfix.arealinks.mT10.mB30 { justify-content: space-between; } div#sidebar .bnr700 a span{ display: block; position: absolute; right: 0; top: 37px; color: #fff; font-weight: 700; font-size: 75%; text-align: center; width: 29%; } div#popular ul#list_popular li, div#popularaccess ul#list_popularaccess li{ width: 50%; } div#popular ul#list_popular li a .todetailbtn, div#popularaccess ul#list_popularaccess li a .todetailbtn{ margin: 5px auto 0; } div#popular ul#list_popular li a p.buildingname, div#popularaccess ul#list_popularaccess li a p.buildingname { min-height: 30px; } div#container div#contentBLD { width: 100%; } div#container div#contentBLD h2.h3_type02.clearfix .fRight { float: initial; text-align: right; } div#container div#contentBLD h2.h3_type02.clearfix p.fLeft.mB0 { margin-bottom: 5px!important; font-size: 90%; } div#container div#contentBLD .contentLine .photoBox { width: 100%; } div#container div#contentBLD .contentLine .mapBox { width: 100%; height: 230px; margin-top: 30px; } div#container div#contentBLD .contentLine .buildingSummary { width: 100%; } div#container div#contentBLD .contentLine .buildingSummary .bsLine { width: 95%; } div#container div#contentBLD .contentLine .buildingSummary { width: 100%; /* height: 500px; */ margin-bottom: 30px; } div#container div#contentBLD .contentLine .buildingOthers, div#container div#contentBLD .contentLine .buildingOthers .bnr340{ width: 100%; } div#container div#contentBLD .contentLine .buildingOthers .snsAndPrint { width: 100%; margin-top: 15px; display: flex; justify-content: space-between; } div#container div#contentBLD .contentLine .buildingOthers .snsAndPrint { width: 100%; margin-top: 15px; display: flex; justify-content: space-between; } div#container div#contentBLD .contentLine .buildingOthers .snsAndPrint .snsSpace { width: 100%; display: flex; overflow: initial; margin-top: 45px; } div#container div#contentBLD #textBoxHead { width: 100%!important; } div#container div#contentBLD .box1000 { width: 100%!important; } div#container div#contentBLD ul.scorelist li .score-s { width: 110px; } div#container div#contentBLD .contentLine { flex-flow: column; } div#container div#contentBLD .contentLine .boxP50.taCenter.pA30.boxsz-bb { width: 100%!important; } div#container div#contentBLD ul#list_popular { display: flex; flex-wrap: wrap; justify-content: space-between; } div#container div#contentBLD ul#list_popular li { /* width: 48%; */ /* width:200px; */ } .h3_type02{ letter-spacing: 1px!important; font-size: 130%; } div#container div#contentBLD .contentLine .floorBox { overflow: scroll; } .table-scroll{ overflow: scroll; } .table-scroll::before{ margin: 10px 0; content:"竊舌せ繧ッ繝ュ繝シ繝ォ縺後〒縺阪∪縺吮�"; display: block; width: 100%; } .table-scroll table{ width: 800px !important; } .floortable td:nth-child(3){ display: none; } div#container div#contentBLD .contentLine .floorBox table.floorTable { width: 700px; } div#container div#contentBLD .contentLine .buildingOthers .snsAndPrint .snsSpace .twitterbox { margin-right: 10px; } div#container div#contentBLD .contentLine .floorSummary, div#container div#contentBLD .contentLine .floorSummary .clearfix>.fLeft{ width: 100%; } div#container div#contentBLD .contentLine .floorSummary .clearfix>.fLeft { width: 100%; } div#container div#contentBLD .contentLine .floorSummary .clearfix>.fLeft .floorImg, div#container div#contentBLD .contentLine .floorSummary .buildingImg{ margin: 0 auto 15px; } div#container div#contentBLD .contentLine .floorSummary #accessMap { width: 100%; height: 230px; } div#container div#contentBLD .contentLine .floorSummary .clearfix>.fRight { width: 100%; } div#container div#contentBLD .contentLine .floorSummary .clearfix>.fRight .buildingSummaryF { width: 100%; } div#container .contentLine .floorSummary .floorBoxF { width: 100%; } div#container .contentLine .floorSummary .floorBoxF .floorTable_wrapper{ width: 100%; overflow: scroll; } .contentLine .floorSummary .floorBoxF table.floorTable { width: 700px!important; } div#container div#contentBLD .contentLine .boxsz-bb { width: 100%!important; padding: 15px!important; } div#container .contentLine .floorSummary .floorBoxF div#idMediaWrap div#lineupItem { width: 100%; height: 275px; } div#container div#contentBLD>.fRight { width: 100%; } div#container div#contentBLD .fRight>div#floorSide { width: 100%; top: 0!important; z-index: 2; } div#container div#contentBLD .fRight>div#floorSide .inquiryBLD.mB15 { width: 100%; margin: 15px auto 0; border: none; } div#container div#contentBLD .fRight>div#floorSide .inquiryBLD.mB15>div:last-child { width: 85%; } div#container div#contentBLD .fRight>div#floorSide .bnr290, div#container div#contentBLD .fRight>div#floorSide .bnr340, div#container div#contentBLD .fRight>div#floorSide .bnr290 a img, div#container div#contentBLD .fRight>div#floorSide .bnr340 a img { width: 100%; } .contentLine #floorSide .snsAndPrint .printSpace, .contentLine .buildingOthers .snsAndPrint .printSpace{ display:none; } div#container div#contentBLD .fRight>div#floorSide .inquiryBLD.mB15>div { margin-bottom: 15px; } div#container div#contentBLD .contentLine #floorSide .snsAndPrint { margin: 15px auto 15px; display: flex; justify-content: center; width: 100%; } div#container div#contentBLD .contentLine .buildingOthers .snsAndPrint .snsSpace, div#container div#contentBLD .contentLine #floorSide .snsAndPrint .snsSpace { vertical-align: top; width: 100%; display: flex; /* overflow: initial; */ /* margin-top: 45px; */ margin-top:0; overflow:hidden; /* height:20px; */ } .contentLine #floorSide .snsAndPrint .snsSpace .twitterbox { margin-right: 10px; } div#container div#contentBLD .contentLine .buildingOthers .snsAndPrint .snsSpace > .fb-like, .contentLine .fRight #floorSide .snsAndPrint .snsSpace > .fb-like { margin-top: -20px !important; } div#container .contentLine .floorSummary .floorBoxF div#idMediaWrap { width: 100%; } #fixed_header_new{ z-index: 1000; } div#container .bnr700 a.mkt700 { background-image: url(https://www.officetar.jp/img/common/bnr_market02.gif); background-position: center; background-repeat: no-repeat; background-size: cover; } div#container .bnr700 a span br { display: none; } div#container .bnr700 a span { display: block; position: absolute; right: 0; top: 60%; color: #fff; font-weight: 700; font-size: 100%; text-align: center; width: 100%; } #stationsrcBox .tdfkLine, #stationsrcBox { width: 95%!important; } #stationsrcBox .tdfkLine .railwayList li { width: 50%!important; } #stationsrcBox .tdfkLine .railwayList li a { width: 85%; } .overflow_clear.mb_30 .right.w410 { width: 100%; } div#favoriteHspBox .favoriteListNot { width: 100%; padding: 100px 0px; } .all-show-table { width: 100%; overflow: scroll; } .all-show-table table { width: 700px; } .all-show-table .ratetable tr td.areatd{ width: 150px !important; } }