.no_scroll{
    height: 100%;
    overflow: hidden;
}
#wrapper.sp{
    opacity: 1;
    width: 100%;
    height: 100%;
}
#wrapper.sp #content{
    width: 100%;
    height: 100%;
    position: static;
    transform: unset;
    -webkit-transform: unset;
    padding: 87px 0 100px;
}
#wrapper.sp.sp_top_layout #content{
    padding: 275px 0 0;
}
#wrapper.sp .pc_show {
    display: none;
}
#wrapper.sp .sp_show {
    display: block;
}
#wrapper.sp header h1{
    width: 175px;
    height: 38px;
    top: 15px;
    left: 15px;
    z-index: 100;
}
#wrapper.sp header h1 img{
    display: none;
}
#wrapper.sp.sp_top_layout header h1{
    display: none;
}
#wrapper.sp.sp_top_layout header h1.top_show{
    display: block;
}
#wrapper.sp header h1{
    display: block;
}
#wrapper.sp header h1.top_show{
    display: none;
}
#wrapper.sp.sp_top_layout header h1{
    width: 132px;
    height: 166px;
    left: 50%;
    transform: translateX(-50%);
}
#wrapper.sp .menu_btn{
    position: fixed;
    top: unset;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) scale(0.5);
}
#wrapper.sp .menu_contents{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 20px;
}
#wrapper.sp .menu_bg{
    position: fixed;
}
.menuop #wrapper.sp .menu_bg{
    opacity: 1;
}
#wrapper.sp nav .share,
#wrapper.sp nav .share_input{
    display: none;
}
#wrapper.sp .menu_contents > ul > li{
    width: calc( (100% / 2) - 15px);
    width: -webkit-calc( (100% / 2) - 10px);
    margin-left: 20px;
    margin-right: 0;
    height: 46px;
}
#wrapper.sp .menu_contents > ul > li a{
    display: block;
    width: 100%;
    height: 100%;
}
#wrapper.sp .menu_contents > ul > li a span{
    background-position: center top;
    width: 100%;
    height: 100%;
    margin: 0;
}
#wrapper.sp .menu_contents > ul > li a.menu.menu01 span{background-image: url(/img/menu_sp_01.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu02 span{background-image: url(/img/menu_sp_02.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu03 span{background-image: url(/img/menu_sp_03.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu04 span{background-image: url(/img/menu_sp_04.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu05 span{background-image: url(/img/menu_sp_05.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu06 span{background-image: url(/img/menu_sp_06.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu07 span{background-image: url(/img/menu_sp_07.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu08 span{background-image: url(/img/menu_sp_08.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu09 span{background-image: url(/img/menu_sp_09.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu10 span{background-image: url(/img/menu_sp_10.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu11 span{background-image: url(/img/menu_sp_11.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu12 span{background-image: url(/img/menu_sp_12.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu13 span{background-image: url(/img/menu_sp_13.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu14 span{background-image: url(/img/menu_sp_14.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu15 span{background-image: url(/img/menu_sp_15.png);}
#wrapper.sp .menu_contents > ul > li a.menu.menu16 span{background-image: url(/img/menu_sp_16.png);}
#wrapper.sp .menu_contents > ul > li:nth-child(n+5){
    margin-top: 0;
}
#wrapper.sp .menu_contents > ul > li:nth-child(2n+1){
    margin-left: 0px;
}
#wrapper.sp .menu_contents > ul > li:nth-child(n+3){
    margin-top: 30px;
}
#wrapper.sp #main{
    position: relative;
}
#wrapper.sp #main > div{
    height: auto;
    padding: 0 0 80px;
}
#wrapper.sp .main_img{
    height: 0;
    padding-bottom: 75%;
}
#wrapper.sp .main_img.slideshow{
    padding:0;
    height:65vw;
}
#wrapper.sp .main_img.slideshow img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#wrapper.sp #main h2{
    font-size: 20px;
    color: #004b89;
    position: static;
    width: 100%;
}
#wrapper.sp #main h2 br{
    display: none;
}
#wrapper.sp #main .top h2{
    display: block;
    margin: 0;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}
#wrapper.sp #main .contents{
    position: static;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#wrapper.sp #slider{
    width: 100%;
    height: auto;
}
#wrapper.sp #slider .view,
#wrapper.sp #slider .view li,
#wrapper.sp #slider .view li > img{
    width: 100%;
    height: 225px;
}
#wrapper.sp #slider .view li .zoom{
    display: none;
}
#wrapper.sp #slider .controll > *{
    top:0;
    bottom:0;
    transform: unset;
    height: 225px;
    width: 50px;
}
#wrapper.sp #slider .controll .left button{
    background: url(/img/slider_left.png) center / 25px auto no-repeat;
}
#wrapper.sp #slider .controll .right button{
    background: url(/img/slider_right.png) center / 25px auto no-repeat;
}
#wrapper.sp #slider .thumb{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    margin:0;
    padding: 10px 0;
}
#wrapper.sp #slider .thumb > li{
    display: inline-block;
    margin: 0 5px;
}
#wrapper.sp #slider .thumb > li,
#wrapper.sp #slider .thumb li img{
    width: 59px;
    height: 31px;
}
#wrapper.sp #slider .thumb > li:not(:first-child){
    margin-left: 5px;
}
#wrapper.sp .modelroom #slider .thumb li:after,
#wrapper.sp #slider .thumb li:after{
    width: 20px;
    height: 17px;
}
#wrapper.sp #main .txt{
    position: static;
    width: 100%;
    font-size: 10px;
    margin-top: 20px;
    padding: 0 3%;

}

#wrapper.sp .documents .folder_wrap{
    border: none;
    padding: 0;
    overflow: unset;
    max-height: unset;
    max-height: auto;
}
#wrapper.sp .documents ul.folder_contents{
    display: block;
}
#wrapper.sp .documents ul.folder_contents li img{
    display: none;
}
#wrapper.sp .documents ul.folder_contents li{
    border-top: 1px solid #000;
    width: 100%;
}
#wrapper.sp .documents ul.folder_contents li + li,
#wrapper.sp .documents ul.folder_contents li:nth-child(n+7),
#wrapper.sp .documents ul.folder_contents li:nth-child(6n+1){
    margin: 0;
}
#wrapper.sp .documents ul.folder_contents li:last-child{
    border-bottom: 1px solid #000;
}
#wrapper.sp .documents ul.folder_contents li a,
#wrapper.sp .documents ul.folder_contents li span{
    border: none;
    margin: 0;
    padding: 20px 60px 20px 70px;
    width: 100%;
    min-width: unset;
    max-width: unset;
    font-size: 14px;
    text-align: left;
    color: #000;
    border-radius: 0px;
    position: relative;
    background: none;
}
#wrapper.sp .documents ul.folder_contents li a h3,
#wrapper.sp .documents ul.folder_contents li span h3{
    height: 40px;
}
#wrapper.sp .documents ul.folder_contents li a h3 p,
#wrapper.sp .documents ul.folder_contents li span h3 p{
    font-size: 14px;
}
#wrapper.sp .documents ul.folder_contents li.active a,
#wrapper.sp .documents ul.folder_contents li.active span{
    background: transparent;
}
#wrapper.sp .documents ul.folder_contents li a:before,
#wrapper.sp .documents ul.folder_contents li span:before{
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #ccc;
    background: url(/img/document_folder.png) center center / auto 28px no-repeat transparent;
}
#wrapper.sp .documents ul.folder_contents li a:after,
#wrapper.sp .documents ul.folder_contents li span:after{
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #ccc;
    background: url(/img/document_folder_close.png) center center / auto 28px no-repeat transparent;
}
#wrapper.sp .documents ul.folder_contents li.active span.open:before{
    background: url(/img/document_folder_active.png) center center / auto 28px no-repeat transparent;
}
#wrapper.sp .documents ul.folder_contents li.active span.open:after{
    background: url(/img/document_folder_open.png) center center / auto 28px no-repeat transparent;
}

#wrapper.sp .modelroom #slider .thumb li:after{
    display: none;
}

#wrapper.sp .documents .file_contents{
    display: none;
    padding: 0;
}

#wrapper.sp .documents .file_list{
    display: block;
    margin-left: 70px;
}
#wrapper.sp .documents ul.folder_contents .file_list li{
    border-top: 1px solid #aaa;
}
#wrapper.sp .documents .folder_contents > li > a,
#wrapper.sp .documents .file_list a{
    display: block;
}
#wrapper.sp .documents .file_list span,
#wrapper.sp .documents .file_list a{
    padding: 20px 0px !important;
}
#wrapper.sp .documents .file_list ul li:last-child{
    border-bottom: none;
}
#wrapper.sp .documents .file_list ul li span:before,
#wrapper.sp .documents .file_list ul li span:after,
#wrapper.sp .documents .file_list ul li a:before,
#wrapper.sp .documents .file_list ul li a:after{
    display: none;
}


/* 水平投影図 */
#wrapper.sp .horizontal_projection_chart{
}
#wrapper.sp .horizontal_projection_chart .view img,
#wrapper.sp .horizontal_projection_chart .view {
    width: 100%;
    height: 300px;
}
#wrapper.sp .horizontal_projection_chart .projection{
    position: static;
    padding: 1%;
}
#wrapper.sp .horizontal_projection_chart .zoom{
    display: none;
}
#wrapper.sp .horizontal_projection_chart .projection h3{
    font-size: 14px;
}
#wrapper.sp .horizontal_projection_chart .projection > .flex{
    display: block;
}
#wrapper.sp .horizontal_projection_chart .projection > .flex > li + li{
    margin: 10px 0 0;
}
#wrapper.sp .horizontal_projection_chart .projection .building .flex,
#wrapper.sp .horizontal_projection_chart .projection .electrical .flex{
    flex-wrap: wrap;
}
#wrapper.sp .horizontal_projection_chart .projection .building .flex li,
#wrapper.sp .horizontal_projection_chart .projection .electrical .flex li{
    width: calc(25% - 5px);
}
#wrapper.sp .horizontal_projection_chart .projection .building .flex li:not(:first-child),
#wrapper.sp .horizontal_projection_chart .projection .electrical .flex li:not(:first-child){
    margin-left: 6px;
}
#wrapper.sp .horizontal_projection_chart button{
    font-size: 10px;
    min-width: unset;
    width: 100%;
    height: 50px;
}


/* 建物隔離図 */
#wrapper.sp .building_isolation_charts .map{
    height: calc( 100vh - 400px );
}
#wrapper.sp .building_isolation_charts .btn_area span{
    height: 50px;
}

/*カラーセレクト*/
#wrapper.sp .color_select  #slider .thumb{
    display: flex;
}
#wrapper.sp .color_select  #slider .thumb > li{
    width: calc( 100% / 4 );
    height: auto;
}
#wrapper.sp .color_select  #slider .thumb > li span{
    width: 100%;
    height: auto;
    font-size: 12px;
    padding: 12px 0;
    text-align: center;
}
#wrapper.sp .color_select .color_set{
    position: static;
    width: 100%;
    padding: 0 2%;
    top: 0;
    transform: unset;
    margin-top: 10px;
}
#wrapper.sp .color_select .color_set h3{
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
}
#wrapper.sp .color_select .color_set .set_contents{
    padding: 5px;
}
#wrapper.sp .color_select .color_set .set_contents .flex p{
    font-size: 10px;
}
#wrapper.sp .color_select .color_set .set_contents .btn{
    display: none;
}
#wrapper.sp .color_select .color_set > ul{
    display: flex;
    flex-wrap: wrap;
}
#wrapper.sp .color_select .color_set > ul > li{
    width: calc( 50% - 5px );
}
#wrapper.sp .color_select .color_set > ul > li:nth-child(2n){
    margin-left: 10px;
}
#wrapper.sp .color_select .color_set .set_item + .set_item{
    margin-top: 0;
}
#wrapper.sp .color_select .color_set > ul > li.set_item:nth-child(n+3){
    margin-top: 10px;
}
#wrapper.sp .color_select .btn_area span{
    height: 50px;
}
#wrapper.sp .color_select .color_set h4{
    font-size: 10px;
    padding: 10px;
}


/* 日影シミュレーション */
#wrapper.sp .shade_simulation{
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .view_area,
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition,
#wrapper.sp .shade_simulation #shade_simulation_wrap .direction{
    position: static;
    width: 100%;
    height: auto;
    transform: unset;
}
#wrapper.sp #shade_simulation_wrap .video1,
#wrapper.sp #shade_simulation_wrap .video2{
    position: static;
    transform: unset;
    height: auto;
    display: inline-block;
    width: 49%;
}
#wrapper.sp #shade_simulation_wrap.movff1 .video1,
#wrapper.sp #shade_simulation_wrap.movff3 .video2{
    width: 100%;
}
#wrapper.sp #shade_simulation_wrap.movff3 .video1,
#wrapper.sp #shade_simulation_wrap.movff1 .video2{
    width: 0%;
}
#wrapper.sp #shade_simulation_wrap .time{
    position: relative;
    padding: 2%;
    transform: unset;
    width: auto;
    display: block;
    left: auto;
    bottom: unset;
}
#wrapper.sp #shade_simulation_wrap .pbtn{
    margin: 10px 0;
    height: 40px;
}
#wrapper.sp #shade_simulation_wrap .time .bar_wrap{
    align-items: flex-start;
}
#wrapper.sp #shade_simulation_wrap .time .bar{
    display: none;
}
#wrapper.sp #shade_simulation_wrap .time .title{
    width: 60px;
    padding: 10px 0;
    font-size: 10px;
    text-align: center;
}
#wrapper.sp #shade_simulation_wrap .view_time{
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#wrapper.sp #shade_simulation_wrap .time li a,
#wrapper.sp #shade_simulation_wrap button{
    min-width: 50px;
    padding: 10px 0;
    font-size: 10px;
    margin-bottom: 10px;
}
.shade_simulation #shade_simulation_wrap .setting_op{
    display: none;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .setting_op{
    display: block;
    padding: 2%;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .setting_op span{
    position: relative;
    display: block;
    background: #666;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .setting_op span:after{
    content: "＋";
    position: absolute;
    color: #fff;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    display: block;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .setting{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 300ms all ease;
    z-index: 100002;
    width: 96%;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap.setting_open .setting{
    opacity: 1;
    pointer-events: inherit;
}
.shade_simulation #shade_simulation_wrap .setting_bg{
    display: none;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .setting_bg{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.95);
    opacity: 0;
    transition: 300ms all ease;
    pointer-events: none;
    z-index: 100001;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap.setting_open .setting_bg{
    opacity: 1;
    pointer-events: inherit;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .direction{
    position: relative;
    bottom: unset;
    height: 240px;
    margin-top: 20px;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition .mmenu dd button{
    margin-bottom: 0;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition .mmenu2{
    display: block;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition .mmenu2:after{
    content: "";
    display: block;
    clear: both;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition .mmenu2 dt{
    width: 70px;
    float: left;
    height: 137px;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition .mmenu2 dd{
    width: calc(100% - 90px);
    float: left;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition .mmenu2 dd button{
    width: 100%;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .condition dl dt,
#wrapper.sp .shade_simulation #shade_simulation_wrap .direction p {
    font-size: 10px;
    line-height: 10px;
}
#wrapper.sp .shade_simulation #shade_simulation_wrap .setting_close{
    position: absolute;
    top: -40px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url(/img/icon_close.png) center / 40% no-repeat #004b8a;
}

/* 眺望写真 */
#wrapper.sp .viewpoint .view{
    height: 39vw;
    margin-bottom: 20px;
}
#wrapper.sp .viewpoint .select_btn{
    position: static;
    padding: 0 2%;
}
#wrapper.sp .viewpoint .select_btn .flex{
    align-items: flex-start;
}
#wrapper.sp .viewpoint .select_btn .title{
    font-size: 12px;
    padding: .6em 0;
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select{
    width: 100%;
}
#wrapper.sp .viewpoint .select_btn dd{
    flex: 1;
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select li{
    width: calc(100% / 3 - 10px);
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select li:last-child{
    width: calc( ( 100% / 3 ) * 2 - 10px);
}
#wrapper.yokohamakishiya.sp .viewpoint .select_btn .viewpoint_select li:last-child{
    width: 100%;
}
#wrapper.sp .viewpoint .select_btn .floor .viewpoint_select li:nth-child(n+4){
    margin-top: 10px;
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select.building li{
    width: calc(100% / 4 - 10px);
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select.building li:last-child{
    width: calc(100% / 4 - 10px);
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select.building li:nth-child(n+5){
    margin-top: 10px;
}
#wrapper.sp .viewpoint .select_btn .viewpoint_select li button,
#wrapper.sp .viewpoint #map button{
    width: 100%;
    height: 100%;
    font-size: 12px;
    padding: .5em 0;
    min-width: unset;
}
#wrapper.sp .viewpoint #map{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#wrapper.sp .viewpoint #map .map_view{
    position: absolute;
    bottom: 30px;
}
#wrapper.sp .viewpoint #map .map_highlight .highlight_img{
    top: unset;
    bottom: 60px;
    background-color: rgba(255,255,255,0.9);
}
#wrapper.sp .share_viewpoint{
    width: 100%;
    max-height: auto;
    max-height: unset;
}


/* 間取り図 */
#wrapper.sp .floor_plan .contents{
    padding: 0 2%;
}
#wrapper.sp .floor_plan .birds_eye_view,
#wrapper.sp .floor_plan .structure,
#wrapper.sp .floor_plan .attribute .filter{
    display: none;
}
#wrapper.sp .floor_plan .flex{
    flex-wrap: wrap;
}
#wrapper.sp .floor_plan .flex > li{
    width: calc( 50% - 10px);
    margin-right: 5px;
}
#wrapper.sp .floor_plan .flex > li button{
    min-width: unset;
    width: 100%;
}
#wrapper.sp .floor_plan .flex.user_floor_plan > li{
    width: 33%;
    margin-right: 0;
}
#wrapper.sp .floor_plan .attribute .btn{
    min-width: auto;
    margin-right: 0;
    height: auto;
}
#wrapper.sp .floor_plan.detail{
}
#wrapper.sp .floor_plan.detail .compare_wrap,
#wrapper.sp .compare_wrap .compare_body,
#wrapper.sp .info_wrap .info_detail{
    width: 100%;
}
#wrapper.sp .floor_plan.detail .compare_wrap{
    display: block;
    padding: 0 2%;
}
#wrapper.sp .compare_wrap .compare_body{
    display: block;
}
#wrapper.sp .info_wrap .info_detail{
    flex-wrap: wrap;
}
#wrapper.sp .info_wrap .info_detail .type{
    font-size: 180%;
}
#wrapper.sp .info_wrap .info_detail .floor_plan_type{
    width: calc(75% - 20px);
    font-size: 140%;
}
#wrapper.sp .info_wrap .info_detail .divider{
    width: 40px;
}
#wrapper.sp .info_wrap .info_detail .more_info{
    width: 100%;
    font-size: 70%;
    margin-top: 10px;
}
#wrapper.sp .floor_plan.detail .compare_wrap .compare_body .compare_item.target{
    display: none;
}
#wrapper.sp .detail .wrap_floor_plan_image .floor_plan_image,
#wrapper.sp .detail .wrap_floor_plan_image .wrap_floor_plan_image{
    width: 100%;
    max-width: unset;
    min-width: unset;
}
#wrapper.sp .detail #pop_btn > ul:first-child,
#wrapper.sp .detail #pop_btn button[name=print]{
    display: none;
}


#wrapper.sp .link .contents{
    padding: 0;
}
#wrapper.sp .wrap_link_block{
    display: block;
    padding: 0;
    height: auto;
}
#wrapper.sp .link .list{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    max-width: unset;
    max-width: auto;
}
#wrapper.sp .link .list dt{
    display: block;
    margin: 0;
    padding: 0;
}
#wrapper.sp .link .list dt h3{
    border: none;
    font-size: 14px;
    padding: 1em 2em;
}
#wrapper.sp .link .list dd + dd{
    border-top: 1px solid #ccc;
}
#wrapper.sp .link .list dd{
    padding: 1em;
}
#wrapper.sp .link .list dd a{
    font-size: 14px;
}
#wrapper.sp .link .list dd a:before{
    width: 16px;
    height: 16px;
    vertical-align: -3px;
}


/*surrounding environment*/
#wrapper.sp .guide_upper .tab{
    flex-wrap: wrap;
}
#wrapper.sp .guide_upper .tab li{
    width: calc(100% / 3);
    flex: unset;
}
#wrapper.sp .guide_upper .tab li:nth-child(n+4){
    margin-top: 3px;
}
#wrapper.sp .guide_upper .tab li a{
    display: block;
    font-size: 12px;
    margin:0;
}
#wrapper.sp .guide_lower{
    display: block;
    height: auto;
}
#wrapper.sp .guide_lower > .spot_map{
    height: 350px !important;
}
#wrapper.sp .guide_lower .spot_list .spot{
    font-size: 12px;
}


/* パノラマ */
.is_panorama #wrapper.sp #panorama_view{
    display: block;
    position: relative;
    height: 400px;
}
.is_panorama #wrapper.sp #panorama_view .panorama_view_wrapper .image{
    height: 300px;
}
.is_panorama #wrapper.sp #map{
    display: none;
}
.is_panorama #wrapper.sp [name="global_navi"]{
    display: block;
}

/* topギャラリー */
#wrapper.sp .gallery_wrap {
    width: auto;
    top: 0%;
}
#wrapper.sp .gallery_wrap ul li{
    margin-bottom: 20px;
}


/* 間取り詳細 */
#wrapper.sp .compare_wrap{
    min-width: auto;
    min-width: unset;
}
#wrapper.idogaya.sp .wrap_floor_plan_image{
    overflow: visible;
    max-height: auto;
    max-height: unset;
}
#wrapper.idogaya.sp .detail .wrap_floor_plan_image .floor_plan_image{
    max-width: 100%;
    height: auto;
}
#wrapper.sp .info_wrap .info_detail > *{
    padding: 5px 0;
}
#wrapper.sp .info_wrap .info_detail .type,
#wrapper.sp .info_wrap .info_detail .floor_plan_type{
    width: auto;
}