/* BASIC css start */
#footer,
#footer a{color:#fff; text-decoration: none;}
#footer {background:#2f386e; 1);}
/* #footer {background: rgba(var(--main-bg-color), 1);} */


#footer .footArea_customer .sns-lnk{margin-top:19px;}

.xans-layout-referencecurrencylist.list{ height: 30px; border-radius: 3px; border: solid 1px #d6dae1;  display: inline-block;  max-width: 150px; margin: 0 0 10px 0;}
.xans-layout-referencecurrencylist.list.show { border: 2px solid #101010;  position:relative;}
.xans-layout-referencecurrencylist.list .toggle { width:100%; height:100%; padding: 0 0 0 3px; font-size:12px; background:#fff; }
.xans-layout-referencecurrencylist.list .toggle:after{ display:none; position:absolute; content:''; width:calc(100% - 2px); height:calc(100% - 2px); top: -1px; left:-1px; right:0; bottom:0;}
.xans-layout-referencecurrencylist.list.show .toggle:after{ display:block; border:2px solid #333;}
.xans-layout-referencecurrencylist.list .toggle .currencyNow { padding:0 22px 0 5px; background: no-repeat right -2px top 4px url("/design/yr30303/img/ico_multishop1.png"); }
.xans-layout-referencecurrencylist.list .toggle .btn-global {padding:3px 0 0 24px; background:url("/design/yr30303/img/ico_global.png") no-repeat; }

.xans-layout-referencecurrencylist.list > ul { display:none; position:absolute; right:-1px; top:31px; overflow-x:hidden; width:100%; height:130px; border:1px solid #767676; background:#fff; }
.xans-layout-referencecurrencylist.list > ul li { position:relative; height:26px; width:100%; background: none; line-height:28px; }
.xans-layout-referencecurrencylist.list > ul li a { display:block; overflow:hidden; padding:0 62px 0 0; color:#353535; white-space:nowrap; text-decoration:none; text-overflow:ellipsis;  }
.xans-layout-referencecurrencylist.list > ul li.selected { background:#f9f9ff; }
.xans-layout-referencecurrencylist.list > ul li a .name strong { font-weight:normal; }
.xans-layout-referencecurrencylist.list > ul li a .unit {margin-left:2px; font-size:11px; color:#757575; }
.xans-layout-referencecurrencylist.list.show > ul { display:block; }
.xans-layout-referencecurrencylist.list > ul li:hover { background: #f9f9ff; }








/********************* PC *********************/
@media all and (min-width:1025px) {
	#footer .xans-layout-footer{padding:35px 0 35px;display: flex;flex-wrap: wrap;}

	#footer .footArea_address{width:40%;padding-right: 10px; box-sizing: border-box;}
	#footer .footArea_address .info_logo img{width:var(--logo-width);}
	#footer .util{margin: 30px 0 0; display: flex;}
	#footer .util li:after{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 15px;background: rgba(255, 255, 255, 0.5);margin: 0 10px 0 12px;}
	#footer .util li:last-child:after{content:none;}
	#footer .util li a{font-size:15px; }
	#footer .address{margin:20px 0 0;line-height: 1.5;word-break: keep-all;max-width:90%;font-size:14px;font-weight: 300;}
	#footer .address span.line{color:rgba(255, 255, 255, 0.2);margin: 0 10px;}
	#footer .copyright {font-size:13px;margin:15px 0 0;font-weight: 300;}

	#footer .footArea_customer{box-sizing: border-box; width: 22%;padding-right: 10px;}
	#footer .tel{font-size:23px;margin-bottom: 8px;font-weight:bold;}
	#footer .runtime{font-size: 14px;}
        

	#footer .footArea_community{box-sizing: border-box; width: 19%;}
	#footer .footArea_community .content{display:flex;}
	#footer .footArea_community .content ul{ line-height: 1.8; max-width: 50%;}
	#footer .footArea_community .content ul:first-child{padding-right:30px;}
	#footer .footArea_community a{font-size:14px;}
    
    
    
    #footer .footArea_cash{box-sizing: border-box; width: 19%;padding-right: 10px;}


	#footer .heading{margin: 0 0 10px; font-size: 16px;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	#footer,
	#footer a{color:#ddd; text-decoration: none;}

	#footer .xans-layout-footer{padding:1.5rem 1rem 1.9rem; display: grid;}

	#footer .footArea_customer{box-sizing: border-box; grid-row:1;}
	#footer .footArea_customer .heading{display:none;}
	#footer .tel{font-weight:bold; font-size:1.4rem;}
	#footer .tel > span{font-size: 1rem;}

	#footer .footArea_address{grid-row:2;}

	#footer .runtime{margin-top:.4rem;}

	#footer .util{padding: 1rem 0;display: flex;margin: 1.5rem 0 0;}
	#footer .util li:after{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 14px;background: rgba(255, 255, 255, 0.5);margin: 0 10px 0 12px;}
	#footer .util li:last-child:after{content:none;}
	#footer .util li a{font-size:0.9rem; }

	#footer .address{ line-height: 1.5;word-break: keep-all; font-size:.85rem}
	#footer .address .heading .title{display:flex;align-items: center;}
	#footer .address .heading .arrow{width: 1.3rem; height: 1.3rem; display:block; margin-left: .6rem;}
	#footer .address .heading .arrow:before{content:"";display: block;width: .6rem;height: .6rem;border-top: 1.5px solid #fff;border-left: 1.5px solid #fff;border-radius:1px;}
	#footer .address .heading .arrow:before{transform: rotate( 45deg);margin:0.5rem 0 0 0.3rem;}
	#footer .address.active .heading .arrow:before{transform: rotate( 225deg );margin:0.1rem 0 0 0.3rem;}
	#footer .address .content{display:none;}
	#footer .address.active .content{display:block;}
	#footer .address span{display:block;}
	#footer .address span.line{display:none;}
	#footer .address br{display: none;}

	#footer .copyright {padding:1rem 0 0;order: 3;font-size: 0.85rem;}

	#footer .heading{margin: 0 0 0.5rem; font-size: 1rem;}

	.xans-layout-referencecurrencylist.list{order:5;}
	.xans-layout-referencecurrencylist.list > ul{bottom:31px; top:auto;}
}


@media all and (max-width: 1024px) {
    .sns-lnk > a {
        margin:0 0.7rem 0 0;
    }

    .sns-lnk img {
        height: 1.6rem;
    }
}

@media all and (min-width: 1025px) {
    .sns-lnk {
        display:flex;
        flex-wrap: wrap;
    }

    .sns-lnk > a {
        margin: 0 0 10px 10px;
    }

    .sns-lnk > a:first-child {
        margin-left: 0;
    }

    .sns-lnk img {
        height: 22px;
    }
}
/* BASIC css end */