@charset "utf-8";

/* -------------------------------------------------- */
/* location-img */
/* -------------------------------------------------- */
.location-img {position: relative;z-index: 1;margin-top: 100px;}

/* -------------------------------------------------- */
/* location-intro */
/* -------------------------------------------------- */
#location-intro {background: url(../img/top/intro-img.jpg) center / cover no-repeat;background-attachment: fixed;position: relative;margin-top: -50px;}
#location-intro:before {content: '';width: 40%;height: calc(100% - 280px);display: block;background: url(../img/top/intro-text.svg) left center / auto 100% no-repeat;position: absolute;right: 0;top: 100px;}
#location-intro > .container {display: flex;justify-content: flex-start;align-items: center;padding-top: 0;padding-bottom: 0;}
#location-intro > .container > div {padding: 200px 0 280px 30px;}
#location-intro h2.min {font-size: 3rem;letter-spacing: 0.1em;font-weight: 300;margin: 20px 0 40px }
#location-intro .lead {max-width: 820px;border-top: 1px solid rgba(255, 255, 255, 0.3);padding-top: 30px;font-weight: 300;font-size: 2rem;line-height: 2.4;}

/* -------------------------------------------------- */
/* .location-menu */
/* -------------------------------------------------- */
#location-menu {position: relative;margin-bottom: 130px;}
#location-menu > .container {margin-top: -130px;}
#location-menu .common-ttl01 {top: -80px;}
#location-menu:before {content: '';width: 60%;height: 100%;background: #201c1c;position: absolute;right: 0;top: 0;}
#location-menu .box-wrap {display: flex;flex-wrap: wrap;gap:80px;}
#location-menu .box {width: calc((100% - 80px) / 2)}
#location-menu .box figure {}
#location-menu .box figure img {max-width: none;width: 100%;}
#location-menu .box .text {}
#location-menu .box .lead {margin-top: 30px;font-size: 2.2rem;font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#location-menu .btn-all {margin-top: 50px;}
#location-menu .btn-all a {background: #6c5b3d;font-size: 2.2rem;padding: 20px;max-width: 500px;margin: 0 auto;}

/* -------------------------------------------------- */
/* .location-submenu */
/* -------------------------------------------------- */
.location-submenu .text-menu {display: flex;flex-wrap:wrap;gap:60px;}
.location-submenu .text-menu li  {width: calc((100% - 120px) / 3);}
.location-submenu .text-menu .title {font-size: 2rem;}
.location-submenu .text-menu .text {font-size: 1.8rem;}
.location-submenu .pdf-menu {display: flex;flex-wrap:wrap;gap:40px;margin-top: 70px;}
.location-submenu .pdf-menu li  {width: calc((100% - 40px) / 2);}
.location-submenu .pdf-menu li a {text-align: left;}
.location-submenu .pdf-menu li a:before {content: 'PDF';font-size: 1.4rem;display: inline-block;background: #903838;padding: 0 5px;margin-right: 10px;}
.location-submenu .pdf-menu li a .min {font-size: 1.8rem;}

/* -------------------------------------------------- */
/* .location-gallery */
/* -------------------------------------------------- */
#location-gallery ul {display: flex;flex-wrap: wrap;gap:40px;}
#location-gallery ul li {width: calc((100% - 80px) / 3)}

/* -------------------------------------------------- */
/* .location-detail */
/* -------------------------------------------------- */
#location-detail h3 {font-size: 2.8rem;letter-spacing: .08em;margin-bottom: 10px;}
#location-detail .address {font-size: 2rem;}
#location-detail dl {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 30px 0 40px}
#location-detail dl > * {margin-bottom: 28px;}
#location-detail dt {background: #454141;font-size: 1.8rem;width: 6em;margin-right: 1em;text-align: center;line-height: 1.4;}
#location-detail dd {font-size: 2rem;width: calc(100% - 7em);letter-spacing: .05em;}
#location-detail .map {position: relative;padding-bottom: 40%;margin-bottom: 60px;}
#location-detail .map iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%; filter:grayscale(100%);}
#location-detail .reserve a {background: #903838;display: block;font-size: 2.2rem;text-align: center;padding: 20px;max-width: 500px;margin: 0 auto;position: relative;}
#location-detail .reserve a:after {content: '';width: 30px;height: 30px;display: inline-block;background: url(../img/icon-arrow-circle.svg) center / cover no-repeat;transform: rotate(180deg);position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;}
#location-detail .memo {display: flex;flex-wrap: wrap;margin-top: 80px;}
#location-detail .memo > div {padding-right: 40px;width:50%}
#location-detail .memo > div:nth-of-type(2n) {border-left: 1px solid rgba(255, 255, 255, 0.2);padding-left: 40px;}
#location-detail .memo > div:nth-of-type(n+3){margin-top:40px}
#location-detail .memo h4 {font-size: 1.8rem;margin-bottom: 20px;}
#location-detail .memo p {opacity: .7;line-height: 2.4;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */

@media screen and (min-width:1px) and (max-width:1099px){
}
@media screen and (min-width:1px) and (max-width:999px){
	.location-img {margin-top: 50px;}

	/* -------------------------------------------------- */
	/* #location-intro */
	/* -------------------------------------------------- */
	#location-intro > .container > div {padding: 80px 0 140px;}
	#location-intro:before {height: calc(100% - 200px);}
	#location-intro h2.min {font-size: 2rem;margin-bottom: 30px;}
	#location-intro .lead {font-size: 1.6rem;line-height: 2;}
	
	/* -------------------------------------------------- */
	/* #location-menu */
	/* -------------------------------------------------- */
	#location-menu {margin-bottom: 60px;}
	#location-menu:before {width: 70%;}
	#location-menu > .container {padding-top: 20px;bottom: 0;margin-top: -60px;}
	#location-menu .box-wrap {display: block;}
	#location-menu .box {width: 100%;margin-bottom: 40px;}
	#location-menu .box .text .en {font-size: 4rem;}
	#location-menu .box .lead {font-size: 1.6rem;margin-top: 10px;}
	#location-menu .btn-all a {font-size: 2rem;}
	
	/* -------------------------------------------------- */
	/* .location-submenu */
	/* -------------------------------------------------- */
	.location-submenu .text-menu {gap:30px;}
	.location-submenu .text-menu li  {width: calc((100% - 30px) / 2);}
	.location-submenu .text-menu .title {font-size: 1.6rem;}
	.location-submenu .text-menu .text {font-size: 1.4rem;}
	.location-submenu .pdf-menu {display: block;margin-top: 40px;}
	.location-submenu .pdf-menu li  {width: 100%;}
	.location-submenu .pdf-menu li a:before {font-size: 1.2rem;}
	.location-submenu .pdf-menu li a {padding-right: 50px;}
	.location-submenu .pdf-menu li a .min {font-size: 1.6rem;}
	.location-submenu .pdf-menu li + li {margin-top: 10px;}
	
	/* -------------------------------------------------- */
	/* .location-gallery */
	/* -------------------------------------------------- */
	#location-gallery ul {gap:20px;}
	#location-gallery ul li {width: calc((100% - 20px) / 2)}

	/* -------------------------------------------------- */
	/* .location-detail */
	/* -------------------------------------------------- */
	#location-detail h3 {font-size: 2.4rem;}
	#location-detail .address {font-size: 1.8rem;}
	#location-detail dl {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 30px 0 10px}
	#location-detail dt {font-size: 1.6rem;}
	#location-detail dd {font-size: 1.6rem;}
	#location-detail .map {padding-bottom: 70%;margin-bottom: 20px;}
	#location-detail .reserve a {font-size: 2rem;}
	#location-detail .reserve a:after {width: 25px;height: 25px;}
	#location-detail .memo {display: block;margin-top: 40px;}
	#location-detail .memo > div {padding-right: 0;padding-bottom: 20px;width: 100%;}
	#location-detail .memo > div:nth-of-type(2n) {border-left: none;padding-left: 0;}
	#location-detail .memo > div:nth-of-type(n+3) {margin-top: 0;}
	#location-detail .memo > div + div {border-left: none;border-top: 1px solid rgba(255, 255, 255, 0.2);padding-left: 0;padding-top: 30px;}
	#location-detail .memo h4 {font-size: 1.6rem;margin-bottom: 10px;}
	#location-detail .memo p {line-height: 2;}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
  

}