@charset "utf-8";
@keyframes show{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

.locationSec{
	display: none;
}
.locationSec.show{
	display: block;
	animation: show .3s linear 0s;
}
/* ------------------------------------------------------------------------------------- PARTS */
@media print, screen and (min-width:751px) {
	
	.tab{
		display: flex;
		margin-bottom: 30px;
	}
	.tab > li{
		background-color: #fff;
		border-bottom: 1px solid #CDCDCD;
		border-left: 1px solid #CDCDCD;
		border-top: 1px solid #CDCDCD;
		color: #555;
		cursor: pointer;
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		padding: 5px 10px 10px;
		width: 100%;
		transition: all .2s;
	}
	.tab > li > span{
		background-image: url("../img/ic_under_black.webp");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 10px auto;
		display: block;
		padding-bottom: 5px;
	}
	.tab > li > span > span {
        display: inline !important;
	}
	.tab > li:hover{
		background-color: #000;
		color: #FFF;
		transition: all .2s;
	}
	.tab > li:hover > span{
		background-image: url("../../common_site/img/ic_under_white.webp");
	}
	.tab > li:last-child{
		border-right: 1px solid #CDCDCD;
	}
	.tab > li.active{
		/*background: url("../img/bg_hatching.webp");
		background-color: #31708b;*/
		background-color: #000;
		color: #FFF;
	}
	.tab > li.active > span{
		background-image: url("../../common_site/img/ic_under_white.webp");
	}
	
	
	.locationList{
		margin-bottom: 50px;
	}
	.location{
		border-bottom: 1px dotted #D4D4D4;
		border-top: 1px dotted #D4D4D4;
		display: table;
		margin-bottom: 10px;
		width: 100%;
	}
	.location > h4,
	.location > div{
		display: table-cell;
		padding: 10px 15px;
	}
	.location > h4{
		background-color: #434343;
		color: #FFF;
		text-align: center;
		vertical-align: middle;
		width: 300px;
	}
	.location > h4 i{
		display: block;
		font-size: 12px;
		line-height: 1.4;
	}
	.location > div{
		background-color: #FFF;
	}
	.location > div > address{
		font-style: normal;
		display: block;
	}
	.location > div > address .note{
		color: #cc0000;
		font-size: 12px;
	}
	.location > div > address a{
		text-decoration: none;
		color: #000;
	}
	
	.location.uq1 > h4{
		line-height: 1.5;
	}
	.location.uq1 > h4 i{
		margin-top: 0.4em;
	}
	
	.location .btn[target=_blank] > span:after{
		background: url("../img/ic_blank.webp");
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 12px;
		margin-left: 5px;
	}
}
@media print, screen and (min-width:1025px) {
	.location > div{
		display: flex;
		align-items: center;
	}
	.location > div > .btnArea{
		margin-left: auto;
		margin-right: 0;
		white-space: nowrap;
	}
}
@media screen and (max-width: 1024px) and (min-width: 751px) {
	.location > div > .btnArea{
		text-align: left;
		margin-top: 10px;
	}
}
@media screen and (max-width: 750px) {
	.tab{
		display: flex;
		margin: 0 0 30px;
	}
	.tab > li{
		background-color: #fff;
		border-bottom: 1px solid #CDCDCD;
		border-left: 1px solid #CDCDCD;
		border-top: 1px solid #CDCDCD;
		color: #555;
		cursor: pointer;
		font-size: 15px;
		font-weight: 700;
		text-align: center;
		padding: 5px 0;
		margin-bottom: 0;
		width: 100%;
		transition: all .2s;
	}
	/*.tab > li > span{
		background-image: url("../../common_site/img/ic_under_blue.webp");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 7px auto;
		display: block;
		padding-bottom: 5px;
	}*/
	.tab > li > span > span {
        display: none !important;
	}
	.tab > li:hover{
		background-color: #000;
		color: #FFF;
		transition: all .2s;
	}
	/*.tab > li:hover > span{
		background-image: url("../../common_site/img/ic_under_white.webp");
	}*/
	.tab > li.active{
		/*background: url("../img/bg_hatching.webp");
		background-color: #31708b;*/
        background-color: #000;
		color: #FFF;
	}
	/*.tab > li.active > span{
		background-image: url("../../common_site/img/ic_under_white.webp");
	}*/
	
	.locationSec > .subHead{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.locationList{
		margin-bottom: 50px;
	}
	.location{
		margin: 0 20px 10px;
	}
	.location > h4{
		padding: 5px 15px;
	}
	.location > h4{
		background-color: #434343;
		margin-bottom: 15px;
		color: #FFF;
	}
	.location > h4 i{
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		line-height: 1.4;
		margin-left: 10px;
	}
	.location > div{
		background-color: #FFF;
		margin-bottom: 30px;
	}
	.location > div > address{
		font-style: normal;
		display: block;
	}
	.location > div > address .note{
		color: #cc0000;
		font-size: 12px;
	}
	.location > div > .btnArea{
		text-align: left;
		margin-top: 10px;
	}
	.location > div > .btnArea .btn{
		display: inline-block;
	}
	.location .btn[target=_blank] > span:after{
		background: url("../img/ic_blank.webp");
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 12px;
		margin-left: 5px;
	}
}

.btn {
    color: #000 !important;
}
.btn:hover {
    color: #000;
    background-color: #F1F1F1;
}

.location > div .note1 {
	font-size: 13px;
	margin-top: 0.7em;
}
.location > div .note2 {
	font-size: 14px;
	line-height: 1.7;
	margin-top: 0.5em;
}
.location > div .note2 li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.subNavigation1 {
    background-color: #F1F1F1;
    color: #000;
    margin: -30px 0 30px;
    padding: 15px;
    width: 100%;
}
.subNavigation1 a {
    color: #000;
}
.subNavigation1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.subNavigation1 ul li {
    border-right: 1px solid #000;
    line-height: 1.1;
    margin: 0 0.5em 0 0;
    padding: 0.1em 0.5em 0 0;
}
.subNavigation1 ul li:last-child {
    border-right: none;
    margin: 0;
    padding: 0.1em 0 0 0;
}
.tab li .sub1 {
    display: none;
}
@media screen and (max-width: 750px) {
    .subNavigation1 {
        padding: 0.5em 20px;
    }
    .subNavigation1 ul li {
        margin-bottom: 0.4em !important;
        margin-top: 0.4em !important;
    }
}