@charset "utf-8";
/**************************************************

	SUPERBOARD :: LOCATION SKIN :: basic

**************************************************/
.mapWrap {width:100%;height:430px;margin-top: 60px;}
.loc-box {position: relative;background: #fafafa;border: 1px solid #ddd;border-width: 0 1px 1px;min-height: 80px;;}
.loc-tit {position: absolute;top: 0;right: 0;height: 100%;font-family: empty;font-size: 0;text-align: center;background: #1c68c7;}
.loc-tit:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 0;height: 100%;}
.loc-tit > h3 {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 22px;color: #fff;font-weight: 600;letter-spacing: -1px;}
.loc-tit > h3 > img {display: block;}
.loc-info {font-family: empty;font-size: 0;padding: 15px 0;}
.loc-info > li {display: inline-block;zoom: 1;*display: inline;vertical-align: top;margin: 5px;padding-left: 180px;margin-left: 40px;position: relative;min-height: 40px;font-size: 16px;color: #666666;letter-spacing: -0.02em;line-height: 34px;}
.loc-info > li.w100 {width: calc(100% - 68px);}
.loc-info > li b {position: absolute;top: 0;left: 0;padding-left: 47px;background-repeat: no-repeat;background-position: 0 50%;font-size: 15px;color: #222222;font-weight: 600;letter-spacing: -0.02em;line-height: 34px;}
.loc-info > li.add b {background-image: url(./icon-add.jpg);}
.loc-info > li.tel b {background-image: url(./icon-tel.jpg);}
.loc-info > li.tel2 b {background-image: url(./icon-tel2.jpg);}
.loc-info > li.fax b {background-image: url(./icon-fax.jpg);}
.loc-info > li.mail b {background-image: url(./icon-mail.jpg);}

.loc-info > li.mail {padding-left: 120px;word-break: break-all;}
@media screen and (max-width: 1200px) {

    .mapWrap {height:200px;margin-top: 20px;}
    .loc-box {min-height: 50px;padding: 15px 15px 80px;}
    .loc-tit {width: 100%;height: auto;top: auto;bottom: 0;text-align: center;background: #1c68c7;}
    .loc-tit > h3 {font-size: 18px;color: #0d6eb4;line-height: 1.2em;}
    .loc-tit > h3 > img {max-height: 60px;}
    .loc-info {padding: 0;margin: 5px -10px -5px;}
    .loc-info > li {padding-left: 140px;padding-top: 5px;margin: 5px 10px;min-height: 25px;font-size: 12px;line-height: 1.6em;}
    .loc-info > li.w100 {width: auto;}
    .loc-info > li b {padding-left: 35px;-webkit-background-size: 30px auto;background-size: 30px auto;font-size: 12px;line-height: 30px;}
	.loc-info > li.mail {padding-left: 140px;}

}