/*-----------------setting_css---------------------*/
/*-----------------/setting_css/---------------------*/
#location .scrollin_custom_anm.anime1s {
	opacity: 0;
	-webkit-transition: 1s;
	transition: 1s;
	overflow: hidden;
}
#location .scrollin_custom_anm.anime1s img {
	-webkit-transition: 1s;
	transition: 1s;
	-webkit-transform: scale(1.1, 1.1);
	        transform: scale(1.1, 1.1);
}
#location .scrollin_custom_anm.anime1s.scrollin {
	opacity: 1;
}
#location .scrollin_custom_anm.anime1s.scrollin img {
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: 2s;
	transition: 2s;
}
#location .anime1 {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: 1s;
	transition: 1s;
	padding: 10px 20px;
	z-index: 5;
	background-size: 100% 100%;
	background-position: center center;
}
#location .anime1.scrollin {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 2s;
	transition: 2s;
}
#location .anime2 {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-transition: 1s;
	transition: 1s;
	padding: 10px 20px;
	z-index: 5;
	background-size: 100% 100%;
	background-position: center center;
}
#location .anime2.scrollin {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 2s;
	transition: 2s;
}
#location .text {
	font-size: clamp(10px, 10vw, 17px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	line-height: 1.8em;
	letter-spacing: 0.05em;
	font-weight: 400;
}
@media screen and (max-width: 768px) {
	#location {
		/*@media screen end*/
	}
	#location .text {
		font-size: clamp(10px, 4vw, 17px);
	}
}
#location .loc_wrap .sec01 {
	background-color: #1E1E1E;
	padding-bottom: 10%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec01 {
		padding-block: 15%;
		/*@media screen end*/
	}
}
#location .loc_wrap .sec01 p {
	color: #fff;
}
#location .loc_wrap .sec01 .w1400 {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
}
#location .loc_wrap .sec01 .com-flbox {
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#location .loc_wrap .sec01 .com-flbox .box1 {
	width: 25%;
}
#location .loc_wrap .sec01 .com-flbox .box1 .com-imgbox {
	width: 60%;
	margin-left: auto;
}
#location .loc_wrap .sec01 .com-flbox .box2 {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
#location .loc_wrap .sec01 .com-flbox .box2 .textbox p {
	font-size: clamp(10px, 3vw, 35px);
	text-align: center;
}
#location .loc_wrap .sec01 .com-flbox .box3 {
	width: 20%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec01 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec01 .com-flbox {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	#location .loc_wrap .sec01 .com-flbox .box1 {
		width: 45%;
	}
	#location .loc_wrap .sec01 .com-flbox .box1 .com-imgbox {
		width: 100%;
		margin-left: auto;
	}
	#location .loc_wrap .sec01 .com-flbox .box2 {
		width: 100%;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}
	#location .loc_wrap .sec01 .com-flbox .box2 .textbox p {
		font-size: clamp(10px, 5vw, 35px);
		text-align: center;
	}
	#location .loc_wrap .sec01 .com-flbox .box3 {
		width: 45%;
	}
}
#location .loc_wrap .sec01 .map_area {
	margin-top: -2%;
	z-index: 1;
	position: relative;
	width: 78%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec01 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec01 .map_area {
		margin-top: 5%;
		width: 90%;
	}
}
#location .loc_wrap .sec02 {
	background-color: #221F20;
	position: relative;
	padding-block: 8%;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec02 {
		padding-block: 10% 15%;
		/*@media screen end*/
	}
}
#location .loc_wrap .sec02::before {
	content: "";
	position: absolute;
	aspect-ratio: 1/1;
	width: 100%;
	top: 0;
	left: 0;
	background: transparent url("../img/sec02_bg.png") left top/contain no-repeat;
	mix-blend-mode: exclusion;
	pointer-events: none;
}
#location .loc_wrap .sec02 .lead_area {
	text-align: center;
	margin-bottom: 7%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}
#location .loc_wrap .sec02 .lead_area p {
	font-size: clamp(10px, 5vw, 25px);
	color: #fff;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	position: relative;
}
#location .loc_wrap .sec02 .lead_area p::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	top: 130%;
	left: 0;
	background: transparent url("../img/line.jpg") left top/contain no-repeat;
}
#location .loc_wrap .sec02 .com-w1200 {
	width: 90%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec02 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec02 .lead_area {
		width: 90%;
	}
	#location .loc_wrap .sec02 .lead_area p {
		font-size: clamp(10px, 3.2vw, 25px);
	}
}
#location .loc_wrap .sec02 .flbox_top .com-imgbox,
#location .loc_wrap .sec02 .flbox_btm .com-imgbox {
	position: relative;
}
#location .loc_wrap .sec02 .flbox_top .com-imgbox .min,
#location .loc_wrap .sec02 .flbox_btm .com-imgbox .min {
	color: #C93A26;
	text-align: center;
	text-shadow: 0px 0px 29.1px rgba(255, 255, 255, 0.6), 0px 0px 29.1px rgba(255, 255, 255, 0.6);
	font-family: "din Condensed";
	font-weight: 700;
	font-size: clamp(10px, 10vw, 90px);
	position: absolute;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	letter-spacing: 0em;
	line-height: 1;
}
#location .loc_wrap .sec02 .flbox_top .com-imgbox .min span,
#location .loc_wrap .sec02 .flbox_btm .com-imgbox .min span {
	font-size: clamp(10px, 10vw, 150px);
}
#location .loc_wrap .sec02 .flbox_top .com-imgbox .place,
#location .loc_wrap .sec02 .flbox_btm .com-imgbox .place {
	position: absolute;
	font-size: clamp(10px, 3vw, 12px);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	letter-spacing: 0em;
	line-height: 1;
	border-radius: 8px;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	bottom: 3%;
	right: 3%;
}
#location .loc_wrap .sec02 .flbox_top .com-imgbox .place span,
#location .loc_wrap .sec02 .flbox_btm .com-imgbox .place span {
	font-size: clamp(10px, 3vw, 11px);
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec02 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec02 .flbox_top .com-imgbox .min,
	#location .loc_wrap .sec02 .flbox_btm .com-imgbox .min {
		font-size: clamp(10px, 8vw, 90px);
	}
	#location .loc_wrap .sec02 .flbox_top .com-imgbox .min span,
	#location .loc_wrap .sec02 .flbox_btm .com-imgbox .min span {
		font-size: clamp(10px, 15vw, 150px);
	}
	#location .loc_wrap .sec02 .flbox_top .com-imgbox .place,
	#location .loc_wrap .sec02 .flbox_btm .com-imgbox .place {
		font-size: 11px;
		padding: 5px 15px;
	}
	#location .loc_wrap .sec02 .flbox_top .com-imgbox .place span,
	#location .loc_wrap .sec02 .flbox_btm .com-imgbox .place span {
		font-size: 10px;
	}
}
#location .loc_wrap .sec02 .flbox_top .box_l {
	width: 70.5%;
}
#location .loc_wrap .sec02 .flbox_top .box_l .min {
	top: 27%;
	right: 3%;
}
#location .loc_wrap .sec02 .flbox_top .box_l .place {
	background: rgba(18, 49, 95, 0.8);
}
#location .loc_wrap .sec02 .flbox_top .box_r {
	width: 28.5%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec02 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec02 .flbox_top .box_l .min {
		top: 10%;
		right: -7%;
	}
}
#location .loc_wrap .sec02 .flbox_btm {
	margin-top: 1%;
}
#location .loc_wrap .sec02 .flbox_btm .box_l {
	width: 49.5%;
}
#location .loc_wrap .sec02 .flbox_btm .box_l .min {
	top: 8%;
	right: 3%;
}
#location .loc_wrap .sec02 .flbox_btm .box_l .place {
	background: rgba(79, 155, 204, 0.8);
}
#location .loc_wrap .sec02 .flbox_btm .box_r {
	width: 49.5%;
}
#location .loc_wrap .sec02 .flbox_btm .box_r .min {
	top: 8%;
	right: 3%;
}
#location .loc_wrap .sec02 .flbox_btm .box_r .place {
	background: rgba(116, 36, 35, 0.8);
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec02 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec02 .flbox_btm .box_l .min {
		top: -3%;
		right: -9%;
	}
	#location .loc_wrap .sec02 .flbox_btm .box_r .min {
		top: -3%;
		right: -9%;
	}
}
#location .loc_wrap .sec03 {
	padding-block: 10%;
}
#location .loc_wrap .sec03 .flbox01 .ttl {
	width: 30%;
}
#location .loc_wrap .sec03 .flbox01 .ttl p {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: clamp(10px, 5vw, 55px);
	color: #C30D23;
	font-family: "din", "sans-serif";
}
#location .loc_wrap .sec03 .flbox01 .line {
	width: 70%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .flbox01 {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	#location .loc_wrap .sec03 .flbox01 .ttl {
		width: 30%;
	}
	#location .loc_wrap .sec03 .flbox01 .ttl p {
		font-size: clamp(10px, 7vw, 55px);
		line-height: 1em;
		margin-top: 40%;
	}
	#location .loc_wrap .sec03 .flbox01 .line {
		width: 60%;
	}
}
#location .loc_wrap .sec03 .flbox02 {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
#location .loc_wrap .sec03 .flbox02 .textbox {
	width: 50%;
}
#location .loc_wrap .sec03 .flbox02 .textbox .main {
	width: 100%;
}
#location .loc_wrap .sec03 .flbox02 .textbox .sub {
	font-size: clamp(10px, 10vw, 30px);
	margin-block: 7% 6%;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
#location .loc_wrap .sec03 .flbox02 .imgbox {
	width: 44%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#location .loc_wrap .sec03 .flbox02 .imgbox .box1 {
	width: 48%;
}
#location .loc_wrap .sec03 .flbox02 .imgbox .box2 {
	width: 48%;
}
#location .loc_wrap .sec03 .flbox02 .imgbox .box2 .com-imgnote {
	color: #fff;
}
#location .loc_wrap .sec03 .flbox02 .imgbox .box3 {
	width: 100%;
	margin-top: 5%;
}
#location .loc_wrap .sec03 .flbox02 .imgbox .box3 p {
	font-size: clamp(10px, 10vw, 13px);
	letter-spacing: 0.05em;
	font-family: "din", "sans-serif";
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .flbox02 .textbox {
		width: 100%;
		margin-top: 5%;
	}
	#location .loc_wrap .sec03 .flbox02 .textbox .main {
		width: 75%;
	}
	#location .loc_wrap .sec03 .flbox02 .textbox .sub {
		font-size: clamp(10px, 6vw, 30px);
		margin-block: 7% 6%;
	}
	#location .loc_wrap .sec03 .flbox02 .imgbox {
		width: 100%;
		margin-top: 6%;
	}
	#location .loc_wrap .sec03 .flbox02 .imgbox .box1 {
		width: 49%;
	}
	#location .loc_wrap .sec03 .flbox02 .imgbox .box2 {
		width: 49%;
	}
	#location .loc_wrap .sec03 .flbox02 .imgbox .box3 {
		width: 100%;
	}
}
#location .loc_wrap .sec03 .flbox03 {
	margin-top: 8%;
}
#location .loc_wrap .sec03 .flbox03 .w50 {
	width: 50%;
}
#location .loc_wrap .sec03 .flbox03 .w30 {
	width: 33.3333333333%;
}
#location .loc_wrap .sec03 .flbox03 .com-imgbox .com-imgnote {
	color: #fff;
	font-size: 12px;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .flbox03 {
		margin-top: 8%;
	}
	#location .loc_wrap .sec03 .flbox03 .com-imgbox .com-imgnote {
		font-size: 10px;
		text-align: right;
		text-shadow: 0 0 10px #000;
	}
}
#location .loc_wrap .sec03 .w1500 {
	max-width: 1500px;
	width: 90%;
}
#location .loc_wrap .sec03 .flbox_l {
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .flbox_l {
		margin-right: auto;
		margin-top: 15%;
	}
	#location .loc_wrap .sec03 .flbox_l .textbox {
		margin-left: 5%;
	}
}
#location .loc_wrap .sec03 .flbox_ttl {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 6%;
}
#location .loc_wrap .sec03 .flbox_ttl .imgbox {
	width: 70%;
}
#location .loc_wrap .sec03 .flbox_ttl .imgbox .com-imgnote {
	color: #fff;
}
#location .loc_wrap .sec03 .flbox_ttl .textbox {
	width: 26%;
	font-size: clamp(10px, 2.3vw, 25px);
	padding: 0;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .flbox_ttl {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-top: 0%;
	}
	#location .loc_wrap .sec03 .flbox_ttl .imgbox {
		width: 90%;
	}
	#location .loc_wrap .sec03 .flbox_ttl .textbox {
		font-size: clamp(10px, 5vw, 25px);
		margin-top: 5%;
		width: 90%;
	}
}
#location .loc_wrap .sec03 .flbox_r {
	margin-left: auto;
}
#location .loc_wrap .sec03 .flbox_r .flbox_ttl {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .flbox_r .flbox_ttl .textbox {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
}
#location .loc_wrap .sec03 .img_flbox {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-block: 8%;
}
#location .loc_wrap .sec03 .img_flbox .com-imgbox {
	width: 33.3333333333%;
	aspect-ratio: 400/375;
	overflow: hidden;
}
#location .loc_wrap .sec03 .img_flbox .com-imgbox img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
#location .loc_wrap .sec03 .img_flbox .com-imgbox .com-imgnote {
	color: #fff;
	font-size: 12px;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .img_flbox {
		margin-block: 15%;
	}
	#location .loc_wrap .sec03 .img_flbox .com-imgbox {
		width: 50%;
		aspect-ratio: 400/375;
	}
	#location .loc_wrap .sec03 .img_flbox .com-imgbox .com-imgnote {
		text-align: right;
		font-size: 11px;
	}
}
#location .loc_wrap .sec03 .shop_area {
	margin-top: 5%;
	background-color: #3F2537;
	padding-block: 5%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 .shop_area {
		margin-top: 15%;
		padding-block: 15%;
		/*@media screen end*/
	}
}
#location .loc_wrap .sec03 .shop_area .shop_inner {
	width: 80%;
	margin: 0 auto;
}
#location .loc_wrap .sec03 .shop_area .shop_inner p {
	color: #fff;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 .shop_area {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .shop_area .shop_inner {
		width: 90%;
	}
}
#location .loc_wrap .sec03 .shop_area .flbox1 .ttlbox {
	width: 31%;
}
#location .loc_wrap .sec03 .shop_area .flbox1 .textbox {
	width: 53%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 .shop_area {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .shop_area .flbox1 .ttlbox {
		width: 60%;
		margin-inline: auto;
		margin-bottom: 10%;
	}
	#location .loc_wrap .sec03 .shop_area .flbox1 .textbox {
		width: 100%;
	}
}
#location .loc_wrap .sec03 .shop_area .flbox2 {
	width: 92%;
	margin-left: auto;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-top: 10%;
}
#location .loc_wrap .sec03 .shop_area .flbox2 .com-imgbox .com-imgnote {
	color: #fff;
}
#location .loc_wrap .sec03 .shop_area .flbox2 .box_l {
	width: 35%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#location .loc_wrap .sec03 .shop_area .flbox2 .box_r {
	width: 61%;
}
#location .loc_wrap .sec03 .shop_area .flbox2 .box1 {
	width: 5%;
}
#location .loc_wrap .sec03 .shop_area .flbox2 .box2 {
	width: 71%;
	margin-left: 5%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 .shop_area {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .shop_area .flbox2 {
		width: 90%;
		margin-inline: auto;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#location .loc_wrap .sec03 .shop_area .flbox2 .box_l {
		width: 38%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	#location .loc_wrap .sec03 .shop_area .flbox2 .box_r {
		width: 57%;
	}
	#location .loc_wrap .sec03 .shop_area .flbox2 .box1 {
		width: 8%;
	}
	#location .loc_wrap .sec03 .shop_area .flbox2 .box2 {
		width: 90%;
	}
}
#location .loc_wrap .sec03 .shop_area .flbox3 {
	margin-top: 10%;
}
#location .loc_wrap .sec03 .shop_area .flbox3 .img p {
	letter-spacing: 0.05em;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
#location .loc_wrap .sec03 .shop_area .flbox3 .img .name {
	text-align: center;
	font-size: clamp(10px, 2.3vw, 18px);
	margin-top: 3%;
}
#location .loc_wrap .sec03 .shop_area .flbox3 .img .name .distance {
	font-size: clamp(10px, 2.3vw, 13px);
}
#location .loc_wrap .sec03 .shop_area .flbox3 .w50 {
	width: calc(50% - 15px);
}
#location .loc_wrap .sec03 .shop_area .flbox3 .w30 {
	width: calc(33.3333333333% - 15px);
	margin-top: 5%;
}
@media screen and (max-width: 768px) {
	#location .loc_wrap .sec03 .shop_area {
		/*@media screen end*/
	}
	#location .loc_wrap .sec03 .shop_area .flbox3 {
		margin-top: 10%;
	}
	#location .loc_wrap .sec03 .shop_area .flbox3 .w50 {
		width: calc(50% - 5px);
	}
	#location .loc_wrap .sec03 .shop_area .flbox3 .w30 {
		width: calc(50% - 5px);
		margin-top: 5%;
	}
}
@media screen and (max-width: 768px) {
	#location {
		/*@media screen end*/
	}
}
@media screen and (max-width: 768px) {
	#location {
		/*@media screen end*/
	}
}
/*# sourceMappingURL=location.css.map */