/* @import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css); */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP&display=swap);


/* Global ----------------------------------------------------------------- */
html {
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 2.0em;
}

body {
	min-width: auto;
	color: rgba(60,60,60,1.0);
	/* font-family: "Times New Roman", Times, "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho","ＭＳ 明朝",serif; */
	/* font-family: "Times New Roman", Times, "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝",serif; */
	/* font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	/* 
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; */
	/* font-family: 'Noto Serif JP', serif; */
	
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	
	-webkit-font-smoothing: subpixel-antialiased;
 	-moz-osx-font-smoothing: auto;

	font-feature-settings: 'liga';
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: relative;
}



_:lang(x)::-ms-, body { /* Edgeのみ（Chromium） */
}






a:link,
a:visited {
	/* color: rgba(235,195,37,1.0); */
	color: rgba(50,50,50,1.0);
	text-decoration: none;
	vertical-align: baseline;
}
a:hover {
	text-decoration: underline;
	color: rgba(124,106,74,1.0);
}



.sp-on {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
}
.pc-on {
	display: none;
}

.sp-onblock {
	display: block;
}
.pc-onblock {
	display: none;
}


.sp-br {
	display: inline-block;
}
.pc-br {
	display: none;
}
.table-pcon {
	display: none !important;
}

.sp-button {
}
.pc-button {
	display: none !important;
}


.s-text {
	font-size: 80%;
	line-height: 1.7em;
}

@media print, screen and (min-width: 768px) {
.sp-br {
	display: none;
}
.pc-br {
	display: inline-block;
}
.sp-on {
	display: none;
}
.pc-on {
	display: inline-block;
}
.sp-onblock {
	display: none;
}
.pc-onblock {
	display: block;
}
.table-pcon {
	display: table-cell !important;
}


}

@media print, screen and (min-width: 1024px) {

.sp-button {
	display: none !important;
}
.pc-button {
	display: table !important;
}

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {
}








/* Layout ----------------------------------------------------------------- */
body {
	color: rgba(50,50,50,1.0);
}
a:link,
a:visited {
	color: rgba(30,30,30,1.0);
}

article {
	overflow: hidden;
}
section {
	padding: 15px 0px;
	font-size: 100%;
	line-height: 1.8em;
}



@media print, screen and (min-width: 375px) {
section {
	padding: 20px 0px;
	font-size: 110%;
	line-height: 1.8em;
}
}

@media print, screen and (min-width: 768px) {
body {
	color: rgba(50,50,50,1.0);
}
a:link,
a:visited {
	color: rgba(50,50,50,1.0);
}
section {
	padding: 40px 0px;
	font-size: 110%;
	line-height: 1.8em;
}

}


@media print, screen and (min-width: 1024px) {
section {
	padding: 50px 0px;
	font-size: 115%;
	line-height: 1.9em;
}
}

@media print, screen and (min-width: 1200px) {
section {
	padding: 60px 0px;
	font-size: 118%;
	line-height: 2.0em;
}
}

@media print, screen and (min-width: 1400px) {
section {
	padding: 70px 0px;
	font-size: 120%;
	line-height: 2.1em;
}

}




@media all and (-ms-high-contrast: none) {
	body {
		color: rgba(30,30,30,1.0);
	}
}
_:lang(x)::-ms-, body {
  color: rgba(30,30,30,1.0);
}



/* info-contents ----------------------------------------------------------------- */
.info-contents {
	/* background: url(../imgs/back_img01.jpg) center top;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	*/
	/* background-size:200% auto;
	background-position:center top;
	background-attachment: fixed; */
	background: url(../imgs/back_img01.jpg) center 0px;
	background-size: 150% auto;
	
	padding-top: 0px;
	margin-top: 50px;
	position: relative;
	/* overflow: hidden; */
}

/*
.info-contents-bg {
	position: absolute;
	background: url(../imgs/back_img01.jpg) center 0px;
	height: 200%;
	width: 200%;
	background-size: 100% auto;
	left: 0px;
	top: 0px;
	z-index: -1;
	margin: 0px 0px 0px -50%;
}
*/


#page-home .info-contents,
#page-concept .info-contents,
#page-location .info-contents,
#page-map .info-contents,
#page-plan .info-contents { /* margin補正 */
	margin-top: 20px;
}



.info-title,
.info-title-t {
	text-align: center;
	/* display: table;
	width: 100%; */
	position: relative;
	top: calc(-70px / 6); /* タイトル画像の高さの半分をずらす */
	margin: 15px 0px 0px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


.info-title-t {
	position: relative;
	top: calc(-20px / 2); /* タイトルの高さの半分をずらす */
}

.info-title img {
	height: calc(70px / 3);
	width: auto;
	display: block;
}
.info-title li,
.info-title-t li {
	/* display: table-cell; */
	position: relative;
}
.info-title-t li:nth-child(2) {
	font-size: 20px;
	line-height: 1em;
	color: rgba(124,106,74,1.0);
	white-space: nowrap;
	padding: 0px 5px;
	letter-spacing: 0.1em;
}

.info-title li:first-child,
.info-title li:last-child,
.info-title-t li:first-child,
.info-title-t li:last-child {
	/* width: 50%; */
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.info-title li:first-child::before,
.info-title li:last-child::before,
.info-title-t li:first-child::before,
.info-title-t li:last-child::before {
	content:" ";
	position: absolute;
	top: calc(50% - 1px);
	/* top: 20px; */
	left: 0px;
	display:block;
	width: 100%;
	height: 1px;
	z-index: 2;
	background: rgba(187,187,187,1.0);
}


.info-text {
padding: 0px 15px;
text-align: left;
}
.info-text .info-catch {
font-size: 120%;
line-height: 1.5em;
color: rgba(34,30,23,1.00);
padding: 10px 0px 5px;
}
.info-text .info-catch span {
	font-size: 68%;
	line-height: 1.5em;
}
.info-text .add-text {
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	padding: 0.5em 0px 0px;
}


.info-text.cont02 {
	text-align: left;
	margin: 30px 0px 0px;
}
.info-text.cont02 dl {
	display: table;
	margin: 0px auto;
	font-size: 100%;
	line-height: 1.6em;
}
.info-text.cont02 dl dt {
	display: table-cell;
	padding: 5px 15px 5px 0px;
	width: 5em;
	vertical-align: top;
	white-space: nowrap;
}
.info-text.cont02 dl dd {
	display: table-cell;
	vertical-align: top;
	padding: 5px 0px;
}



.extra-info {
	padding: 20px 15px;
	max-width: 900px;
	margin: 0px auto;
}
.extra-info-in {
	padding: 20px;
	text-align: center;
	background: #FFC;
	border: 1px solid #CCC;
	max-width: 900px;
}
.extra-info .extra-catch {
	font-size: 130%;
	line-height: 1.5em;
	color: rgba(124,106,74,1.0);
	padding: 10px 0px 5px;
}
.extra-info .add-text {
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	padding: 0.5em 0px 0px;
}



.addinfo {
  padding: 10px 10px 20px;
  margin: 0px auto;
  text-align: center;
}
.addinfo a p {
  font-size: 14px;
  line-height: 1.3em;
  text-decoration: underline !important;
}
.addinfo .sp-br {
  display: none;
}


.addinfo2 {
margin: 15px 0px 0px;
padding: 15px 0px 0px;
border-top: 1px solid rgba(255,255,255,1.00);
}
.addinfo2 strong {
padding: 0px 0px 5px;
font-size: 105%;
font-weight: bold;
}


/* extraordinary */
.extraordinary {
	padding: 20px 15px;
	max-width: 900px;
	margin: 0px auto;
}
.extraordinary-in {
  padding: 20px;
  text-align: center;
  background-color: rgba(255,216,216,0.3);
  border: 1px solid rgba(255,0,0,1.00);
}
.ex-button a {
  font-size: 12px;
  line-height: 1.3em;
  color: rgba(255,255,255,1.0) !important;
  border-radius: 45px;
  box-shadow: 0px 1px 15px 2px rgba(255,255,255, 0.6);
  transition: all 0.5s ease 0s;
  cursor: pointer;
  outline: none;
  text-align: center;
  padding: 8px 10px;
  width: 100%;
  display: block;
  position: relative;
  background-color: rgba(213,0,3,1.00);
}
.ex-button a:hover {
  text-decoration: none;
  /* color: rgba(68,68,68,1.0) !important; */
  transform: translateY(-2px);
  box-shadow: 0px 5px 20px 1px rgba(0,0,0, 0.4);
  background-color: rgba(114,114,114,1.00);
}
/*
.gold-button a:hover {
	color: rgba(255,255,255,1.0) !important;
}
*/


@media print, screen and (min-width: 375px) {
.info-contents {
	padding-top: 0px;
	margin-top: 60px;
}
#page-home .info-contents,
#page-concept .info-contents,
#page-location .info-contents,
#page-map .info-contents,
#page-plan .info-contents { /* margin補正 */
	margin-top: 30px;
}
.info-text .info-catch {
	font-size: 130%;
	line-height: 1.7em;
	padding: 12px 0px 7px;
}
.info-text.cont02 {
	margin: 30px 0px 0px;
}

.info-title-t {
	position: relative;
	top: calc(-22px / 2); /* タイトルの高さの半分をずらす */
}
.info-title-t li:nth-child(2) {
	font-size: 22px;
	line-height: 1em;
	padding: 0px 5px;
	letter-spacing: 0.1em;
}


.extra-info {
	padding: 25px 15px 20px;
}
.extra-info-in {
	padding: 20px;
}
.extra-info .extra-catch {
	font-size: 130%;
	line-height: 1.5em;
	padding: 10px 0px 5px;
}
.extra-info .add-text {
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
}


/* extraordinary */
.extraordinary {
	padding: 20px 15px;
}
.extraordinary-in {
  padding: 20px;
}
.ex-button a {
  font-size: 13px;
  line-height: 1.3em;
  padding: 8px 10px;
  width: 100%;
  display: block;
}


.addinfo {
  padding: 10px 10px 20px;
  margin: 0px auto;
  text-align: center;
}
.addinfo a p {
  font-size: 15px;
  line-height: 1.3em;
  text-decoration: underline !important;
}



}



@media print, screen and (min-width: 768px) {
.info-contents {
	padding-top: 0px;
	margin-top: 70px;
	background: url(../imgs/back_img01.jpg) center 0px;
	background-size: 150% auto;
}
#page-home .info-contents,
#page-concept .info-contents,
#page-location .info-contents,
#page-map .info-contents,
#page-plan .info-contents { /* margin補正 */
	margin-top: 30px;
}
.info-title {
	top: calc(-70px / 5); /* タイトル画像の高さの半分をずらす */
	margin: 17px 0px 0px;
}
.info-title img {
	height: calc(70px / 2.5);
}
.info-text {
padding: 0px 25px;
text-align: center;
}
.info-text .info-catch {
	font-size: 150%;
	line-height: 1.5em;
	padding: 18px 0px 10px;
}
.info-text .add-text {
	padding: 1.0em 0px 0px;
}
.info-text.cont02 {
	margin: 35px 0px 0px;
}
.info-text.cont02 dl dt {
	padding: 8px 15px 5px 0px;
}
.info-text.cont02 dl dd {
	padding: 8px 0px;
}


.info-title-t {
	position: relative;
	top: calc(-26px / 2); /* タイトルの高さの半分をずらす */
}
.info-title-t li:nth-child(2) {
	font-size: 26px;
	line-height: 1em;
	padding: 0px 6px;
	letter-spacing: 0.15em;
}


.extra-info {
	padding: 28px 15px 20px;
}
.extra-info-in {
	padding: 20px;
}
.extra-info .extra-catch {
	font-size: 130%;
	line-height: 1.5em;
	padding: 10px 0px 5px;
}
.extra-info .add-text {
	font-size: 95%;
	line-height: 1.6em;
	text-align: center;
}


/* extraordinary */
.extraordinary {
  padding: 30px 25px;
}
.extraordinary-in {
  padding: 30px;
}
.ex-button a {
  font-size: 15px;
  line-height: 1.3em;
  padding: 12px 30px;
  width: auto;
  display: inline-block;
}



.addinfo {
  padding: 20px 25px;
}
.addinfo a.button01 {
  font-size: 16px;
  line-height: 1.3em;
  padding: 12px 40px;
}


.addinfo {
  padding: 10px 0px 25px;
}
.addinfo a p {
  font-size: 16px;
  line-height: 1.3em;
}

.addinfo2 {
margin: 25px 0px 0px;
padding: 20px 0px 0px;
}



}




@media print, screen and (min-width: 1024px) {
.info-contents {
	padding-top: 0px;
	margin-top: 80px;
	background: url(../imgs/back_img01.jpg) center 0px;
	background-size: 130% auto;
}
#page-home .info-contents,
#page-concept .info-contents,
#page-location .info-contents,
#page-map .info-contents,
#page-plan .info-contents { /* margin補正 */
	margin-top: 30px;
}
.info-title {
	top: calc(-70px / 4); /* タイトル画像の高さの半分をずらす */
	margin: 20px 0px 0px;
}
.info-title img {
	height: calc(70px / 2);
}
.info-text {
	padding: 0px 30px;
}
.info-text .info-catch {
	font-size: 160%;
	line-height: 1.6em;
	padding: 20px 0px 12px;
}
.info-text .add-text {
	padding: 1.0em 0px 0px;
	text-align: center;
}
.info-text.cont02 {
	margin: 55px 0px 0px;
}

.info-title-t {
	position: relative;
	top: calc(-28px / 2); /* タイトルの高さの半分をずらす */
}
.info-title-t li:nth-child(2) {
	font-size: 28px;
	line-height: 1em;
	padding: 0px 6px;
	letter-spacing: 0.15em;
}

/*
.info-contents-bg {
	background: url(../imgs/back_img01.jpg) center 0px;
	height: 280%;
	width: 280%;
	background-size: 100% auto;
	margin: -20% 0px 0px -90%;
}
*/


/* extraordinary */
.extraordinary {
  padding: 25px 30px;
}
.extraordinary-in {
  padding: 35px;
}
.ex-button a {
  font-size: 16px;
  line-height: 1.3em;
  padding: 12px 30px;
}

.addinfo {
  padding: 10px 0px 30px;
}
.addinfo a p {
  font-size: 20px;
  line-height: 1.3em;
}

.addinfo2 {
margin: 30px 0px 0px;
padding: 25px 0px 0px;
}


}



@media print, screen and (min-width: 1200px) {
.info-contents {
	padding-top: 0px;
	margin-top: 90px;
	background: url(../imgs/back_img01.jpg) center 0px;
	background-size: 110% auto;
}
#page-home .info-contents,
#page-concept .info-contents,
#page-location .info-contents,
#page-map .info-contents,
#page-plan .info-contents { /* margin補正 */
	margin-top: 30px;
}
.info-title {
	margin: 25px 0px 0px;
}
.info-text {
	padding: 0px;
}
.info-text .info-catch {
	font-size: 170%;
	line-height: 1.6em;
	padding: 25px 0px 12px;
}
.info-text.cont02 {
	margin: 60px 0px 0px;
}

.info-title-t {
	position: relative;
	top: calc(-30px / 2); /* タイトルの高さの半分をずらす */
}
.info-title-t li:nth-child(2) {
	font-size: 30px;
	line-height: 1em;
	padding: 0px 6px;
	letter-spacing: 0.15em;
}

/*
.info-contents-bg {
	background: url(../imgs/back_img01.jpg) center 0px;
	height: 200%;
	width: 200%;
	background-size: 100% auto;
	margin: -20% 0px 0px -50%;
}
*/


/* extraordinary */
.extraordinary {
  padding: 25px 0px;
}
.extraordinary-in {
  padding: 35px;
}
.ex-button a {
  font-size: 17px;
  line-height: 1.3em;
  padding: 15px 35px;
}

.addinfo {
  padding: 10px 0px 35px;
}
.addinfo a p {
  font-size: 21px;
  line-height: 1.3em;
}

.addinfo2 {
	margin: 40px auto 0px;
	padding: 35px 0px 0px;
	max-width: 1200px;
}


}



@media print, screen and (min-width: 1400px) {
.info-contents {
	padding-top: 0px;
	margin-top: 100px;
}
#page-home .info-contents,
#page-concept .info-contents,
#page-location .info-contents,
#page-map .info-contents,
#page-plan .info-contents { /* margin補正 */
	margin-top: 30px;
}
.info-title {
	margin: 30px 0px 0px;
}
.info-text .info-catch {
	font-size: 170%;
	line-height: 1.6em;
	padding: 28px 0px 15px;
}
.info-text.cont02 {
	margin: 65px 0px 0px;
}


.info-title-t {
	position: relative;
	top: calc(-32px / 2); /* タイトルの高さの半分をずらす */
}
.info-title-t li:nth-child(2) {
	font-size: 32px;
	line-height: 1em;
	padding: 0px 6px;
	letter-spacing: 0.15em;
}

.addinfo2 {
	margin: 45px auto 0px;
	padding: 40px 0px 0px;
}


}

















/* Header ----------------------------------------------------------------- */
header {
	text-align: center;
	line-height: 1.0em;
	/* position: relative; */
	position: fixed;
	z-index: 100;
	height: 40px;
	width: 100%;
}
header.fixedheader {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 110;
}
body {
	margin: 0px;
}
/*
body.bodyfixed {
	margin: 40px 0px 0px;
}
*/

header .header-table-out {
	position: relative;
	background: rgba(255,255,255,0.9);
	z-index: 101;
	height: 40px;
	transition: all 0.3s;
}
header.fixedheader .header-table-out {
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);
}


/* pan */
.rootlink-out {
	padding: 7px 10px;
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
	/* background: rgba(255, 255, 255, 0.88);
	border-top: 1px solid #CCC; */
}
.rootlink-in {
	margin: 0px auto;
	max-width: 1200px;
}
.rootlink {
	display: table;
}
.rootlink li {
	padding: 0px 5px;
	display: table-cell;
}
.rootlink li span {
	padding: 0px 5px 0px 0px;
}
/*
header.fixedheader .rootlink-out {
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.2);
}
*/


header #header-table {
}
header #header-table-l {
}
header #header-table-l #header-logo {
	padding: 5px 0px 0px;
}
header #header-logo img {
	width: calc(420px / 4);
	max-width: calc(420px / 2);
	max-height: calc(116px / 2);
	height: auto;
}
header #header-table-r {
	display: none;
}

header #nav-global {
	transition: all 0.4s;
	background: rgba(255,255,255,1.0);
	margin: 0px 0px 0px auto;
	width: 80%;
	position: absolute;
	z-index: 101;
	top: 0px;
	right: -80%;
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0);
	opacity: 0;
}
header #nav-global.active {
	right: 0px;
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.6);
	opacity: 1;
}
header #nav-global li {
	text-align: left;
}
header #nav-global li:first-child {
	padding: 11px 15px;
}
header #nav-global li:first-child img {
	height: auto;
	max-width: calc(148px / 2);
	width: calc(148px / 2);
}
header #nav-global li a {
	padding: 11px 15px;
	border-bottom: 1px solid rgba(187,187,187,1.0);
	display: block;
	color: rgba(0,0,0,1.0);
	text-decoration: none;
	font-size: 15px;
	line-height: 1em;
	letter-spacing: 0em;
	position: relative;
	text-align: left;
}
header #nav-global li.new a {
	padding: 10px 15px 10px 50px;
}
header #nav-global li.new a:after {
	content: '';
	background: url(../imgs/new.png) no-repeat 0 0;
	position: absolute;
	display: inline-block;
	top: calc(50% - 8px);
	left: 15px;
	width: 30px;
	height: 22px;
	background-size: contain;
}

header #nav-global li.preparation a {
	color: rgba(200,200,200,1.0);
	cursor: default;
}
header #nav-global li:last-child a {
	border: none;
}


#page-home header #nav-global li.header-bt1 a,
#page-concept header #nav-global li.header-bt2 a,
#page-location header #nav-global li.header-bt3 a,
#page-design header #nav-global li.header-bt4 a,
#page-gallery header #nav-global li.header-bt5 a,
#page-plan header #nav-global li.header-bt6 a,
#page-access header #nav-global li.header-bt7 a,
#page-equipment header #nav-global li.header-bt8 a,
#page-outline header #nav-global li.header-bt9 a,
#page-map header #nav-global li.header-bt10 a,
#page-brand header #nav-global li.header-bt11 a,
#page-structure header #nav-global li.header-bt12 a {
	background: rgba(124,106,74,1.0);
	color: rgba(255,255,255,1.0);
	cursor: default;
}



/*
		<li><img src="common/imgs/title_menu.png" alt="Menu" width="148" height="48"></li>
		<li class="header-bt1"><a href="index.html"><p>トップ</p></a></li>
		<li class="header-bt2"><a href="concept.html"><p>コンセプト</p></a></li>
		<li class="header-bt3"><a href="location.html"><p>ロケーション</p></a></li>
		<li class="header-bt4"><a href="design.html"><p>デザイン・ランドスケープ</p></a></li>
		<li class="header-bt5 new"><a href="gallery.html"><p>ギャラリー</p></a></li>
		<li class="header-bt6 new"><a href="plan.html"><p>代表間取り</p></a></li>
		<li class="header-bt7"><a href="access.html"><p>アクセス</p></a></li>
		<li class="header-bt8 new"><a href="equipment.html"><p>設備・仕様</p></a></li>
    <li class="header-bt12 preparation"><a href="structure.html"><p>構造</p></a></li>
		<li class="header-bt11"><a href="brand.html"><p>ブランド</p></a></li>
		<li class="header-bt10"><a href="map.html"><p>現地案内図</p></a></li>
		<li class="header-bt9"><a href="outline.html"><p>物件概要</p></a></li>
*/





@media print, screen and (min-width: 375px) {
/*
body.bodyfixed {
	margin: 52px 0px 0px;
}
*/
header .header-table-out {
	height: 52px;
}
header #header-table-l {
	/* height: 52px; */
}
header #header-table-l #header-logo {
	padding: 8px 0px 0px;
}
header #header-logo img {
	width: calc(420px / 3);
}
header #nav-global {
	width: 75%;
	right: -75%;
}
header #nav-global.active {
	box-shadow: 0px 0px 55px 2px rgba(0,0,0,0.6);
}
header #nav-global li:first-child {
	padding: 12px 15px;
}
header #nav-global li a {
	padding: 13px 15px;
	font-size: 16px;
	line-height: 1em;
	letter-spacing: 0.1em;
}
header #nav-global li.new a {
	padding: 12px 15px 12px 50px;
}
header #nav-global li.new a:after {
	left: 15px;
}

/* pan */
.rootlink-out {
	padding: 9px 10px;
	font-size: 10px;
	line-height: 1.2em;
}
}


@media print, screen and (min-width: 768px) {
header .header-table-out {
	height: 70px;
}
header #header-table-l {
	/* height: 70px; */
}
/*
body.bodyfixed {
	margin: 70px 0px 0px;
}
*/
header.fixedheader .header-table-out {
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.2);
}

header #header-table-l #header-logo {
	padding: 13px 0px 0px;
}
header #header-logo img {
	width: calc(420px / 2.5);
}
header #nav-global {
	width: 50%;
	right: -50%;
}
header #nav-global.active {
	box-shadow: 0px 0px 60px 2px rgba(0,0,0,0.6);
}
header #nav-global li:first-child {
	padding: 20px;
}
header #nav-global li a {
	padding: 16px 20px;
	font-size: 18px;
	line-height: 1em;
	letter-spacing: 0.1em;
}
header #nav-global li.new a {
	padding: 15px 15px 15px 55px;
}
header #nav-global li.new a:after {
	left: 20px;
}


/* pan */
.rootlink-out {
	padding: 12px 25px;
	font-size: 11px;
	line-height: 1.2em;
}
}


@media print, screen and (min-width: 1024px) {
header .header-inner {
}
header .header-table-out {
	height: 80px;
}
header #header-table-l {
	/* height: 80px; */
}
/*
body.bodyfixed {
	margin: 80px 0px 0px;
}
*/


header #header-table-l #header-logo {
	padding: 12px 0px 0px;
	transition: all 0.4s;
}
header #header-logo img {
	width: calc(420px / 2);
	transition: all 0.4s;
}
header #nav-global {
	width: 40%;
	right: -40%;
}
header #nav-global.active {
	box-shadow: 0px 0px 70px 2px rgba(0,0,0,0.6);
}
header #nav-global li:first-child {
	padding: 25px;
}
header #nav-global li a {
	padding: 17px 25px;
	font-size: 18px;
	line-height: 1em;
	letter-spacing: 0.1em;
}
header #nav-global li.new a {
	padding: 17px 15px 17px 65px;
}
header #nav-global li.new a:after {
	left: 25px;
}


/* pan */
.rootlink-out {
	padding: 12px 30px;
	font-size: 12px;
	line-height: 1.2em;
}
}




@media print, screen and (min-width: 1200px) {
header {
	position: relative;
	height: 126px;
	background: none;
	display: block;	/* box-shadow: 0px 0px 35px 2px rgba(0,0,0,0.2); */
}
header .header-table-out {
	height: 86px;
	background: rgba(255,255,255,1.0);
}
header.fixedheader .header-table-out {
	box-shadow: none;
}
header #header-table {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
header #header-table-l {
	position: relative;
	box-shadow: none;
	height: auto;
	background: none;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}
header #header-table-l #header-logo {
	padding: 14px 0px 14px 30px;
}
header #header-table-r {
	display: table-cell;
	vertical-align: middle;
}

header #topnav-global {
	display: table;
	margin: 0px 0px 0px auto;
	transition: all 0.4s;
}
header #topnav-global li {
	display: table-cell;
	padding: 0px 0px 0px 2px;
}
header #topnav-global li.h-map a,
header #topnav-global li.h-outline a {
	font-size: 100%;
	line-height: 1em;
	color: #000;
	padding: 10px 20px;
	border: 1px solid rgba(186,186,186,1.0);
	background: #FFF;
	display: block;
	transition: all 0.4s;
	position: relative;
}
header #topnav-global li.h-map a:hover,
header #topnav-global li.h-outline a:hover {
	font-size: 100%;
	line-height: 1em;
	color: rgba(255,255,255,1.0);
	padding: 10px 20px;
	border: 1px solid rgba(0,0,0,0.5);
	background: rgba(124,106,74,1.0);
	display: block;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);
}

header #topnav-global li.request a {
	font-size: 100%;
	line-height: 1em;
	color: rgba(255,255,255,1.0);
	padding: 10px 25px;
	border: 1px solid rgba(124,106,74,1.0);
	background: linear-gradient(120deg, rgba(210, 189, 130, 1.0), rgba(124,106,74,1.0));
	display: block;
	transition: all 0.4s;
	position: relative;
}
header #topnav-global li.reserve a {
	font-size: 100%;
	line-height: 1em;
	color: rgba(255,255,255,1.0);
	padding: 10px 25px;
	border: 1px solid rgba(193,118,98,1.0);
	background: linear-gradient(120deg, rgba(232, 132, 98, 1.0), rgba(193,118,98,1.0));
	display: block;
	transition: all 0.4s;
	position: relative;
}
header #topnav-global li.reserve a p,
header #topnav-global li.request a p {
	position: relative;
	z-index: 3;
}
header #topnav-global li.request a:hover,
header #topnav-global li.reserve a:hover {
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);
}

header #topnav-global li.reserve a:after,
header #topnav-global li.request a:after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(120deg, rgba(250, 240, 200, 1.0), rgba(124,106,74,1.0));
	opacity: 0; 
  transition: all 0.4s;
}
header #topnav-global li.reserve a:after {
  background: linear-gradient(120deg, rgba(255, 180, 180, 1.0), rgba(193,118,98,1.0));
}
header #topnav-global li.reserve a:hover:after,
header #topnav-global li.request a:hover:after {
  opacity: 1;
}



#page-map header #topnav-global li.h-map a,
#page-outline #topnav-global li.h-outline a {
	color: rgba(255,255,255,1.0);
	border: 1px solid rgba(0,0,0,0.5);
	background: rgba(124,106,74,1.0);
	transform: translateY(-2px);
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);
}


header .global-out {
	background: rgba(240, 240, 240, 0.88);
	position: relative;
	transition: all 0.4s;
}
header #nav-global {
	display: block;
	width: auto;
	position: relative;
	right: auto;
	opacity: 1;
}
header #nav-global {
	margin: 0px auto;
	max-width: 1200px;
	background: none;
	display: table;
	width: 100%;
}
header #nav-global li:first-child {
	display: none;
}
header #nav-global li {
	display: table-cell;
	position: relative;
	text-align: center;
	/* background: #9CC; */
}
header #nav-global li a,
header #nav-global li.new a {
display: block;
text-decoration: none;
white-space: nowrap;
border: none;
letter-spacing: 0em;
text-align: center;
padding: 12px 20px 0px;
height: 40px;
font-size: 15px;
}




header #nav-global li.new a:after {
	top: -5px;
	left: 0px;
}
header #nav-global li.preparation a {
	color: rgba(140,140,140,1.0);
}

header #nav-global li:not(.preparation) a:hover {
	color: rgba(124,106,74,1.0) !important;
}
header #nav-global li:not(.preparation):after {
	content: "";
	display: block;
	position: absolute;
	left: 49%;
	width: 1%;
	height: 3px;
	background: rgba(124,106,74,1.0);
	bottom: 0px;
	transition: all 0.3s;
	opacity: 0;
}
header #nav-global li:not(.preparation).active:after {
	left: 0%;
	width: 100%;
	opacity: 0.6;
}

#page-home header #nav-global li.header-bt1 a,
#page-concept header #nav-global li.header-bt2 a,
#page-location header #nav-global li.header-bt3 a,
#page-design header #nav-global li.header-bt4 a,
#page-gallery header #nav-global li.header-bt5 a,
#page-plan header #nav-global li.header-bt6 a,
#page-access header #nav-global li.header-bt7 a,
#page-equipment header #nav-global li.header-bt8 a,
#page-brand header #nav-global li.header-bt11 a,
#page-structure header #nav-global li.header-bt12 a {
	color: rgba(124,106,74,1.0);
	background: none;
}
#page-home header #nav-global li.header-bt1:after,
#page-concept header #nav-global li.header-bt2:after,
#page-location header #nav-global li.header-bt3:after,
#page-design header #nav-global li.header-bt4:after,
#page-gallery header #nav-global li.header-bt5:after,
#page-plan header #nav-global li.header-bt6:after,
#page-access header #nav-global li.header-bt7:after,
#page-equipment header #nav-global li.header-bt8:after,
#page-brand header #nav-global li.header-bt11:after,
#page-structure header #nav-global li.header-bt12:after {
	left: 0%;
	width: 100%;
	opacity: 1.0;
	bottom: 0px;
}


header #nav-global li.header-bt9,
header #nav-global li.header-bt10 {
	display: none;
}



header.fixedheader {
	height: 60px;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 110;
}
header.fixedheader #header-logo img {
	height: auto;
	width: 160px;
}
header.fixedheader #header-table-l #header-logo {
	padding: 5px 10px 10px 0px;
	margin: 0px;
}
/*
header.fixedheader #header-table-r {
	margin: 10px 10px 0px 0px;
}
header.fixedheader .global-out {
	z-index: 109;
}
*/
header.fixedheader .header-table-out {
	height: 60px;
}

header.fixedheader #nav-global li a {
	height: 34px;
	padding: 9px 25px;
}
header.fixedheader .global-out {
	background: rgba(252, 252, 252, 0.88);
	box-shadow: 0px 12px 20px 0px rgba(0,0,0,0.3);
}
body {
	margin: 0px;
}
body.bodyfixed {
	margin: 126px 0px 0px;
}
article {
	margin: -40px 0px 0px;
	/* padding: 40px 0px 0px; */
}




/* pan */
.rootlink-out {
	padding: 14px 0px;
	font-size: 13px;
	line-height: 1.2em;
}
}


@media print, screen and (min-width: 1400px) {

}











/* page-mainvisual ----------------------------------------------------------------- */
#page-mainvisual {
	position: relative;
	overflow: hidden;
}
#page-mainvisual .back-img {
	margin: 0px 0px 0px -15%;
	position: relative;
}
#page-mainvisual .back-img img {
	position: relative;
}
#page-mainvisual .back-img img {
	height: auto;
	width: 130%;
	display: block;
}
#page-mainvisual .page-img-out {
	position: absolute;
	height: 100%;
	left: 10px;
	top: 0px;
	z-index: 1;
	width: calc(100% - 10px); /* left分を引く */
	/* background: #CCF; */
}

#page-mainvisual .page-img {
	/* position: absolute;
	height: 100%;
	left: 10px;
	top: 0px; */
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: end;
	align-content: flex-end;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}
#page-mainvisual li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}	
#page-mainvisual li.page-catch {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#page-mainvisual li.page-catch .alpha-title {
	padding: 0px 0px 5px 10px;
}
#page-mainvisual li.page-catch .alpha-title img {
	height: 100%;
	max-height: calc(70px / 3);
	width: auto;
	display: block;
}
#page-mainvisual li.page-sub {
}
#page-mainvisual li.page-sub .catch-title {
	font-size: 15px;
	line-height: 1.5em;
	color: rgba(255, 255, 255, 1.0);
	padding: 5px 0px 24% 10px;
}

#page-mainvisual li.page-sub .cap-text {
	/*
	color: rgba(255, 255, 255, 1.0);
	background: rgba(0, 0, 0, 0.9);
	padding: 2px 6px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 11px;
	line-height: 1.2em;
	*/
	font-size: 11px;
	line-height: 1.5em;
	color: rgba(255,255,255,1.0);
	background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0));
	padding: 20px 3px 2px;
	
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 1.0), 1px 1px 16px rgba(0, 0, 0, 1.0), 1px 1px 24px rgba(0, 0, 0, 1.0), 1px 1px 32px rgba(0, 0, 0, 1.0);
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: right;
}

#page-outline #page-mainvisual li.page-sub .catch-title,
#page-map #page-mainvisual li.page-sub .catch-title { /* 概要補正 現地案内補正*/
	padding: 5px 0px 12% 10px;
}


@media print, screen and (min-width: 375px) {
/* page-mainvisual ----------------------------------------------------------------- */
#page-mainvisual .back-img {
	margin: 0px 0px 0px -10%;
}
#page-mainvisual .back-img img {
	height: auto;
	width: 120%;
	display: block;
}
#page-mainvisual .page-img-out {
	left: 15px;
	width: calc(100% - 15px); /* left分を引く */
}	
#page-mainvisual li.page-catch .alpha-title {
	padding: 0px 0px 5px 10px;
}
#page-mainvisual li.page-catch .alpha-title img {
	max-height: calc(70px / 3);
}
#page-mainvisual li.page-sub .catch-title {
	font-size: 16px;
	line-height: 1.5em;
	padding: 5px 0px 20% 10px;
}

#page-outline #page-mainvisual li.page-sub .catch-title,
#page-map #page-mainvisual li.page-sub .catch-title { /* 概要補正 現地案内補正*/
	padding: 5px 0px 8% 10px;
}
}



@media print, screen and (min-width: 768px) {
/* page-mainvisual ----------------------------------------------------------------- */
#page-mainvisual .back-img {
	margin: 0px 0px 0px -5%;
}
#page-mainvisual .back-img img {
	height: auto;
	width: 110%;
	display: block;
}
#page-mainvisual .page-img-out {
	left: 25px;
	width: calc(100% - 25px); /* left分を引く */
}	
#page-mainvisual li.page-catch .alpha-title {
	padding: 0px 0px 5px 10px;
}
#page-mainvisual li.page-catch .alpha-title img {
	max-height: calc(70px / 2);
}
#page-mainvisual li.page-sub .catch-title {
	font-size: 20px;
	line-height: 1.5em;
	padding: 5px 0px 20% 10px;
	letter-spacing: 0.1em;
}
#page-mainvisual li.page-sub .cap-text {
	padding: 3px 8px;
	font-size: 11px;
	line-height: 1.2em;
}

#page-mainvisual li.page-sub .cap-text {
	font-size: 12px;
	line-height: 1.5em;
	padding: 25px 10px 2px 3px;
}

#page-outline #page-mainvisual li.page-sub .catch-title,
#page-map #page-mainvisual li.page-sub .catch-title { /* 概要補正 現地案内補正*/
	padding: 5px 0px 11% 10px;
}
}

@media print, screen and (min-width: 1024px) {
/* page-mainvisual ----------------------------------------------------------------- */
#page-mainvisual .back-img {
	margin: 0px 0px 0px -2.5%;
}
#page-mainvisual .back-img img {
	height: auto;
	width: 105%;
	display: block;
}
#page-mainvisual .page-img-out {
	left: 30px;
	width: calc(100% - 30px); /* left分を引く */
}	
#page-mainvisual li.page-catch .alpha-title {
	padding: 0px 0px 7px 12px;
}
#page-mainvisual li.page-sub .catch-title {
	font-size: 22px;
	line-height: 1.5em;
	padding: 7px 0px 19% 12px;
}

}

@media print, screen and (min-width: 1200px) {
/* page-mainvisual ----------------------------------------------------------------- */
#page-mainvisual .back-img {
	margin: -3% 0px 0px;
}
#page-mainvisual .back-img img {
	height: auto;
	width: 100%;
	display: block;
}
#page-mainvisual .page-img-out {
	left: 40px;
	width: calc(100% - 40px); /* left分を引く */
}	
#page-mainvisual li.page-catch .alpha-title {
	padding: 0px 0px 9px 14px;
}
#page-mainvisual li.page-sub .catch-title {
	font-size: 24px;
	line-height: 1.5em;
	padding: 9px 0px 19% 14px;
}

}

@media print, screen and (min-width: 1400px) {
/* page-mainvisual ----------------------------------------------------------------- */
#page-mainvisual .back-img {
	margin: -5% 0px 0px;
	max-height: 700px;
}
#page-mainvisual .page-img-out {
	left: calc(50% - 600px);
	/* width: calc(100% - (50% - 600px)); */ /* maxwidthに合わせる */
	width: calc(100% - 50% + 600px);
}	
#page-mainvisual li.page-catch .alpha-title {
	padding: 0px 0px 9px 14px;
}
#page-mainvisual li.page-sub .catch-title {
	font-size: 24px;
	line-height: 1.5em;
	padding: 9px 0px 20% 14px;
}

}









/* bottom-nav ----------------------------------------------------------------- */
section.bottom-nav {
	background: rgba(245,245,245, 1.0);
	padding: 0px 15px;
	border-top: 1px solid rgba(187,187,187, 1.0);
	border-bottom: 1px solid rgba(187,187,187, 1.0);
}
.bottom-link {
	display: table;
	width: 100%;
}
.bottom-link li {
	display: table-cell;
}
.bottom-link .link-prev {
	text-align: left;
}
.bottom-link .link-next {
	text-align: right;
}
.bottom-link .link-prev a,
.bottom-link .link-next a {
	letter-spacing: 0em;
	display: block;
	padding: 9px 0px;
	position: relative;
	font-size: 100%;
	line-height: 1.5em;
}
.bottom-link .link-next a:after {
	content: " ";
	width: 8px;
	height: 8px;
	display: inline-block;
	position: relative;
	border: 1px solid;
	top: 0;
	left: 0;
	border-color: rgba(85,85,85, 1.0) rgba(85,85,85, 1.0) transparent transparent;
	transform: rotate(45deg);
	vertical-align: baseline;
}
.bottom-link .link-prev a:before {
	content: " ";
	width: 8px;
	height: 8px;
	display: inline-block;
	position: relative;
	border: 1px solid;
	top: 0;
	left: 0;
	border-color:  transparent transparent rgba(85,85,85, 1.0) rgba(85,85,85, 1.0);
	transform: rotate(45deg);
	vertical-align: baseline;
}


@media print, screen and (min-width: 375px) {
.bottom-link .link-prev a,
.bottom-link .link-next a {
	padding: 11px 0px;
	font-size: 100%;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 768px) {
section.bottom-nav {
	padding: 0px 25px;
}
.bottom-link .link-prev a,
.bottom-link .link-next a {
	padding: 12px 0px;
	font-size: 105%;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 1024px) {
section.bottom-nav {
	padding: 0px 30px;
}
.bottom-link .link-prev a,
.bottom-link .link-next a {
	padding: 13px 0px;
	font-size: 107%;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 1200px) {
section.bottom-nav {
	padding: 0px 40px;
}
.bottom-link .link-prev a,
.bottom-link .link-next a {
	padding: 14px 0px;
	font-size: 110%;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 1400px) {

}









/* column-table ----------------------------------------------------------------- */
.column-table {
	padding: 15px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.column-table li.column-l {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	padding: 0px 0px 10px;
}
.column-table li.column-l .photo {
	padding: 0px 15px;
}
.column-table li.column-l img {
	height: auto;
	width: 100%;
	display: block;
}
.column-table li.column-r {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

@media print, screen and (min-width: 375px) {
/* column-table ----------------------------------------------------------------- */
.column-table {
	padding: 20px 0px 0px;
}
.column-table li.column-l {
	padding: 0px 0px 20px;
}
.column-table li.column-l .photo {
	padding: 0px 15px;
}

}


@media print, screen and (min-width: 768px) {
/* column-table ----------------------------------------------------------------- */
.column-table {
	padding: 25px 25px 0px;
}
.column-table li.column-l {
	-ms-flex-preferred-size: calc(50% - 20px);
	flex-basis: calc(50% - 20px);
	padding: 0px;
}
.column-table li.column-l .photo {
	padding: 0px;
}
.column-table li.column-r {
	-ms-flex-preferred-size: calc(50% - 20px);
	flex-basis: calc(50% - 20px);
}
#column-block .cont-text {
	text-align: left;
	padding: 0px;
}
}


@media print, screen and (min-width: 1024px) {
/* column-table ----------------------------------------------------------------- */
.column-table {
	padding: 30px 30px 0px;
}
.column-table li.column-l {
	-ms-flex-preferred-size: calc(50% - 25px);
	flex-basis: calc(50% - 25px);
	padding: 0px;
}
.column-table li.column-l .photo {
	padding: 0px;
}
.column-table li.column-r {
	-ms-flex-preferred-size: calc(50% - 25px);
	flex-basis: calc(50% - 25px);
}
#column-block .cont-text {
	text-align: left;
	padding: 0px;
}
}


@media print, screen and (min-width: 1200px) {
/* column-table ----------------------------------------------------------------- */
.column-table {
	padding: 40px 0px 0px;
}
.column-table li.column-l {
	-ms-flex-preferred-size: calc(1162px / 2);
	flex-basis: calc(1162px / 2);
	padding: 0px;
}
.column-table li.column-l .photo {
	padding: 0px;
}
.column-table li.column-r {
	-ms-flex-preferred-size: calc(100% - 631px);
	flex-basis: calc(100% - 631px); /* 581 + 50 */
}
#column-block .cont-text {
	text-align: left;
	padding: 0px;
}
}


@media print, screen and (min-width: 1400px) {
/* column-table ----------------------------------------------------------------- */
.column-table {
	padding: 50px 0px 0px;
}
#column-block .cont-text {
	text-align: left;
	padding: 0px;
}
}









/* catch-copy cont-text photo-img section-lead ----------------------------------------------------------------- */
.catch-copy,
.catch-copy-s {
	max-width: 1200px;
	padding: 0px 15px 1em;
	font-size: 125%;
	line-height: 1.6em;
	margin: 0px auto;
	font-weight: 500;
}
.catch-copy-s {
	font-size: 120%;
	line-height: 1.6em;
	font-weight: 500;
}
.cont-text {
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0px auto;
}
.photo-img img {
	height: auto;
	width: 100%;
}

.section-lead {
	font-size: 130%;
	line-height: 1.6em;
	padding: 0px 0px 15px;
}

@media print, screen and (min-width: 375px) {
.catch-copy {
	padding: 0px 15px 1em;
	font-size: 135%;
	line-height: 1.6em;
}
.catch-copy-s {
	padding: 0px 15px 1em;
	font-size: 130%;
	line-height: 1.6em;
}
.cont-text {
	padding: 0px 15px;
}

.section-lead {
	font-size: 135%;
	line-height: 1.6em;
	padding: 0px 0px 20px;
}
}

@media print, screen and (min-width: 768px) {
.catch-copy {
	padding: 0px 25px 1em;
	font-size: 155%;
	line-height: 1.6em;
	text-align: center;
	letter-spacing: 0.05em;
}
.catch-copy-s {
	padding: 0px 25px 1em;
	font-size: 140%;
	line-height: 1.6em;
}
.cont-text {
	padding: 0px 25px;
	text-align: center;
	font-size: 100%;
	line-height: 2.2em;
	letter-spacing: 0.1em;
}

.section-lead {
	font-size: 150%;
	line-height: 1.6em;
	padding: 0px 0px 25px;
	text-align: center;
}
}

@media print, screen and (min-width: 1024px) {
.catch-copy {
	padding: 0px 30px 1em;
	font-size: 170%;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}
.catch-copy-s {
	padding: 0px 30px 1em;
	font-size: 150%;
	line-height: 1.6em;
}
.cont-text {
	padding: 0px 30px;
	font-size: 102%;
	line-height: 2.4em;
	letter-spacing: 0.1em;
}

.section-lead {
	font-size: 155%;
	line-height: 1.6em;
	padding: 0px 0px 28px;
	text-align: center;
}
}

@media print, screen and (min-width: 1200px) {
.catch-copy {
	padding: 0px 0px 1em;
	font-size: 190%;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}
.catch-copy-s {
	padding: 0px 0px 1em;
	font-size: 160%;
	line-height: 1.6em;
}
.cont-text {
	padding: 0px;
	font-size: 104%;
	line-height: 2.5em;
	letter-spacing: 0.15em;
}

.section-lead {
	font-size: 160%;
	line-height: 1.6em;
	padding: 0px 0px 30px;
	text-align: center;
}
}

@media print, screen and (min-width: 1400px) {

}








/*
<section id="bottom-contents">
  <ul class="bottom-list line01">
		 <li class="list-row01">
			<p>
				<div class="tel-info"><p>お問い合わせ／オーベルコート三鷹上連雀 販売準備室</p></div>
				<div class="tel-num"><a href="tel:0120705011"><img src="common/imgs/tel_num.png" alt="フリーダイヤル0120-705-011" width="636" height="68" border="0"></a></div>
				<div class="tel-num-call"><a href="tel:0120705011"><p>電話をかける</p></a></div>
				<div class="tel-info2"><p>営業時間／10:00〜17:00  <br class="sp-br">定休日／水・木曜日定休</p></div>
      </p>
		</li>
  </ul>
</section><!-- bottom-contents -->
*/

/* bottom-contents ----------------------------------------------------------------- */
section#bottom-contents {
	margin: 0px;
	/* padding: 25px 15px; */
	overflow: hidden;
	border-bottom: 1px solid rgba(187,187,187, 1.0);
	background: rgba(231, 236, 229, 1.0);
	padding-top: 10px;
	padding-bottom: 10px;	/* color: rgba(84,36,30,1.0); */
}
.bottom-list.line01 {
	display: block;
	text-align: center;
	padding: 0px 15px;
}
.bottom-list .tel-info {
	font-size: 11px;
	line-height: 1.5em;
	padding: 0px 0px 10px;
	display: block;
}
.bottom-list .tel-num {
	padding: 0px 0px 4px;
	display: block;
}
.bottom-list .tel-num img {
	height: auto;
	max-width: calc(636px / 2);
	width: 90%;
	display: block;
	margin: 0px auto;
}
.bottom-list .tel-num-call {
}
.bottom-list .tel-num-call a {
	font-size: 14px;
	line-height: 1.2em;
	text-align: center;
	display: block;
	color: #FFF;
	background: rgba(124,106,74,1.0);
	padding: 5px;
	margin: 0px auto;
	width: 90%;
	max-width: calc(636px / 2);
}
.bottom-list .tel-info2 {
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	display: block;
	padding: 10px 0px 0px;
}

@media print, screen and (min-width: 375px) {
section#bottom-contents {
	padding-top: 10px;
	padding-bottom: 10px;
}
.bottom-list .tel-info {
	font-size: 12px;
	line-height: 1.5em;
}
.bottom-list .tel-num img {
	width: 80%;
}
.bottom-list .tel-num-call a {
	font-size: 15px;
	line-height: 1.2em;
	width: 80%;
}
.bottom-list .tel-info2 {
	font-size: 13px;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 768px) {
section#bottom-contents {
	padding-top: 15px;
	padding-bottom: 15px;
}
.bottom-list .tel-info {
	font-size: 13px;
	line-height: 1.5em;
}
.bottom-list .tel-info2 {
	font-size: 14px;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 1024px) {
section#bottom-contents {
	padding-top: 18px;
	padding-bottom: 18px;
}
.bottom-list .tel-info {
	font-size: 14px;
	line-height: 1.5em;
}
.bottom-list .tel-info2 {
	font-size: 15px;
	line-height: 1.5em;
}
}

@media print, screen and (min-width: 1200px) {
section#bottom-contents {
	padding-top: 20px;
	padding-bottom: 20px;
}
.bottom-list .tel-num-call {
	display: none;
}
}

@media print, screen and (min-width: 1400px) {
section#bottom-contents {
	padding-top: 20px;
	padding-bottom: 20px;
}
}










/*
<div id="sp-footer">
<!-- <div id="sp-nav-disp">
		<ul class="sp-nav-footer">
			<li class="footer-bt1"><a href="../"><p>トップ</p></a></li>
			<li class="footer-bt2"><a href="../concept/index.html"><p>コンセプト</p></a></li>
			<li class="footer-bt3"><a href="../location/index.html"><p>ロケーション</p></a></li>
			<li class="footer-bt4 preparation"><a href="../design/index.html"><p>デザイン・ランドスケープ</p></a></li>
			<li class="footer-bt5 preparation"><a href="../gallery/index.html"><p>ギャラリー</p></a></li>
			<li class="footer-bt6"><a href="../plan/index.html"><p>代表間取り</p></a></li>
			<li class="footer-bt7"><a href="../access/index.html"><p>アクセス</p></a></li>
			<li class="footer-bt8 preparation"><a href="../equipment/index.html"><p>設備・仕様</p></a></li>
		</ul>
	</div> --><!-- sp-nav-disp -->

	<ul id="sp-bot-menu">
		<li class="bot-bt1"><a href="tel:0120705011"><img src="common/imgs/menu_icon_01.png" alt="ＴＥＬ0120-705-011" width="112" height="90"></a></li>
		<li class="bot-bt2"><a href="map/index.html"><img src="common/imgs/menu_icon_02.png" alt="現地案内図" width="112" height="90"></a></li>
		<li class="bot-bt3"><a href="#"><img src="common/imgs/menu_icon_03.png" alt="資料請求" width="112" height="90"></a></li>
		<li class="bot-bt4"><a href="#"><img src="common/imgs/menu_icon_04.png" alt="見学予約" width="112" height="90"></a></li>
	</ul><!-- nav-footer -->
</div><!-- sp-footer -->
*/


/* sp-bot-menu ----------------------------------------------------------------- */
#sp-footer #sp-bot-menu {
	display: table;
	width: 100%;
	position: fixed;
	bottom: -100px;
	/* bottom: 0px; */
	left: 0px;
	z-index: 90;
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
}
#sp-footer #sp-bot-menu li {
	text-align: center;
	width: 25%;
	display: table-cell;
	border-right: 1px solid #878787;
}
#sp-footer #sp-bot-menu li a img {
	height: auto;
	max-width: calc(112px / 2.5);
	width: 100%;
	margin: 0px auto;
	display: block;
}
#sp-footer #sp-bot-menu li {
}

#sp-footer #sp-bot-menu li a {
	background: linear-gradient(120deg, rgba(170, 170, 170, 1.0), rgba(119,119,119,1.0));
	display: block;
	padding: 2px;
}
#sp-footer #sp-bot-menu li:nth-child(1) a {
}
#sp-footer #sp-bot-menu li:nth-child(2) a {
}
#sp-footer #sp-bot-menu li:nth-child(3) a {
	background: linear-gradient(120deg, rgba(210, 189, 130, 1.0), rgba(124,106,74,1.0));
}
#sp-footer #sp-bot-menu li:nth-child(4) a {
	background: linear-gradient(120deg, rgba(255, 180, 180, 1.0), rgba(193,118,98,1.0));
}
#sp-footer #sp-bot-menu li:last-child {
	border: none;
}
#sp-footer #sp-bot-menu .bot-bt-on {
	display: none;
}





/* Footer ----------------------------------------------------------------- */
#footer-global {
	margin: 0px;
	padding: 15px 0px 85px;
	overflow: hidden;
	background: rgba(255, 255, 255, 1.0);
	text-align: center;
}
.obercourt-footer {
	margin: 0px auto 20px;
}
.obercourt-footer li {
}
.obercourt-footer li a {
	font-size: 13px;
	line-height: 1.5em;
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
	transition: all 0.5s;
}
.obercourt-footer li a::before,
.obercourt-footer li a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
		transition: all 0.5s;
}
.obercourt-footer li a::before{
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 1.0);
}
.obercourt-footer li a::after{
    left: 6px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
}
.obercourt-footer li a:hover {
	color: rgba(124,106,74,1.0);
}
.obercourt-footer li a:hover::before {
    background: rgba(124,106,74,1.0);
}

/* footer-bot */
#footer-bot {
	padding: 0px 15px 25px;
	border-bottom: 1px solid rgba(185,185,185,1.0);
}
#footer-company {
}
#footer-company li {
	text-align: center;
	overflow: hidden;
}
#footer-company li:first-child {
	padding: 0px 0px 20px;
}
#footer-company img {
	height: auto;
	width: 90%;
	display: block;
	margin: 0px auto;
	max-width: calc(766px / 2);
}
#footer-company li:last-child {
	margin: 0px 0px 0px -6%;
}

/* footer-copyright */
#footer-copyright {
	font-size: 11px;
	line-height: 1.5em;
	padding: 20px 15px;
}


/* footer-bot */
/*
#footer-bot {
	padding: 0px 15px 30px;
	border-bottom: 1px solid #CCC;
}
#footer-company {
}
#footer-company li {
	text-align: center;
}
#footer-company li:first-child {
	padding: 0px 0px 25px;
}
#footer-company img {
	width: 90%;
}
*/

@media print, screen and (min-width: 375px) {
/* sp-bot-menu ----------------------------------------------------------------- */
#sp-footer #sp-bot-menu li a img {
	height: auto;
	max-width: calc(112px / 2);
	width: 100%;
	margin: 0px auto;
	display: block;
}
#sp-footer #sp-bot-menu li a {
	padding: 4px 2px;
}
}


@media print, screen and (min-width: 768px) {
/* sp-bot-menu ----------------------------------------------------------------- */
#sp-footer #sp-bot-menu li a {
	padding: 5px 2px;
}

/* footer-global */
#footer-global {
	padding: 25px 0px 100px;
}
.obercourt-footer {
	margin: 0px auto 25px;
	display: table;
}
.obercourt-footer li {
	display: table-cell;
}
.obercourt-footer li:first-child {
	padding: 0px 10px 0px 0px;
}
.obercourt-footer li:last-child {
	padding: 0px 0px 0px 10px;
}
.obercourt-footer li a {
	font-size: 13px;
	line-height: 1.5em;
	padding: 0 0 0 16px;
}
.obercourt-footer li a::before{
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 1.0);
}
.obercourt-footer li a::after{
    left: 6px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
}


/* footer-bot */
#footer-bot {
	padding: 0px 15px 30px;
}
#footer-company {
	display: table;
	margin: 0px auto;
}
#footer-company li {
	text-align: center;
	display: table-cell;
}
#footer-company li:first-child {
	padding: 0px 15px 0px 0px;
	text-align: right;
}
#footer-company li:last-child {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	text-align: left;
}
#footer-company img {
	width: 90%;
	display: inline-block;
}


/* footer-copyright */
#footer-copyright {
	font-size: 12px;
	line-height: 1.5em;
	padding: 25px;
}



}


@media print, screen and (min-width: 1024px) {
#footer-global {
	padding: 30px 0px 100px;
}
.obercourt-footer {
	margin: 0px auto 30px;
	display: table;
}
.obercourt-footer li {
	display: table-cell;
}
.obercourt-footer li:first-child {
	padding: 0px 14px 0px 0px;
}
.obercourt-footer li:last-child {
	padding: 0px 0px 0px 14px;
}
.obercourt-footer li a {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0 0 0 19px;
}
.obercourt-footer li a::before{
    width: 16px;
    height: 16px;
}
.obercourt-footer li a::after{
    left: 7px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}


}



@media print, screen and (min-width: 1200px) {

#footer-global {
	padding: 35px 0px;
}
.obercourt-footer {
	margin: 0px auto 35px;
}
.obercourt-footer li:first-child {
	padding: 0px 16px 0px 0px;
}
.obercourt-footer li:last-child {
	padding: 0px 0px 0px 16px;
}
.obercourt-footer li a {
	font-size: 15px;
	line-height: 1.5em;
	padding: 0 0 0 20px;
}


/* footer-bot */
#footer-bot {
	padding: 0px 15px 40px;
}
#footer-company li:first-child {
	padding: 0px 20px 0px 0px;
	text-align: right;
}
#footer-company li:last-child {
	padding: 0px 0px 0px 20px;
	text-align: left;
}
#footer-company img {
	width: 100%;
}


/* footer-copyright */
#footer-copyright {
	font-size: 13px;
	line-height: 1.5em;
	padding: 30px 0px 0px;
}


#sp-footer {
	display: none;
}


#footer-global {
	margin: 0px;
	padding: 30px 0px;
}
#footer-toyota li {
	padding: 0px;
	-ms-flex-preferred-size: calc(50% - 60px);
	flex-basis: calc(50% - 60px);
}
#footer-toyota-inc {
	display: block;
	margin: 0px;
	padding: 0px;
}



}

@media print, screen and (min-width: 1400px) {

}