@charset "UTF-8";

.wrapper {
	clear: both;
	position: relative;
}



@media screen and (min-width: 768px) {
    .sp{display:none;}
    .pc{display:block;}
    .wrapper {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 767px) {
    .sp{display:block;}
    .pc{display:none;}
    .wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .gmap {
        position: relative;
        padding-bottom: 92%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .gmap iframe, .ggmap object, .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media screen and (min-width: 768px) {

  .is-fixed {
  position: fixed;
  top: 72px;
  left: 0;
  z-index: 2;
  width: 100%;
}


.open_caution{
    overflow:hidden;
    transition: height 500ms 0s ease;
}


}





/* =============================
common content
============================= */
.bold {font-weight: bold}
.center {text-align: center;}
.ta_left {text-align: left !important;}
.ta_right {text-align: right !important;}
.underline {text-decoration: underline}
a.link {
    font-weight: bold;
    color: #d61518;
    text-decoration: underline
}
.color_red {
    color: #aa1f24;
}

/*ページタイトル*/
.pagetitle {
    text-align: center;
}
.pagetitle h2 {}
.pagetitle .sub {}
@media screen and (min-width: 768px) {
    .pagetitle {
        padding-top: 60px;
        padding-bottom: 55px;
    }
    .pagetitle h2 {margin-bottom: 5px;}
    .pagetitle .sub {font-size: 16px;}
    .pagetitle .txt_1,.pagetitle .txt_pt {margin-top:20px}
    #access .pagetitle .access_sec{text-align: left;}
    #access .pagetitle h2 img {width: 295px;}
    #time .pagetitle h2 img {width: 271px;}
    #service .pagetitle h2 {margin-bottom: 12px}
    #service .pagetitle h2 img {width: 248px;}
    .page_information .pagetitle h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 5px}
    .page_brand .pagetitle h2 {margin-bottom: 12px}
    .page_brand .pagetitle h2 img {width: 228px;}
    .page_floor .pagetitle h2 {margin-bottom: 12px}
    .page_floor .pagetitle h2 img {width: 210px;}
#service #service_1,#service #service_2,#service #service_3,#service #service_4,#service #service_5 {position: absolute; top: -172px;}
a#access_train,a#access_car ,a#access_bicycle {position: absolute; top: -172px;}

#access .park_ttl h2 {
    margin-bottom: 5px;
    text-align: center;
}
#access .park_ttl h2 img {
    width: 295px;
}
#access .park_ttl .sub {
    font-size: 16px;
    text-align: center;
}

#access .park_ttl{
}

#access .pagetitle{
       /*padding-top: 0; */
}


}

 #card_info .ancs{position:relative;}
 #card_info .ancs a{position: absolute; top: -150px;}

@media screen and (max-width: 767px) {
    #card_info .ancs a{position: absolute; top: -60px;}
  a#service_1,a#service_2,a#service_3,a#service_4,a#service_5 {position: absolute; top: -60px;}
a#access_train,a#access_car,a#access_bicycle{position: absolute; top: -60px;}
    .pagetitle {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .pagetitle h2 {margin-bottom: 5px;}
    .pagetitle .txt_1,.pagetitle .txt_pt {margin-top:20px}
    #access .pagetitle .access_sec {text-align: left;}
    #access .pagetitle h2 img {width: 184px;}
    #time .pagetitle h2 img {width: 169px;}
    #service .pagetitle h2 {margin-bottom: 10px}
    #service .pagetitle h2 img {width: 155px;}
    .page_information .pagetitle h2 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 5px}
    .page_brand .pagetitle h2 img {width: 143px;}
    .page_floor .pagetitle h2 {margin-bottom: 10px}
    .page_floor .pagetitle h2 img {width: 131px;}


#floor_toilet .pagetitle h2 img {
    width: 188px;
}
#floor_toilet .pagetitle{
      padding-bottom: 50px;
}

#access .park_ttl h2 img {
    width: 184px;
}

#access .park_ttl .sub {
    text-align: center;
}

#access .park_ttl h2 {
    margin-bottom: 5px;
    text-align: center;
}

#access .park_ttl{
  padding: 50px 25px 0;
}

#access .pagetitle{
  /*padding-top: 0 ;*/
}


}



/*【JS】タブ__________*/
.tab_area {}
.tab_btn_wrap {
    background: #f2f2f2;
}
.tab_btn {
    overflow: hidden;
    display: table;
    margin: 0;
}
.tab_btn li {/*Tabの装飾*/
    font-weight: bold;
    width: 25%;
    height: 70px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
    color: #999;
    background-color: #f2f2f2;
    padding-top: 3px;
    border-bottom: solid 3px transparent;
    position: relative;
}
.tab_btn li:before {
    content:"";
    background: #ccc;
    width:1px;
    height:40px;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.tab_btn li:last-child:before {content:none;}
.tab_btn li.select {
    color: #212121;
    background-color: #e9ccc5;
    border-bottom: solid 3px #c6aaa5;
}
.tab_btn li.select:before {content:none;}
.tab_btn li.select:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid transparent;
    border-bottom: 7px solid #c6aaa5;
}
.tab_area.red .tab_btn li.select {
    color: #fff;
    background-color: #d61518;
    border-bottom: solid 3px #a51119;
}
.tab_area.red .tab_btn li.select:after {border-bottom: 7px solid #a51119;}
.tab_area .tab_content {background: #fff;}
.tab_area .tab_content {background: #fff;}
.tab_area .hide {display: none;}
@media screen and (min-width: 768px) {
    .tab_btn {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
    }
    .tab_btn li {font-size: 16px}
}
@media screen and (max-width: 767px) {
    .tab_btn {
        width: 100%;
        height: 60px;
    }
    .tab_btn li {
        font-size: 11px;
        line-height: 1.45;
        height: 60px;
        padding-top: 3px;
        border-bottom: solid 3px transparent;
    }
    .tab_btn li:before {
        height:45px;
    }
}


/*【JS:slick】スライダー __________*/
.slider {}
.slick-slider {margin-bottom: 0;}
.slick-prev, .slick-next {
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    z-index: 500;
}
.slick-prev {left: 0;}
.slick-next {right: 0;}
.slick-prev:before ,
.slick-next:before {
    content: "";
    display: block;
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .slider li {margin: 0 3px;}
    .slider img {
        width: 980px;
        height: auto;
    }
    .slick-prev,.slick-next,.slick-prev:before,.slick-next:before {
        width:43px;
        height:54px;
    }
    .slick-prev:before {background: url(/base/nihombashi/img/common/slide_prev.png) no-repeat center center;}
    .slick-next:before {background: url(/base/nihombashi/img/common/slide_next.png) no-repeat center center;}
}
@media screen and (max-width: 767px) {
    /*.slider li {margin: 0 10px;}
    .slider li {margin: 0;padding-left: 10px}*/
    .slider img {
        width: 325px;
        width: 100vw;
        height: auto;
    }
    .slick-prev,.slick-next,.slick-prev:before,.slick-next:before {
        width: 40px;
        height: 50px;
    }
    .slick-prev:before {background: url(/base/nihombashi/img/common/slide_prev_sp.png);background-size: 100% auto}
    .slick-next:before {background: url(/base/nihombashi/img/common/slide_next_sp.png);background-size: 100% auto}
}

.button {
    width: 430px;
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
}
.button a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #000;
    text-align: center;
    display: block;
    position: relative;
    padding: 18px 30px;
}
.button a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    right: 23px;
}
.button.back a:after {
    transform: rotate(225deg);
    left: 23px;
    right: auto;
}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {
    .button {
        width: 100%;
        font-size: 12px;
        line-height: 1.6;
    }
    .button a {
        padding: 16px 30px;
    }
    .button a:after {
        width: 6px;
        height: 6px;
        right: 12px;
    }
    .button.back a:after {
        left: 12px;
    }
}


/* topページ
============================= */
/* スライダー */
#top #main {padding-top: 0;}
#top .top_slider_sec {
    position: relative;
}
#top .top_slider_sec .btn {
    position: absolute;
    right: 0;
    bottom: 0;
}
#top .top_slider_sec .btn a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: rgba(26,26,26,.8);
    text-align: center;
    display: block;
    position: relative;
    padding: 8px 38px 8px 22px;
}
#top .top_slider_sec .btn a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    right: 12px;
}
@media screen and (min-width: 768px) {
    #top .top_slider_sec {
        padding-top: 5px;
        margin-bottom: 40px
    }
    #top .top_slider_sec .btn {bottom:-20px}
}
@media screen and (max-width: 767px) {

    #top .top_slider_sec {
        /*padding-top: 14px;*/
        padding-bottom: 14px;
    }
    #top .top_slider_sec .btn {}
    #top .top_slider_sec .btn a {
        font-size: 10px;
        padding: 6px 25px 6px 22px;
    }
    #top .top_slider_sec .btn a:after {
        width: 6px;
        height: 6px;
        right: 10px;
        border-width: 1px;
    }
}

#top .top_sec_1 img {width: 100%}
@media screen and (min-width: 768px) {
    #top .top_sec_1 {margin-bottom: 40px}
    #top .top_sec_1 li {margin-bottom: 20px;}
    #top .top_sec_1 li.left {width:480px;float:left}
    #top .top_sec_1 li.right {width:480px;float:right}
    #top .top_sec_1 li:last-of-type {margin-bottom:0;}
    #top .top_sec_2 {}
    #top .news_list {
        border-top: dotted 1px #e1e1e1;
        padding: 24px 100px 20px 12px;
        border-bottom: dotted 1px #e1e1e1;
        position: relative;
    }
    #top .news_list .ttl {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px
    }
    #top .news_list dl {
        display: table;
        width: 100%;
        margin-bottom: 5px;
    }
    #top .news_list dt ,
    #top .news_list dd {
        display: table-cell;}
    #top .news_list dt {
        width: 136px;
        padding-right: 10px;
    }
    #top .news_list .btn {
        position: absolute;
        right: 0;
        bottom: 22px
    }
    #top .news_list .btn a {
        font-weight: bold;
        display: block;
        position: relative;
        padding-right: 18px;
    }
    #top .news_list .btn a:after {
        content:"";position:absolute;top:0;bottom:0;margin:auto;;
        border-style:solid;border-color:#000 #000 transparent transparent;transform:rotate(45deg);
        width:7px;
        height:7px;
        border-width: 1px;
        right:0
    }
    #top .top_sec_3 {
        margin-top:60px;
        margin-bottom:60px
    }
    #top .top_sec_3 .head {
        text-align: center;
        margin-bottom:30px}
    #top .top_sec_3 .head img {width: 210px}
    #top .top_sec_3 .map {
        position: relative;
        width: 980px;
        height: 460px;
        line-height: 1;
    }
    #top .top_sec_3 .img,
    #top .top_sec_3 .line_1,
    #top .top_sec_3 .line_2,
    #top .top_sec_3 .line_3,
    #top .top_sec_3 .line_4,
    #top .top_sec_3 .txt_1,
    #top .top_sec_3 .txt_2,
    #top .top_sec_3 .txt_3,
    #top .top_sec_3 .txt_4 {
        position: absolute;
    }
    #top .top_sec_3 .img {top: 0;left: 4px;}
    #top .top_sec_3 .img img {width: 700px}
    #top .top_sec_3 .line_1{right: 248px; top: 39px;}
    #top .top_sec_3 .line_2{right: 248px; top: 150px;}
    #top .top_sec_3 .line_3{right: 248px; top: 284px;}
    #top .top_sec_3 .line_4{right: 248px; top: 418px;}
    #top .top_sec_3 .txt_1{left: 745px; top: 32px;}
    #top .top_sec_3 .txt_2{left: 745px; top: 122px;}
    #top .top_sec_3 .txt_3{left: 745px; top: 278px;}
    #top .top_sec_3 .txt_4{left: 745px; top: 396px;}
    #top .top_sec_3 .txt_1 img {width: 44px}
    #top .top_sec_3 .txt_2 img {width: 229px}
    #top .top_sec_3 .txt_3 img {width: 157px}
    #top .top_sec_3 .txt_4 img {width: 183px}

}
@media screen and (max-width: 767px) {
    #top .top_menu_sec {margin-bottom: 30px}
    #top .list_menu {
        border-top: solid .5px #e6e6e6;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: solid .5px #e6e6e6;
        display: -webkit-flex; display: flex;
    }
    #top .list_menu li {
        width: 25%;
        border-right: solid .5px #e6e6e6;
    }
    #top .list_menu li a {
        font-size: 11px;
        line-height: 1.3;
        height: 90px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 37px;
        background-position: center 16px;
        background-repeat: no-repeat;
        background-size: 41px auto;
    }
    #top .list_menu li:nth-child(1) a {background-image: url(/base/nihombashi/img/common/menu_icon_1.png)}
    #top .list_menu li:nth-child(2) a {background-image: url(/base/nihombashi/img/common/menu_icon_2.png)}
    #top .list_menu li:nth-child(3) a {background-image: url(/base/nihombashi/img/common/menu_icon_3.png)}
    #top .list_menu li:nth-child(4) a {background-image: url(/base/nihombashi/img/common/menu_icon_4.png)}

    #top .top_sec_1 {margin-bottom:34px}
    #top .top_sec_1 li {margin-bottom:12px}
    #top .top_sec_2 {}
    #top .news_list {
        border-top: dotted 1px #ccc;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: dotted 1px #ccc;
        position: relative;
    }
    #top .news_list .ttl {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 4px
    }
    #top .news_list dl {
        width: 100%;
        margin-bottom: 10px;
    }
    #top .news_list dt {}
    #top .news_list dd {}
    #top .news_list .btn a {
        font-weight: bold;
        display: inline-block;
        position: relative;
    }
    #top .news_list .btn a:after {
        content:"";position:absolute;top:0;bottom:0;margin:auto;;
        border-style:solid;border-color:#000 #000 transparent transparent;transform:rotate(45deg);
        width:6px;
        height:6px;
        border-width: 1px;
        right:-15px;
    }

    #top .top_sec_3 {
        padding-top:46px;
        padding-bottom:25%;
    }
    #top .top_sec_3 .head {text-align: center;margin-bottom:14px}
    #top .top_sec_3 .head img {width: 131px}
    #top .top_sec_3 .wrapper {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    #top .top_sec_3 .map {
        position: relative;
        line-height: 1;
    }
    #top .top_sec_3 .line_1,
    #top .top_sec_3 .line_2,
    #top .top_sec_3 .line_3,
    #top .top_sec_3 .line_4,
    #top .top_sec_3 .txt_1,
    #top .top_sec_3 .txt_2,
    #top .top_sec_3 .txt_3,
    #top .top_sec_3 .txt_4 {
        position: absolute;
    }
    #top .top_sec_3 .line_1{left: 11vw; top: 32vw;}
    #top .top_sec_3 .line_2{left: 68.8vw; top: 22.7vw;}
    #top .top_sec_3 .line_3{left: 35vw; top: 36vw;}
    #top .top_sec_3 .line_4{left: 38vw; top: 57vw;}
    #top .top_sec_3 .txt_1{left: 4vw; top: 41vw;}
    #top .top_sec_3 .txt_2{right: 0; bottom: -16vw;}
    #top .top_sec_3 .txt_3{left: 4vw; top: 48.8vw;}
    #top .top_sec_3 .txt_4{left: 15.5vw; bottom: -16vw;}
    #top .top_sec_3 .line_1 img {width: 26px}
    #top .top_sec_3 .line_2 img {width: 66px}
    #top .top_sec_3 .line_3 img {width: 3.5px}
    #top .top_sec_3 .line_4 img {width: 94px}
    #top .top_sec_3 .txt_1 img {width: 61px}
    #top .top_sec_3 .txt_2 img {width: 153px}
    #top .top_sec_3 .txt_3 img {width: 143px}
    #top .top_sec_3 .txt_4 img {width: 103px}

}

#top .top_sec_4 .wrapper {
    background: #f8f7f9;}
#top .top_sec_4 .head {text-align: center;}
#top .top_sec_4 article .img {position: relative;}
#top .top_sec_4 article img {width: 100%}
#top .top_sec_4 article .img .icon.takashimaya {background: #d61518;}
#top .top_sec_4 article .img .icon {
    font-weight: bold;
    color: #fff;
    background: #333;
    position: absolute;
    top:14px;
    left:14px;
    padding: 6px 17px;
}
#top .top_sec_4 article .ttl {font-weight: bold;}
@media screen and (min-width: 768px) {
    #top .top_sec_4 {}
    #top .top_sec_4 .wrapper {
         width: 100%;
        padding-top:62px;
        padding-bottom:20px;
    }
    #top .top_sec_4 .head {margin-bottom:26px}
    #top .top_sec_4 .head img {width: 130px}
    #top .top_sec_4 .wrap {
         width: 100%;
        padding: 0 5%;
        margin:0 auto;
        max-width:980px;
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: space-between; justify-content: space-between;
    }
    #top .top_sec_4 .wrap article {
         width: 47%;
        margin-bottom:60px;
    }
    #top .top_sec_4 article .img .icon {
        top:14px;
        left:14px;
        padding: 6px 17px;
    }
    #top .top_sec_4 article .ttl {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 14px;
        margin-bottom: 7px;
    }
}
@media screen and (min-width: 1024px) {/*wide*/

}
@media screen and (max-width: 767px) {
    #top .top_sec_4 .wrapper {
        padding-top:38px;
        padding-bottom:10px}
    #top .top_sec_4 .head {margin-bottom:9px}
    #top .top_sec_4 .head img {width: 82px}
    #top .top_sec_4 .wrap article {
        width: 100%;
        margin-bottom: 30px;}
    #top .top_sec_4 article .img .icon {
        top:10px;
        left:10px;
        padding: 2px 12px;}
    #top .top_sec_4 article .ttl {margin-top: 10px}
}
#top .top_sec_5 {}
#top .top_sec_5 .head {text-align: center;}
#top .top_sec_5 ul {
    text-align: center;
    margin: auto;
    display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
#top .top_sec_5 ul img {width:100%}
#top .top_sec_5 ul a {
    display: block;
    position: relative;
}
#top .top_sec_5 ul a.icon {}
#top .top_sec_5 ul a.icon::after {
    content: "";
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/base/nihombashi/img/top/top_snap_icon.png);
    background-size: 15px auto;
    border-radius: 50%;
    position: absolute;
    top:8px;
    right:8px;
    width: 34px;
    height: 34px;
}
#top .top_sec_5 .btn_more a {
    line-height: 1;
    display: block}
@media screen and (min-width: 768px) {
    #top .top_sec_5 {
        padding-top:60px;
        padding-bottom:60px
    }
    #top .top_sec_5 .head {margin-bottom:20px}
    #top .top_sec_5 .head img {width:84px}
    #top .top_sec_5 ul {width: 942px}
    #top .top_sec_5 li {
        width: 235px;
        border: solid 1px #fff;
    }
    #top .top_sec_5 .btn_more {
        text-align: right;
        width: 940px;
        margin: 20px auto 0;
    }
}
@media screen and (max-width: 767px) {
    #top .top_sec_5 {
        padding-top:50px;
        padding-bottom:32px
    }
    #top .top_sec_5 .head {margin-bottom:15px}
    #top .top_sec_5 .head img {width:52px}
    #top .top_sec_5 ul {}
    #top .top_sec_5 li {
        width:33.3%;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff;
    }
    #top .top_sec_5 ul a.icon::after {
        background-size: 10px auto;
        top:5px;
        right:5px;
        width:25px;
        height:25px;
    }
    #top .top_sec_5 .btn_more a {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

#top .top_sec_6 {}
#top .top_sec_6 img {width: 100%}
#top .top_sec_7 {}
#top .top_sec_7 .head {text-align: center;}
@media screen and (min-width: 768px) {
    #top .top_sec_7 {padding-top:150px;}
    #top .top_sec_7 .head {margin-bottom:28px}
    #top .top_sec_7 .head img {width: 114px}
    #top .top_sec_7 .txt {
        font-size: 16px;
        margin-top: 18px;
        margin-bottom: 5px;
        text-align: left;
        font-weight: bold;
    }
    #top .top_sec_7 .texts.texts2_modal {
      text-align: right;
      text-decoration: underline;
  }
    #top .top_sec_7 .texts { font-size: 14px; line-height: 204%;}
    #top .top_sec_7 .sec_03_movie.pc { margin-top: 80px;}
    #top .top_sec_7 .button {margin-top: 30px}
}
@media screen and (max-width: 767px) {
    #top .top_sec_7 {
        font-size: 11px;
        padding-top:55px}
    #top .top_sec_7 .head {margin-bottom:20px}
    #top .top_sec_7 .head img {width: 71px}
    #top .top_sec_7 .map {
        margin-left: -2%;
        margin-right: -2%;
    }
    #top .top_sec_7 .mp4_wrap {
        margin-left: -2%;
        margin-right: -2%;
    }
    #top .top_sec_7 .txt {
    font-size: 13px;
    margin-top: 12px;
    text-align: left;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 5px;
    }
    #top .top_sec_7 .sec_03_movie.sp { margin-top: 40px;}
    #top .top_sec_7 .texts {line-height: 177%; font-size: 12px;}
    #top .top_sec_7 .button {margin-top: 20px;}
    section.top_sec_7 .wrapper {padding: 0 2%;}
    #top .top_sec_7 .texts.texts2_modal {
      text-align: right;
      text-decoration: underline;
  }

}

#top .top_sec_8 {}
#top .top_sec_8 .head {text-align: center;}
#top .top_sec_8 .story1 {
    position: relative;
    background: #e0e4f4;
}
#top .top_sec_8 .story2 {
    position: relative;
    background: #f2f2f2;
}
#top .top_sec_8 .story3 {
    position: relative;
    background: #d9eded;
}
#top .top_sec_8 .box_txt {
    text-align: center;
}
@media screen and (min-width: 768px) {

    #top .top_sec_8 .flexslider {
          border: none;
    }
    #top .top_sec_8 {
        padding-top:143px;
        padding-bottom:60px
    }
    #top .top_sec_8 .head {margin-bottom:28px}
    #top .top_sec_8 .head img {width: 121px}
    #top .top_sec_8 .sub_ttl {
        text-align: center;
        margin-bottom: 40px
    }
    #top .top_sec_8 .box_img {width: 550px;}
    #top .top_sec_8 .box_img img {width:100%}
    #top .top_sec_8 .box_txt {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% - 550px);
        line-height: 1
    }

    .pc_window .underline {
    display: inline-block;
    /* padding-bottom: 4px; */
    position: relative;
}

.pc_window .story2:hover .underline:after{
    width: 100%;
}
.pc_window .story1:hover .underline:after{
    width: 100%;
}
.pc_window .story3:hover .underline:after{
    width: 100%;
}

.pc_window .center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pc_window .underline:after {
    background-color: #D794A0;
    bottom: -7px;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    transition: .5s all;
    width: 0;
}
    #top .top_sec_8 .txt_1 {margin-bottom:42px}
    #top .top_sec_8 .txt_2 {margin-bottom:28px}
    #top .top_sec_8 .txt_3 {margin-bottom:37px}
    #top .top_sec_8 .story1 {margin-bottom:72px}
    #top .top_sec_8 .story1 a {
        display: -webkit-flex; display: flex;
        -webkit-justify-content: space-between; justify-content: space-between;
        height: 504px;
    }
    .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    z-index: 4;
}

#top .top_sec_8 .story3 .txt_1 {
    margin-bottom: 0;
}

.flexslider{
  background: none;
}
.flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #666;
    background: rgba(255, 255, 255, 1);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
    #top .top_sec_8 .flex-control-nav li a {
        height: 10px!important;
        display: block;
        z-index: 53;
        color: #fff;
    }
    #top .top_sec_8 .flexslider{∂ƒ√
      border:none;
    }

     #top .top_sec_8 .flex-direction-nav .flex-next,
     #top .top_sec_8 .flex-direction-nav .flex-prev{
      display: none;
     }

    #top .top_sec_8 .story2 {margin: 0 0 70px;}
    #top .top_sec_8 .story2 a {
        display: -webkit-flex; display: flex;
        -webkit-justify-content: space-between; justify-content: space-between;
        flex-direction: row-reverse;
        height: 395px;
        padding: 0;
    }
    #top .top_sec_8 .story2 .box_img img {margin-top: -0}
    #top .top_sec_8 .story3 a {
        display: -webkit-flex; display: flex;
        -webkit-justify-content: space-between; justify-content: space-between;
        height: 395px;
        /*padding: 30px;*/
    }
    #top .top_sec_8 .story3 .box_img img {/*margin-top: -60px*/}
}
   #top .top_sec_8 .story_3_2.pc {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 259px;
    height: 125px;
}
@media screen and (min-width: 1024px) {/*wide*/
    #top .top_sec_8 .story2 {margin: 0 0 70px;}
    #top .top_sec_8 .story3 {/*margin: 0 30px;*/}
}
@media screen and (max-width: 767px) {
     #top .top_sec_8 .flexslider{
          border: none;
          margin: 0 0 0px;
     }
    #top .top_sec_8 .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    display: block;
    z-index: 4;
}


li.flex-nav-next,
li.flex-nav-prev {
    display: none;
}

.flex-direction-nav a:before{
display: none;}
.flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #666;
    background: rgba(255, 255, 255, 1);
    /* border: 1px solid #666; */
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
    #top .top_sec_8 {
        padding-top: 60px;
        padding-bottom: 30px}
    #top .top_sec_8 .head {margin-bottom:14px}
    #top .top_sec_8 .head img {width: 82.5px}
    #top .top_sec_8 .sub_ttl {
        text-align: center;
        font-size: 11px;
        line-height: 2;
        margin-bottom: 20px
    }
    #top .top_sec_8 a {display: block;}
    #top .top_sec_8 .box_txt {
        text-align: center;
        line-height: 1
    }


#top .top_sec_8 .story2 .txt_3 {
    width: 218px;
    display: block;
    margin: 0 auto;
    padding-bottom: 25px;
}

#top .top_sec_8 .story1 .txt_1 {
    padding-bottom: 25px;

}

#top .top_sec_8 .story2 .txt_1 {
    width: 310px;
    margin: auto;
    padding-bottom: 25px;
}
    /*#top .top_sec_8 .txt_1 {margin-bottom: 25px}*/
    #top .top_sec_8 .txt_2 {margin-bottom: 19px}

    #top .top_sec_8 .txt_3 {margin-bottom: 24px}
    #top .top_sec_8 .story1 {margin-bottom: 82px;}
    #top .top_sec_8 .story1 .box_txt {padding: 40px 25px 45px}
    #top .top_sec_8 .story2 {margin: 70px 0 82px;}
    #top .top_sec_8 .story3 {margin: 25px 0 0px; /*padding: 53px 0 52px 0;*/}
    #top .top_sec_8 .story2 a,
    #top .top_sec_8 .story3 a {padding: 0 0;}
    #top .top_sec_8 .story2 .box_img,
    #top .top_sec_8 .story3 .box_img {padding: 0 0;}
    #top .top_sec_8 .story2 .box_img img,
    #top .top_sec_8 .story3 .box_img img {margin-top: -44px;}
    #top .top_sec_8 .story2 .box_txt,
    #top .top_sec_8 .story3 .box_txt {padding: 42px 0px 42px}
    #top .top_sec_8 .story_3_2 {
    width: 188px;
    margin: auto;
    height: 85px;
}
#top .top_sec_8 .story3 .txt_1 img, #top .top_sec_8 .story3 .txt_2 img, #top .top_sec_8 .story3 .txt_3 img {
    width: 211.5px;
}

}

#top .top_sec_9 {}
#top .top_sec_9 img {width: 100%}
@media screen and (min-width: 768px) {
    #top .top_sec_9 {}
    #top .top_sec_9 ul {
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: space-between; justify-content: space-between;
    }
    #top .top_sec_9 ul li {width: 483px;}
}
@media screen and (max-width: 767px) {
    #top .top_sec_9 {}
    #top .top_sec_9 ul {}
    #top .top_sec_9 ul li {margin-bottom: 10px}
}

#top .top_sec_10 {}
#top .top_sec_10 .head {text-align: center;}
@media screen and (min-width: 768px) {
    #top .top_sec_10 {padding-top:56px}
    #top .top_sec_10 .head {margin-bottom:22px}
    #top .top_sec_10 .head img {width: 70px}
    #top .top_sec_10 ul {
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap}
    #top .top_sec_10 ul img {width:100%}
    #top .top_sec_10 ul li {
        width: 320px;
        margin-right: 10px}
    #top .top_sec_10 ul li:nth-child(3n+3){margin-right:0}
}
@media screen and (max-width: 767px) {
    #top .top_sec_10 {padding-top:34px}
    #top .top_sec_10 .head {margin-bottom:16px}
    #top .top_sec_10 .head img {width: 43px}
    #top .top_sec_10 ul li {margin-bottom: 10px}
}

#top .top_sec_11 {}
#top .top_sec_11 .head {text-align: center;}
#top .top_sec_11 .bg {background: linear-gradient(90deg,#f6e8e8 0%,#f6e8e8 50%,#f8f8fa 50%,#f8f8fa 100%);}
@media screen and (min-width: 768px) {
    #top .top_sec_11 {padding-top:60px}
    #top .top_sec_11 .head {margin-bottom:22px}
    #top .top_sec_11 .head img {width: 221px}
    #top .top_sec_11 .wrap {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-flex; display: flex;
        -webkit-justify-content: space-between; justify-content: space-between;
        padding-top: 55px;
        padding-bottom:60px;
    }
    #top .top_sec_11 .box_takashimaya,
    #top .top_sec_11 .box_senmon {width: 438px}
    #top .top_sec_11 .ttl {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 14px;
    }
    #top .top_sec_11 ul {
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
        margin-bottom: 14px;
    }
    #top .top_sec_11 ul img {width:100%}
    #top .top_sec_11 ul li {width: 50%;}
    #top .top_sec_11 .btn {
        text-align: right;
        margin-top: 3px;
    }
    #top .top_sec_11 .btn img {width: 73.5px}
}
@media screen and (max-width: 767px) {
    #top .top_sec_11 {padding-top:30px}
    #top .top_sec_11 .head {margin-bottom:14px}
    #top .top_sec_11 .head img {width: 141px}
    #top .top_sec_11 .wrap {
        display: -webkit-flex; display: flex;
        -webkit-justify-content: space-between; justify-content: space-between;
        padding: 32px 15px 50px;
    }
    #top .top_sec_11 .box_takashimaya,
    #top .top_sec_11 .box_senmon {width: 46%}
    #top .top_sec_11 .ttl {
        font-weight: bold;
        text-align: center;
        margin-bottom: 5px;
    }
    #top .top_sec_11 ul {margin-bottom: 7px;}
    #top .top_sec_11 ul img {width:100%}
    #top .top_sec_11 .btn {
        text-align: right;
        margin-top: 10px;
    }
    #top .top_sec_11 .btn img {width: 50px}
}
#top #footer {margin-top: 0px; }


/* #slider
======================================== */
@media screen and (min-width: 768px) {
    #slider #main {padding-top: 90px}
    #slider ul.list_slide {
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: space-between; justify-content: space-between;
        margin-bottom: 40px;
    }
    #slider ul.list_slide img {width: 100%}
    #slider ul.list_slide li {
        width: 480px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    #slider #main {padding-top: 25px}
    #slider ul.list_slide {margin-bottom: 30px}
    #slider ul.list_slide li {margin-bottom: 5px}
}


/* #time
======================================= */
#time {}
#time .time_sec .ttl {
    font-weight: bold;
    color: #d61518;
    border-bottom: dotted 1px #999;
}
@media screen and (min-width: 768px) {
    #time .time_sec .wrapper {width:700px}
    #time .time_sec .box {margin-bottom:40px}
    #time .time_sec .ttl {
        font-size: 16px;
        padding-bottom: 7px;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    #time .time_sec .box {margin-bottom:20px}
    #time .time_sec .ttl {
        font-size: 13px;
        padding-bottom: 6px;
        margin-bottom: 10px;
    }
}


/* #access
======================================= */
#access {}
#access .access_sec {
    clear: both;
    margin-bottom: 60px;
}
#access .access_sec:first-child {
    margin-top: 60px;
}
#access #main h3 {
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #d61518;
    line-height: 1.2;
}
#access #main h4 {
    font-weight: bold;
    border-bottom: solid 1px #ccc;
}
#access #main .mb {margin-bottom: 20px}
#access #main .small {
    font-size: 85.7%;
    line-height: 1.8;
}
#access #main .toggle {}
#access #main .toggle_btn,
#access #main .toggle_btn_2 {
    border-top: dotted 1px #c6c6c6;
    border-bottom: dotted 1px #c6c6c6;
    position: relative;
    padding: 19px 40px 19px 20px;
    margin-top: -1px;
}
#access #main .toggle_btn:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid;
    border-color: #999 #999 transparent transparent;
    transform: rotate(135deg);
    position: absolute;
    right: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#access #main .toggle_btn.open:after {transform: rotate(-45deg);}
#access #main .toggle_content {
    padding-top: 20px;
    padding-bottom: 45px;
}
#access #main .toggle {counter-reset: num;}
#access #main .toggle_btn,
#access #main .toggle_btn_2 {
	list-style: none;
	position: relative;
	padding-left: 52px;
    vertical-align:text-bottom
}
#access #main .toggle_btn:before {
  counter-increment: num;
  content: counter(num);
  background: #d61518;
  color: #fff;
  border-radius: 50%;
  text-align: center;
    font-weight: bold;
    font-size: 10px;
  width: 2.1em;
  height: 2.1em;
  position: absolute;
  left: 18px;
  top: -2px;
    bottom: 0;
    margin: auto;
  line-height: 2.1em;
}

#access #main .map_pin p{
    background: #d61518;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
}

#access #main .sec_4 .toggle_btn:before {
    background: #000;
    color: #fff;
}
#access .icon_full,
#access .icon_peak {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px auto;
    padding-right: 42px;
    display: inline-block;
    min-height: 25px;
}
#access .table {
    width: 100%;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
#access .table th,#access .table td {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 12px 28px;
}
#access .table th {
    text-align: center;
    background: #fefdf3;
    vertical-align: middle;
    width: 240px;
}
#access .table td {line-height: 1.46}
#access .box_1 {
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #c1272d;
}
#access .box_2 {
    font-weight: bold;
    color: #d61518;
    text-align: center;
    background: #fceeef;
}
@media screen and (min-width: 768px) {
    #access section .wrapper {width:650px}
    #access #main h3 {
        font-size: 16px;
        padding: 17px;
        margin-bottom: 26px;
    }
    #access #main h4 {
        font-size: 16px;
        padding-bottom: 13px;
        margin-bottom: 15px;
    }
    #access .mb_pc {margin-bottom: 20px}
    #access #main .toggle {margin-top: 30px}
    #access .icon_bus {
        background: url(/base/nihombashi/img/access/access_icon_bus.png) no-repeat left top/46px auto;
        padding-left: 60px;
        min-height: 46px;
        margin-bottom: 20px
    }
    #access .icon_train {
        background: url(/base/nihombashi/img/access/access_icon_train.png) no-repeat;
        background-size: 80px;
        width: 80px;
        height: 80px;
        margin:  0 auto;
        margin-bottom: 5px;
        padding: 0;
    }
    #access .icon_car {
        background: url(/base/nihombashi/img/access/access_icon_car.png) no-repeat;
        background-size: 80px;
        width: 80px;
        height: 80px;
        margin:  0 auto;
        margin-bottom: 5px;
        padding: 0;
    }
    #access .icon_bicycle {
        background: url(/base/nihombashi/img/access/access_icon_bicycle.png) no-repeat;
        background-size: 80px;
        width: 80px;
        height: 80px;
        margin:  0 auto;
        margin-bottom: 5px;
        padding: 0;
    }
    #access .icon_motorcycle {
        background: url(/base/nihombashi/img/access/access_icon_motorcycle.png) no-repeat;
        background-size: 80px;
        width: 80px;
        height: 80px;
        margin:  0 auto;
        margin-bottom: 5px;
        padding: 0;
    }
    #access .icon_arrow_down {
        background: url(/base/nihombashi/img/access/access_icon_arrow_down.png) no-repeat;
        background-size: 17px auto;
        width: 19px;
        height: 11px;
        margin: auto;
        padding: 0;
    }
    #access .anchor_nav{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    #access .anchor_item{
        /*border-bottom: solid 1px #ccc;*/
    }
    #access a.anchor_item{
        display: flex;
        flex-flow: column;
        padding: 0 30px;
        margin:  0 0 0 ;
        color: inherit;
        text-decoration: none;
    }
    #access a.anchor_item + a.anchor_item {
        border-left: 1px solid #eee;
    }
    #access .anchor_item div{
        display: block;
        text-align: center;
    }
    #access .anchor_item div.icon_arrow_down{
        margin-top: 15px;
        display: block;
    }
    #access .anchor_item p{
        margin: 10px 0;
    }
    #access .table {margin-bottom: 16px}
    #access .sec_1 .box_wrap {
        display: -webkit-flex; display: flex;
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: space-between; justify-content: space-between;
    }
    #access .sec_1 .box {
        width: 290px;
        margin-bottom: 30px
    }
    #access .img_1 {
        margin-top: 28px;
        margin-bottom: 50px;
        position: relative;
    }
    #access .txt_size_ttl {margin-bottom: 8px}
    #access .txt_size {margin-bottom: 20px}
    #access .txt_1 {margin-top: 20px}
    #access .box_1 {
        font-size: 16px;
        padding: 34px 10px;
        margin-top: 60px;
        margin-bottom: 15px;
    }
    #access .box_2 {
        font-size: 16px;
        padding: 34px 10px;
        margin-top: 60px;
        margin-bottom: 15px;
    }
     #access .box_3 {
        font-size: 16px;
        padding: 34px 30px;
        margin-top: 60px;
        margin-bottom: 15px;
            font-weight: bold;
    color: #d61518;
    text-align: center;
    background: #fceeef;
    }
    #access #footer {margin-top: 20px;}


#access #main .map_pin p{
    font-size: 19px;
    width: 36px;
    height: 36px;
    line-height: 200%;
    font-weight: bold;
}

#access #main .map_pin .pin_1{
       top: 91px;
    right: 295px;
}

#access #main .map_pin .pin_2{
       top: 121px;
    right: 148px;
}

#access #main .map_pin .pin_3{
    top: 200px;
    left: 169px;
}

#access #main .map_pin .pin_4{
    top: 168px;
    right: 32px;
}

#access #main .map_pin .pin_5{
    bottom: 196px;
    right: 33px;
}

#access #main .map_pin .pin_6{
    bottom: 247px;
    right: 285px;
}
#access #main .map_pin .pin_7{
    top: 35px;
    right: 68px;
}

}
@media screen and (max-width: 767px) {
    #access .access_sec {
    margin-bottom: 50px;
    }
    #access .access_sec:first-child {
    margin-top: 20px;
    }

    #access #main h3 {
        font-size: 14px;
        padding: 18px 10px;
        margin-bottom: 20px;
    }
    #access #main h4 {
        font-size: 13px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    #access #main .toggle {margin-top: 20px}
    #access #main .toggle_btn,
    #access #main .toggle_btn_2 {padding: 15px 30px 15px 39px;}
    #access #main .toggle_btn:after {
        width: 6px;
        height: 6px;
        right: 15px;
    }
    #access #main .toggle_content {
        padding-top: 18px;
        padding-bottom: 25px;
    }
    #access #main .toggle_btn:before {
        font-size: 9px;
        width: 18px;
        height: 18px;
        left: 12px;
        line-height: 18px;
    }
    #access .icon_full,
    #access .icon_peak {
        background-size: 20px auto;
        padding-right: 31px;
        min-height: 20px;
    }
    #access .icon_bus {
        background: url(/base/nihombashi/img/access/access_icon_bus_sp.png) no-repeat left top;
        background-size: 40px auto;
        padding-left: 52px;
        min-height: 40px;
        font-size: 11px;
        margin-top: 10px;
        margin-bottom: 10px;
}

    #access .icon_train {
        background: url(/base/nihombashi/img/access/access_icon_train.png) no-repeat;
        background-size: 40px auto;
        padding-left: 52px;
        min-height: 40px;
        font-size: 11px;
        margin-bottom: 5px;
    }
    #access .icon_car {
        background: url(/base/nihombashi/img/access/access_icon_car.png) no-repeat;
        background-size: 40px auto;
        padding-left: 52px;
        min-height: 40px;
        font-size: 11px;
        margin-bottom: 5px;
    }
    #access .icon_bicycle {
        background: url(/base/nihombashi/img/access/access_icon_bicycle.png) no-repeat;
        background-size: 40px auto;
        padding-left: 52px;
        min-height: 40px;
        font-size: 11px;
        margin-bottom: 5px;
    }
    #access .icon_motorcycle {
        background: url(/base/nihombashi/img/access/access_icon_motorcycle.png) no-repeat;
        background-size: 40px auto;
        padding-left: 52px;
        min-height: 40px;
        font-size: 11px;
        margin-bottom: 5px;
    }
    #access .icon_arrow_down {
        background: url(/base/nihombashi/img/access/access_icon_arrow_down.png) no-repeat ;
        background-size: 9px auto;
        width: 19px;
        height: 11px;
        margin: auto 0;
        padding: 0;
    }
    #access .anchor_nav{
        display: flex;
        flex-flow: column wrap;
    }
    #access a.anchor_item{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
        flex-flow: row;
        align-items: center;
        padding: 0px 10px;
        border-top: solid 1px #ccc;
        color: inherit;
        text-decoration: none;

    }
    #access a.anchor_item:first-child {
        margin-top: 20px;
    }
    #access a.anchor_item:last-child {
        border-bottom: solid 1px #ccc;
        /*margin-bottom: 50px;*/
    }
    #access .anchor_item div{
        display: block;
    }
    #access .anchor_item div.icon_arrow_down{
        margin-left: auto;
    }
    #access .anchor_item div{
        margin: 14px 0;
    }
    #access .table {margin-bottom: 15px}
    #access .table th,#access #main .table td {padding:11px 15px 8px}
    #access .table th {width: 40%}
    #access .sec_1 .box {
        margin-bottom: 22px;
        text-align: left;
    }
    #access .img_1 {
        margin-top: 20px;
        margin-bottom: 32px;
        position: relative;
    }
    #access .txt_size_ttl {font-size: 12px; margin: 15px 0 1px;}
    #access .txt_size {margin-bottom: 5px;}
    #access .txt_1 {margin-top: 12px}
    #access .box_1 {
        font-size: 13px;
        padding: 23px 10px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    #access .box_2 {
        font-size: 13px;
        padding: 23px 10px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

#access #main .map_pin p{
    font-size: 10px;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    padding: 2px 0;
    font-weight: bold;
}

#access #main .map_pin .pin_1{
    top: 47.5%;
    right: 25.5%;
}

#access #main .map_pin .pin_2{
    right: 19.6%;
    top: 31.6%;
}

#access #main .map_pin .pin_3{
    top: 33.5%;
    left: 28.5%;
}

#access #main .map_pin .pin_4{
    top: 29.5%;
    right: 5%;
}

#access #main .map_pin .pin_5{
    bottom: 30.8%;
    right: 5%;
}

#access #main .map_pin .pin_6{
    bottom: 39.5%;
    right: 43.9%;
}
#access #main .map_pin .pin_7{
    top: 8.5%;
    right: 10.5%;
}


}


/* #service
======================================= */


#service {}

#service #main h3 {
    font-weight: bold;
    color: #fff;
    background-color: #d61518;
    background-repeat: no-repeat;
    position: relative;
}
#service #main .button a{
    min-height: 40px;
    font-size: 12px;
    padding: 10px 10px;
    background: transparent;
    color: #000;
    border: 1px solid #000;
}

#service #main .button a:after {
    border-color: #000 #000 transparent transparent;
}


#service .toggle_content img.service_img {
    width: 100%;
}

#service h3.dummy {background-image: url(/base/nihombashi/img/service/service_dummy_1.png)}
#service div.sec_1 {background-image: url(/base/nihombashi/img/service/service_category1.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 12px;
    margin: 0 auto 5px auto;
}
#service .sec_1 h3 {background-image: url(/base/nihombashi/img/service/service_category1_w.png);
    background-size: 27px;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 13px;
    margin: 0 auto 5px auto;
}
#service div.sec_2 {background-image: url(/base/nihombashi/img/service/service_category2.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 12px;
    margin: 0 auto 5px auto;
}
#service .sec_2 h3 {background-image: url(/base/nihombashi/img/service/service_category2_w.png);
    background-size: 27px;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 13px;
    margin: 0 auto 5px auto;
    border-top:none;
}
#service div.sec_3 {background-image: url(/base/nihombashi/img/service/service_category3.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 12px;
    margin: 0 auto 5px auto;
}
#service .sec_3 h3 {background-image: url(/base/nihombashi/img/service/service_category3_w.png);
    background-size: 27px;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 13px;
    margin: 0 auto 5px auto;
    border-top:none;
}
#service div.sec_4 {background-image: url(/base/nihombashi/img/service/service_category4.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 12px;
    margin: 0 auto 5px auto;
}
#service .sec_4 h3 {background-image: url(/base/nihombashi/img/service/service_category4_w.png);
    background-size: 27px;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 13px;
    margin: 0 auto 5px auto;
    border-top:none;
}
#service div.sec_5 {background-image: url(/base/nihombashi/img/service/service_category5.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 12px;
    margin: 0 auto 5px auto;
}
#service .sec_5 h3 {background-image: url(/base/nihombashi/img/service/service_category5_w.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    padding-left: 52px;
    min-height: 27px;
    font-size: 13px;
    margin: 0 auto 5px auto;
    border-top:none;
}

#service .sec_1 .service1_1 {background-image: url(/base/nihombashi/img/service/service_category1_1.png)}
#service .sec_1 .service1_2 {background-image: url(/base/nihombashi/img/service/service_category1_2.png)}
#service .sec_1 .service1_3 {background-image: url(/base/nihombashi/img/service/service_category1_3.png)}
#service .sec_1 .service1_4 {background-image: url(/base/nihombashi/img/service/service_category1_4.png)}
#service .sec_1 .service1_5 {background-image: url(/base/nihombashi/img/service/service_category1_5.png)}
#service .sec_1 .service1_6 {background-image: url(/base/nihombashi/img/service/service_category1_6.png)}
#service .sec_1 .service1_7 {background-image: url(/base/nihombashi/img/service/service_category1_7.png)}
#service .sec_1 .service1_8 {background-image: url(/base/nihombashi/img/service/service_category1_8.png)}
#service .sec_1 .service1_9 {background-image: url(/base/nihombashi/img/service/service_category1_9.png)}
#service .sec_1 .service1_10 {background-image: url(/base/nihombashi/img/service/service_category1_10.png)}
#service .sec_1 .service1_11 {background-image: url(/base/nihombashi/img/service/service_category1_11.png)}
#service .sec_1 .service1_12 {background-image: url(/base/nihombashi/img/service/service_category1_12.png)}

#service .sec_2 .service2_01 {background-image: url(/base/nihombashi/img/service/service_category2_01.png)}
#service .sec_2 .service2_02 {background-image: url(/base/nihombashi/img/service/service_category2_02.png)}
#service .sec_2 .service2_1 {background-image: url(/base/nihombashi/img/service/service_category2_1.png)}
#service .sec_2 .service2_2 {background-image: url(/base/nihombashi/img/service/service_category2_2.png)}
#service .sec_2 .service2_3 {background-image: url(/base/nihombashi/img/service/service_category2_3.png)}
#service .sec_2 .service2_4 {background-image: url(/base/nihombashi/img/service/service_category2_4.png)}
#service .sec_2 .service2_5 {background-image: url(/base/nihombashi/img/service/service_category2_5.png)}

#service .sec_3 .service3_1 {background-image: url(/base/nihombashi/img/service/service_category3_1.png)}
#service .sec_3 .service3_2 {background-image: url(/base/nihombashi/img/service/service_category3_2.png)}
#service .sec_3 .service3_2_1 {background-image: url(/base/nihombashi/img/service/service_category3_2_1.png)}
#service .sec_3 .service3_2_2 {background-image: url(/base/nihombashi/img/service/service_category3_2_2.png)}

#service .sec_3 .service3_3 {background-image: url(/base/nihombashi/img/service/service_category3_3.png)}
#service .sec_3 .service3_4 {background-image: url(/base/nihombashi/img/service/service_category3_4.png)}
#service .sec_3 .service3_5 {background-image: url(/base/nihombashi/img/service/service_category3_5.png)}
#service .sec_3 .service3_6 {background-image: url(/base/nihombashi/img/service/service_category3_6.png)}

#service .sec_4 .service4_1 {background-image: url(/base/nihombashi/img/service/service_category4_1.png)}
#service .sec_4 .service4_2 {background-image: url(/base/nihombashi/img/service/service_category4_2.png)}
#service .sec_4 .service4_3 {background-image: url(/base/nihombashi/img/service/service_category4_3.png)}
#service .sec_4 .service4_4 {background-image: url(/base/nihombashi/img/service/service_category4_4.png)}
#service .sec_4 .service4_5 {background-image: url(/base/nihombashi/img/service/service_category4_5.png)}
#service .sec_4 .service4_6 {background-image: url(/base/nihombashi/img/service/service_blank.png)}
#service .sec_4 .service4_7 {background-image: url(/base/departmentstore/common/img/h_icon_access.png)}

#service .sec_5 .service5_1 {background-image: url(/base/nihombashi/img/service/service_category5_1.png)}
#service .sec_5 .service5_2 {background-image: url(/base/nihombashi/img/service/service_category5_2.png)}
#service .sec_5 .service5_3 {background-image: url(/base/nihombashi/img/service/service_category5_3.png)}
#service .sec_5 .service5_4 {background-image: url(/base/nihombashi/img/service/service_category5_4.png)}
#service .sec_5 .service5_5 {background-image: url(/base/nihombashi/img/service/service_category5_5.png)}
#service .sec_5 .service5_6 {background-image: url(/base/nihombashi/img/service/service_category5_6.png)}
#service .sec_5 .service5_7 {background-image: url(/base/nihombashi/img/service/service_category5_7.png)}
#service .sec_5 .service5_8 {background-image: url(/base/nihombashi/img/service/service_category5_8.png)}
#service .sec_5 .service5_9 {background-image: url(/base/nihombashi/img/service/service_category5_9.png)}
#service .sec_5 .service5_10 {background-image: url(/base/nihombashi/img/service/service_category5_10.png)}
#service .sec_5 .service5_11 {background-image: url(/base/nihombashi/img/service/service_category5_11.png)}


#service #main .small {
    font-size: 85.7%;
    line-height: 1.8;
}
/*#service #main .toggle {border-top: dotted 1px #c6c6c6;}*/
#service #main .toggle_btn {
    border-top: dotted 1px #c6c6c6;
    border-bottom: dotted 1px #c6c6c6;
    position: relative;
    background-repeat: no-repeat;
    margin-top: -1px;
}
#service #main .toggle_btn.open {
    border-bottom: dotted 1px #c6c6c6;
}

#service #main .toggle_btn.service1_1,
#service #main .toggle_btn.service2_1,
#service #main .toggle_btn.service2_01,
#service #main .toggle_btn.service3_1,
#service #main .toggle_btn.service4_1,
#service #main .toggle_btn.service5_1{border-top: none;border-bottom: none;}
#service #main .toggle_btn.open.service1_1,
#service #main .toggle_btn.open.service2_1,
#service #main .toggle_btn.open.service3_1,
#service #main .toggle_btn.open.service4_1,
#service #main .toggle_btn.open.service5_1{border-top: none;border-bottom: dotted 1px #c6c6c6;}
#service .toggle_btn.dummy {background-image: url(/base/nihombashi/img/service/service_dummy_2.png)}
#service .icon_arrow_down {
    background: url(/base/nihombashi/img/service/service_icon_arrow_down.png) no-repeat ;
    background-size: 10px 5px;
    width: 10px;
    height: 11px;
    margin: 15px auto 0 auto;
    padding: 0;
}

#service .icon_test {
    background: url(/base/nihombashi/img/service/service_category1_1.png) no-repeat;
    background-size: 40px auto;
    padding-left: 52px;
    min-height: 40px;
    font-size: 12px;
    margin: 0 auto 5px auto;
}
#service #main .toggle_btn_off {
        padding: 19px 40px 19px 60px;
        background-size: 30px auto;
        background-position: 15px center;
        border-top: dotted 1px #c6c6c6;
        border-bottom: dotted 1px #c6c6c6;
        position: relative;
        background-repeat: no-repeat;
        margin-top: -1px;
        /*
        padding: 15px 30px 15px 44px;
        background-size: 27px auto;
        background-position: 10px center;
        background-repeat: no-repeat;
        */
    }
#service #main .toggle_btn:after {
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid;
    border-color: #999 #999 transparent transparent;
    transform: rotate(135deg);
    position: absolute;
    right: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#service #main .toggle_btn.open:after {transform: rotate(-45deg);}
#service #main .toggle_content {padding: 30px 15px 30px;}
#service #main .toggle_content .pet {
    margin-bottom: 12px;
}
#service section:first-child {
        margin-top: 60px;
}
#service section .content {padding: 20px 15px 0px;}
#service #main .toggle {}
#service #main .toggle_btn,
#service #main .toggle_btn_2 {
	list-style: none;
	position: relative;
	padding-left: 52px;
}

#service .table {
    width: 100%;
    border-top: solid 1px #989898;
    border-left: solid 1px #989898;
}
#service .table th,#service .table td {
    border-right: solid 1px #989898;
    border-bottom: solid 1px #989898;
    padding: 12px 28px;
}
#service .table th {
    text-align: center;
    background: #f1f1f1;
    vertical-align: middle;
    width: 204px;
}
#service .table td {line-height: 1.46;vertical-align: middle;}

/*コンテンツ内スタイル*/
#service .service_sec .content_flexbox {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
#service .service_sec .content_flexbox .content_item {
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    text-align: left;
}
#service .service_sec .content_flexbox .content_item p:first-child {
    width: 20%;
    margin-right: 10px;
    text-align: left;
}
#service .service_sec .content_flexbox .content_item p:last-child {
    width: 75%;
    text-align: left;
}


@media screen and (min-width: 768px) {

    #service div.sec_1 {background-image: url(/base/nihombashi/img/service/service_category1.png);
        background-size: 46px auto;
        background-repeat: no-repeat;
        width: 46px;
        padding: 0;
        min-height: 46px;
        font-size: 12px;
        margin: 0 auto 5px auto;
    }
    #service .sec_1 h3 {background-image: url(/base/nihombashi/img/service/service_category1_w.png);
        background-size: 22px;
        background-repeat: no-repeat;
        padding-left: 52px;
        min-height: 22px;
        font-size: 13px;
        margin: 0 auto 5px auto;
    }
    #service div.sec_2 {background-image: url(/base/nihombashi/img/service/service_category2.png);
        background-size: 46px auto;
        background-repeat: no-repeat;
        width: 46px;
        padding: 0;
        min-height: 46px;
        font-size: 12px;
        margin: 0 auto 5px auto;
    }
    #service .sec_2 h3 {background-image: url(/base/nihombashi/img/service/service_category2_w.png);
        background-size: 22px;
        background-repeat: no-repeat;
        padding-left: 52px;
        min-height: 22px;
        font-size: 13px;
        margin: 0 auto 5px auto;
        border-top:none;
    }
    #service div.sec_3 {background-image: url(/base/nihombashi/img/service/service_category3.png);
        background-size: 46px auto;
        background-repeat: no-repeat;
        width: 46px;
        padding: 0;
        min-height: 46px;
        font-size: 12px;
        margin: 0 auto 5px auto;
    }
    #service .sec_3 h3 {background-image: url(/base/nihombashi/img/service/service_category3_w.png);
        background-size: 22px;
        background-repeat: no-repeat;
        padding-left: 52px;
        min-height: 22px;
        font-size: 13px;
        margin: 0 auto 5px auto;
        border-top:none;
    }
    #service div.sec_4 {background-image: url(/base/nihombashi/img/service/service_category4.png);
        background-size: 46px auto;
        background-repeat: no-repeat;
        width: 46px;
        padding: 0;
        min-height: 46px;
        font-size: 12px;
        margin: 0 auto 5px auto;
    }
    #service .sec_4 h3 {background-image: url(/base/nihombashi/img/service/service_category4_w.png);
        background-size: 22px;
        background-repeat: no-repeat;
        padding-left: 52px;
        min-height: 22px;
        font-size: 13px;
        margin: 0 auto 5px auto;
        border-top:none;
    }
    #service div.sec_5 {background-image: url(/base/nihombashi/img/service/service_category5.png);
        background-size: 46px auto;
        background-repeat: no-repeat;
        width: 46px;
        padding: 0;
        min-height: 46px;
        font-size: 12px;
        margin: 0 auto 5px auto;
    }
    #service .sec_5 h3 {background-image: url(/base/nihombashi/img/service/service_category5_w.png);
        background-size: 22px auto;
        background-repeat: no-repeat;
        padding-left: 52px;
        min-height: 22px;
        font-size: 13px;
        margin: 0 auto 5px auto;
        border-top:none;
    }
    #service .service_title,
    #card .card_title {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background: #f2f2f2;
        padding: 20px;
        margin-bottom: 40px;
        color: #999999;
    }
    #service section {margin-bottom: 60px;}
    #service section .wrapper {width:650px}
    #service section .mb {
        margin-bottom: 20px;
    }
    #service section .mt {
        margin-top: 20px;
    }
    #service #main h3 {
        font-size: 13px;
        padding: 18.5px 17px 17px 63px;
        background-size: 36px auto;
        background-position: 15px center;
        height: 50px;
        margin: 0;
    }
    #service #main .toggle {
        font-size: 12px;
        min-height: 60px;
    }
    #service #main .toggle_btn,
    #service #main .toggle_btn_2 {
        padding: 19px 40px 19px 60px;
        background-size: 30px auto;
        background-position: 15px center;
    }
    #service section .icon_1,
    #service section .icon_2 {width: 40px}
    #service section .icon_3 {margin-right: 13px}
    #service section .icon_3 img {width: 111px}
    #service section .icon_4 img {width: 38px}
    #service section .icon_5 {
        background: url(/base/nihombashi/img/service/service_icon_5.png) no-repeat;
        background-size: 100px auto;
        min-height: 62px;
        padding-left: 115px;
        margin-bottom: 20px;
    }
    /*アンカーナビ*/
    #service .anchor_nav{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        font-size: 12px;
    }
    #service .anchor_item{
        /*border-bottom: solid 1px #ccc;*/
    }
    #service a.anchor_item{
        display: flex;
        flex-flow: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0;
        width: 130px;
        text-align: center;
        margin: 0;
        font-size: 12px;
        text-decoration: none;
        color: inherit;
    }
    #service a.anchor_item + a.anchor_item {
        border-left: 1px solid #eee;
    }
    #service .anchor_item div{
        display: block;
    }
    #service .anchor_item div.icon_arrow_down{
        margin-top: 10px;
        display: block;
    }
    #service .anchor_item p{
        margin: 10px 0;
    }
    #service .anchor_item .br_sp { display:none; }
    #service #footer {margin-top: 0;}
    #service .banner_area .banner img {width: 100%;}
    #service .banner_area .banner p {font-weight: bold; padding-top: 5px;}
    #service .banner_area .banner {margin-bottom: 30px; width: 48%;}
    #service .banner_area .wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

}
@media screen and (max-width: 767px) {

    #service #main p.button {width: 87%;}
    #service #main p.button.btn_w {width: 94%;}
    #service .service_title,
    #card .card_title {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        background: #f2f2f2;
        padding: 12px;
        margin-bottom: 40px;
        color: #999999;

    }
    #service section {margin-bottom: 40px;}
    #service section .mb {
        margin-bottom: 20px;
    }
    #service section .mt {
        margin-top: 20px;
    }
    #service #main h3 {
        font-size: 13px;
        padding: 18px 10px 18px 60px;
        background-size: 28px auto;
        background-position: 10px center;
    }
    #service #main .toggle_btn,
    #service #main .toggle_btn_2 {
        padding: 15px 30px 15px 44px;
        background-size: 27px auto;
        background-position: 10px center;
    }
    #service #main .toggle_btn_off {
        padding: 15px 30px 15px 44px;
        background-size: 27px auto;
        background-position: 10px center;
        background-repeat: no-repeat;
    }
    #service #main .toggle_btn:after {
        width: 6px;
        height: 6px;
        right: 15px;
    }
    #service #main .toggle_content {padding: 20px 12px 20px;}
    #service #main .toggle_content .pet {
    margin-bottom: 12px;
}
    #service section .content {padding: 18px 12px 0px;}
    #service #main .toggle_btn:before {
        font-size: 9px;
        width: 18px;
        height: 18px;
        left: 12px;
        line-height: 18px;
    }
    #service .table {
        margin-top: 4px;
        margin-bottom: 4px
    }
    #service .table th,#service #main .table td {padding: 8px 15px;vertical-align:middle;}
    #service .table th {width: 32%}
    #service section .icon_1,
    #service section .icon_2 {width: 40px}
    #service section .icon_3 {margin-right: 13px}
    #service section .icon_3 img {width: 111px}
    #service section .icon_4 img {width: 38px}
    #service section .icon_5 {
        background: url(/base/nihombashi/img/service/service_icon_5.png) no-repeat;
        background-size: 100px auto;
        min-height: 62px;
        padding-left: 115px;
        margin-bottom: 20px;
    }
    #service .box_point {
        font-size: 11px;
        color: #fff;
        background: #000;
        margin: 0 12px;
        padding: 0 10px;
    }
/*アンカーナビ*/
    #service .service_sec.sec_1{margin-top: 20px;}
    #service .anchor_nav{
        display: flex;
        flex-flow: column wrap;
        font-size: 12px;
    }
    #service a.anchor_item{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
        flex-flow: row;
        align-items: center;
        padding: 10px 10px;
        border-bottom: solid 1px #ccc;
        text-decoration: none;
        color: inherit;

    }
    #service a.anchor_item:first-child{
        border-top: solid 1px #ccc;
    }
    #service .anchor_item div{
        display: block;
    }
    #service .anchor_item div.icon_arrow_down{
        margin-left: auto;
    }
    #service .anchor_item div{
        margin: 5px 0;
    }
    #service .anchor_item .br_pc { display:none; }
    #service .banner_area .banner p {font-weight: bold;}
    #service .banner_area .banner {margin-bottom: 20px; display: block;}
}



/* #floor
======================================== */
#floor {}
#floor .floor_sec ul {
    display: -webkit-flex; display: flex;
    -webkit-justify-content: space-between; justify-content: space-between;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto
}
@media screen and (min-width: 768px) {
    #floor .floor_sec ul {width: 500px;}

#floor .floor_border {
    width: 200px;
    margin: 0 auto 53px;
    text-align: center;
    color: #B3B3B3;
    border-bottom: 1px solid;
}


#floor a.toilet {
    /* display: block; */
    margin: auto;
    text-align: center;
}

#floor p.p_toilet {
    padding-top: 20px;
    font-size: 14px;
    text-align: center;
}


}
@media screen and (max-width: 767px) {
    #floor .floor_sec li {width: 22%;}
    #floor .pagetitle{padding-bottom: 50px;}

#floor .floor_border {
    width: 150px;
    margin: 0 auto 42px;
    text-align: center;
    color: #B3B3B3;
    border-bottom: 1px solid;
}

#floor a.toilet {
    margin: auto;
    text-align: center;
    padding: 0 25px;
}

#floor p.p_toilet {
    padding-top: 20px;
    text-align: center;
}

}

/* #floor_select */
#floor_select {}
#floor_select .floor_select_sec ul {
    margin-left: auto;
    margin-right: auto
}
@media screen and (min-width: 768px) {
    #floor_select .tab_content {padding-top: 60px}
    #floor_select .floor_select_sec ul {text-align: center}
    #floor_select .floor_select_sec li {margin-bottom: 8px;}
}
@media screen and (max-width: 767px) {
    #floor_select .tab_content {padding-top: 38px}
    #floor_select .floor_select_sec ul {text-align: center}
    #floor_select .floor_select_sec li {margin-bottom: 5px;}
}

#floor_select .tab_content .text a{
    width:500px;
    height:80px;
    text-align:center;
    line-height:80px;
    background-color:#e9ccc5;
    display:block;
    margin:0 auto;
    font-size:18px;
    font-weight:bold;
}
@media screen and (max-width: 767px) {
    #floor_select .tab_content .text a{
        width:100%;
        height:55px;
        line-height: 55px;
    }
}


/* #floor_one */
#floor_one {}
#floor_one #footer {margin-top:0;}
#floor_one .map_area {background: #e9ccc5;}
#floor_one .map_area .map_inner {position: relative;}
#floor_one .map_area .scale li a {
    display: block;
    border-radius: 50%}
#floor_one .map_area .scale li.zoomin a {background: #333;}
#floor_one .map_area .scale li.zoomout a {background: #999;}
#floor_one .map_area .scale li img {width: 100%}
#floor_one .guide {
    clear: both;
    background: #fff;
    height: 76px;
    border-top: solid 1px #e6e6e6;
}
#floor_one .guide ul {
    display: -webkit-flex; display: flex;
    -webkit-justify-content: space-between; justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}
#floor_one .guide li {width: 50%;}
#floor_one .guide li a {
    position: relative;
    width: 100%;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#floor_one .guide li:first-child a:after {
    content: "";
    width: 1px;
    height: 35px;
    background: #cacaca;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media screen and (min-width: 768px) {
    #floor_one .map_area .map_inner {
        width: 980px;
        margin: auto;
    }
    #floor_one .map_area .scale {
        position: absolute;
        right: 110px;
        bottom: 38px;
    }
    #floor_one .map_area .scale li {
        width: 40px;
        margin-top: 10px
    }
    #floor_one .guide ul {width: 980px}
}
@media screen and (max-width: 767px) {
    #floor_one .map_area .scale {
        position: absolute;
        right: 11px;
        bottom: 18px;
    }
    #floor_one .map_area .scale li {
        width: 40px;
        margin-top: 10px
    }
    #floor_one .guide li:first-child a:after {height: 25px;}
}

/*【JS:slick】フロア */
#floor_one .slider_floor {overflow: hidden}
#floor_one ul.slider_floor li:hover,
#floor_one ul.slider_floor li.select {
    color: #fff;
    background-color: #d61518;
    border-bottom: solid 3px #a51119;
}
#floor_one ul.slider_floor li.select:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid transparent;
    border-bottom: 7px solid #c6aaa5;
    border-bottom: 7px solid #a51119
}
#floor_one ul.slider_floor li:before {
content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;background: #ccc;width:1px;height:40px;}
#floor_one ul.slider_floor li:hover:before,
#floor_one ul.slider_floor li:last-child:before,
#floor_one ul.slider_floor li.select:before {content:none;}
@media screen and (min-width: 768px) {
    #floor_one ul.slider_floor {
        display: -webkit-flex; display: flex;
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        height: 70px;
        overflow: hidden;
    }
            #floor_one ul.slider_floor .slick-track {
                width: 980px !important;
                margin-left: auto;
                margin-right: auto;
                display: -webkit-flex; display: flex;
                transform: translate3d(0px, 0px, 0px)!important;
            }
    #floor_one ul.slider_floor li {
        flex: 1;
        text-align: center;
        font-weight: bold;
        color: #999;
        border-bottom: solid 3px transparent;
        position: relative;
        height: 70px;
        padding: 25px 20px;
    }
    #floor_one ul.slider_floor li:before {
        height:40px;
    }
    #floor_one ul.slider_floor button {display: none !important}
}
@media screen and (max-width: 767px) {
/*    #floor_one .slider_floor li {margin: 0;}*/
    #floor_one ul.slider_floor {}
    #floor_one ul.slider_floor li {
        font-weight: bold;
        color: #999;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 3px;
        border-bottom: solid 3px transparent;
        position: relative;
        width: 100%;
        width: 85px;
        height: 60px;
    }
    #floor_one ul.slider_floor li:before {
        height:45px;
    }
}

/*【JS:slick】フロア */
#floor_one .point_area {}
#floor_one .point_area .slider_point {overflow: hidden}
@media screen and (min-width: 768px) {
    #floor_one .point_area {
        clear: both;
        background: #fff;
        border-top: solid 1px #e6e6e6;
    }
    #floor_one ul.slider_point {
        display: -webkit-flex; display: flex;
        justify-content: center;
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        height: 94px;
        overflow: hidden;
    }
            #floor_one ul.slider_point .slick-track {
                max-width: 980px !important;
                width: 100% !important;
                margin-left: auto;
                margin-right: auto;
                display: -webkit-flex; display: flex;
                justify-content: center;
                transform: translate3d(0px, 0px, 0px)!important;
            }
    #floor_one ul.slider_point li {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 94px;
        padding: 0 30px;
    }
    #floor_one ul.slider_point button {display:none !important}
}
@media screen and (max-width: 767px) {
    #floor_one ul.slider_point {}
    #floor_one ul.slider_point li {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 75px;
        padding: 10px 15px;
    }
}


/* #information .page_information
======================================== */
#information {} /*一覧*/
#information_one {} /*個別*/
#information .information_sec .post:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}
#information .information_sec .ttl,
.page_information .information_sec .ttl {
    font-weight: bold;
    color: #d61518;
}
.page_information .information_sec .ttl a {
    font-weight: bold;
    color: #d61518;
    text-decoration: underline;
}
#information .information_sec .time,
.page_information .information_sec .time {
    color: #808080;
    text-align: right;
}
#information .information_sec .btn {}
#information .information_sec .btn a {
    text-decoration: underline;
    position: relative;
}
#information .information_sec .btn a:after {
    content:"";position:absolute;top:0;bottom:0;margin:auto;
    border-style:solid;border-color:#000 #000 transparent transparent;transform:rotate(45deg);
    width:6px;
    height:6px;
    border-width: 1px;
    right:-15px;
}
@media screen and (min-width: 768px) {
    .page_information .information_sec .wrapper {width: 700px;}
    #information .information_sec .post {
        padding-bottom: 30px;
        border-bottom: dotted 1px #999;
        margin-bottom: 30px;
    }
    #information .information_sec .ttl {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .page_information .information_sec .time {font-size: 12px}
}
@media screen and (max-width: 767px) {
    #information .information_sec .post {
        padding-bottom: 20px;
        border-bottom: dotted .5px #999;
        margin-bottom: 20px;
    }
    #information .information_sec .ttl {font-size: 13px;}
    .page_information .information_sec .time {font-size: 10px}
    #information .information_sec .btn a:after {
        width:5px;
        height:5px;
        right:-13px;
    }
}
#information_one {}
@media screen and (min-width: 768px) {
    #information_one .information_sec .ttl {
        text-align: center;
        font-size: 18px;
        margin-bottom: 25px;
    }
    #information_one .information_sec .time {margin-top: 20px}
    #information_one .information_sec .button {
        margin-top: 70px;
        width: 500px;
    }
}
@media screen and (max-width: 767px) {
    #information_one .information_sec .ttl {
        text-align: center;
        font-size: 14px;
        margin-bottom: 25px;
    }
    #information_one .information_sec .time {margin-top: 25px}
    #information_one .information_sec .button {
        margin-top: 33px;
    }
}


/* #brand
======================================== */
#brand {}
#brand .result_area {}
#brand .result_area .box {border-bottom: solid 1px #ccc}
#brand .result_area .box:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
#brand .result_area .ttl {color: #d61518;}
.pageing {
    padding:20px 0;
    text-align:center;
}

.pageing a{
    vertical-align:top;
display:inline-block;
margin:0 5px;
}

.paging_num{
padding:5px 10px;
text-align:center;
border:1px solid #ccc;
}

.paging_num.current{
        background-color: #D61518;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .page_brand .tab_btn li {font-size: 14px;}
    #brand .txt_1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #brand .brand_sec .tab_btn {width: 720px;}
    #brand .tab_content {
        width: 650px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 45px
    }
    #brand .result_area .box {
        padding-bottom: 23px;
        margin-bottom: 23px;
    }
}
@media screen and (max-width: 767px) {
    #brand .txt_1 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #brand .tab_content {padding-top: 30px}
    #brand .result_area .box {
        padding-bottom: 23px;
        margin-bottom: 23px;
    }
}

#brand_result {}
#brand_result .brand_result_head {
    background: #f2f2f2;
}
#brand_result .brand_result_head .txt_head {
    font-weight: bold;
    position: relative;
    font-size: 18px;
    padding-left: 20px;
}
#brand_result .brand_result_head .txt_head:before {
    content: "";
    background: #d61518;
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
}
#brand_result .ttl {
    font-weight: bold;
    border-bottom: solid 1px #ccc;
}
@media screen and (min-width: 768px) {
    #brand_result .brand_result_sec .wrapper {width: 650px;}
    #brand_result .brand_result_head {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 35px;
    }
    #brand_result .box {margin-bottom: 25px}
    #brand_result .ttl {
        font-size: 18px;
        padding-bottom: 5px;
        margin-bottom: 15px;
    }
    #brand_result .button {
        margin-top: 58px;
        width: 400px
    }
}
@media screen and (max-width: 767px) {
    #brand_result .brand_result_head {
        padding-top: 17px;
        padding-bottom: 17px;
        margin-bottom: 23px;
    }
    #brand_result .brand_result_head .txt_head {
        font-size: 15px;
        padding-left: 9px;
    }
    #brand_result .brand_result_head .txt_head:before {
        top: 11px;
        width: 4px;
        height: 4px;
    }
    #brand_result .box {margin-bottom: 45px}
    #brand_result .ttl {
        font-size: 15px;
        padding-bottom: 2px;
        margin-bottom: 10px;
    }
    #brand_result .button {margin-top: 45px;}
}


@media screen and (min-width: 768px) {


#card_info .pagetitle h2{
margin-bottom: 15px;
}



.card_list_wrap .card_list:after{
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: #000 #000 transparent transparent;
    transform: rotate(135deg);
    position: absolute;
    /* right: 0; */
    /* top: 0; */
    bottom: 18px;
    margin: auto;

}

#card_page_2 .card_list_wrap .card_list:after{
    bottom: 24px;
}


#card_info .card_title{
  font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #f2f2f2;
    /*padding: 20px;*/
    margin-bottom: 55px;
    color: #999999;
    height: 70px;
}

#card_info .card_title a{
    display: inline-block;
    width: 195px;
    padding: 25px 0 19px;
    color: #999999;
}

#card_info .card_list p {
    line-height: 1.3;
    font-weight: bold;
    margin-top: 14px;
    font-size: 12px;
}

#card_info .sec_1 .sub{
    text-align: center;
    margin-bottom: 60px;
    line-height: 230%;
}

#card_info .sec_1 .card_list_wrap {
    display: flex;
    width: 780px;
    justify-content: center;
    margin: 57px auto;
    text-align: center;
}

#card_info .sec_1 .card_list_wrap  img{
    width: 50px;
}

#card_page_4 .sec_1 .card_list_1 img {
    width: 63px;
}

#card_info .card_box {
    width: 780px;
    margin: 0 auto 40px;
}

#card_info #card_1_5,
#card_info #card_2_2 {
    margin-bottom: 70px;
}

#card_info .card_box .ttl_box {
    display: flex;
    justify-content: center;
    /*padding: 22px 0;*/
}

#card_info .card_box_1 .ttl_box {
    background-color: #E5E5E5;
}

#card_info .card_box_1 .table_box {
    background-color: #F2F2F2;
}

#card_info .card_box .table_box {
    padding: 38px;
}
#card_info .card_box .table {
      display: flex;
    justify-content: center;
    width: 700px;
    margin:auto;

}

#card_info .card_list {
    /*margin-top: -11px;*/
    position: relative;
}

#card_info #card_page_1 .card_list.card_list_1 img{
      width: 28px;
    position: relative;
    /*top: -11px;*/
}

#card_info .card_list.card_list_1 span{
margin-top: 0;
}

#card_page_4 .card_list.card_list_1 span{
position: relative;
top: 15px;
}

#card_page_4 .card_list.card_list_3 span{
position: relative;
top: 15px;
}

#card_page_4 .card_list.card_list_4 span{
position: relative;
top: 15px;
}


#card_page_4 .card_list_wrap .card_list{
      width: 190px;
}

#card_page_1 .card_list span {
    display: block;
    margin-top: 14px;
}


#card_info .card_list.card_list_1 p{
      position: relative;
    /*top: -11px;*/
}


.card_list_wrap .card_list{
    position: relative;
    height: 124px;
    border-right: #ccc solid 1px;
    /* padding-right: 17px; */
    width: 155px;
}


#card_info .card_box .culumn_wrap {
    display: flex;
    justify-content: center;
    background-color: #fff;
}

#card_info .table_1 {
  width: 100%;
      border: #F2F2F2 solid 1px;

}


#card_info .table_2 {
  width: 100%;
   border: #F2F2F2 solid 1px;
   border-left: none;

}

#card_info .table_box h4{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

#card_info .table_1 .t_head{
    font-size: 14px;
    font-weight: bold;
    background-color: #FFDCDC;
    color:#D61518;
    padding:13px 20px 9px;
    text-align: center;
}

#card_info .table_2 .t_head{
    font-size: 14px;
    font-weight: bold;
    background-color: #EFE1D3;
    color:#8E6A43;
    padding:13px 20px 9px;
    text-align: center;
}

#card_info .card_box .column_1 {
    width: 100%;
    text-align: center;
    padding:13px 13px;
    border-right: #F2F2F2 solid 1px ;
}

#card_info .card_box .column_2 {
    width: 100%;
    text-align: center;
    padding:13px 13px;

}

#card_info .culumn_wrap .p_1{
  font-size: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dotted #CCCCCC;
}

#card_info .table_1 .culumn_wrap .p_2 span{
  font-size: 30px;
  font-weight: bold;
  padding-right: 4px;
  padding-left: 3px;
}

#card_info .table_1 .culumn_wrap .p_2{
    color: #D61518;
    font-weight: bold;
}

#card_info .table_1 .culumn_wrap .p_2,
#card_info .table_2 .culumn_wrap .p_2{
    position: relative;
    top: 6px;

}

#card_info #card_4_1 .culumn_wrap .asta{
    position: absolute;
    top: 54px;
    right: 35px;
    font-size: 16px;
    color: #D61518;
}

#card_info #card_4_2 .culumn_wrap .asta{
position: absolute;
    top: 54px;
    right: 22px;
    font-size: 16px;
    color: #D61518;
}



#card_info .card_box .ttl_box .box_2 {
    padding: 35px 30px 29px;
}

#card_info .card_box .ttl_box h3{
   font-size: 20px;
   font-weight: bold;
}

#card_info .card_box .ttl_box .cost{
   font-size: 14px;
   font-weight: bold;
   margin: 10px 0;
}

#card_info .card_box .more{
  position: relative;
   font-size: 13px;
   color: #D51518;
   text-decoration: underline;
    width: 160px;

}

#card_info .card_box .more:after{
      content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #D51518;
    border-right: 1px solid #D51518;
    position: absolute;
    right: 98px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.5s;
    transform: rotate(45deg);
}




#card_info .table_2 .culumn_wrap .p_2 {
    color: #8E6A43;
}


#card_info .table_2 .culumn_wrap .p_2 span {
    font-size: 30px;
    font-weight: bold;
    padding-right: 4px;
}
 #card_page_2 #card_2_1 .ttl_box .box_2 {
    width: 473px;
    margin-top: 12px;
}
#card_page_2 #card_2_2 .ttl_box .box_2 {
    width: 404px;
    margin-top: 12px;
}

#card_info #card_page_2  .card_box .culumn_wrap{
  display: block;
  text-align: center;
  padding: 30px;
}

#card_info #card_page_3  .card_box .culumn_wrap{
  display: block;
  text-align: center;
  padding: 30px;
}


#card_info .table_1 p{
      /*color: #D61518;*/
}
#card_page_2 .table_1 p,
#card_page_3 .table_1 p{
      color: #D61518;
font-size: 12px;
}
#card_info .table_2 p{
      /*color: #8E6A43;*/
}
#card_page_2 .table_2 p,
#card_page_3 .table_2 p{
      color: #8E6A43;
font-size: 12px;
}

#card_info #card_info .table p{
   padding-top: 10px;
}

#card_page_2 .card_box .culumn_wrap img,
#card_page_3 .card_box .culumn_wrap img{
  width: 30px;
  margin-bottom: 7px;
}

#card_page_3 .table_1 img,
#card_page_3 .table_2_1 img {
    width: 30px;
    margin-top: 10px;
    margin-bottom: 7px;
}

#card_page_2 .card_box .ttl_box .box_2{
  padding: 14px 0 14px 25px;
}

#card_page_2 .card_box .box_1{
    position: relative;
    top: 24px;
}

#card_page_2 .card_box .ttl_box h3 {
    margin-bottom: 12px;
}

#card_page_2 .card_box .ttl_box {
    padding: 16px 0;
}

#card_page_2 #card_2_1 .ttl_box {
    padding: 16px 0;
    background-color: #E7D9C7;

}

#card_page_2 .card_list{
    display: block;
    width: 400px;
    height: 80px;
    padding: 0 20px;

}

#card_page_2 .sec_1 .card_list_wrap img {
    width: 80px;
    height: 37px;
    margin: 6px 20px 0 30px;
}
#card_page_2 .card_list span {
    display: flex;
}

#card_page_2 .card_list_wrap .card_list_2{
  border-right: none;
}

#card_page_3 .card_box_1 .ttl_box{
background-color: #CAF2F9;
    padding: 23px 0;
}
#card_page_3 .card_box_1 .ttl_box img{
  width: 106px;
      margin-top: -15px;

}

#card_page_3 .card_box .ttl_box h3,
#card_page_4 .card_box .ttl_box h3 {
    margin-bottom: 10px;
}

#card_page_3 .card_box .ttl_box .box_2{
  padding: 41px 30px 37px;
}

#card_page_3 .card_box .ttl_box .box_2 {
    padding: 27px 30px 26px;
}
#card_info #card_page_3 .card_box .culumn_wrap{
    display: block;
    text-align: center;
    padding: 30px;
    height: 137px;
}

#card_page_3 .table_box .table_2{
display: flex;

}

#card_page_3 .table_box .table_2_1{
  width: 232px;
      border-right: #F2F2F2 solid 1px;

}

#card_page_3 .table_box .table_2_2{

  width: 232px;
}

#card_page_3 .table_box .table_1{
  width: 100%;
}
#card_page_3 .table_1 .t_head {
    font-size: 12px;
    font-weight: bold;
    background-color: #FFDCDC;
    color: #D61518;
    padding: 4px 20px 1px;

  }
#card_page_3 .card_box .box_1 img{
  width: 136px;
}

#card_page_4 #card_4_1 .ttl_box{
    background-color: #E8DAC8;
padding: 28px 0;
}


#card_page_4 #card_4_1 .ttl_box h3{
    position: relative;
    top: 5px;
}



#card_page_4 .card_box .column_1{
  height: 110px;
  position: relative;
}

#card_page_4 .table_2 .column_1 .p_2{
      top: 20px;

}


#card_4_3 .table_2 .column_1 p.p_2,
#card_4_4 .table_2 .column_1 p.p_2 {
    position: relative;
    top: 30px;
}

#card_page_4 .sec_1 .card_list_2 img{
  width: 31px;

}


#card_info .card_box .box_1 {
    position: relative;
    top: 28px;
}
#card_info #card_1_1 .box_1 {
    position: relative;
    top: 0;
}

#card_page_1 #card_1_5 .culumn_wrap{
  height: 110px;
}

#card_page_1 #card_1_5 .table_2 .culumn_wrap .p_2 {
    color: #8E6A43;
    padding: 16px 0;
    font-size: 12px;
}



#card_page_1 #card_1_3 .ttl_box .cost span{
      font-size: 12px;
}

#card_page_1 #card_1_2 .ttl_box{
  background-color: #E8DAC8;
}

#card_page_1 #card_1_3 .ttl_box{
  background-color: #FFDEEB;
}

#card_page_1 #card_1_4 .ttl_box{
  background-color: #FFFCEE;
}

#card_page_1 #card_1_5 .ttl_box{
  background-color: #FFF1AE;
}


#card_info .caution{
    width: 780px;
    margin: 20px auto 0;
    font-size: 13px;
  }

#card_info .more_btn{
  display: block;
  width: 400px;
  text-align: center;
  font-weight: bold;
  padding:18px 10px 14px;
  margin: 0 auto 100px;
  border: 1px solid #000;
  position: relative;

}

#card_info .more_btn:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.5s;
    transform: rotate(45deg);
  }
#card_info .sec_1 .card_list_wrap a:last-child{
  border-right: none;
}

#card_page_4 .sec_1 .card_list_1{
  /*margin-top: 20px;*/
}



#card_page_2 #card_2_2 .ttl_box{

  background-color: #FFF1AE;
}


#card_page_4 #card_4_2 .ttl_box{
  background-color: #FFF1AE;
    padding: 7px 0 27px;
}

#card_page_4 #card_4_3 .ttl_box{
  background-color: #FFDEEB;
    padding: 7px 0 27px;
}

#card_page_4 #card_4_4 .ttl_box{
  background-color: #FFE1CA;
    padding: 7px 0 27px;

}

#card_page_4 #card_4_2 .ttl_box .box_2,
#card_page_4 #card_4_3 .ttl_box .box_2,
#card_page_4 #card_4_4 .ttl_box .box_2{
      padding: 44px 30px 20px;
}


#card_page_4 #card_4_2 .box_1 img{
  width: 67px;
margin-top: -7px;
}

#card_page_4 #card_4_3 .box_1 img{
      width: 106px;
    margin-top: -3px;
}
#card_page_4 #card_4_4 .box_1 img{
  width: 106px;
    margin-top: 6px;
}

#card_page_4 #card_4_1 .box_1 img{
    width: 147px;
    margin-top: -21px;
}


#card_page_4 .card_box .box_1 img{
    width: 136px;
    margin-top: -15px;
}

#card_info #card_page_2 .ttl_box .box_2

#card_info .card_box .more{
  width: 154px;
}
#card_info .card_box .more:after{
    right: -50px;
}
#card_info .card_box .box_1 img {
    width: 106px;
}
#card_page_1 #card_1_1 .box_1 img {
    width: 67px;
    margin-top: 24px;
}

#card_page_1 .card_box .box_1 img {
    width: 106px;
    margin-top: 15px;
}


#card_page_1 .card_box .box_1 img {
    width: 106px;
    margin-top: 15px;
}

#card_page_2 .card_box .box_1 img{
    width: 176px;
    margin-top: -7px;

}
#card_page_3 #card_3_1 .box_1 img{
    margin-top: -7px;

}

#card_page_3 .card_box{
   margin-bottom: 60px;
}
#card_info .card_title a.select{
    color: #fff;
    background-color: #d51518;
    border-bottom: solid 3px #961f24;
    position: relative;
}
#card_info .card_title a.select:after {

content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid transparent;
    border-bottom: 7px solid #961f24;
}


}


@media screen and (max-width: 767px) {

#card_info .pagetitle h2 {
    width: 54px;
    margin: 0 auto 15px;
}

.card_list_wrap span{
  display: flex;

}

.card_list_wrap .card_list span:after{
content: "";
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: #000 #000 transparent transparent;
    transform: rotate(135deg);
    position: absolute;
    right: 20px;
    /* left: 0; */
    /* top: 0; */
    bottom: 28px;
    margin: auto;

}

#card_info .card_title{
  font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #f2f2f2;
    /*padding: 20px;*/
    margin-bottom: 40px;
    color: #999999;
    height: 60px;
    display: flex;
}

#card_info .card_title a{
    display: inline-block;
    width: 195px;
    padding: 11px 0 22px;
    color: #999999;
    font-size: 11px;
    position: relative;
}

/*#card_info .card_title a .dot{
display: inline;
  }
*/
#card_info .card_list p {
line-height: 1.3;
    font-weight: bold;
    /*margin-top: 7px;*/
    margin-left: 30px;
    margin-bottom: 7px;
    font-size: 12px;
    display: inline-block;
}

#card_info .sec_1 .sub{
    text-align: center;
    font-size: 12px;
    /*font-weight: bold;*/
}

#card_info .sec_1 .card_list_wrap {
    width: 100%;

    margin: 40px auto;
    text-align: center;
}

#card_info .sec_1 .card_list_wrap img{
    width: 50px;
    margin-top: 4px;
}

#card_info .card_box {
    width: ;
    margin: 0 25px 20px;
}

#card_info .card_box .ttl_box {
    padding:14px 0 12px;

}

#card_info #card_3_1 {
    margin: 0 25px 30px;
}


#card_info .card_box_1 .ttl_box {
    background-color: #E5E5E5;
    display: flex;
        justify-content: center;
}
#card_page_1 #card_1_1 .ttl_box .box_1 {
    width: 52px;
}

#card_info .card_box_1 .table_box {
    background-color: #F2F2F2;
}

#card_info .card_box .table_box {
    padding: 23px 15px;
}
#card_info .card_box .table {
    width: ;
    margin:auto;

}

#card_info .card_list {
    /*margin-top: -11px;*/
    position: relative;
}

#card_info  #card_page_1 .card_list_1 img{
      width: 28px;
    position: relative;
    top: -6px;
}

#card_info .card_list.card_list_1 span{
margin-top: 0;
    border-top: #ccc solid 1px;

}

#card_info .card_list span {
    display: block;
    margin-top: 14px;
    margin-top: 0;
    text-align: left;
    padding: 12px 6px 12px 10px;
    position: relative;
    border-bottom: #ccc solid 1px;
    vertical-align: top;
    height: 65px;
}


#card_page_1 .card_list.card_list_1 p{
      position: relative;
    top: -11px;
}


.card_list_wrap .card_list{
    position: relative;
/*    height: 124px;
    border-right: #ccc solid 1px;*/
    /* padding-right: 17px; */
    width: 155px;
}


#card_info .card_box .culumn_wrap {
        display: flex;
    background-color: #fff;
}

#card_info .table_1 {
  width: 100%;
      border: #F2F2F2 solid 1px;

}

#card_page_2 .table_1 p,
#card_page_3 .table_1 p{
      color: #D61518;
}
#card_page_2 .table_2 p,
#card_page_3 .table_2 p{
      color: #8E6A43;
}
#card_info .table_2 {
  width: 100%;
   border: #F2F2F2 solid 1px;
   border-left: none;
    border-top: none;
}


#card_page_2 .card_box .ttl_box{
      padding: 27px 0 15px;
}


#card_info .table_box h4{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}

#card_info .table_1 .t_head{
    font-size: 12px;
    font-weight: bold;
    background-color: #FFDCDC;
    color:#D61518;
    padding:6px 6px;
    text-align: center;
}

#card_info .table_2 .t_head{
    font-size: 12px;
    font-weight: bold;
    background-color: #EFE1D3;
    color:#8E6A43;
    padding:6px 6px;
    text-align: center;
}

#card_info .card_box:last-child{
  margin-bottom: 30px;
}

#card_info .card_box .column_1 {
    width: 100%;
    text-align: center;
    padding:10px 4px 13px;
    border-right: #F2F2F2 solid 1px ;
    position: relative;
}

#card_info .card_box .column_2 {
    width: 100%;
    text-align: center;
    padding:10px 4px 13px;

}

#card_info .culumn_wrap .p_1{
  font-size: 11px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #CCCCCC;
}

#card_info .table_1 .culumn_wrap .p_2 span{
  font-size: 26px;
  font-weight: bold;
  padding-left: 3px;
padding-right: 4px;
}


#card_info .table_1 .culumn_wrap .p_2{
    color: #D61518;
}

#card_info .table_1 .culumn_wrap .p_2,
#card_info .table_2 .culumn_wrap .p_2{
    position: relative;
    top: 6px;
    height: 40px;
}

#card_info #card_4_1 .culumn_wrap .asta{
    position: absolute;
    top: 47px;
    right: 31px;
    font-size: 13px;
    color: #D61518;
}

#card_info #card_4_2 .culumn_wrap .asta{
    position: absolute;
    top: 46px;
    right: 20px;
    font-size: 13px;
    color: #D61518;
}

#card_info .card_box .ttl_box .box_2 {
    padding:8px 22px 2px 15px;
}

#card_page_1 #card_1_1 .ttl_box .box_2 {
    padding: 13px 22px 2px 15px;
}

#card_info .card_box .ttl_box h3{
   font-size: 14px;
   font-weight: bold;

     line-height: 1.4;
}

#card_info .card_box .ttl_box .cost{
   font-size: 13px;
   font-weight: bold;
   margin: 2px 0;
}

#card_info .card_box .more{
   font-size: 14px;
   color: #D51518;
   text-decoration: underline;
}

#card_info #card_page_2 .card_box .culumn_wrap,
#card_info #card_page_3 .card_box .culumn_wrap{
display: block;
    text-align: center;
    padding: 21px 15px 11px;
}

#card_info #card_page_2 .card_box .culumn_wrap img,
#card_info #card_page_3 .card_box .culumn_wrap img{
  width: 30px;

}

#card_info #card_page_2 .card_box .culumn_wrap p,
#card_info #card_page_3 .card_box .culumn_wrap p{
  margin-top: 10px;
}

#card_info .table_2 .culumn_wrap .p_2 {
    color: #8E6A43;
    position: relative;
    top: 1px;
/*font-weight: bold;    */
}


#card_info .table_2 .culumn_wrap .p_2 span {
    font-size: 26px;
    font-weight: bold;
    padding-right: 4px;
}
#card_page_2 .card_box .ttl_box {
     display: block;
    justify-content: center;
  }
#card_page_2 #card_2_1 .ttl_box {
    background-color: #E7D9C7;

}
#card_page_2 .card_box_1 .ttl_box img{
    width: 80px;
    height: 37px;
}

#card_page_2 .card_box .ttl_box .box_1 {
    width: 100%;
    display: flex;
        justify-content: center;

}
#card_page_2 .card_box .ttl_box h3 {
    margin-left: 15px;
}

#card_page_2 .card_box .box_1{
      position: relative;
    top: 0;
}

#card_page_2 .card_list p {
    margin-top: 19px;
    margin-left: 15px;
    margin-bottom: 7px;
}

#card_page_2 .card_list span{
      padding: 9px 6px 12px 10px;
}
.card_page_2 .card_list span:after{
      bottom: 27px;
}


#card_page_2 .sec_1 .card_list_wrap img{
margin-bottom: 4px;
  }

#card_page_3 .card_box_1 .ttl_box{
background-color: #CAF2F9;
}

#card_page_3 .card_box .ttl_box .box_1,
#card_page_4 .card_box .ttl_box .box_1{
display: flex;
width: 100%;
    justify-content: center;
}


#card_page_3 .card_box .ttl_box .box_1 img{
width:87.5px;
height: 55px;
}

#card_page_3 .card_box .ttl_box .box_2{
display: none;
}
#card_page_3 .card_box .ttl_box h3 {
    margin-left: 11px;
    margin-top: 10px;
}
#card_page_3 .card_box .ttl_box {
    padding: 29px 0 26px;
}

#card_page_3 .sec_1  {
    margin-bottom:28px;
}

#card_info .card_box_1 .ttl_box{
  position: relative;
}

.ttl_box.arrow:after {
    content: "";
    width: 25px;
    height: 25px;
    /* border: 1px solid; */
    /* border-color: #000 #000 transparent transparent; */
    /* transform: rotate(45deg); */
    position: absolute;
    right: 10px;
    /* left: 0; */
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/base/nihombashi/img/card/card_arrow.png) no-repeat;
    background-size: 100%;
}

#card_page_1 .table_2 .culumn_wrap .p_2{
      top: 5px;
}

#card_page_1 #card_1_5 .table_2 .culumn_wrap .p_2{
    top: 16px;
}

#card_page_4 #card_4_3 .table_2 .culumn_wrap .p_2,
#card_page_4 #card_4_4 .table_2 .culumn_wrap .p_2{
    top: 11px;
    position: relative;

}


#card_page_4 .card_box .ttl_box .box_2{
  display: none;

}

#card_page_4 .card_box .ttl_box h3{
  margin-left: 15px;
      margin-top: 18px;

}

#card_page_4 .card_box_1 .ttl_box {
    background-color: #E8DAC8;
}

#card_page_4 .sec_1 .card_list_2 img{
      width: 25px;
    margin-top: 4px;
}

#card_page_4 .card_list_2 p {
    margin-bottom: 12px;
    margin-left: 44px;
  }

  #card_page_4 .card_list_2 span{
    padding: 12px 6px 12px 20px
  }

  #card_page_4 .sec_1 .card_list_wrap img{
        margin-top: 5px;
  }

#card_page_4 .card_list_4 p {
    margin-bottom: 12px;
  }

  #card_info .card_box .ttl_box {
    /*height: 110px;*/
}
#card_page_4 #card_4_1 .ttl_box {
    padding: 21px 0 21px;
}


#card_page_1 .card_box .box_1 {
    position: relative;
        top: 10px;
width: 87px;
}

#card_page_1 #card_1_1 .box_1 {
        top: 0;
}

#card_page_1 #card_1_2 .ttl_box{
  background-color: #E8DAC8;
}

#card_page_1 #card_1_3 .ttl_box{
  background-color: #FFDEEB;
}

#card_page_1 #card_1_4 .ttl_box{
  background-color: #FFFCEE;
}

#card_page_1 #card_1_5 .ttl_box{
  background-color: #FFF1AE;
}


#card_info .caution{
  margin: 15px 0 30px;
}

#card_info .more_btn{
  display: block;
  text-align: center;
  font-weight: bold;
  padding:10px;
  margin: 0 auto 50px;
  border: 1px solid #000;
  position: relative;

}


#card_page_1 .more_btn{
  width: 70%;
}

#card_page_2 .more_btn{
  width: 90%;
}

#card_page_3 .more_btn{
  width: 70%;
}

#card_info .more_btn:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.5s;
    transform: rotate(45deg);
  }


#card_page_2 #card_2_2 .ttl_box{
  background-color: #FFF1AE;
}

#card_page_2 #card_2_2 .ttl_box{
  background-color: #FFF1AE;
}

#card_page_4 #card_4_2 .ttl_box{
  background-color: #FFF1AE;
}

#card_page_4 #card_4_3 .ttl_box{
  background-color: #FFDEEB;
    padding: 17px 0 25px;
}

#card_page_4 #card_4_4 .ttl_box{
  background-color: #FFE1CA;
padding: 16px 0 20px;
}

#card_page_4 #card_4_2 .box_1 img{
  width: 52px;
    height: 83px;
margin-top: 0;
}

#card_page_4 #card_4_3 .box_1 img{
  width: 87px;
    height: 55px;
    margin-top: 10px;
}

#card_page_4 #card_4_4 .box_1 img{
  width: 95px;
  height: 60px;
    /*height: 60px;*/
    margin-top: 10px;
}

#card_page_4 .card_box .box_1 img{
    width: 111px;
    height: 70px;
    margin-top: 0;
}
#card_page_4 #card_4_2 .ttl_box h3 {
    margin-top: 37px;
}
#card_page_4 #card_4_3 .ttl_box h3{
    margin-top: 30px;
}

#card_page_4 #card_4_4 .ttl_box h3{
    margin-top: 33px;

}

#card_page_4 #card_4_3 .table_2 .column_1,
#card_page_4 #card_4_4 .table_2 .column_1{
/*padding: 23px 4px 34px;*/
}

#card_info .card_title a.select {
    color: #fff;
    background-color: #d51518;
    border-bottom: solid 2px #961f24;
    position: relative;
}
#card_info .card_title a.select:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
   border: 3px solid transparent;
    border-bottom: 7px solid #961f24;
}



}


/*card_info*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

  #card_info .card_box .ttl_box h3{
letter-spacing: -0.2px;
  }
  #card_info .table_1 .t_head,
  #card_info .table_2 .t_head{
letter-spacing: -1px;

  }
}


#card_info .card_title a{
  cursor: pointer;
}

#card_page_2,#card_page_3,#card_page_4{
  display: none;
}


/*iphone5*/

@media screen and (max-width: 320px) {
#card_info #card_4_1 .culumn_wrap .asta {
    position: absolute;
    top: 70px;
    right: 18px;
    font-size: 12px;
    color: #D61518;
}
  #card_info #card_4_2 .culumn_wrap .asta {
    position: absolute;
    top: 65px;
    right: 11px;
    font-size: 12px;
    color: #D61518;
}

#card_page_3 .card_box .ttl_box h3 {
    margin-top: 6px;
}
#card_page_3 .card_box .ttl_box .box_1 img{
      width: 72px;
    height: 48px;
}

  #card_page_1 .more_btn {
    width: 80%;
    font-size: 11px;
}
#card_page_2 .more_btn {
    width: 90%;
text-align: left;
    font-size: 11px;
}

  #card_page_1 #card_1_5 .table_2 .culumn_wrap .p_2 {
    top: 16px;
    font-size: 11px;
}

#card_page_1 .card_box .box_1{
      width: 72px;
}

#card_page_1 #card_1_1 .ttl_box .box_1 {
    width: 45px;
    top: 7px;
}

#card_page_1 .card_box .box_1 {
    position: relative;
    top: 16px;
  }

  #card_page_1 .card_list.card_list_1 p{
        width: 46%;
        top: -5px;
        left: 20px;
  }
#card_info .card_list p {
    line-height: 1.3;
    font-weight: bold;
    /* margin-top: 7px; */
    margin-left: 17px;

}

#card_page_2 .card_list p{
          width: 46%;
}

#card_page_2 .card_list p {
    line-height: 1.3;
    font-weight: bold;
    margin-top: 9px;
    margin-left: 18px;
}

#card_page_2 .sec_1 .card_list_wrap img {
    margin-bottom: 10px;
}

#card_info .culumn_wrap .p_1 {
    padding: 0 4px 12px;
}

#card_info .card_box .column_1 .p_1 {
    padding: 10px 4px 22px;
    height: 51px;
}

#card_page_1 .card_list.card_list_2 p{
  width: 46%;
  position: relative;
    top: 7px;
}

#card_info .card_box .column_2 .p_1 {
    height: 51px;
    padding: 10px 4px 22px;
}

#card_page_1 .card_box .table_1 .column_2 .p_1,
#card_page_4 .card_box .table_1 .column_2 .p_1 {
    height: 51px;
    padding: 3px 4px 22px;
}

.ttl_box.arrow:after {
    width: 19px;
    height: 19px;
    right: 8px;

}

}


/*toilet*/




@media screen and (min-width: 768px) {
  #floor_toilet .pagetitle {
    padding-top: 60px;
    padding-bottom: 60px;
}
  #floor_toilet #tab2_area .tab1_2 p{
        line-height: 1.2;
    position: relative;
    top: -4px;
  }

#floor_toilet .under_area {
    padding-bottom: 40px;
    width: 767px;
    margin: auto;
    border-bottom: 1px dotted #989898;
}
#floor_toilet .under_area td{
    padding:0 0 10px 6px;
}

#floor_toilet .under_area .table_1{
    margin:40px 0 32px;
}

#floor_toilet .under_area .table_2 {
    margin-bottom: 7px;
}

#floor_toilet .under_area td img {
      width: 32px;
    margin-right: 10px;

}
#floor_toilet .tab_area .tab_content {
    background: #fff;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center;
    margin-top: 80px;
}

#floor_toilet .tab_area .tab_content .tab1_1,
#floor_toilet .tab_area .tab_content .tab1_2{
  /*padding: 0 10px;*/
}

#floor_toilet .tab_area .tab_content .tab1_1 ul.ul_1,
#floor_toilet .tab_area .tab_content .tab1_2 ul.ul_1{
  padding: 0 0 20px;
}

#floor_toilet .tab_area .tab_content .tab1_1 ul,
#floor_toilet .tab_area .tab_content .tab2_1 ul{
    /*height: 715px;*/
}


#floor_toilet .under_area .td_1{
    padding-right: 34px;
}


#floor_toilet .border{
    /*width: 767px; */
    border-top: 3px solid #D61518;
    /* position: absolute; */
    /* bottom: 570px; */
    /* right: 0; */
    /* left: 0; */
    /* margin: auto; */
    padding: 5px 0;
}

#tab1_area .border.border_1 {
    position: relative;
    top: 5px;
    width: 205%;
}
#tab2_area .border.border_1 {
    position: relative;
    top: 5px;
    width: 205%;
    /*margin-left: 10px;*/
}
#floor_toilet .border.border_2 {
    /*margin-right: 10px;    */
}

#floor_toilet .back_floor{
    background-color: #000;
    color: #fff;
    padding: 15px 0 15px;
    width: 400px;
    /* height: 60px; */
    margin:60px auto 0;
    display: block;
    text-align: center;

}

#floor_toilet .tab_area .tab_content .tab1_1 p,
#floor_toilet .tab_area .tab_content .tab1_2 p{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
  }

#floor_toilet .tab_area .tab_content li{
    margin-bottom: 10px;
    position: relative;
}


#floor_toilet .toile_icon_1:after {
    width: 88px;
    height: 34px;
    background: url(/base/nihombashi/img/toilet/floor_toilet_icon_1.png) no-repeat;
    bottom: -21px;
    right: -3px;
    z-index: 22;
}
#floor_toilet .toile_icon_2:after {
    width: 88px;
    height: 34px;
    background: url(/base/nihombashi/img/toilet/floor_toilet_icon_2.png) no-repeat;
    bottom: -21px;
    right: -3px;
    z-index: 22;
}
#floor_toilet .toile_icon_3:after {
    width: 88px;
    height: 34px;
    background: url(/base/nihombashi/img/toilet/floor_toilet_icon_3.png) no-repeat;
    bottom: -21px;
    right: -3px;
    z-index: 22;
}
#floor_toilet .ul_1_1,
#floor_toilet .ul_1_2 {
    padding: 0 10px;
  }

#floor_toilet .toilet_banner{
  background-color: #D61518;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  width: 100%;
  padding: 18px 0;
  text-align: center;
}

#tab2_area #floor_toilet .tab_area .tab_content .tab1_2{
  position: relative;
}
#floor_toilet #tab2_area .tab1_2 .ul_1_2 {
    position: relative;
    top: 322px;
}

#floor_toilet #tab2_area .tab_area .tab_content {
    display: flex;
    }

#tab1_area .toilet_arrow_1_1,
#tab2_area .toilet_arrow_1_2
 {
    position: absolute;
    top: 510px;
    left: 0;
}

#tab1_area .toilet_arrow_2_1,
#tab2_area .toilet_arrow_2_2{
    position: absolute;
    top: 510px;
    right: 0;
}


#tab1_area .tab1_2 .ul_1_2{
      margin-top: 31px;
}

#floor_toilet .toilet_arrow{
  cursor: pointer;
}

#floor_toilet  #tab2_area .tab1_2 {
    position: relative;
    /*top: 273px;*/
}



#floor_toilet .table_img_1.pc img,
#floor_toilet .table_img_2.pc img {
    width: 780px;
    margin: auto;
}

#tab2_area .ttl_wrap p:first-child {
    position: relative;
    left: 121px;
}


#floor_toilet .ttl_wrap {
    display: flex;
    justify-content: space-around;
}
#floor_toilet .ttl_wrap p{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
}

}




@media screen and (max-width: 767px) {
  #floor_toilet #tab2_area .tab1_2 p {
    font-size: 15px;
    line-height: 1.2;
    position: relative;
    top: 0;
}
#floor_toilet .tab_area .tab_content .tab1_1 ul li:last-child {
      padding-bottom: 6px;
}


#floor_toilet #tab2_area .tab1_2 .ul_1_2 {
    position: relative;
    top: 233px;
}


#floor_toilet #tab2_area .tab1_2 {
/*    position: relative;
    top: 240px;*/
}

#floor_toilet .toilet_banner{
  background-color: #D61518;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  width: 100%;
  padding: 14px 0;
  text-align: center;
}
  #floor_toilet .border {
    border-top: 2px solid #D61518;
}

#floor_toilet #tab1_area .tab1_2 .ul_1_2{
    position: relative;
    top: 13px;

 }

  #floor_toilet .border.border_2{
margin-right: 5px
}

  #floor_toilet .border.border_1 {
    width: 207%;
    position: relative;
    top: -3px;
}

  #floor_toilet .ul_1_1,
  #floor_toilet .ul_1_2 {
    /*padding-bottom: 10px;*/
}
#floor_toilet .tab_area .tab_content .tab1_1 ul,
#floor_toilet .tab_area .tab_content .tab1_2 ul{
    width: 153px;
       padding: 0 5px;
}


#floor_toilet .tab_area .tab_content {
    background: #fff;
    /*display: flex;
    justify-content: center;*/
    margin: auto;
    text-align: center;
    margin-top: 30px;
}

#floor_toilet .tab_area .tab_content .tab1_1 p, #floor_toilet .tab_area .tab_content .tab1_2 p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}


#floor_toilet .tab_area .toile_icon_1:after {
    width: 55px;
    height: 30px;
    background: url(/base/nihombashi/img/toilet/floor_toilet_icon_1_sp.png) no-repeat;
    bottom: -21px;
    right: -3px;
    z-index: 22;
    background-size: 100%;
}
#floor_toilet .tab_area .toile_icon_2:after {
    width: 55px;
    height: 30px;
    background: url(/base/nihombashi/img/toilet/floor_toilet_icon_2_sp.png) no-repeat;
    bottom: -17px;
    right: -3px;
    z-index: 22;
    background-size: 100%;
}
#floor_toilet .tab_area .toile_icon_3:after {
    width: 55px;
    height: 30px;
    background: url(/base/nihombashi/img/toilet/floor_toilet_icon_3_sp.png) no-repeat;
    bottom: -21px;
    right: -3px;
    z-index: 22;
    background-size: 100%;
}
#floor_toilet .under_area {
    padding-bottom: 40px;
    /*width: 767px;*/
    margin: auto;
    border-bottom: 1px dotted #989898;
}
#floor_toilet .under_area td{
    padding:0 0 7px 6px;
    font-size: 12px;
}

#floor_toilet .under_area .table_1{
    margin:24px 0 6px;
}

#floor_toilet .under_area .table_2 {
    /*margin-bottom: 7px;*/
      border-top: 1px dotted #989898;
}

#floor_toilet .under_area td img {
      width: 20px;
    margin-right: 6px;
}

#floor_toilet .under_area .table_2 td:nth-child(1){
  padding-top: 25px;
}



#floor_toilet .under_area .table_2 td,
#floor_toilet .under_area .table_3 td{
  display: block;

}


#floor_toilet .under_area .table_1 td:nth-child(1),
#floor_toilet .under_area .table_1 td:nth-child(2){
  display: inline-block;
}

#floor_toilet .under_area .table_1 td:nth-child(3),
#floor_toilet .under_area .table_1 td:nth-child(4){
    display: block;
}

#floor_toilet .back_floor{
    background-color: #000;
    color: #fff;
    padding: 10px 0 10px;
    width: 80%;
    /* height: 60px; */
    margin: 24px auto 50px;
    display: block;
    text-align: center;
    position: relative;

}

#floor_toilet .back_floor:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.5s;
    transform: rotate(45deg);
}

#floor_toilet .tab_area .tab_content li {
    margin-bottom: 5px;
}


#floor_toilet .ttl_wrap {
    display: flex;
    justify-content: space-around;
}
#floor_toilet .ttl_wrap p{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}
#floor_toilet .ttl_wrap p{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

#tab2_area .ttl_wrap p:nth-child(1){
    position: relative;
    top: 5px;
    left: 9px;

}

#tab2_area .ttl_wrap p:nth-child(2){
    font-size: 15px;
    line-height: 1.3;
    position: relative;
    left: 22px;
}

}

}



/*iphone5*/
@media screen and (max-width: 320px) {
#floor_toilet .tab_area .tab_content .tab1_1 ul, #floor_toilet .tab_area .tab_content .tab1_2 ul {
    width: 150px;
    margin: 0px 3px;
}

/*#floor_toilet .border.border_1 {
    margin-left: 9px;
}
*/
#floor_toilet .border {
    /*margin: 11px 0 10px;*/
}

#floor_toilet .border.border_1 {
    position: relative;
    top: -4px;
}

#floor_toilet #tab1_area .tab1_2 .ul_1_2 {
    position: relative;
    top: 15px;
}




}


/*toilet共通css*/

#floor_toilet  #tab2_area{
  display: none;
}

#floor_toilet .tab_area_wrap{
/*  display: flex;
    justify-content: center;
    margin: auto; */
}

#floor_toilet .tab_area .hide{
  display: none;
}
#floor_toilet .toile_icon{
  position: relative;
}

#floor_toilet .toile_icon:after{
    content: "";
    position: absolute;
}


.nolink,.no_link{
    opacity:0.3;
}



/*マップエリア*/

.map_area_f_all{
    position: relative;
}

.map_area_f_all .maps,.map_area_f_all .maps p{
    position: absolute;
}

.realtime_pin div{
    position:absolute;
}

@media screen and (max-width: 767px) {
    .map_area_f_all {
        position: relative;

         margin: 0 12px;
    }
 .map_area_f_all p{
        max-height: 100%;
    }
    .map_area_f_all .maps, .map_area_f_all .maps p {
        position: absolute;
        width: 100%;
    }
    .map_area_f_all .maps p img,
    .map_area_f_all .maps p a{
        display: block;
    }
    .map_area_f_all .map_1 p {
        /* top: 100%; */
          width: 19%;

     bottom:0px;
        left: 0;
        margin-bottom: 32%;
        margin-left: 4.4%;
        z-index: 333;
    }
    .map_area_f_all .map_2 p {
      width: 43.1%;
        bottom: 0;
        left: 0;
        margin-bottom: 27.3%;
        margin-left: 4%;

    }
    .map_area_f_all .map_3 p {
         width: 53.5%;
        right: 0;
        margin-right: 40%;
        bottom: 0;
        margin-bottom: 7%;

    }
    .map_area_f_all .map_4 p {
        width: 45.2%;
        bottom: 0;
        right: 3%;
        margin-bottom: 41%;
        z-index: 33;
    }

     .realtime_pin div{width:5%;height:5%;}
     .realtime_pin img{width:100%;height:100%;}
    .realtime_pin .real_1{
        right: 32%;
        top: 12%;
    }

    .realtime_pin .real_2{
        right: 25%;
        top: 33%;
    }

    .realtime_pin .real_3{
        right: 31%;
        top: 44%;
    }

    .realtime_pin .real_4{
        right: 17%;
        top: 33%;
    }

    .realtime_pin .real_5{
        right: 17%;
        top: 64%;
    }


    .realtime_pin .real_7{
        right: 26%;
        top: 43.5%;
    }
    .cycle_1{
      display: none;
    }
    .cycle_2{
      display: none;
    }

}


@media screen and (min-width: 768px) {

    .map_area_f_all .maps,.map_area_f_all .maps p{
      right: 0;

    }
    .map_area_f_all {

        width: 980px;
        margin: 0 auto;
    }
    .map_area_f_all .maps{
        top: 0;
    }


    .map_area_f_all .map_1 p.bd{
        right: 250px;
        top: 39px;
    }
    .map_area_f_all .map_1 p.imgs{
        right: 191px;
        top: 32px;
    }

    .map_area_f_all .map_2 p.bd{
        top: 150px;
        right: 251px;
    }

    .map_area_f_all .map_2 p.imgs{
        top: 123px;
        right: 8px;
    }

    .map_area_f_all .map_3 p.bd{
        right: 251px;
        top: 284px;
    }
    .map_area_f_all .map_3 p.imgs{
        top: 277px;
        right: 78px;
    }
    .map_area_f_all .map_4 p.bd{
        right: 250px;
        top: 418px;
    }
    .map_area_f_all .map_4 p.imgs{
        right: 52px;
        top: 398px;
    }
    .realtime_pin img{width:22px;height:22px;}
    .realtime_pin .real_1{
        right: 197px;
        top: 126px;
    }

    .realtime_pin .real_2{
        right: 169px;
        top: 223px;
    }


    .realtime_pin .real_4{
        right: 117px;
        top: 225px;
    }

    .realtime_pin .real_5{
        right: 116px;
        top: 419px;
    }



    .realtime_pin .real_7{
                right: 180px;
    top: 291px;
    }

    .cycle_1{
      display: block;
        top: 185px;
        right: 130px;
        border-radius:15px;
        background-color:#000;
        color:#FFF;
        width:30px;
        line-height:30px;
        font-weight:bold;
        text-align:center;

    }
    .cycle_2{
      display: block;
        top: 100px;
        right: 180px;
        border-radius:15px;
        background-color:#000;
        color:#FFF;
        width:30px;
        line-height:30px;
        font-weight:bold;
        text-align:center;
    }

}



/*追加修正20180919
===================================*/
@media screen and (min-width: 768px) {
#top #header .header_1 {
    position: static;
}

}

/* 181127 */
.businesshours_content {
	width: 100%;
	max-width: 800px;
	margin: auto;
	overflow: hidden;
}
.businesshours_content h2 {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding: 12px 20px;
	margin: 50px 0 25px 0;
}
.businesshours_content b {
font-weight: bold;
}
.businesshours_content .notes {
	margin-bottom: 1.8em;
	color: #aa1f24;
}

@media screen and (max-width:767px) {
	.businesshours_content {
		width: 100%;
		padding: 0;
		margin: auto;
		overflow: hidden;
	}
	.businesshours_content h2 {
		font-size: 14px;
		padding: 12px 20px;
		margin: 40px 0 10px;
	}
}

.m-btn {
margin-bottom: 60px;
}
.m-btn a{
	display: block;
	width: 500px;
	height: 60px;
	line-height: 60px;
	background: url(/base/departmentstore/common/img/arrow_r2.svg) no-repeat right 8px center #AA1F24;
	background-size: 22px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.m-btn a{
	margin: 0 auto;
}
.m-btn.m-btn-small a{
	min-width: 300px;
}
@media screen and (max-width:767px) {

	.m-btn {
		margin: 30px 0;
		box-sizing: border-box;
	}
	.m-btn a{
		width: 100%;
    height: auto;
    line-height: 160%;
    padding: 16px 40px 16px 20px;
	}
	.m-btn.m-btn-small a{
		width: 100%;
	}
}
/*2019-10-30追記*/
.map-note {
  padding: 20px 0;
  margin: 0 auto;
  font-size: 12px;
  font-size: 0.75rem;
  border-top: solid 1px #e6e6e6;
}
.map-note p {
text-align: center;
}
.map-note p a {
  text-decoration: underline;
}
.print-btn i img {
  height: 35px;
  padding: 5px 0 0 5px;
}

@media screen and (max-width: 767px) {
  .map-note {
    display: none;
  }
}
@media print {
  #main {
    margin-top: 0!important;
  }
#header .header_1,
#header,
.header_1_right,
#header .header_1_right,
.logo + .pc,
.header_2_pc,
.wrapper2,
.header_3_pc,
.header_2_sp,
.header_3_sp,
#floor_one .guide,
#footer .pagetop,
.map-note,
.footer_contact {
display: none!important;
}
#header .header_1 {
height: auto;
position: static;
}
.pagetitle {
padding: 0 0 12px 0;
}
.page_floor .pagetitle h2 {
}
.page_floor .pagetitle h2 img {
        max-width: 240px;
}
    #floor_one .point_area{
        width:980px;
        margin:0 auto;
    }
    #floor_one .slider_point_cont{
    overflow-x:hidden;
    width:890px;
    }

    .point_area{
         width:100%;
    overflow-x:hidden;
    }
   .slider_floor_wrap{
    width:100%;
    overflow-x:hidden;
   }

    .f_caution_inner{
         width:980px;
         margin:0 auto;
    }
    #floor_one ul.slider_floor {
        width: 980px !important;
    }


    #floor_one ul.slider_floor li
    {
        padding:0px;
    }
     #floor_one ul.slider_floor li a{
        padding: 25px 15px;
        display:block;
     }
      #floor_one ul.tab_btn li{
        padding:0;
     }
      #floor_one ul.tab_btn li a{
         height:70px;
        line-height:70px;
        display:block;
     }

     #floor_one ul.tab_btn li.watch_tab a{
        line-height: 25px;
        padding: 10px 0;
     }
     #floor_one ul.slider_floor li:hover a, #floor_one ul.slider_floor li.select a {
        color: #fff;
        cursor:pointer;
    }
    #footer .logo img {
        max-width: 300px;
    }
}