@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
#chizukoubou *{
    font-family: 'Kiwi Maru', serif;
    color:#362525;
}
#chizukoubou * a{
    transition:opacity .3s;
}
#chizukoubou * a:hover,#chizukoubou * a:hover *{
    opacity:.7;
    transition:opacity .3s;
}
#chizukoubou * a:disabled:hover,#chizukoubou * a[disabled=disabled]:hover,#chizukoubou * a[disabled]:hover,#chizukoubou * a:disabled:hover *,#chizukoubou * a[disabled=disabled]:hover *,#chizukoubou * a[disabled]:hover *{
    opacity:1;
    cursor:not-allowed;
}
.header_contents_inner{
    display:flex;
    justify-content: space-between;
    align-items:center;
    width:100%;
    max-width:1080px;
    margin:0 auto;
    background: #fff;
}
.header_contents_inner > .h_logo{
    width: 100%;
    max-width: 200px;
    box-sizing: border-box;
    padding: 10px 10px 15px;
}
.header_contents_inner > .h_logo a{
    display:block;
    width:100%;
}
.header_contents_inner > .sns_link_wrap{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.header_contents_inner > .sns_link_wrap >div >div >div >div{
    display: flex;
    width: 100%;
}


.elem-catch p {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

#news_area{
    width:100%;
    display:flex;
    max-width:1080px;
    flex-wrap:wrap;
    box-sizing:border-box;
    position:relative;
    border:1px solid #999;
    padding:1rem 2.5rem;
    margin:1rem auto 3rem;
}
#menulist{
    width:100%;
    background:#ebe2d3/*rgba(189,159,110,.7)*/;
    display:block;
    box-sizing:border-box;
    position:relative;
}
#menulist .global_menu{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    position: relative;
    padding: 1.5rem 0;
    margin: 0 auto;
    justify-content: center;
    align-items:flex-start;
}
.menufixed{
    position:fixed !important;
    top:0;left:0;
    z-index:99;
    width:100%;
}
.menufixed > .global_menu{
    margin:0 auto !important;
}
#menulist .global_menu li{
    display: block;
    text-align: center;
    padding: 2px 0;
    margin:0 1.25rem;
}
#menulist .global_menu li.curpage{
    color:#ad7936;
    padding-bottom:0.5rem;
    border-bottom:3px solid #ad7936;
    font-weight:bold;
}
#menulist .global_menu li a{
    font-size: 1.05rem;
    font-weight: bold;
    color: #013c66;
    text-decoration:none !important;
    transition:opacity .3s ,color .3s;
}
#menulist .global_menu li a:hover{
    color:#fff;
    opacity:.7;
    transition:opacity .3s ,color .3s;
}
.mdl_tbl{
    width:100%;
    max-width:1080px;
    margin:2rem auto; 
    border-collapse:collapse;
    border:1px solid #999;
    border-radius:6px;
    background:#f8f8f8;
}
.mdl_tbl tr,.mdl_tbl th,.mdl_tbl td{
    border-collapse:collapse;
    border:1px solid #999;
}
.mdl_tbl th,.mdl_tbl td{
    padding:1rem 0;
    text-align:center;
    vertical-align: middle;
}
.mdl_tbl th{
    background:#013c68;
    color:#fff !important;
}
.mdl_tbl td.sub_title{
    background:#dde7f0;
}
.mdl_tbl th.ttl01{
    width:30%;
}
.mdl_tbl th.ttl02{
    width:12%;
}
.mdl_tbl th.ttl03{
    width:17%;
}
footer{
    background:#243f65;
    color:#fff;
}
.footer_inner{
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 10px;
}
.footer_list{
    display:flex;
    width:100%;
    justify-content: center;
    align-items:center;
    box-sizing:border-box;
    position:relative;
}
.footer_list li{
    width:28%;
    margin:4% 2%;
    color:#fff;
    box-sizing:border-box;
    position:relative;
}
.footer_list li a{
    color:#fff;
    display:block;
    box-sizing:border-box;
    position:relative;
}
footer .f_logo{
    width:90px;
    margin:0 auto;
}


/* ADD EX */
#mapdesignlabo{
    background:url('/product/category/img/mdl/body_bloc_base_bg.png') center center;
    box-sizing:border-box;
    position:relative;
    width:100%;
    display:block;
    margin:0;
    padding: 3rem 0 ;
}
#mapdesignlabo section {
    box-sizing: border-box;
    padding: 0;
    position:relative;
}
#mapdesignlabo .inner_wrap {
    width: 96%;
    max-width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1rem 0;
    display:block;
}
#mapdesignlabo .inner_wrap_bg {
    background: url('/product/category/img/mdl/section_bloc_aboutmdl_bg_img_pc2.png') bottom center no-repeat;
    height: calc(946px + 2rem);
    position: relative;
    background-size: initial;
    margin-bottom:80px;
    padding:0;
}

.social-network-container{
display:none !important;
}
.bgptrn_tp02{
    background:#fff;
}
.bgptrn_tp03{
    background: url('/product/category/img/mdl/section_bloc_total_bg_type02.png') center center no-repeat;
    background-size: cover;
}
.bgptrn_tp03 .inner_wrap .flex_bloc{
align-items:center;
}
.bgptrn_tp04{
    background:#dde7ee;
}
.txtali_c{text-align:center;}
.bg_start_bloc_tp01{
content:'';
width:100%;
display:block;
height:41px;
background:url('/product/category/img/mdl/section_bloc_start_bg_type01.png') center center;
background-size: initial;
}
.bg_end_bloc_tp01{
content:'';
width:100%;
display:block;
height:41px;
background:url('/product/category/img/mdl/section_bloc_end_bg_type01.png') center center;
background-size: initial;
}
.bg_start_bloc_tp02{
content:'';
width:100%;
display:block;
height:41px;
background:url('/product/category/img/mdl/section_bloc_start_bg_type02.png') center center;
background-size: initial;
}
.bg_end_bloc_tp02{
content:'';
width:100%;
display:block;
height:41px;
background:url('/product/category/img/mdl/section_bloc_end_bg_type02.png') center center;
background-size: initial;
}
.elem-btn .elem-btn__container{background:#fff;}

#chizukoubou .mdl_h2{
    width:96%;
    max-width:728px;
    text-align:center;
    font-size:2.15rem;
    display:block;
    color:#013c66;
    margin: 0 auto 1.5rem;
    box-sizing: border-box;
    padding: 1rem 0;
    background:url('/product/category/img/mdl/h2_border_designline01.png') bottom center no-repeat;
    background-size: contain;
}
#chizukoubou .mdl_h2-2{
    width:96%;
    max-width:728px;
    text-align:center;
    font-size:2.15rem;
    display:block;
    margin: 4rem auto 1.5rem;
}
#chizukoubou .mdl_page_anchor + .mdl_h2-2{
    margin:0 auto 1.5rem;
}

#chizukoubou .mdl_h3-1{
    display:block;
    text-align:center;
    font-size: 1.3rem;
}
#chizukoubou .mdl_h3-2{
    display:block;
    text-align:center;
    font-size: 1.3rem;
    color:#013c66;
}
#chizukoubou .mdl_h3-3{
    display:block;
    text-align:center;
    margin: 0 auto 3rem;
}
#chizukoubou .mdl_h3-4{
    display:block;
    text-align:left;
    font-size: 1.3rem;
    color:#362525;
    margin: 2rem auto 1rem;
}
#chizukoubou .mdl_page_anchor + .mdl_h3-4{
    margin:0 auto 1rem;
}
#chizukoubou .shop_mapframe + .mdl_h3-4{
    margin: 3rem auto 1rem;
}
#chizukoubou .mdl_h3-5 {
    margin: 3rem 0 1rem;
    font-size: 1.5rem;
}
#chizukoubou .mdl_h3-6 {
    margin: 2rem 0 1rem;
    font-size: 1.5rem;
    text-align: center;
}
#chizukoubou .mdl_h3-7 {
    padding-top:2rem;
    border-top:3px dotted #362525;
    box-sizing:border-box;
    margin: 0rem 0 1rem;
    font-size: 1.5rem;
    text-align: center;
}
.mdl_tbl_wrap{
    border-radius:12px;
    display:block;
    margin:0 auto;
    width:96%;
    max-width:1080px;
}
.mdl_page_anchor {
    padding: 2rem 0;
    display: block;
}
#chizukoubou .btdotted_line{
    border-top: 3px dotted #362525;
    margin: 2rem auto 0 !important;
    padding: 2rem 0;
}
#chizukoubou .mdl_page_anchor ul {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 2rem auto;
    display: flex;
    justify-content:center;
}
.mdl_page_anchor ul li {
    width: calc( (100% - 6px ) /4);
    text-align:center;
    border-right:2px solid #c79f6c;
    color:#362525;
    text-align:center;
}
.mdl_page_anchor ul li:first-child{
border-left:2px solid #c79f6c;
}
.mdl_page_anchor ul li i{
    display:none;
}
.mdl_page_anchor ul li span{
    width: 100%;
    max-width: calc(90% - 3.5rem);
    position: relative;
    display: flex;
    padding: 1rem 0;
    font-size: 1.1rem;
    height: 80px;
    align-items: center;
    color: #362525;
    font-weight: 500;
    justify-content: center;
    margin: 0 auto 0 10%;
}
.mdl_page_anchor ul li a{
    display:block;
    position:relative;
}
.mdl_page_anchor ul li a:after{
    content:'';
    position:absolute;
    display:block;
    top:50%;
    right:1rem;
    background:#c79f6c;
    border-radius:50%;
    transform:translate(0,-50%);
    width: 2rem;
    height: 2rem;
}
.mdl_page_anchor ul li a:before{
    content: '';
    position: absolute;
    display: block;
    top: 48%;
    right: 1.55rem;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(0,-50%) rotate(45deg);
    width: 0.8rem;
    height: 0.8rem;
    z-index: +1;
}

.mdl_page_anchor ul li:last-child {
    border-right:2px solid #c79f6c;
}
.mdl_news_list{
    display:flex;
    flex-wrap:wrap;
}
.mdl_news_list dt{
    width:15%;
    margin:0.5rem 0;
}
.mdl_news_list dd{
    width:85%;
    margin:0.5rem 0;
}
.txt_bloc_lesson{width:60%;}
.img_bloc_lesson{width:40%;}
#mapdesignlabo .flex_bloc{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    box-sizing:border-box;
}
#mapdesignlabo .f-jcc{
    justify-content:center;
}
#mapdesignlabo .f-jcs{
    justify-content:flex-start;
}
#mapdesignlabo .f-jce{
    justify-content:flex-end;
}
#mapdesignlabo .f-aic{
    align-items:center;
}
#mapdesignlabo .f-ais{
    align-items:flex-start;
}
#mapdesignlabo .f-aie{
    align-items:flex-end;
}
.about_abstxt01{
    position: absolute;
    left: 54.5%;
    top: calc(200px + 2rem);
    width: 430px;
}
.about_abstxt02{
    position: absolute;
    left: 6.4257%;
    top: calc(440px + 2rem);
    width: 430px;
}
.about_abstxt03{
    position: absolute;
    left: 54.5%;
    top: calc(740px + 2rem);
    width: 430px;
}
#mapdesignlabo .inner_bnr_wrap{
    width: 96%;
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 1rem auto 0;
    flex-wrap: wrap;
}
#mapdesignlabo .inner_bnr_wrap .inner_halfw_link{
    width:46%;
    display:block;
    text-align:center;
    margin:0 2%;
}

#chizukoubou .column3_mdl{
    width: 96%;
    display: flex;
    justify-content: space-between;
    max-width: 1080px;
    margin: 1.5rem auto 0;
    flex-wrap: wrap;
}
#chizukoubou .column3_mdl li{
    width:30.5%;
    box-sizing:border-box;
    position:relative;    
    font-size: 0.85rem;
    color: #013c66;
}

#chizukoubou #contact .column3_mdl {
    max-width: 780px;
}
#chizukoubou #contact .column3_mdl li:first-child {
    width: 50%;
}
#chizukoubou .column3_mdl li:last-child{
    width:25%;
    font-size:1.25rem;
    color: #fff;
}
#chizukoubou .shopttl {
    font-size: 1.3rem;
    color: #013c66;
}
#chizukoubou .shopdetail_list {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    align-items:flex-start;
    width: 100%;
}
#chizukoubou .shopdetail_list dt{
    box-sizing: border-box;
    position: relative;
    width:24%;
    color: #013c66;
}
#chizukoubou .shopdetail_list dd{
    box-sizing: border-box;
    position: relative;
    width:76%;
    margin:0;
    color: #013c66;
}
#chizukoubou .shopdetail_caution{color: #013c66;}
#chizukoubou .footerarea_contactbtn{
    width: 100%;
    display: block;
    background: #7c7464;
    border-radius: 32px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    padding: 0;
    margin:0 auto 2rem;
    transition:opacity .3s;
}
#chizukoubou .ex_css_linkbtn a{
    width: 100%;
    max-width:320px;
    display: block;
    background: #7c7464;
    border-radius: 32px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    padding: 0;
    margin:0;
    transition:opacity .3s;
}
#chizukoubou .footerarea_contactbtn > span ,.ex_css_linkbtn a > span{
    width: 100%;
    display: block;
    background: #c79f6c;
    border-radius: 32px;
    position:relative;
    box-sizing: border-box;
    transform: translate(-3px, -3px);
    transition: transform .3s;
    color: #fff !important;
    text-align: center;
    padding: 0.625rem;
}
/***
.footerarea_contactbtn > span:before,.ex_css_linkbtn a > span:before {
    content:'';
    display:block;
    width:0.7rem;
    height:2px;
    background:#fff;
    position:absolute;
    top:50%;
    right:5%;
    transform:translate(0,-50%);
}
.footerarea_contactbtn > span:after,.ex_css_linkbtn a > span:after  {
    content:'';
    display:block;
    width:0.7rem;
    height:0.7rem;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    top:50%;
    right:5%;
    transform:translate(0,-50%) rotate(45deg);
}
*****/
.svgicon_arrow{
    display:block;
    position:absolute;
    top:50%;
    right:3%;
    transform:translate(0,-50%);
    fill:#fff;
    width:1.25rem;
    height:auto;
}
.svgicon_arrow2{
    display:block;
    position:absolute;
    top:45%;
    right:10%;
    transform:translate(0,-50%);
    fill:#fff;
    width:1.25rem;
    height:auto;    
}
.svgicon_arrow3{
    display:block;
    position:absolute;
    top:50%;
    right:3%;
    transform:translate(0,-50%) rotate(90deg);
    fill:#fff;
    width:1.25rem;
    height:auto;
}
.svgicon_arrow svg{
    fill:#fff;
    width:100%;
    height:auto;
}

#chizukoubou .footerarea_contactbtn:hover,#chizukoubou .footerarea_contactbtn:hover *,#chizukoubou .ex_css_linkbtn a:hover,#chizukoubou .ex_css_linkbtn a:hover *{
    opacity:.8;
    transition:opacity .3s;
}
#chizukoubou .footerarea_contactbtn:hover > span ,#chizukoubou .ex_css_linkbtn a:hover > span{
    transform: translate(0, 0);
    transition: transform .6s;
}
#chizukoubou .btn-w_limit{width:100%;max-width:320px;margin:1rem 0;}
/** TEXT **/
#chizukoubou p.txt {
    color: #013c66;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2.5rem;
}

/** Extra Section Setting **/

#mapdesignlabo section#intro{
    width:100%;
    box-sizing:border-box;
    position:relative;
    padding:0 0 5rem;
}
#mapdesignlabo section#news{
    padding:1.5rem 0;
}
#mapdesignlabo section#about{
    padding:5rem 0;
}
#mapdesignlabo section#example{
    padding:3.5rem 0;
}
.textali_c{text-align:center;}
ul.example_list {
    display: flex;
    margin: 2rem auto 0;
    width: 100%;
    justify-content: space-between;
}
#mapdesignlabo section#announce{
    padding:5rem 0 2rem;
}
#chizukoubou a.link_btn_caution {
    border: 1px solid #d40303;
    color: #d40303 !important;
    padding: 1rem 0;
    width: 96%;
    display: block;
    text-align: center;
    max-width: 960px;
    margin: 2.5rem auto 0;
    font-size: 1.2rem;
    font-weight: 500;
    box-sizing:border-box;
    position: relative;
    border-radius:6px;
    transition:opacity .3s;
}
a.link_btn_caution:hover,a.link_btn_caution:hover * {
    opacity :.7;
    transition:opacity .3s;
}
a.link_btn_caution > span.iconcircle{
    content:'';
    display:block;
    width:1.8rem;
    height:1.8rem;
    background:#d40303;
    position:absolute;
    top:50%;
    right: 2.5%;
    transform:translate(0,-50%);
    border-radius:100%;
}

section#contact{
    padding:2.5rem 0;
}
/*** SNS ***/
.sns__item{
    width:95px;
    display:block;
    text-align:center;
}
/** API Design Setting**/
.shop_mapframe{
    display:block;
    width:90%;
    margin:1rem auto;
    max-width:900px;
}
.mdlslider_4colum{
    margin: 2rem 0;
}
#chizukoubou .flex_50w{width:50%;}
/** Smart Device Setting **/
@media screen and (max-width:1080px){
    #mapdesignlabo .inner_wrap_bg {
        background: none;
        height: auto;
        margin:0 auto;
    }
    #mapdesignlabo .inner_wrap_bg .pc-hide{
        display:block;
        visibility:visible;
    }
    #mapdesignlabo .about_abstxt01,#mapdesignlabo .about_abstxt02,#mapdesignlabo .about_abstxt03{
        position:static;
        width:100%;
        display:block;
        box-sizing: border-box;
    }
    #mapdesignlabo .about_abstxt01 .bloc_txt,#mapdesignlabo .about_abstxt02 .bloc_txt,#mapdesignlabo .about_abstxt03 .bloc_txt{
        padding:1.5rem 0;
        font-size:1.1rem;
    }
    #chizukoubou .shopdetail_list dt{
        width:35%;
    }
    #chizukoubou .shopdetail_list dd{
        width:65%;
    }
}


@media screen and (max-width:800px){
    .mdl_page_anchor ul li span{font-size:0.8rem;}
}

@media screen and (max-width:767px){
    .header_contents_inner{
        width:100vw;
    }
    .header_contents_inner > .h_logo{
        max-width:150px;
    }
    #menulist .global_menu{
        flex-wrap:wrap;
        padding:0 0 1rem;
        justify-content: space-between;
        width: 96%;
    }
    #menulist .global_menu li{
        width:30%;
        margin:1rem 0 0;
    }
    .mdl_h3-1,.mdl_h3-2,.mdl_h3-3{display:block;width:96%;margin:0 auto;}
    #mapdesignlabo .inner_bnr_wrap .inner_halfw_link{
        width:100%;
        margin:0;
    }
    #mapdesignlabo .inner_bnr_wrap .inner_halfw_link:last-child{
        margin:1.5rem auto 0;
    }
    #chizukoubou .column3_mdl li {
        width: 100%;
        font-size: 1.1rem;
        margin: 0 auto 2rem;
    }
    #chizukoubou #contact .column3_mdl li:first-child {
        width: 100%;
        font-size: 1.1rem;
        margin: 0 auto 2rem;
    }
    #chizukoubou .column3_mdl li:last-child {
        width:100%;
        font-size: 1.1rem;
        margin:0 auto;
    }
    p.txt {
        font-size: 0.9rem;
        text-align:left;
    }
    #mapdesignlabo section#intro{
        padding:0 0 3rem;
    }
    #mapdesignlabo section#news{
        padding:1.5rem 0;
    }
    #mapdesignlabo section#about{
        padding:3rem 0;
    }
    #mapdesignlabo section#example{
        padding:2.5rem 0;
    }
    #chizukoubou .mdl_page_anchor ul{
        width:100%;
        border:transparent !important;
        flex-wrap:wrap;
        display:block;
    }
    #chizukoubou .mdl_page_anchor ul li,#chizukoubou .mdl_page_anchor ul li:last-child {
        width:96%;
        border-bottom:transparent/*2px solid #c79f6c*/;
        border-left:transparent;
        border-right:transparent;
        box-sizing: border-box;
        margin: 2% 2% 0;
        padding: 0;
    }
    .elem-txt-list--horizontal .elem-txt-list__item>a, .elem-txt-list--vertical .elem-txt-list__item>a{
        padding:0 3em 0 1em;
    }
    #chizukoubou .mdl_page_anchor{padding:0;}
    #chizukoubou .mdl_page_anchor ul li span {
        width: 90%;
        max-width: 280px;
        padding: 1rem 0;
        font-size: 1.1rem;
        height: auto;
        align-items: center;
        margin: 0 auto 0 10%;
        justify-content: flex-start;
    }
    #chizukoubou .mdl_page_anchor ul li a{
        border:transparent !important;
    }
    .bgptrn_tp03 .inner_wrap .flex_bloc{
        flex-direction: column-reverse;
    }
    .sp_center{margin:1rem auto !important;}
    .txt_bloc_lesson,.img_bloc_lesson{width:100%;}
}

@media screen and (max-width:700px){
    #menulist{display:none;}
    .header_contents_inner > .h_logo{
        max-width:130px;
    }
    .mdlslider_4colum img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .sns_link_wrap{
        display:none !important;
        visibility: hidden;
    }
    #sp_menu{display:block;}
    #sp_menu > a.menu_icon{
        width: 2.5rem;
        height: 2rem;
        content: '';
        display: block;
        border: 1px solid #013c66;
        border-left: transparent;
        border-right: transparent;
        margin: 0 1rem 0;
        box-sizing: border-box;
        position: relative;
    }
    #sp_menu > a.menu_icon:before {
        width: 2.5rem;
        height: 1px;
        content: '';
        display: block;
        border: 1px solid #013c66;
        border-left: transparent;
        border-right: transparent;
        border-bottom: transparent;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 0;
    }
    #sp_menu_list_wrap > a.menu_icon_close {
        width: 3rem;
        height: 3rem;
        content: '';
        display: block;
        position: absolute;
        right: 1rem;
        top: 1rem;
    }
    #sp_menu_list_wrap > a.menu_icon_close:before, #sp_menu_list_wrap > a.menu_icon_close:after {
        content: '';
        display: block;
        width: 3rem;
        height: 2px;
        background: #263e8b;
        position: absolute;
        top: 50%;
        left: 0;
    }
    
    #sp_menu_list_wrap > a.menu_icon_close:after {
        transform: translate(0,-50%) rotate(-45deg);
    }
    #sp_menu_list_wrap > a.menu_icon_close:before {
        transform: translate(0,-50%) rotate(45deg);
    }

    #sp_menu_list_wrap{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        z-index: 100;
        box-sizing: border-box;
        padding: 4rem 1rem 1rem;
    }
    #sp_menu_list li {
        font-size: 1.5rem;
        margin: 1.5rem;
        font-weight: bold;
    }
    #sp_menu_list li.curpage {
        color: #ad7936;
        padding-bottom: 0.5rem;
        border-bottom: 3px solid #ad7936;
    }
    #sp_menu_list + div >div >div >div{
        display:flex;
        width:100%;
        justify-content: center;
    }
    ul#sp_menu_list {
        overflow-y: scroll;
        height: 90%;
    }
    ul#sp_menu_list li a{color:#013c66;}
    #chizukoubou .btn-w_limit{margin:1rem auto !important;width:80% !important;}
    #chizukoubou .flex_50w{width:96%;margin:4% 2%;}
    #chizukoubou .shopdetail_list dt {
        width: 20%;
    }
    #chizukoubou .shopdetail_list dd {
        width: 80%;
    }
    .mdl_page_anchor ul li a:after{
        right:94%;
    }
    .mdl_page_anchor ul li a:before{
        right:96%;
    }
}


#chizukoubou .elem-pic-block__holder{
    background:none !important;
}
.ex_css_linkbtn a i,.ex_css_linkbtn a i *{
    display:none !important;
}
.bgcl2{background:#442f2f !important;}
.widemargin{padding-top:4rem;}
#pageFooter *{color:#fff !important;}


/**fixed pagetopbtn**/
span.abs_pagetop {
    position: fixed;
    bottom: 5%;
    right: 2%;
    content: '';
    display: block;
    z-index: 5;
    animation-name:FI;
    animation-duration:.3s;
    animation-timing-function:ease-out;
}
.abs_pagetop > a {
    content: '';
    display: block;
    background: #5b718e;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition:opacity .3s;
}
.abs_pagetop > a:hover {
    opacity:.7;
    transition:opacity .3s;
}
.abs_pagetop > a:before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: block;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}
.line, .line *, .facebook, .facebook *, .twitter, .twitter * {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
@keyframes FI{
    0%{opacity:0;}
    100%{opacity:1;}
}

/** IE **/
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, 
    .svgicon_arrow{top:60%;}
    .svgicon_arrow2{top:65%;}
    .svgicon_arrow3{top:55%;}
}