@charset 'utf-8';
/*
 * name:location.css
 * author:nulo lab

/* location
------------------------------------------------ */

.locationBlock {  }
.locationBlock:not(:last-child) { margin-bottom: 120px; }
.locationBlock--title { font-family: 'Playfair-Bold'; font-size: 32px; font-size: 3.2rem; line-height: 1.2; letter-spacing: 0.1em; color: #070606; padding-bottom: 16px; border-bottom: 1px solid #4B4B4B; margin-bottom: 70px; }
.locationBlock__content {  }
.locationBlock__content--location { margin-bottom: 90px; }
.locationBlock__content__lists { overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
@media screen and (min-width: 769px) {
	.locationBlock__content { display: block !important; }
}

.locationBlock__content__lists li { width: 31.7%; margin-right: 2.45%; }
.locationBlock__content__lists li:nth-child(3n+4) { margin-right: 0; }
.locationBlock__content__lists li:not(:first-child) { margin-top: 80px; }
.locationBlock__content__lists--pic { margin-bottom: 20px; }
.locationBlock__content__lists--desc { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.1em; line-height: 1.7;  }
.locationBlock__content__lists--desc p:not(:last-child) { margin-bottom: 8px; }
.locationBlock__content__lists--catchcopy { font-size: 18px; font-size: 1.8rem; letter-spacing: 0.1em; line-height: 1.25; color: #070606; margin-bottom: 10px; }
.locationBlock__content__lists--descTitle { font-family: 'Playfair-Bold'; font-size: 24px; font-size: 2.4rem; letter-spacing: 0.1em; line-height: 1.25; color: #070606; margin-bottom: 14px; }
.locationBlock__content__lists--descCmn { color: #000; }
.locationBlock__content__lists--descCmn:not(:last-child) { margin-bottom: 8px; }
.locationBlock__content__lists--descPhone {  }
.locationBlock__content__lists--descMaps a { text-decoration: underline; display: inline-block; }

/* first child */
.locationBlock__content__lists li:first-child { width: 100%; margin-right: 0; }
.locationBlock__content__lists li:first-child .locationBlock__content__lists--pic,
.locationBlock__content__lists li:first-child .locationBlock__content__lists--desc { display: inline-block; vertical-align: middle; }
.locationBlock__content__lists li:first-child .locationBlock__content__lists--pic { width: calc( 100% - 546px ); margin-bottom: 0; }
.locationBlock__content__lists li:first-child .locationBlock__content__lists--desc { width: 508px; padding-left: 32px; font-size: 17px; font-size: 1.7rem; }
.locationBlock__content__lists li:first-child .locationBlock__content__lists--catchcopy { font-size: 22px; font-size: 2.2rem; margin-bottom: 10px; }
.locationBlock__content__lists li:first-child .locationBlock__content__lists--descTitle { font-size: 29px; font-size: 2.9rem; margin-bottom: 35px; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 768px) {

	.location--page { margin-top: -8px; }
	.locationBlock {  }
	.locationBlock:not(:last-child) { margin-bottom: 60px; }
	.locationBlock--title { font-size: 20px; font-size: 2rem; padding: 8px 0; margin-bottom: 30px; cursor: pointer; background: url(../../img/share/icon_plus.svg) no-repeat right center; background-size: 25px; }
	.locationBlock.on .locationBlock--title { background: url(../../img/share/icon_minus.svg) no-repeat right center; background-size: 25px; }
	.locationBlock__content { display: none; }
	.locationBlock:first-child .locationBlock__content { display: block; }
	.locationBlock__content--location { margin-bottom: 30px; }
	.locationBlock__content__lists { display: block; }
	.locationBlock__content__lists li { width: 100%; margin-right: 0%; }
	.locationBlock__content__lists li:nth-child(3n+4) { margin-right: 0; }
	.locationBlock__content__lists li:not(:first-child) { margin-top: 50px; }
	.locationBlock__content__lists--pic { margin-bottom: 10px; }
	.locationBlock__content__lists--desc { font-size: 13px; font-size: 1.3rem; }
	.locationBlock__content__lists--desc p:not(:last-child) { margin-bottom: 6px; }
	.locationBlock__content__lists--catchcopy { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; }
	.locationBlock__content__lists--descTitle { font-size: 20px; font-size: 2rem; margin-bottom: 6px; }
	.locationBlock__content__lists--descCmn:not(:last-child) { margin-bottom: 6px; }

	/* first child */
	.locationBlock__content__lists li:first-child .locationBlock__content__lists--pic,
	.locationBlock__content__lists li:first-child .locationBlock__content__lists--desc { display: block;; }
	.locationBlock__content__lists li:first-child .locationBlock__content__lists--pic { width: 100%; margin-bottom: 10px; }
	.locationBlock__content__lists li:first-child .locationBlock__content__lists--desc { padding-left: 0px; font-size: 13px; font-size: 1.3rem; }
	.locationBlock__content__lists li:first-child .locationBlock__content__lists--catchcopy { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; }
	.locationBlock__content__lists li:first-child .locationBlock__content__lists--descTitle { font-size: 20px; font-size: 2rem; margin-bottom: 6px; }
}