@charset "utf-8";

/* = base.php
----------------------------------------------- */

html,body {
  margin: 0; padding: 0; height: 100%; width: 100%; /* フッター固定に必要な記述 */
  max-width:100% !important;overflow-x:hidden;
  font-size:10px;
  }
html #wrap, html #footer{
	opacity:0;
  visibility: hidden;
  -webkit-transition: all .5s;
  transition: all .5s;
}
html.wf-active #wrap, html.wfno-load #wrap, html.wf-active #footer, html.wfno-load #footer{
opacity:1;
  visibility: visible;
}
body {
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:400;
	color: #1A1A1A;
	background-color:#fefefe;}
	
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}	

.PC {
	display: block;}
.SP {
	display: none;}
a,a:link,a:visited,a:active {
}
a:hover {
	text-decoration: none;}



/* = header.php
----------------------------------------------- */

#skrollr-body {
  position: absolute; top: 0px; left: 0; height: 100%; width: 100%; /* フッター固定に必要な記述 */}
#wrap {
  width:100%;
  margin: 0 auto 0;
  height: auto; /* フッター固定に必要な記述 */
  }
  

.logoWrap{
	mix-blend-mode: difference;
	position: fixed;
	z-index:100;
	top:35.4rem;
	left:0;
	padding-left:4.6vw;
}

.logo{
	width:9.2vw;
	height:auto;
}
.socialIcon{
	width:2.2rem;
	height:auto;
}
#header{
	
}
.globalNav{
	width: 18.4375%;
	height: calc(100% - 35rem);
	position: fixed;
	z-index:100;
	right: 0;
	bottom: 0;
	padding-left:5.4vw;
	padding-bottom:4.4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
}
.globalNav ul li{
	margin-bottom:1.5rem;
}
.globalNav ul li a{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.175em;
	font-weight: 400;
	text-decoration: none;
	position:relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	left: -1.4rem;
}
.globalNav ul li a span{
	display:block;
	cursor:pointer;
	overflow-y: hidden;
	color: transparent !important;
  text-shadow: 0 -2.5em 0 #1a1a1a, 0 0 0 #1a1a1a;
  transition: text-shadow 0.3s;
  height:2.4rem;
  display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position:relative;
padding-left: 1.4rem;
}
.globalNav ul li a:hover{
	font-weight: 600;
}
.globalNav ul li a:hover span{
	text-shadow: 0 0 0 #1a1a1a, 0 2.5em 0 #1a1a1a;
}
.globalNav ul li a.current{
	font-weight: 600;
}
.globalNav ul li a.current span::after{
	content:"";
	position:absolute;
	top: 50%;
	left: 0;
	margin-top: -.2rem;
	width:.4rem;
	height:.4rem;
	border-radius:100%;
	background:#1A1A1A;
}

.headerSocial{
	width: 18.4375%;
	height: auto;
	position: fixed;
	z-index:100;
	right: 0;
	top: 0;
	padding-left:5.4vw;
	padding-right:2.8vw;
	padding-top:5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.headerSocial p{
	font-family: maple-web, sans-serif;
	font-size: 1.2rem;
	line-height: 2.2rem;
	color: #1A1A1A;
	letter-spacing: 0.075em;
	font-weight: 400;
	text-decoration: none;
}
.headerSocial span{
	width:2.2rem;
	height:1px;
	background:#1a1a1a;
	margin-top:1rem;
}
.copyright{
	position: fixed;
	z-index:100;
	bottom:0;
	left:0;
	padding-left:4.6vw;
	padding-bottom:4.4rem;
	font-family: maple-web, sans-serif;
	font-size: .8rem;
	line-height: 1.8em;
	color: #ffffff;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;	
	mix-blend-mode: difference;
}

.headerSche h3{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.2em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: .4rem;
}
.headerSche{
	margin-top:4rem;
}
.headerSche p{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	padding-top: .2rem;
	padding-left:1.5em;
	border-left:solid 1px #1a1a1a; 
}
.headerSche a{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1a1a1a !important;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none !important;
	position:relative;
	padding-right:2rem;
}
.announceLink::after{
	content:"";
	width: 1.4rem;
	height: 1.4rem;
	background-image:url(images/outerLink.svg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	right:0;
}
.headerSche p span{
	font-size: 1.1rem;
	white-space:nowrap;
}
.headerScheInnerWrap p:not(:first-child){
	display:none !important;
}

/* = common
----------------------------------------------- */

.serif{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.05em;
	font-weight: 600;
	text-decoration: none;
}
.sans-serif{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.05em;
	font-weight: 600;
	text-decoration: none;
}
.maple{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.05em;
	font-weight: 400;
	text-decoration: none;
}

.contentWrap{
	width:81.5625%;
}
.innerWrap{
	width:77%;
	margin-left:23%;
}
.subWrap{
	padding:0 6.9rem;
}
.topNewsWrap .subWrap{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}

.portrait32{
	width:100%;
	height:0;
	padding-top:150%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.portrait43{
	width:100%;
	height:0;
	padding-top:133.3333%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.portrait54{
	width:100%;
	height:0;
	padding-top:125%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.square{
	width:100%;
	height:0;
	padding-top:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape23{
	width:100%;
	height:0;
	padding-top:66.6666%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape34{
	width:100%;
	height:0;
	padding-top:75%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape12{
	width:100%;
	height:0;
	padding-top:42.5532%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape916{
	width:100%;
	height:0;
	padding-top:56.25%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.portraitAuto{
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.imgLink{
	display:block;
	width: 100%;
	height: 0;
	position:relative;
	overflow:hidden;
}
.coverImg{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	transform-origin:center;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.imgLink:hover .coverImg{
	-webkit-transform: translate(-50%, -50%) scale(1.04);
	transform: translate(-50%, -50%) scale(1.04);
}
.moreLink{
	display:inline-block;
	width:2.2rem;
	height:2.4rem;
}
.more{
	width:2.2rem;
	height:2.4rem;
}

.insertImgWrap{
	width:100%;
	margin-top:14rem;
	padding-left: 4.6vw;
}
.insertImg{
	width:100%;
	position: relative;
	padding-top: 42.5532%;
	overflow:hidden;
}
.insertImg .landscape12{
	padding-top: 66%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.insertImg.js-trigger .landscape12{
	top: 77%;
	-webkit-transition: all 2s;
	transition: all s;
}
.insertImg.js-trigger.is-active .landscape12{
	top: 50%;
	
}
.pageTop{
	position:absolute;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all .5s;
	transition: all .5s;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, 150%);
	transform: translate(-50%, 150%);
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	color: #ffffff;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	z-index: 10;
}
.pageTop::after{
	width:0;
	content:"";
	height:1px;
	background-color:#ffffff;
	position:absolute;
	bottom: -.8rem;
	left:0;
	z-index:10;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.insertImg a:hover .pageTop::after{
	width:100%;
}
.insertImg a:hover .pageTop{
	visibility:visible;
	opacity:1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.insertImg a::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-shadow: inset 0 0 60rem rgba(0, 0, 0, 0.2),
	inset 0 0 40rem rgba(0, 0, 0, 0.1);
	visibility:hidden;
	opacity:0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.insertImg a:hover::after{
	visibility:visible;
	opacity:1;
}
.js-trigger.fadeUp{
	-webkit-transform: translate(0, 4rem);
	transform: translate(0, 4rem);
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}
.js-trigger.fadeUp.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility:visible;
	opacity:1;
}

.js-trigger.fadeIn{
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}
.js-trigger.fadeIn.is-active{
	visibility:visible;
	opacity:1;
}
.js-trigger.fadeDown{
	-webkit-transform: translate(0, -6rem);
	transform: translate(0, -6rem);
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	visibility:hidden;
	opacity:0;
}
.js-trigger.fadeDown.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility:visible;
	opacity:1;
}
.js-trigger.fadeLeft{
	-webkit-transform: translate(-4rem, 0);
	transform: translate(-4rem, 0);
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	visibility:hidden;
	opacity:0;
}
.js-trigger.fadeLeft.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility:visible;
	opacity:1;
}
.js-trigger.fadeRight{
	-webkit-transform: translate(4rem, 0);
	transform: translate(4rem, 0);
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	visibility:hidden;
	opacity:0;
}
.js-trigger.fadeRight.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility:visible;
	opacity:1;
}

/* = modal
----------------------------------------------- */

.menu-trigger{
	display:none;
	position:fixed;
	z-index:99999;
	top:3rem;
	right:3rem;
	width:6rem;
	height:6rem;
	border-radius:50%;
	background:#1a1a1a;
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1em;
	color: #ffffff;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	
}
.menu-trigger span{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menu-trigger span::after{
	content:"MENU";
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1em;
	color: #ffffff;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
}
.open .menu-trigger span::after{
	content:"CLOSE";
}
.pageContent{
	-webkit-transition: all .5s;
	transition: all .5s;
}
.open .pageContent{
	-webkit-transform: translate(-40%, 0%);
	transform: translate(-40%, 0%);
}
#wrapFooter{
	-webkit-transition: all .5s;
	transition: all .5s;
}
.open #wrapFooter{
	-webkit-transform: translate(-40%, 0%);
	transform: translate(-40%, 0%);
}


/* = モーダルメニュー
----------------------------------------------- */
#modalBg{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.0);
	display:none;
	z-index:1200;
	cursor:pointer;
}
.open #modalBg{
	display:block;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height:100%;
    overflow: hidden;
	overflow-y: auto; 
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    -webkit-backdrop-filter: blur(20px) brightness(96%) !important;
    backdrop-filter: blur(20px) brightness(96%)  !important;
}
.modalInner{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
    -webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 40%;
	margin-left: 60%;
	height: 100%;
	background: #f4f4f4;
	padding: 5rem 5.6rem;
	position:relative;
	-webkit-transform: translate(40%, 0%);
	transform: translate(40%, 0%);
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index:999999;
}
.open .modalInner{
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
.modalMenuWrap{
	width: 100%;
	margin-top:4rem;
}
.mainMenuWrap{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modalMenu{
	position:relative;
	z-index:99999;
	width:100%;
	}

.modalMenuMain li a{
	font-family:"cormorant-garamond", serif;
	position:relative;
	font-size:1.8rem;
	line-height:1em;
	letter-spacing:0.125em;
	font-weight:400;
	color:#000000;
	text-align:left;
	text-decoration:none;
	-webkit-transition: all .2s;
	transition: all .2s;
	padding: 2rem 0;
}
.modalMenuMain li{
	margin-top:2.8rem;
}
.modalMenu li:first-child{
	margin-top:0px;
}
.close{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
	cursor:pointer;
}
.open .close{
	display:block;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .modal {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
	z-index:9000;
}


.closeModal,
.closeModal span {
	display: block;
	transition: all .4s;
	box-sizing: border-box;
}
.closeModal {
	position:fixed;
	width: 2rem;
	height: 2rem;
	top:1.6rem;
	left:6%;
	z-index:999999;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	display:none;
}
.open .closeModal{
	display:block;
}
.closeModal span {
	position: absolute;
	width: 2rem;
	height: .1rem;
	background-color: #000000;
	border-radius: 0px;
	z-index:999999;
	left:0px;
}

/* IE10 & IE11 */
_:-ms-input-placeholder, :root .closeModal span {
        color:#000;
}
.closeModal span:nth-of-type(1) {
	top: .6rem;
}
.closeModal span:nth-of-type(2) {
	bottom:.3rem;
}

.open .closeModal span:nth-of-type(1) {
	-webkit-transform: translateY(.4rem) rotate(-45deg);
	transform: translateY(.4rem) rotate(-45deg);
}
.open .closeModal span:nth-of-type(2) {
	-webkit-transform: translateY(-.6rem) rotate(45deg);
	transform: translateY(-.6rem) rotate(45deg);
}

.modalInner .headerSocial{
	display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-flex-wrap: wrap !important;
-moz-flex-wrap: wrap !important;
flex-wrap: wrap !important;
width: 18rem !important;
position: relative !important;
right: auto !important;
top: auto !important;
padding-left: 0 !important;
padding-top: 0 !important;
padding-right: 0 !important;
}


/* = home
----------------------------------------------- */

.keyVisual{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.swiper-container{
	overflow:hidden !important;
	width:100%;
	margin-left:0;
	margin-right:0;
}
.topSlideWrap{
	position:relative;
}
.catchImg{
	position:absolute;
	z-index:10;
}
.catchImgA{
	bottom:-.6rem;
	left:calc(100% + 6.2rem);
	opacity:0;
}
.catchImgA img{
	width:4rem;
	height:auto;
}
.catchImgB{
	top: -20vw;
	right: 5.6vw;
	opacity:0;
}
.catchImgB img{
	width: 2.3vw;
	height:auto;
}
.catchImgC{
	top:-8.2rem;
	right:5.4rem;
	opacity:0;
}
.catchImgC img{
	width:16.6rem;
	height:auto;
}
.catchEng{
	position:absolute;
	z-index:10;
	right: 11.2vw;
	top: -19.6vw;
	font-family: maple-web, sans-serif;
	font-size: 1.2rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	transform: translate(100%, 0%) rotate(90deg);
	transform-origin: left top;
	opacity:0;
}


.topSlideWrapA{
	width:31.2%;
}
.topSlideA{
	opacity:0;
}
.topSlideWrapB{
	width:55.62%;
	margin-left:4.6vw;
	margin-top:-15vw;
}
.topSlideB{
	opacity:0;
}
.topSlideWrapC{
	width:38.74%;
	margin-top:5.6rem;
}
.topSlideC{
	opacity:0;
}
.swiper-wrapper{
	width:100%;
}
.slideImage{
	position:relative;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.topSlideA .slideImage{
	padding-top:62%;
}
.topSlideB .slideImage{
	padding-top:56.25%;
}
.topSlideC .slideImage{
	padding-top:150%;
}

.topNewsWrap{
	width:100%;
}
.topNewsTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.74rem;
	line-height: 1.8rem;
	color: #252525;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	text-align:right;
	position:relative;
	margin-top: -1.4rem;
}
.topNewsTitle span{
	font-family: maple-web, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	margin-left:4.3rem;
	letter-spacing: 0.125em;
	position:relative;
	top:-.2rem;
}
.topNewsTitle::after{
	content:"";
	width:2.2rem;
	height:1px;
	background:#1a1a1a;
	position:absolute;
	top:50%;
	right:5.5rem;
	margin-top:-.5rem;
	transform:rotate(-90deg);
	transform-origin:center;
}

.newsGrid{
	width:100%;
	margin-top:7.2rem;
	margin-bottom:4rem;
}
.newsGrid li{
	border-bottom:solid .5px #dddddd;
	position:relative;
	background-color:#fefefe;
}
.newsGrid li::after{
	content:"";
	width:0;
	height:.5px;
	background-color:#BBBBBB;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index:10;
}
.newsGrid li:hover::after{
	width:100%;
}
.newsGrid li a{
	position:relative;
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	text-decoration:none;
	color:#1A1A1A;
	padding:3rem 0;
	padding-top:4.4rem;
	z-index: 1;
	background: #fefefe;
}
.newsGrid li a.is-active{
	z-index: 2;
}
.newsGrid li a::after{
	content:"";
	width:.5rem;
	height:1rem;
	background-image:url(images/arrow.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:.5rem;
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	z-index:30;
}
.newsGridDate{
	width:12%;
	font-family: maple-web, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 400;
	position:relative;
	z-index:30;
}
.newsGridCat{
	width:18%;
	font-family: maple-web, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 400;
	position:relative;
	z-index:30;
}
.newsGridCat span{
	border-radius:1.6rem;
	background:#f2f2f2;
	padding:.8rem 1.6rem;
	padding-top:1rem;
}
.newsGridTitle{
	width:70%;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top: -.6rem;
	position:relative;
	z-index:30;
}
.newsGrid li a:hover{
	color: #ffffff !important;
}
.newsGrid li a:hover .newsGridTitle{
	mix-blend-mode: difference !important;
	color: #ffffff !important;
} 
.newsGrid li a:hover .newsGridDate{
	mix-blend-mode: difference !important;
	color: #ffffff !important;
} 
.newsThumWrap{
	max-width: 20rem;
    max-height: 20rem;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
}
.newsThumWrap img{
	display: block;
    max-width: 20rem;
    max-height: 20rem;
}


.linkMore{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	overflow: hidden; /* 1つ目の影を隠す */
	color: transparent !important; /* テキスト本体は透明にする */
	/*
   影の設定
   1つ目：Y方向の位置にマイナスに設定してテキスト本体の上に配置、ぼかしなし
   2つ目：位置はテキスト本体と同じ、ぼかしなし
  */
  text-shadow: 0 -2.5em 0 #1a1a1a, 0 0 0 #1a1a1a;
  transition: text-shadow 0.3s;
  height:2.4rem;
  display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.linkMore:hover{
	text-shadow: 0 0 0 #1a1a1a, 0 2.5em 0 #1a1a1a; /* 2つの影の位置を上方向に1.5emずつずらす */
	font-weight: 600;
}
.linkMore img{
	width:2.2rem;
	height:auto;
	top: 0rem;
	position: relative;
	margin-left:.6rem;
}
.about{
	width:100%;
	margin-top:20rem;
}
.about .subWrap{
	width:100%;
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.topArticleTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 3.2rem;
	line-height: 3.2rem;
	color: #1A1A1A;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
}
.topArticleTitle span{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.4rem;
	position:relative;
	top:-.2rem;
	color: #1A1A1A;
	letter-spacing: 0.2em;
	font-weight: 600;
	text-decoration: none;
	margin-left:3.6rem;
}
.about .topArticleTitle{
	position:absolute;
	top:0;
	left:6.9rem;
}
.aboutTxt.JP{
	width:50%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	flex-wrap:nowrap;
	margin-bottom: 8rem;
}
.aboutImg{
	width:50%;
	padding-left: 2.7rem;
	margin-bottom: 12rem;
	position: relative;
	left: 6.9rem;
}

.aboutTxt.JP .aboutCatch{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.2rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode:vertical-rl;
	margin-top:11rem;
	margin-left:2rem;
	position:relative;
	right:0rem;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
}
.aboutTxt.JP .aboutDes{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode:vertical-rl;
	margin-top:22.4rem;
	position:relative;
	left:-1.5rem;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	white-space:nowrap;
}
.aboutTxt.EN{
	width:100%;
	padding-left:calc(50% - 6.9rem);
	margin-top:-2.4rem;
}

.aboutTxt.EN .aboutCatch{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
}
.aboutTxt.EN .aboutDes{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-decoration: none;
	margin-top:3.2rem;
}

.pageLink{
	position:relative;
	display:inline-block;
	width:18.5rem;
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1A1A1A !important;
	letter-spacing: 0.175em;
	font-weight: 500;
	text-decoration: none;
	padding-bottom:2.4rem;
	
}
.pageLink:hover{
	font-weight: 600;
}
.pageLink span::after{
	content:"";
	width:.6rem;
	height:1.2rem;
	background-image:url(images/arrow.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:.5rem;
	position:absolute;
	top:.6rem;
	right:0;
}
.pageLink::after{
	content:"";
	width:0;
	height:.7px;
	background-color:#1a1a1a;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.pageLink.is-active::after{
	width:100%;
}
.pageLink::before{
	content:"";
	width:0;
	height:1.4px;
	background-color:#000000;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.pageLink:hover::before{
	width:100%;
}
.pageLink span{
	display:block;
	 overflow: hidden; /* 1つ目の影を隠す */
  	color: transparent !important; /* テキスト本体は透明にする */
  	text-shadow: 0 -1.5em 0 #1a1a1a, 0 0 0 #1a1a1a;
  transition: text-shadow 0.3s;
}
.pageLink:hover span{
	text-shadow: 0 0 0 #1a1a1a, 0 1.5em 0 #1a1a1a; /* 2つの影の位置を上方向に1.5emずつずらす */
}
.about .pageLink{
	position:absolute;
	left:6.9rem;
	bottom:.8rem;
}

.facilities{
	width:100%;
	margin-top:20rem;
}
.facilityWrap{
	position:relative;
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	margin-top:9.8rem;
	margin-bottom:14rem;
}
.facilityNo{
	position:absolute;
	right:-.8rem;
	top:-5.4rem;
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.05em;
	font-weight: 400;
	text-decoration: none;
	padding:.6rem 1rem;
	border-radius:50%;
	background:#f2f2f2;
}
.facilityImg{
	width:76%;
}
.facilityTxtJP{
	position:relative;
	width:24%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	flex-wrap:nowrap;
	padding-left:6.4rem;
}
.facilityTitle.JP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.2rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode:vertical-rl;
}
.facilityCatch.JP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode:vertical-rl;
	margin-right:3.2rem;
}
.facilityTxtEN{
	width:calc(50% + 6.9rem);
	margin-top:8.6rem;
}
.pageLinkWrap{
	width:calc(50% - 6.9rem);
	margin-top:8.6rem;
}
.facilityTitle.EN{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
}
.facilityCatch.EN{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-decoration: none;
	margin-top:1.6rem;
}
.facilities .innerWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.facilities .subWrap{
	width:100%;
}
.facilitySubWrap{
	width:calc(50% - 6.9rem);
	margin-top:2rem;
}
.facilitySubTxt{
	width:100%;
	position:relative;
	padding-left:6.9rem;
	margin-top:6.4rem;
}
.facilitySubNo{
	position:absolute;
	left:0;
	top:-1.2rem;
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.05em;
	font-weight: 400;
	text-decoration: none;
	padding:.6rem 1rem;
	border-radius:50%;
	background:#f2f2f2;
}
.facilitySubTitle.JP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
}
.facilitySubTitle.EN{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top:2.8rem;
}
.facilitySubCatch.JP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 3.4rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:4.8rem;
}


.topEvent{
	margin-top:14rem;
}
.topEvent .innerWrap{
	background:#f2f2f2;
	padding-top:6rem;
	padding-bottom:6rem;
	border-radius: .5rem;
}
.eventWrap{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-bottom: 6rem;
margin-bottom: 6rem;
border-bottom: solid .5px #cccccc;
}

.topEvent .subWrap section:last-child{
	padding-bottom: 0;
margin-bottom: 0;
border-bottom:none;
}

.topEventTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.74rem;
	line-height: 1.8rem;
	color: #252525;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	text-align:left;
	position:relative;
	margin-bottom:4.4rem;
}
.topEventTitle span{
	font-family: maple-web, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	margin-left:4.3rem;
	letter-spacing: 0.125em;
	position:relative;
	top:-.2rem;
}
.topEventTitle::after{
	content:"";
	width:2.2rem;
	height:1px;
	background:#1a1a1a;
	position:absolute;
	top:50%;
	left:9.2rem;
	margin-top:-.5rem;
	transform:rotate(-90deg);
	transform-origin:center;
}
.eventThum{
	width:30%;
}
.eventThum img{
	width:100%;
	height:auto;
}
.eventTxt{
	width:50%;
	margin-left:20%;
	position:relative;
	padding-bottom:6rem;
}
.eventTxt .linkMore{
	position:absolute;
	right:0;
	bottom:0;
}
.status{
	display:inline-block;
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 400;
	border-radius:1.6rem;
	background:#ffffff;
	padding:.8rem 1.6rem;
	padding-right:1.2rem;
	position:absolute;
	top:0;
	left: -11rem;
}
.eventTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
}
.eventSubTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:.8rem;
}
.eventDate{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.4rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top:.8rem;
	margin-bottom:6rem;
}
.eventDes{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:3rem;
}

.historyWrap{
	width:100%;
}

/* = page
----------------------------------------------- */

.pageKey{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top:5.6rem;
	padding-left:6.9rem;
	padding-right:6.9rem;
}
.pageKeyImg{
	opacity:0;
}
.pageTitleJP{
	height:15rem;
	opacity:0;
}
.pageTitleJP img{
	width:2.8rem;
	height:auto;
}
.pageTitleRowJP img{
	width:auto;
	height:2.6rem;
}
.pageTitleWrap{
	width:50%;
	margin-top:5.6rem;
	position:relative;
}
.pageCatchWrap{
	width:50%;
	margin-top:5.6rem;
	padding-left:6.9rem;
	opacity:0;
}
.pageCatchJP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.175em;
	font-weight: 500;
	text-decoration: none;
}
.pageTitleENwrap{
	width:200%;
	padding-left:50%;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
}
.pageTitleEN{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
}
.pageCatchEN{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top:1.2rem;
}

/* = origin
----------------------------------------------- */

.originIntro{
	margin-top:20rem;
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}

.originIntroImgWrap{
	width:calc(25% + 6.9rem + 14.1594vw);
	margin-left: calc( (6.9rem + 14.1594vw) * -1 );
	margin-bottom:14rem;
}
.originIntroImgWrap.subImg{
	width:calc(34%);
	margin-left: 0;
	margin-bottom:12rem;
}
.originIntroImgWrap a{
	min-height:100%;
}
.originIntroImgWrap p{
	height:100%;
}

.originIntroTxtWrap .moreLink{
	margin-bottom:12rem;
}

.originIntroTxtWrap{
	width:calc(50% + 6.9rem);
}
.originIntroDes{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	white-space: nowrap;
	margin-left:13.8rem;
}

.originIntroNo{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height:1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-bottom:5rem;
}
.originIntroNo span{
	position:relative;
	padding-left:4.4rem;
}
.originIntroNo span::after{
	content:"";
	height: 1px;
	width: 0rem;
	background: #1A1A1A;
	position: absolute;
	top: .6rem;
	left: .2rem;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.originIntroNo.is-active span::after{
	width: 3.2rem;
}


.originIntroCatchJP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.originIntroCatchEN{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top:2rem;
}
.originIntroTxt{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:8rem;
	margin-bottom:2rem;
}
.originIntroCut{
	width:100%;
	margin-top:12rem;
	margin-bottom:14rem;
}
.historyWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	margin-top:8rem;
}

.pageSubTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.3rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
	width:6.9rem;
}
.pageSubTitle span{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	position:relative;
	left:-1.6rem;
}

.year{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	height: 16rem;
}
.matter{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
	margin: 0 auto;
	position:relative;
}
.matter::after{
	content:"";
	position:absolute;
	top:-3rem;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width:.8rem;
	height:.8rem;
	border-radius:100%;
	border:solid .5px #1A1A1A;
	background-color:#ffffff;
	z-index: 20;
}
.historyList{
	width:calc(75% + 6.9rem);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	padding:0 6.9rem;
	position:relative;
}
.historyList::after{
	content:"";
	width:0%;
	height:.5px;
	background:#1A1A1A;
	position:absolute;
	top: 13.4rem;
	left: 0;
	z-index: 10;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}
.historyList.is-active::after{
	width:100%;
}

.historyList li{
	position:relative;
}
.historyList li span{
	height:10rem;
	width:0;
	border-left:dotted .5px #707070;
	position:absolute;
	top:2rem;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

.overview{
	margin-top:14rem;
}
.overview .innerWrap{
	background:#F4F4F4;
}

.overviewWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	align-items: stretch;
	padding:8rem 0;
}
.overviewMap{
	width:50%;
}
.overviewMap img{
	width:100%;
	height:auto;
}
.overviewTxtWrap{
	width:calc(50% - 6.9rem);
	display: flex;
	flex-direction: column;
}
.overviewTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.6rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.overviewTitle span{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.4rem;
	margin-left:1em;
}
.overviewTxt{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:2rem;
}
.overviewTxtBlock{
	margin-bottom:4rem;
}
.overviewFileList{
	margin-top:auto;
}
.overviewFileList li a{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.overviewFileList li{
	position:relative;
	padding-left:2rem;
	margin-bottom:1.6rem;
}
.overviewFileList li:last-child{
	margin-bottom:0;
}
.overviewFileList li::after{
	content:"";
	position:absolute;
	top:.5rem;
	left:0;
	width:.8rem;
	height:.8rem;
	border-radius:100%;
	border:solid .5px #1A1A1A;
}
.download{
	width:1.3rem;
	position:relative;
	top:.2rem;
	margin-left:.6rem;
}

.komaginoArts{
	width:100%;
	margin-top:20rem;
}
.artsTitleJP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.4rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	text-align:center;
}
.artsTitleEN{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	margin-top:1.6rem;
	text-align:center;
}
.artsIntro{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top:8rem;
}
.artsIntroImgWrap{
	width: 100%;
	margin-left: 0;
}
.artsIntroTxtWrap{
	width: 100%;
	margin-top: 8rem;
	padding-left: 0;
}
.artsIntroTxtJP{
	width:100%;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
}
.artsIntroTxtEN{
	width:100%;
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top: 2rem;
	text-align: center;
}
.artsCompany{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:12rem;
}
.artsCompany li{
	width:50%;
}
.artsCompany li:nth-child(2n+1){
	padding-right:6.9rem;
}
.artsCompany li:nth-child(2n){
	padding-left:6.9rem;
}

.artsCompanyNo{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height:1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-bottom:3rem;
}
.artsCompanyNo span{
	position:relative;
	padding-left:4.4rem;
}
.artsCompanyNo span::after{
	content:"";
	height: 1px;
	width: 0rem;
	background: #1A1A1A;
	position: absolute;
	top: .6rem;
	left: .2rem;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.artsCompanyNo.is-active span::after{
	width: 3.2rem;
}
.artsCompanyLogo{
	height:6rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.artsCompanyLogo img{
	width:50%;
	height:auto;
}
.artsCompanyThum{
	margin-top:4rem;
	display:block;
}
.artsCompanyDes{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	margin-top:4rem;
}
.moreLinkTxt{
	display:inline-block;
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	margin-top:3.2rem;
	overflow: hidden;
	color: transparent !important;
	text-shadow: 0 -2.5em 0 #1a1a1a, 0 0 0 #1a1a1a;
	transition: text-shadow 0.3s;
	height:2.4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.moreLinkTxt:hover{
	text-shadow: 0 0 0 #1a1a1a, 0 2.5em 0 #1a1a1a;
	font-weight: 600;
}
.moreLinkTxt .more{
	margin-right: 1em;
	position: relative;
	top: 0rem;
}
.artsConcept{
	margin-top:16rem;
}
.artsConceptSec{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom:12rem;
}
.artsConceptTitleWrap{
	width:25%;
}
.artsConceptTxtWrap{
	width:75%;
}

.artsConceptTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.3rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
}
.artsConceptTitle span{	
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	position: relative;
}
.artsConceptTxt{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.artsConceptImg{
	width:calc(100% - 6.9rem);
	height:auto;
	margin-top:4rem;
}

.shiteikanri{
	width:100%;
}
.shiteikanriTitle{
	position:relative;
	width:calc(100% - 6.9rem);
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.8rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.shiteikanriTitle span{
	background:#fefefe;
	position:relative;
	z-index:20;
	padding-right:1em;
}

.shiteikanriTitle::after{
	content:"";
	position:absolute;
	top:1rem;
	left:0;
	height:.5px;
	background:#707070;
	width:100%;
	z-index:10;
}
.shiteikanriTxtWrap{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:3rem;
}
.shiteikanriTxt{
	width:50%;
	padding-right:6.9rem;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.2rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
}

/* = old-private-house
----------------------------------------------- */

.roomWrap{
	width:100%;
	margin-top:20rem;
}

.roomSec{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom:18rem;
}
.roomTitleWrap{
	width:25%;
}
.roomNo{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height:1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	height:6rem;
}
.roomNo span{
	position:relative;
	font-size: 1.6rem;
	position:relative;
	top:2rem;
}
.roomNo span::before{
	content:"";
	width:0rem;
	height:.5px;
	background:#1a1a1a;
	position:absolute;
	top:-1.6rem;
	left:0;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}
.roomNo.is-active span::before{
	width:6.9rem;
}
.roomName{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.3rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	margin-top:6rem;
}

.roomKv{
	width:75%;
}
.roomCatchWrap{
	width:75%;
	margin-top:7rem;
}

.roomCatchJP{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.roomCatchEN{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top: 2rem;
}
.rentalableWrap{
	width:25%;
	margin-top:7rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.rentalable{
	display:inline-block;
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.1rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	border-radius: 2rem;
	background: #F4F4F4;
	padding: .8rem 1.6rem;
	padding-top: 1rem;
	height: 4rem;
}
.roomSubCut{
	width:50%;
	padding-right:6.9rem;
	margin-top:6rem;
}
.roomSubCut p{
	min-height:100%;
}
.roomDesWrap{
	width:50%;
	padding-left:6.9rem;
	margin-top:6rem;
}
.roomDes{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 2rem;
}

.design{
	margin-top:20rem;
}

.designSwiper{
	position:relative;
	height:56rem;
	margin-top:6rem;
}

.designSlide {
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	padding-left:1.4vw;
}
.designSlide .designSlideImg {
	width:100%;
	-webkit-transition: all 1s;
	transition: all 1s;
	transform: scale(1) !important;
	filter: grayscale(1);
}
.designSlideImgWrap{
	min-height:27.3vw;
}

.designSlideTxtWrap{
	visibility:hidden;
	opacity:0;
	position:relative;
	left:-31.4vw;
	top:-8vw;
	-webkit-transition: all 1s;
	transition: all 1s;
	width:28vw;
}
.designSwiper .swiper-slide-active .designSlideTxtWrap{
	visibility:visible;
	opacity:1;
}
.designSlideTile {
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	text-align:left;
}

.designSlideTxt {
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	text-align:left;
	margin-top:1.6rem;
}

.designSwiper .swiper-slide-active .designSlideImg{
	transform: scale(2) !important;
	transform-origin:right top;
	position:relative;
	filter: grayscale(0);
}
.designSwiper .swiper-slide-prev .designSlideImg{
	opacity:0;
}
.designSwiper .swiper-slide-active{
	margin-left:14.5vw;
	padding-left:1.2vw;
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 0 !important;
	height: 100%!important;
	margin-top: 0 !important;
	z-index: 10;
	cursor: default !important;
	display: block  !important;
	align-items: center !important;
	justify-content: center  !important;
	color: blue  !important;
	cursor:none !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	display:none !important;
}
.swiper-button-next{
	width: 75% !important;
}
.swiper-button-prev{
	width: 25% !important;
}

.change {
  position: relative;
  cursor: none;
  mix-blend-mode: difference;
}

.change img {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  width:2rem;
  height:auto;
 
}

.change.on_mouse img {
  visibility: visible;
  opacity: 1;
}

.retalLinkWrap{
	margin-top:12rem;
	margin-bottom:12rem;
}
.retalLink{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.retalLinkThum{
	width:calc(100% - 13.8rem);
	position:relative;
}
.retalLinkThum .coverImg::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 60rem rgba(0, 0, 0, 0.2),
	inset 0 0 40rem rgba(0, 0, 0, 0.1);
}
.retalLinkTxtEN{
	position:absolute;
	left:6.9rem;
	bottom:4rem;
	z-index:20;
}
.retalLinkThum span{
	position:absolute;
	top:4rem;
	right:4rem;
	width:2.4rem;
	height:2.4rem;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.retalLinkThum:hover span{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.retalLinkThum span::before{
	content:"";
	width:2.4rem;
	height:1px;
	background:#ffffff;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.retalLinkThum span::after{
	content:"";
	width:1px;
	height:2.4rem;
	background:#ffffff;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.retalLinkTitleEN{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.6em;
	color: #ffffff;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.retalLinkCatchEN{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #ffffff;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:2rem;
}
.retalLinkTxt{
	width:13.8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.retalLinkTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
	margin-left:2rem;
}
.retalLinkCatch{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
}

/* = japanese-garden
----------------------------------------------- */

.about .roomTitleWrap{
	position: absolute;
	top: 0;
	left: 6.9rem;
}

#japanese-garden .aboutImg{
	left:0;
	padding-left:0;
}
#japanese-garden .aboutTxt.EN {
	width: 50%;
	padding-left: 0;
	margin-top: 0;
}
#japanese-garden .aboutTxt.JP .aboutDes{
	left:0;
}
#japanese-garden .aboutTxt.JP .aboutCatch{
	margin-left: 2.4rem;
}
.gardenSubCut{
	width:50%;
	padding-right:6.9rem;
}

.subContWrap{
	margin-top:12rem;
	margin-bottom:12rem;
}
.subCont{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.subContMain{
	width:calc(100% - 13.8rem);
	position:relative;
}
.subContTxt{
	width:13.8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.subContTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
	margin-left:2rem;
}
.subContCatch{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	writing-mode: vertical-rl;
}
.karekiWrap{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.karekiWrap li{
	width:22%;
	margin-right:4%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:4rem;
}
.karekiWrap li:nth-child(4n){
	margin-right:0;
}
.karekiThum{
	width:100%;
}
.karekiYear{
	display: inline-block;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 400;
	border-radius: 1.6rem;
	background: #f2f2f2;
	padding: .8rem 1.6rem;
	padding-right: 1.2rem;
	margin:0 auto;
	margin-top:2rem;
}

.bonsaiKv{
	width:100%;
	margin-bottom:8rem;
}

.subContDes{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:4rem;
	margin-bottom:4rem;
}
.downloadWrap{
	width:100%;
	position:relative;
	padding-left:2rem;
	margin-bottom:1.6rem;
	margin-top:1.6rem;
}
.downloadWrap::after{
	content:"";
	position:absolute;
	top:.5rem;
	left:0;
	width:.8rem;
	height:.8rem;
	border-radius:100%;
	border:solid .5px #1A1A1A;
}
.downloadWrap a{
	font-family:toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}

/* = subPage
----------------------------------------------- */

.subPageKey{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top:5.6rem;
	padding-left:0rem;
	padding-right:0rem;
}
.subPageTitleWrap{
	width:25%;
	padding-left:6.9rem;
}
.subPageKeyImg{
	width:75%;
	opacity:0;
}
.subPageSubKeyImg{
	width:50%;
	margin-top:12rem;
	padding:0 6.9rem;
	opacity:0;
}
.subPageSubKeyImg .landscape34{
	min-height:100%;
}
.subPageCatchWrap{
	width:50%;
	padding-left:6.9rem;
	margin-top:12rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	align-self: center;
	opacity:0;
}
.subPageTitleEN{
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	opacity:0;
}
.pageTitleRowJP{
	margin-top:6rem;
	opacity:0;
}
.subPageCatchJP{
	width:100%;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 2em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.subPageCatchEN{
	width:100%;
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-top: 1.2rem;
}
.subPageDes{
	width:100%;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:4rem;
}

/* = lounge
----------------------------------------------- */

.loungeInfoWrap{
	margin-top:20rem;
}

.loungeInfo{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
}
.loungeInfoTxtWrap{
	width:50%;
}
.loungeInfoImg{
	width: calc(50% + 6.9rem);
	margin-right: -6.9rem;
	padding-left:6.9rem;
	margin-bottom: 10rem;
}
.loungeInfoImg p{
	min-height:100%;
}
.loungeTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.8rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.loungeTitle span{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	position: relative;
}
.loungeInfoTxtBlock{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom:6rem;
}
.loungeTitle{
	width:13.8rem;
}
.loungeContWrap{
	width:calc(100% - 13.8rem);
}
.loungeCont{
	margin-bottom:3.2rem;
}
.loungeSubTitle{
	display: inline-block;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 400;
	border-radius: 1.6rem;
	background: #f2f2f2;
	padding: .8rem 1.6rem;
	padding-right: 1.2rem;
	position:relative;
}
.loungeInfoTxt{
	width:100%;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	margin-top:1.6rem;
}
.loungeInfoTable{
	margin-top:1.6rem;
}
.loungeInfoTable th, .loungeInfoTable td{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	text-align:left;
	padding-bottom:.8rem;
	white-space: nowrap;
}
.loungeInfoTable td{
	padding-left:4rem;
	position:relative;
	padding-bottom:.8rem;
	white-space: nowrap;
}
.loungeInfoTable td::before{	
	content:"";
	width:2rem;
	height:.5px;
	background:#1a1a1a;
	position:absolute;
	left:1rem;
	top:1.2rem;
}

/* = gallery-rental-room
----------------------------------------------- */

.roomListWrap{
	margin-top:20rem;
}
.roomList{
	width:100%;
	margin-top:4rem;
}
.roomList ul li{
	width:100%
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:6rem 0;
	border-bottom:solid .5px #DDDDDD;
	position:relative;
	align-items: stretch;
}
.roomList ul li:last-child{
	border-bottom:none;
}
.roomTxtWrap{
	width:calc(50% - 6.9rem);
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
	padding-right:4rem;
	padding-left:6.9rem;
}
.roomImgWrap{
	width:calc(50% + 6.9rem);
}
.roomListNo{
	position:absolute;
	top:6rem;
	left:0;
	display:inline-block;
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.05em;
	font-weight: 400;
	text-decoration: none;
	padding: .6rem 1rem;
	border-radius: 50%;
	background: #f2f2f2;
}
.roomListName{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.2rem;
	line-height: 2.2em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
}
.roomListInfo{
	width: 100%;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 2em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	margin-top:auto;
}
.roomNote{
	padding-left:calc(50% - 6.9rem);
	width: 100%;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.1rem;
	line-height: 2em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	margin-top:6rem;
}

.floorTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 2.3rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	position:absolute;
	top:0;
	left:0;
}
.floorTitle span{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	position: relative;
}
.floor{
	background:#F4F4F4;
	margin-top:12rem;
	padding: 8rem 0;
}
.floorMap{
	width:100%;
	position:relative;
}
.floorMap img{
	width:100%;
	height:auto;
}
.floorNote{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.1rem;
	line-height: 2em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	position:absolute;
	bottom:0;
	right:0;
}
.floorTxtWrap{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:12rem;
}
.floorTxtWrap li{
	width:28%;
	margin-right:8%;
	margin-bottom: -2.4rem;
}
.floorTxtWrap li:nth-child(3n){
	margin-right:0%;
}
.floorSubTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.8rem;
	line-height: 1.6em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom:2.4rem;
}
.floorHeadline{
	display: inline-block;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 400;
	border-radius: 1.6rem;
	background: #ffffff;
	padding: .8rem 1.6rem;
	padding-right: 1.2rem;
	position: relative;
	margin-top: 1.6rem;
}
.floorCont .floorHeadline{
	white-space: nowrap;
}
.floorTxt{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	margin-top: 1.6rem;
}
.floorCont{
	margin-bottom: 2.4rem;
}

.howtoWrap{
	margin-top:12rem;
}
.howto{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:8rem;
}

.howtoBlock{
	width:50%;
	margin-bottom:4rem;
}
.howtoTitle{
	display:inline-block;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.6rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	border:solid 1px #1a1a1a;
	padding:1.2rem 1.2rem;
	padding-bottom:.4rem;
	padding-right:1rem;
	margin-bottom:4rem;
}
.howtoSubTitle{
	display:inline-block;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom:1.6rem;
}
.howtoCont{
	margin-bottom:4rem;
}
.howtoTxt{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 2em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	margin-bottom:.4rem;
}
.howtoNote{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.1rem;
	line-height: 2em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	margin-top:.8rem;
	margin-bottom:1.2rem;
}
.howtoList li{
	padding-left:2rem;
	position:relative;
}
.howtoList li::before{
	content:"";
	width:.8rem;
	height:1px; 
	background:#1a1a1a;
	position:absolute;
	left:0;
	top:1.2rem;
}
.howtoCont a{
	display:inline-block;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	position:relative;
	padding-left: 2rem;
	margin-top:2rem;
}
.howtoCont a::after{
	content: "";
	position: absolute;
	top: .5rem;
	left: 0;
	width: .8rem;
	height: .8rem;
	border-radius: 100%;
	border: solid .5px #1A1A1A;
}
.material{
	margin-top:8rem;
}
.material .shiteikanriTitle{
	width:100%;
}
.howto .howtoBlock:nth-child(2n+1){
	padding-right:6.9rem;
}
.howto .howtoBlock:nth-child(2n){
	padding-left:6.9rem;
}
.materialList{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:4rem;
}
.materialList li{
	width:50%;
}
.materialList li:nth-child(2n+1){
	padding-right:6.9rem;
}
.materialList li:nth-child(2n){
	padding-left:6.9rem;
}

.materialList li a{
	display:inline-block;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	position:relative;
	padding-left: 2rem;
	margin-top:2rem;
}
.materialList li a::after{
	content: "";
	position: absolute;
	top: .5rem;
	left: 0;
	width: .8rem;
	height: .8rem;
	border-radius: 100%;
	border: solid .5px #1A1A1A;
}

.toContactLink{
	display: block;
	width: 100%;
	padding:1.6rem 4rem;
	text-align: center;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	letter-spacing: .1em !important;
	font-weight: 500 !important;
	color: #1a1a1a;
	background: #f2f2f2;
	border-bottom: none;
	border-radius: 3rem;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	text-decoration:none !important;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	line-height:1em !important;
	margin-top:8rem;
}
.howto .toContactLink{
	margin-top:0rem;
	margin-bottom:6rem;
}
.toContactLink:hover{
opacity:.6;
}

/* = guidePage
----------------------------------------------- */

.guidePageKey{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top:5.6rem;
	padding-left:0rem;
	padding-right:0rem;
}
.guidePageTitleWrap{
	width:50%;
	padding-left:6.9rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
}
.guidePageKeyImg{
	width:50%;
	opacity:0;
}
.openhoursWrap{
	width:100%;
	margin-top:auto;
	padding-right:6.9rem;
	opacity:0;
	min-height: 100%;
}

.contTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.74rem;
	line-height: 1.8rem;
	color: #252525;
	letter-spacing: 0.25em;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	margin-bottom: 1.2rem;
}
.contTitle span{
	font-family: maple-web, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	margin-left: 4.3rem;
	letter-spacing: 0.125em;
	position: relative;
	top:-.2rem;
}
.contTitle span::after{
	content: "";
	width: 2.2rem;
	height: 1px;
	background: #1a1a1a;
	position: absolute;
	top: 50%;
	left: -3.6rem;
	margin-top: -.2rem;
	transform: rotate(-90deg);
	transform-origin: center;
}

.openhours li{
	border-bottom:solid .5px #dddddd;
	padding:4rem 0;
}
.openhoursHeadline{
	display: inline-block;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.25em;
	font-weight: 400;
	border-radius: 1.6rem;
	background: #f2f2f2;
	padding: .8rem 1.6rem;
	padding-right: 1.2rem;
	position: relative;
}
.openhoursTxt{
	width: 100%;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.1rem;
	line-height: 1.8em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	margin-top: 1.6rem;
}
.openhours span{
	display:inline-block;
	font-size: 1.3rem;
	margin-right:1em;
}
#visitor-guide .pageTitleRowJP{
	margin-bottom:20rem;
}
.guidePageKeyImg .portrait32{
	min-height:100%;
}
.onenhoursNote{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.onenhoursNoteImgWrap{
	width:6.9rem;
}
.onenhoursNoteTxtWrap{
	width:calc(100% - 6.9rem);
}
.onenhoursNoteImg{
	width:3.5rem;
	height:auto;
	margin-bottom:1.6rem;
}
.onenhoursNoteWrap{
	margin-top:8rem;
}
.openhoursNote{
	width: 100%;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 2em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 500;
	text-decoration: none;
	position:relative;
	padding-left:1.5em;
}
.openhoursNote::before{
	content:"※";
	position:absolute;
	left:0;
	top:0;
}
.closeNfeeWrap{
	margin-top:12rem;
}
.closeNfee{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.closeNfeeImgWrap{
	width: calc(50% + 14.1594vw);
	margin-left: calc( (6.9rem + 14.1594vw) * -1 );
}
.closeNfeeTxtWrap{
	width:50%;
	padding-left:6.9rem;
}
.closeNfeeBlock{
	margin-bottom:8rem;
}
.closeNfeeBlock .contTitle{
	margin-bottom:4rem;
}
.closeNfeeTxtJP{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:1.2rem;
}
.closeNfeeTxtEN{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:1.2rem;
}
.addressWrap{
	margin-top:12rem;
}
.addressMap{
	width:100%;
	margin-top:6rem;
}
.addressMap iframe{
	width:100% !important;
}
.addressTxtWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:4rem;
}
.addressTxtJP{
	width:50%;
	padding-right:6.9rem;
}
.addressTxtEN{
	width:50%;
	padding-left:6.9rem;
}
.addressTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 1.6rem;
}
.addressTxt{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.3rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-top:1.2rem;
}
.accessWrap{
	margin-top:16rem;
}

/* = archive-news
----------------------------------------------- */
#txonomy-news_cat .newsGrid{
	margin-top:15.2rem;
}
.newsCatWrap{
	width:50%;
	position: relative;
	top: .8rem;
}
.newsCatTitle{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-size: 1.1rem;
	line-height: 1em;
	color: #1a1a1a;
	letter-spacing: 0.075em;
	font-weight: 600;
	text-decoration: none;
	margin-bottom:1.2rem;
	position:relative;
	top:-.2rem;
}
.newsCat li{
	margin-bottom:.8rem;
}
.newsCat li a{
	font-family: maple-web, sans-serif;
	font-size: 1.2rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
}
.newsCat li a.current{
	text-decoration:underline;
}
.newsCat li a:hover{
	text-decoration:underline;
}

.newsContWrap{
	margin-top:20rem;
}
.newsTitleWrap{	
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.newsTitleCatDate{
	width:50%;
	font-family: maple-web, sans-serif;
	font-size: 1.3rem;
	line-height:1.6rem;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
}
.newsTitleCatDate span{
	position:relative;
	padding-left:4.4rem;
}
.newsTitleCatDate span::after{
	content:"";
	height: 1px;
	width: 3.2rem;
	background: #1A1A1A;
	position: absolute;
	top: .6rem;
	left: .6rem;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.newsTitleCatDate.is-active span::after{
	width: 3.2rem;
}

.newsTitleInnerWrap{
	width:50%;
	position:relative;
}
.newsTitle{

	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 2.3rem;
line-height: 1.6em;
color: #1A1A1A;
letter-spacing: 0.25em;
font-weight: 500;
text-decoration: none;
}
.newsTitle span{
	display:block;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 1.9rem;
line-height: 1.6em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 500;
text-decoration: none;
margin-top:2rem;
}
.eventSche{
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.4rem;
line-height: 1em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 400;
text-decoration: none;
margin-top: .8rem;
margin-bottom:6rem;
}
.eventStatus{
	display: inline-block;
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.2rem;
line-height: 1.2rem;
color: #1A1A1A;
letter-spacing: 0.25em;
font-weight: 400;
border-radius: 1.6rem;
background: #f2f2f2;
padding: .8rem 1.6rem;
padding-right: 1.2rem;
position: absolute;
top: 0;
left: -11rem;
}

.newsKvWrap{
	width:100%;
	margin-top:8rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	
}
.newsKvWrap img{
	width: auto;
height: auto;
}
.newsKvWrap img.yoko-img{
	width: 84%;
height: auto;
}
.newsKvWrap img.tate-img{
	width: 56%;
height: auto;
}
.newsCont{	
	width:100%;
	margin-top:12rem;
}
.editorSection{
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:6rem;
}
.editorTxt{
	width:50%;
}
.editorImgWrap{
	width:50%;
	padding-right:6.9rem;
}
.editorSection > *:first-child{
	padding-right:0 !important;
}
.editorImgWrap ul li{
	margin-bottom:4rem;
}
.editorImgWrap ul li:last-child{
	margin-bottom:0rem;
}
.editorImgWrap ul li img{
	width:100%;
}
.editorImgCaption{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.1rem;
line-height: 2.15em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
text-decoration: none;
	margin-top:.4rem;
}
.editorTxt p, .editorTxt div{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.3rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 1.6rem;
}
.editorTxt > *:first-child{
	margin-top:0 !important;
}
.editorTxt h1{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.9rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom:2.4rem;
	margin-top:5.2rem;
}
.editorTxt h1*:first-child{
	margin-top:0rem !important;
}
.editorTxt h2{
display: inline-block;
font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 1.6rem;
line-height: 2.15em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 500;
text-decoration: none;
border: solid 1px #1a1a1a;
padding: 1.2rem 1.2rem;
padding-bottom: .4rem;
padding-right: 1rem;
margin-bottom: 3.2rem;
margin-top:3.2rem;
}
.editorTxt h2*:first-child{
	margin-top:0rem !important;
}
.editorTxt h3{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.15em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 1.6rem;
}
.editorTxt h4{
display: inline-block;
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.2rem;
line-height: 2.15em;
color: #1A1A1A;
letter-spacing: 0.25em;
font-weight: 400;
border-radius: 2rem;
background: #f2f2f2;
padding: .8rem 1.6rem;
padding-right: 1.2rem;
margin-bottom: 1.6rem;
}

.editorTxt h5{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.3rem;
line-height: 2.15em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
text-decoration: none;
margin-bottom: 1.6rem;
}
.editorTxt h6{
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.1rem;
line-height: 2.15em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
text-decoration: none;
margin-bottom: 1.6rem;
}
.editorTxt ul{
	margin:1.8rem 0;
}
.editorTxt ul li {
padding-left: 2rem;
position: relative;
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.3rem;
line-height: 1.8em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
text-decoration: none;
margin-bottom: .4rem;

}
.editorTxt ul li::before {
content: "";
width: .8rem;
height: 1px;
background: #1a1a1a;
position: absolute;
left: 0;
top: 1.2rem;
}
.editorTxt ol{
	margin:2.4rem 0;
}
.editorTxt ol li {
margin-left: 1.6em;
position: relative;
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.3rem;
line-height: 1.8em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
text-decoration: none;
margin-bottom: .4rem;

}
.editorTxt ol li::before {
content: "";
width: .8rem;
height: 1px;
background: #1a1a1a;
position: absolute;
left: 0;
top: 1.2rem;
}

.editorTxt strong{
	font-weight:600 !important;
}
.editorTxt blockquote{
	padding:2.4rem 2.4rem !important;
	padding-bottom:2rem !important;
	background:#f2f2f2;
	margin:2.4rem 0;
}
.editorTxt blockquote *:last-child{
	margin-bottom:0 !important;
}
.editorTxt blockquote h4{
	background:#ffffff !important;
}
.editorTxt hr{
	width:100%;
	border-top:solid .5px #dddddd !important;
	margin:4rem 0;
}
.editorTxt a{
	color:#1a1a1a;
	text-decoration:underline !important;
}
.editorTxt *:first-child{
	margin-top:0 !important;
}
.editorTxt *:last-child{
	margin-bottom:0 !important;
}
.pageNav{
display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
margin-top:8rem;
width: 100%;
border-bottom:solid .5px #707070; 

}
.prevNews {
display:inline-block;
width:50%;
padding:8rem 0;
padding-left:4rem;
position: relative;
font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	cursor:pointer;
}
.nextNews {
display:inline-block;
width:50%;
padding:8rem 0;
padding-right:4rem;
position: relative;
font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 2.4em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
	cursor:pointer;
	text-align:right;
	margin-left: auto;
}
.nextNews::before{
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	content:"";
	width: .7rem;
height: 1.4rem;
	background-image:url(images/arrow.svg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	mix-blend-mode: difference;
	margin-top:-.3rem;
}
.prevNews::before{
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translate(0%, -50%) rotate(180deg);
	transform: translate(0%, -50%) rotate(180deg);
	content:"";
	width: .7rem;
height: 1.4rem;
	background-image:url(images/arrow.svg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	mix-blend-mode: difference;
	margin-top:-.3rem;
	
}

.nextNews span, .prevNews span{
	font-family: maple-web, sans-serif;
font-size: 1.3rem;
line-height: 1em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 400;
text-decoration: none;
}

#pagenav .wp-pagenavi a, #pagenav .wp-pagenavi span{
	font-family: maple-web, sans-serif;
	font-size:1.6rem;
	line-height:1.6rem;
	font-weight:500;
	text-align:center;
	margin: 0 1rem;
		text-decoration:none;
		color:#1a1a1a;
		padding: .6rem 1.2rem;
	padding-top:.8rem;
}
#pagenav .wp-pagenavi a.last{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(images/pageLast.svg);
	background-size:1.2rem;
	background-position:center;
	background-repeat:no-repeat;
	width:1.2rem;
	height:1rem;
	opacity:.5;
}
#pagenav .wp-pagenavi a.first{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(images/pageFirst.svg);
	background-size:1.4rem 1.2rem;
	background-position:center;
	background-repeat:no-repeat;
	width: 2rem;
	height: 2rem;
	opacity:.5;
}
#pagenav .wp-pagenavi a.previouspostslink{
	white-space:nowrap;
	display: inline-block;
padding-left: 3rem;
position: relative;
font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 1.5rem;
line-height: 1em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 500;
text-decoration: none;
cursor: pointer;
margin-right: 3rem;
}
#pagenav .wp-pagenavi a.previouspostslink::after{
	content:"";
	background-image:url(images/arrow.svg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width: .7rem;
height: 1.4rem;
	mix-blend-mode: difference;
	position:absolute;
	top:0.6rem;
	left:0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#pagenav .wp-pagenavi a.nextpostslink{
	white-space:nowrap;
	display: inline-block;
padding-right: 3rem;
position: relative;
font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 1.5rem;
line-height: 1em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 500;
text-decoration: none;
cursor: pointer;
margin-left: 3rem;
}
#pagenav .wp-pagenavi a.nextpostslink::after{
	content:"";
	background-image:url(images/arrow.svg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width: .7rem;
height: 1.4rem;
	mix-blend-mode: difference;
	position:absolute;
	top:0.6rem;
	right:0;
}

#pagenav .wp-pagenavi span.current{
	padding: .6rem 1.2rem;
	padding-top:.8rem;
border-radius: 50%;
background: #f2f2f2;
}
#pagenav .wp-pagenavi .extend{
	border-bottom: dotted .5px #707070;
}
#pagenav{
	margin-top:8rem;
	padding-bottom:8rem;
	border-bottom: solid .5px #707070;
}

#pagenav .wp-pagenavi{	
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.spaceBlock{
	width:100%;
	height:8rem;
}

.firstView{
	opacity:0;
}
.secondView{
	opacity:0;
}

/* = contact
----------------------------------------------- */

.contactContWrap{
	margin-top:20rem;
}

.contactCont{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
}
.contactImgWrap{
	width:50%;
	padding-right:13.8rem;
}
.contactImgWrap .portrait32{
	min-height:100%;
}
.contactTxtWrap{
	width:50%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
}
.contactTxtJP{
font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 1.5rem;
line-height: 2.2em;
color: #1A1A1A;
letter-spacing: 0.1em;
font-weight: 500;
text-decoration: none;
margin-bottom: 2rem;
}
.contactTxtEN{
font-family: maple-web, sans-serif;
font-size: 1.1rem;
line-height: 1.6rem;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 400;
text-decoration: none;
margin-bottom:12rem;
}
.contactNoteWrap{
	margin-top:auto;
}
.contactNoteJP{
font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.1rem;
line-height: 2.15em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
text-decoration: none;
margin-bottom: 2rem;
padding-left:2rem;
position:relative;
}
.contactNoteJP::before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
.contactNoteEN{
font-family: maple-web, sans-serif;
font-size: 1.1rem;
line-height: 1.6rem;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 400;
text-decoration: none;
padding-left:2rem;
position:relative;
}
.contactNoteEN::before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}

.formWrap{
	margin-top:12rem;
}

.wpcf7-form{
	width:100% !important;
	display:block;
}
.wpcf7-form table,
.wpcf7-form table tbody,
.wpcf7-form table tbody tr{
	width: 100% !important;
}
.wpcf7-form table tbody tr th{
	width: 25% !important;
	float:none;
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 1.5rem;
line-height: 1.8em;
color: #1A1A1A;
letter-spacing: 0.1em;
font-weight: 500;
text-decoration: none;
	font-weight:500;
	position:relative;
	vertical-align:top;
	padding-right: 6.9rem;
	text-align:left;
	margin-bottom:4rem;
}
.wpcf7-form table tbody tr td{
	width: auto !important;
	display:block;
	float:none;
	margin-bottom:4rem;
	letter-spacing:.05em;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.3rem;
line-height: 2.15em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;

}
.wpcf7-form table tbody tr th span{
	font-family: maple-web, sans-serif;
font-size: 1.1rem;
line-height: 1.6rem;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 400;
text-decoration: none;
}
.wpcf7-text{
	width:100%;
}
.wpcf7-textarea{
	width:100%;
}
input{
	border:none;
	background:none;
	-webkit-appearance:none;
}
textarea{
	border:none;
	background:none;
	-webkit-appearance:none;
}
.wpcf7-form-control {
	border: none;
	background: #fefefe;
	border: .5px solid #cccccc;
	width: 100%;
	padding: .8rem 1.2rem;
	box-sizing: border-box;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
font-size: 1.3rem;
line-height: 2.15em;
color: #1a1a1a;
letter-spacing: 0.075em;
font-weight: 500;
border-radius: .5rem;
}
.wpcf7-submit {
	float: none;
	display: block;
	width: 100%;
	padding:1.6rem 4rem !important;
	border-width: 0;
	text-align: center;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	letter-spacing: .1em !important;
	font-weight: 500 !important;
	color: #1a1a1a;
	background: #f2f2f2;
	border-bottom: none;
	border-radius: 3rem;
	margin-top: 1.6rem;
	margin: 4rem auto;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	line-height:1em !important;
}
input.wpcf7-submit::before,
input.wpcf7-submit::after {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
}
input.wpcf7-submit::before {
  top: 0;
  left: 0;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}
input.wpcf7-submit::after {
  right: 0;
  bottom: 0;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
input.wpcf7-submit:hover {
  opacity:.6;
}
input.wpcf7-submit:hover::before,
input.wpcf7-submit:hover::after {
  width: 0;
  height: 0;
  opacity: 0;
}
input:focus, select:focus, textarea:focus  {
	outline:none !important;
}
input:focus, select:focus, textarea:focus {
outline: none !important;
border-bottom: .5px solid #cccccc;
background: #f2f2f2;
}
.wpcf7-response-output{
	border: none !important;
	font-size:1.2rem;
	line-height:1.8rem;
	letter-spacing:.05em;
	font-weight:400;
	text-align:left;
	margin:0 !important;
	padding:0 !important;
	margin-bottom: 6rem !important;
}
div.wpcf7-validation-errors{
	border: none !important;
	color:#F00;
	font-size:1rem;
	line-height:1.8rem;
	letter-spacing:.05em;
	font-weight:400;
	text-align:left;
}
.wpcf7-not-valid-tip{
	border: none !important;
	color:#F00;
	font-size:1.2rem !important;
	line-height:1.8rem !important;
	letter-spacing:.05em;
	font-weight:400;
	text-align:left;
	margin-top:.8rem;
	margin-bottom:.8rem;
}



.wpcf7-form-control-wrap{
	position: relative;
}

.wpcf7-select::-ms-expand {
  display: none;
}
.thanksTxt{
	font-size:1.4rem;
	line-height:2.5rem;
	text-align:left;
	padding: 1.6rem 1.8rem;
	font-weight:600;
}
  
/* = singlePage
----------------------------------------------- */
.pageWrap{
	margin-top:24rem;
}
.pageWrap .subWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 8rem;
border-bottom: solid .5px #707070;
}
.singlePageTitleWrap{
	width:75%;
	margin-left:12.5%;
	margin-right:12.5%;
}
.singlePageEditorWrap{
	width:75%;
	margin-left:12.5%;
	margin-right:12.5%;
}
.singlePageEditorWrap .editorTxt{
	width:100% !important;
}

.singlePageTitle{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
font-size: 2.4rem;
line-height: 1.6em;
color: #1A1A1A;
letter-spacing: 0.125em;
font-weight: 500;
text-decoration: none;
text-align: left;
margin-bottom: 8rem;
}

/* = footer.php
-------------------------------------------------------------- */


#footer{
	width:100%;
	position:relative;
	padding-top:12rem;
	padding-bottom:5.2rem;
}
.footerNav{
	min-height:calc(100vh - 56rem);
}
.leftRightWrap{
	width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
}
.leftSection, .rightSection{
	width:50%;
	padding-left:6.9rem;
	display: flex;
	flex-direction: column;
}
.rightSection{
	padding-left:0;
}
.footerTitle{
	font-family: maple-web, sans-serif;
	font-size: 1.1rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 400;
	text-decoration: none;
	margin-bottom:3rem;
}
.footerTxt{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.footerTxt span{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	font-weight:400;
	font-size: 1.4rem;
}
.footerTxt a{
	color: #1A1A1A !important;
}
.footerAddress, .footerSns{
	margin-bottom:8rem;
	height:16rem;
}
.footerContact, .footerLinks{

}
.footerBlock .pageLink{
	margin-top:2rem;
}
#footer .innerWrap{
	position:relative;
}
.footerCopyright{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	margin-top:14rem;
	padding-left:6.9rem;
	font-size: 1.1rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	position:absolute;
	bottom:0;
	right:6.9rem;
	display:none;
}
.fooretSubLink{
	font-family: toppan-bunkyu-gothic-pr6n, sans-serif;
	margin-top:14rem;
	padding-left:6.9rem;
	font-size: 1.1rem;
	line-height: 1em;
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	position:relative;
	top:.8rem;
}
.fooretSubLink a{
	color: #1A1A1A;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
}
.bannerWrap li{
	margin-bottom:3rem;
}
.bannerWrap li:last-child{
	margin-bottom:0;
}
.bannerWrap li img{
	width:20rem;
	height:auto;
}
.footerSnsList li a{
	font-family: adobe-caslon-pro, dnp-shuei-ymincho-std, serif;
	font-size: 1.5rem;
	line-height: 1.8em;
	color: #1A1A1A;
	letter-spacing: 0.125em;
	font-weight: 500;
	text-decoration: none;
}
.footerSnsList li{
	margin-bottom:1.2rem;
}
.outerLink{
	width:1.4rem;
	margin-left:.6rem;
}

.footerAddress .moreLinkTxt{
	margin-top:1.2rem;
}
.pageLink{
}

/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 2280px){

	html,body {
		font-size:12px;
	}
	
	.logoWrap{
		top: 40.4rem;
	}
	.globalNav{
		height: calc(100% - 40rem);
	}
	.footerNav {
		min-height: calc(100vh - 61rem);
	}
	
	.topEvent{
	margin-top:18rem;
}
.newsContWrap{
margin-top: 24rem;
}
#visitor-guide .pageTitleRowJP{
margin-bottom: 24rem;
}
.contactContWrap {
margin-top: 24rem;
}
.singlePageTitle{
margin-bottom: 12rem;
}

.catchEng{
font-size: 1.4rem;
}

} /*Query End*/
@media only screen and (min-width: 1920px) and (max-width: 2279px){

html,body {
		font-size:11px;
	}
	
	.logoWrap{
		top: 38.4rem;
	}
	.globalNav{
		height: calc(100% - 38rem);
	}
	.footerNav {
		min-height: calc(100vh - 59rem);
	}
	
	.catchEng{
font-size: 1.3rem;
}
	
	
.topEvent{
	margin-top:16rem;
}
.newsContWrap{
margin-top: 22rem;
}
#visitor-guide .pageTitleRowJP{
margin-bottom: 22rem;
}
.contactContWrap {
margin-top: 22rem;
}
.singlePageTitle{
margin-bottom: 10rem;
}


} /*Query End*/
@media only screen and (min-width: 1140px) and (max-width: 1440px){

html,body {
		font-size:8.8px;
	}
}/*Query End*/
@media only screen and (min-width: 960px) and (max-width: 1139px){

html,body {
		font-size:8.8px;
	}
.menu-trigger{
	display:block;
}
.innerWrap{
	width: calc(100% - 4.6vw);
	margin-left: 4.6vw;
}
.contentWrap {
	width: 100%;
	padding-right: 4.6vw;
}
.globalNav{
	display:none;
}
.headerSocial{
	display:none;
}
.logoWrap{
	position:absolute;
	top: 32rem;
}
body:not(.home) .logoWrap{
	position:relative;
	top: auto;
	margin-top:5rem;
}
.logo {
	width: 12vw;
}
.topSlideWrapB {
	width: 56.46%;
}
.catchImgB{
	top: -26.6vw;
	right: 7.4vw;
}
.catchImgB img{
	width: 3vw;
}
.catchEng{
	right: 14.4vw;
	top: -26.2vw;
}
.copyright{
	display:none;
}
.footerCopyright{
	display:block;
}
.footerNav {
min-height: auto;
}
.pageKey{
	padding-left:0;
	padding-right:0;
}
.subPageTitleWrap{
	width:20%;
	padding-left:0;
	align-self: end;
}
.subPageKeyImg{
	width:80%;
}
.subPageSubKeyImg{
	padding-left:0 !important;
}
.pageTitleRowJP{
	margin-top:4rem;
}
.guidePageTitleWrap{
	padding-left:0;
}
.subPageKey{
	margin-top:3rem;
}
.guidePageKey{
	margin-top:8rem;
}
/* = origin
----------------------------------------------- */
.originIntroImgWrap {
	width: calc(25% + 6.9rem + 12.16vw);
	margin-left: calc( (6.9rem + 5vw) * -1 );
}

/* = old-private-house
----------------------------------------------- */
.designSwiper .swiper-slide-active{
	margin-left: 21.5vw;
}
.designSlideTxtWrap{
	position: relative;
	left: -44.4vw;
	top: -3vw;
	width: 40vw;
}
/* = news-archive
----------------------------------------------- */
#news-archive .topEvent{
	margin-top:8rem;
}

.topNewsWrap .subWrap{
	padding:0;
}

.newsContWrap .subWrap{
	padding:0;
}
/* = visitor-guide
----------------------------------------------- */
.closeNfeeImgWrap{
	width: calc(50% + 8.16vw);
margin-left: calc( (6.9rem + 5.16vw) * -1 );
}
/* = contact
----------------------------------------------- */
.contactContWrap {
margin-top: 8rem;
}
.contactImgWrap{
	width: calc(50% + 6.9rem);
margin-left: -6.9rem;
}
/* = page
----------------------------------------------- */
.pageWrap {
margin-top: 8rem;
}

.change.on_mouse img {
  visibility: hidden;
  opacity: 0;
}
.insertImg a::after{
	visibility:visible;
	opacity:1;
}
.insertImg a .pageTop{
	visibility:visible;
	opacity:1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


}/*Query End*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

html,body {
		font-size:8px;
	}
.menu-trigger{
	display:block;
}
.innerWrap{
	width: calc(100% - 4.6vw);
	margin-left: 4.6vw;
}
.contentWrap {
	width: 100%;
	padding-right: 4.6vw;
}

.globalNav{
	display:none;
}
.headerSocial{
	display:none;
}
.logoWrap{
	position:absolute;
	top: 30rem;
}
body:not(.home) .logoWrap{
	position:relative;
	top: auto;
	margin-top:5rem;
}
.logo {
	width: 12vw;
}
.topSlideWrapB {
	width: 56.46%;
}
.catchImgB{
	top: -26.2vw;
	right: 7.2vw;
}
.catchImgB img{
	width: 2.72vw;
}
.catchEng{
	right: 13.8vw;
	top: -26vw;
}
.copyright{
	display:none;
}
.footerCopyright{
	display:block;
}
.footerNav {
min-height: auto;
}
.pageKey{
	padding-left:0;
	padding-right:0;
}
.subPageTitleWrap{
	width:20%;
	padding-left:0;
	align-self: end;
}
.subPageKeyImg{
	width:80%;
}
.subPageSubKeyImg{
	padding-left:0 !important;
}
.pageTitleRowJP{
	margin-top:4rem;
}
.guidePageTitleWrap{
	padding-left:0;
}
.subPageKey{
	margin-top:3rem;
}
.guidePageKey{
	margin-top:8rem;
}
/* = origin
----------------------------------------------- */
.originIntroImgWrap {
	width: calc(25% + 6.9rem + 12.16vw);
	margin-left: calc( (6.9rem + 5vw) * -1 );
}

/* = old-private-house
----------------------------------------------- */
.designSwiper .swiper-slide-active{
	margin-left: 21.5vw;
}
.designSlideTxtWrap{
	position: relative;
	left: -44.4vw;
	top: -3vw;
	width: 40vw;
}
/* = news-archive
----------------------------------------------- */
#news-archive .topEvent{
	margin-top:8rem;
}

.topNewsWrap .subWrap{
	padding:0;
}

.newsContWrap .subWrap{
	padding:0;
}
/* = visitor-guide
----------------------------------------------- */
.closeNfeeImgWrap{
	width: calc(50% + 8.16vw);
margin-left: calc( (6.9rem + 5.16vw) * -1 );
}
/* = contact
----------------------------------------------- */
.contactContWrap {
margin-top: 8rem;
}
.contactImgWrap{
	width: calc(50% + 6.9rem);
margin-left: -6.9rem;
}
/* = page
----------------------------------------------- */
.pageWrap {
margin-top: 8rem;
}

.change.on_mouse img {
  visibility: hidden;
  opacity: 0;
}
.insertImg a::after{
	visibility:visible;
	opacity:1;
}
.insertImg a .pageTop{
	visibility:visible;
	opacity:1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

}/*Query End*/

@media only screen and (max-width: 767px) {

html,body {
		font-size:8px;
	}
.PC {display: none;}
.SP {display: block;}

.menu-trigger{
	display:block;
	position: absolute;
	top: auto;
	margin-top:3rem;
}
body:not(.home) .menu-trigger{
	position: fixed !important;
	top: 0 !important;
	margin-top:3rem;
}
.open .menu-trigger{
	position: fixed !important;
	top: 0 !important;
	margin-top:3rem;
}
.modalInner{
	-webkit-transform: translate(75%, 0%);
	transform: translate(75%, 0%);
	width: 75%;
	margin-left: 25%;
}
.open .modalInner{
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
.pageContent{
	-webkit-transition: all .5s;
	transition: all .5s;
}
.open .pageContent{
	-webkit-transform: translate(-75%, 0%);
	transform: translate(-75%, 0%);
}
#wrapFooter{
	-webkit-transition: all .5s;
	transition: all .5s;
}
.open #wrapFooter{
	-webkit-transform: translate(-75%, 0%);
	transform: translate(-75%, 0%);
}
.innerWrap{
	width: 88%;
	margin-left: 6%;
	margin-right:6%;
}
.subWrap{
	padding:0 6%;
}
.contentWrap {
	width: 100%;
	padding-right: 0 !important;
	overflow: hidden;
}
.insertImgWrap {
width: 100%;
padding-left: 0;
padding-left: 0;
}

.globalNav{
	display:none;
}
.headerSocial{
	display:none;
}
.headerSche{
margin-top: 6rem;
}
.logoWrap{
	position:absolute;
	top: auto;
	margin-top:3.6rem;
	padding-left: 6%;
}
body:not(.home) .logoWrap{
	position:relative;
	top: auto;
	margin-top:3.6rem;
}
.logo {
	width: 16rem;
}
.catchImgB{
	top: -50.2vw;
right: 44.2vw;
}
.catchImgB img{
	width: 5.6vw;
}
.catchEng{
	right: 56.8vw;
top: -49vw;
width: 40%;
}
.copyright{
	display:none;
}
.footerCopyright{
	display:block;
}
.footerNav {
min-height: auto;
}
.pageKey{
	padding-left:0;
	padding-right:0;
}
.subPageTitleWrap{
	width:20%;
	padding-left:0;
	align-self: end;
	white-space:nowrap;
}
.subPageKeyImg{
	width:80%;
}
.subPageSubKeyImg{
	padding-left:0 !important;
}
.pageTitleRowJP{
	margin-top:4rem;
}
.guidePageTitleWrap{
	padding-left:0;
}
.subPageKey{
	margin-top:3rem;
}
.guidePageKey{
	margin-top:8rem;
}
.originIntroImgWrap {
width: calc(25% + 6.9rem + 12.16vw);
margin-left: calc( (6.9rem + 5vw) * -1 );
}

.keyVisual{
	margin-top: 0;
}
.topSlideWrapA {
width: 50%;
align-self: end;
}
.topSlideWrapC {
width: 50%;
margin-top: 0;
}
.topSlideWrapB {
	width: 100%;
	margin-left: 0;
	margin-top: 58vw;
}

.headerSche h3{
	font-size: 1.6rem;
}
.headerSche p{
	font-size: 1.6rem;
}
.headerSche p span{
	font-size: 1.3rem;
}
/* = home
----------------------------------------------- */

.topEvent {
margin-top: 6rem;
}
.topEventTitle, .topNewsTitle{
	font-size: 2.1rem;
}
.topEventTitle span, .topNewsTitle span{
	font-size: 1.7rem;
}
.topEventTitle::after{
	left: 11rem;
}

.about{
	overflow:hidden;
	margin-top: 12rem;
}
.topNewsWrap .subWrap{
	padding:0;
}
.newsGridDate {
width: 20%;
}
.newsGridCat {
width: 80%;
}
.newsGridTitle {
width: 100%;
font-size: 1.7rem;
margin-top: 3rem;
}
.topNewsTitle{
margin-top: 5.6rem;
}
.topNewsTitle::after{
right: 6.4rem;
}
.newsGrid {
width: 100%;
margin-top: 4rem;
}
.status{
	position: relative;
top: auto;
left: auto;
margin-bottom: 1.2rem;
font-size: 1.5rem;
line-height: 1.5rem;
}
.eventThum {
width: 100%;
padding: 0;
margin-bottom: 6rem;
}
.eventThum img.tate-img{
	padding:0 16%;
}
.eventThum img.yoko-img{
	padding:0 6%;
}
.eventTitle{
	font-size: 2.2rem;
}
.eventSubTitle{
	font-size: 1.9rem;
}
.eventDate{
	font-size: 1.6rem;
}
.eventDes{
	font-size: 1.7rem;
}
.eventTxt {
width: 100%;
margin-left: 0;
}
.topEvent .innerWrap {
background: #f2f2f2;
padding-top: 4rem;
padding-bottom: 4rem;
}
.linkMore{
	font-size: 1.5rem;
line-height: 1.5rem;
}
.topArticleTitle{
	font-size: 3.4rem;
}
.topArticleTitle span{
	font-size: 1.6rem;
}
.pageLink{
	font-size: 1.6rem;
}
.about .topArticleTitle{
	position: relative;
top: auto;
left: auto;
}
.aboutTxt.JP{
	width: 100%;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.aboutTxt.JP .aboutCatch{
	margin-top: 0;
	font-size: 2.4rem;
}
.aboutTxt.JP .aboutDes{
	margin-top: 9rem;
	font-size: 1.8rem;
line-height: 1.8em;
}
.aboutTxt.EN {
width: 100%;
padding-left: 0;
margin-top: -2.4rem;
-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3;
}
.aboutTxt.EN .aboutCatch{
	font-size: 1.6rem;
}
.aboutTxt.EN .aboutDes{
	font-size: 1.3rem;
}
.aboutImg {
width: 72%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
left: auto;
-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	margin-bottom: 9rem;
	margin-top:6rem;
}
.about .pageLink {
position: relative;
left: auto;
bottom: auto;
-webkit-box-ordinal-group:5;
	-ms-flex-order:4;
	order:4;
	margin-top:9rem;
}
.facilities {
margin-top: 16rem;
}
.facilityWrap{
	margin-top: 9rem;
margin-bottom: 2rem;
}
.facilityTitle.JP{
	font-size: 2.6rem;
}
.facilitySubTitle.JP{
	font-size: 2.6rem;
}
.facilityTxtEN {
width: 100%;
margin-top: 6rem;
}

.pageLinkWrap {
width: 100%;
}
.facilityCatch.JP{
	writing-mode: horizontal-tb;
	margin-right: 0;
margin-bottom: 6rem;
font-size: 1.9rem;
white-space:nowrap;
}
.facilitySubCatch.JP{
font-size: 1.7rem;
}
.facilityTxtJP{
	width: 6.9rem;
}
.facilityImg {
	width: calc(100% - 6.9rem);
}
.facilitySubWrap {
width: 100%;
padding: 0 6%;
margin-top: 12rem;
}
.facilityTitle.EN{
	padding-left:18.5rem;
	font-size: 1.6rem;
}
.facilityCatch.EN{
	padding-left:18.5rem;
	font-size: 1.3rem;
}
.facilitySubTitle.EN{
	font-size: 1.3rem;
}
.facilitySubImg{
	padding-left:6.9rem;
	width:100%;
}
.facilities .topArticleTitle{
	margin-bottom: -4rem;
}
.facilityWrap {
margin-top: 12rem;
}

/* = footer
----------------------------------------------- */
.insertImg{
	padding-top: 50%;
}
.insertImg a::after{
	visibility:visible;
	opacity:1;
}
.insertImg a .pageTop{
	visibility:visible;
	opacity:1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.5rem;
}
.leftSection{
	padding-left: 0;
	padding-right:2rem;
}
.rightSection{
	padding-right: 0;
	padding-left:2rem;
}
.fooretSubLink{
	margin-top: 12rem;
padding-left: 0;
top: 0;
font-size: 1.5rem;
}
.footerCopyright{
	margin-top: 3rem;
padding-left: 0;
right: auto;
position: relative;
}
#footer{
	padding-top: 6rem;
}
/* = origin
----------------------------------------------- */
.pageTitleJP img{
	width: 2.9rem;
}
.pageCatchJP{
	font-size: 1.8rem;
	white-space: nowrap;
}
.pageTitleWrap{
	width: 25%;
}
.pageTitleENwrap {
width: 400%;
padding-left: 100%;
position: relative;
bottom: auto;
left: auto;
}
.pageTitleEN{
	font-size: 1.6rem;
}
.pageCatchEN{
	font-size: 1.3rem;
}
.pageCatchWrap {
width: 75%;
padding-left: 0;
}
.originIntro{
	margin-top: 12rem;
}
.originIntro section:nth-child(1){
-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.originIntro section:nth-child(2){
-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
}
.originIntro section:nth-child(3){
-webkit-box-ordinal-group:5;
	-ms-flex-order:4;
	order:4;
}
.originIntro section:nth-child(4){
-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3;
}
.originIntro section:nth-child(5){
-webkit-box-ordinal-group:7;
	-ms-flex-order:6;
	order:6;
}
.originIntro section:nth-child(6){
-webkit-box-ordinal-group:6;
	-ms-flex-order:5;
	order:5;
}
.originIntro section:nth-child(7){
-webkit-box-ordinal-group:8;
	-ms-flex-order:7;
	order:7;
}
.originIntroTxt{
font-size: 1.7rem;
}
.originIntroImgWrap {
width: 75%;
margin-left: auto;
margin-right: auto;
margin-bottom: 9rem;
}
.originIntroImgWrap p {
height: 100%;
padding-top: 150%;
}
.originIntroTxtWrap {
width: 100%;
}
.originIntroDes{
	margin-left: auto;
margin-right: auto;
width: auto;
font-size: 1.7rem;
}
.originIntroCut {
width: 100%;
margin-top: 6rem;
margin-bottom: 12rem;
padding-left: 0;
padding-right: 0;
}
.originIntroCatchJP{
	font-size: 2.1rem;
}
.pageSubTitle span{
	font-size: 1.3rem;
}
.originIntroCatchEN{
	font-size: 1.3rem;
}
.originIntroTxtWrap .moreLink {
margin-bottom: 3rem;
}
.originIntroImgWrap.subImg {
width: 100%;
padding-left: 12.5%;
padding-right: 12.5%;
}
.historyWrap{
	margin-top: 0;
}
.historyList{
	width: calc(100% - 6.9rem);
	padding: 0 12%;
padding-left: 0;
}
.overviewWrap{
	padding: 4rem 0;
}
.overviewMap {
width: calc(100%);
margin-top: -3rem;
}
.overviewTitle{
	font-size: 1.8rem;
}
.overviewFileList li a{
	font-size: 1.5rem;
}
.overviewTxtWrap {
width: 100%;
margin-top: 6rem;
}
.komaginoArts{
	margin-top: 12rem;
}
.komaginoArts .subWrap{
	padding:0;
}
.artsCompanyLogo img {
width: 24rem;
}
.artsTitleJP{
	font-size: 1.9rem;
}
.artsTitleEN{
	font-size: 2.2rem;
}
.artsConceptTxt{
	font-size: 1.7rem;
	line-height: 2em;
}
.artsCompany li {
width: 100%;
padding-right:0 !important;
padding-left: 20% !important;
position: relative;
margin-bottom: 9rem;
}
.artsCompanyNo{
	position: relative;
left: auto;
top: auto;
margin-bottom:4rem;
}
.artsCompanyNo span{

}
.artsCompanyNo.is-active span::after{

}
.artsConcept {
margin-top: 3rem;
}
.artsConcept .subWrap{
	padding:0;
}
.artsConceptTitleWrap {
width: 100%;
margin-bottom:4rem;
}
.artsConceptTxtWrap {
width: 100%;
}
.artsConceptTitle{
font-size: 2.4rem;
margin-top:.6rem;
}
.shiteikanriTitle{
	width: 100%;
	font-size: 1.9rem;
}
.shiteikanriTxt {
padding-right: 0;
}
.shiteikanriTxt {
width: 100%;
font-size: 1.6rem;
}
.artsConceptImg {
width: 100%;
margin-left: 0%;
}
.year{
	font-size: 1.3rem;
}
.matter{
	font-size: 1.6rem;
}
.overviewTxt{
	font-size: 1.7rem;
}
.artsIntroTxtJP{
	font-size: 1.9rem;
	white-space:nowrap;
}
.artsCompanyDes{
	font-size: 1.6rem;
}
.artsIntroTxtEN{
	font-size: 1.3rem;
}
.artsConceptTitle span{
	font-size: 1.3rem;
}
.pageSubTitle{
	font-size: 2.4rem;
}

/* = old-private-house
----------------------------------------------- */
.roomWrap {
margin-top: 12rem;
overflow: hidden;
}
.roomTitleWrap {
width: 100%;
display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.roomNo{
	width:20%;
	left: -6%;
position: relative;
}
.roomName {
width: 80%;
	margin-top: 1rem;
	font-size: 2.4rem;
}
.roomCatchJP{
	font-size: 1.9rem;
}
.roomCatchEN{
	font-size: 1.3rem;
	line-height: 2rem;
}
.roomDes{
font-size: 1.7rem;
line-height: 2em;
}
.moreLinkTxt{
	font-size: 1.6rem;
	white-space:nowrap;
}
.rentalable{
	font-size: 1.3rem;
}
.roomKv {
width: 100%;
margin-left: 0;
margin-top: 3rem;
position: relative;
right: 0;
}
.roomListInfo{
	margin-top:3rem;
	font-size: 1.6rem;
}
.roomSubCut {
width: 100%;
padding-right: 0;
padding-left: 20%;
margin-top: 2rem;
}
.roomDesWrap {
width: 100%;
padding-left: 20%;
}
.rentalableWrap {
width: 100%;
margin-top: 3rem;
position: relative;
top: 0;
margin-bottom: 3rem;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
}
.roomCatchWrap{
	width: 100%;
margin-top: 6rem;
}
.roomSec{
	margin-bottom: 12rem;
	
}
.roomSec:last-child{
	margin-bottom: 6rem;
}
.design {
margin-top: 12rem;
}
.designSwiper .swiper-slide-active{
	margin-left: 22.5vw;
}
.designSlideTxtWrap{
	position: relative;
	left: -50.4vw;
	top: 3vw;
	width: 40vw;
}
.designSlideTxt{
	font-size:1.6rem;
	line-height:1.8em;
}
.retalLinkWrap {
margin-top: 0rem;
}
.retalLinkTitle{
	font-size: 2.1rem;
}
.retalLinkTxt{
	width:6.9rem;
}
.retalLinkThum {
width: calc(100% - 6.9rem);
}
.retalLinkThum .landscape916{
	padding-top:75% !important;
}
.retalLinkCatch{
	writing-mode: horizontal-tb;
	margin-right: auto;
margin-left: 0;
margin-top:3rem;
width:100%;
font-size: 1.6rem;
}
.retalLinkCatchEN{
color: #1a1a1a;
margin-left: 0;
margin-right: auto;
width:100%;
font-size: 1.5rem;
line-height:1.5em;
}
.retalLinkTxtEN{
left: 50%;
bottom: auto;
top: 50%;
z-index: 20;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.retalLinkTitleEN{
	white-space: nowrap;
	font-size: 1.7rem;
}
.retalLinkThum span{
	top: 2rem;
right: 2rem;
}

/* = japanese-garden
----------------------------------------------- */
.gardenSubCut {
width: 100%;
padding-right: 0;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
padding: 0;
margin-top: 6rem;
}
#japanese-garden .aboutTxt.EN {
width: 100%;
}
#japanese-garden .about .roomTitleWrap{
	left: 6%;
}
#japanese-garden .aboutImg{
	margin-bottom: 6rem;
	margin-top: 9rem;
}
.subContWrap{
	margin-top: 6rem;
margin-bottom: 9rem;
}
.subContTxt {
width: 6.9rem;
-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
}
.subContMain {
width: calc(100% - 6.9rem);
}
.subContCatch{
	margin-top: 3rem;
	font-size: 1.6rem;
}
.change.on_mouse img {
  visibility: hidden;
  opacity: 0;
}
.karekiWrap li{
	width:45%;
	margin-right:5%;
	margin-bottom:4rem;
}
.karekiWrap li:nth-child(4n){
	margin-right:5%;
}
.karekiWrap li:nth-child(2n){
	margin-right:0;
}
.subContTitle{
	font-size: 2.6rem;
}
.downloadWrap a{
	font-size: 1.6rem;
}
.subContDes{
	font-size: 1.7rem;
	line-height: 2em;
}

/* = lounge
----------------------------------------------- */
.pageTitleRowJP img{
	height: 2.8rem;
}
.subPageTitleEN{
	font-size: 1.5rem;
}
#lounge .subPageKey {
margin-top: 0rem;
}
#lounge .subPageTitleWrap{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	align-self: start;
}
#lounge .subPageKeyImg{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	width: 100%;
	margin-bottom: 4rem;
}
#lounge .subPageKeyImg p{
	padding-top: 56.25%;
}
#lounge .subPageSubKeyImg{
	width: 100%;
	padding-left: 20% !important;
	padding-right: 0% !important;
	-webkit-box-ordinal-group:5;
	-ms-flex-order:4;
	order:4;
	margin-top: 6rem;
}
.subPageDes{
	font-size: 1.7rem;
	line-height: 2em;
}
.subPageCatchJP{	
	font-size: 1.9rem;
}
.subPageCatchEN{
	font-size: 1.3rem;
}
#lounge .subPageCatchWrap{
	-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3;
	width: 100%;
padding-left: 20%;
margin-top:4rem;
}

.loungeInfoWrap .subWrap{
	padding:0;
}
.loungeInfoTxtWrap {
width: 100%;
}
.loungeInfoTxtBlock{
	padding-left: 20%;
}
.loungeTitle {
width: 100%;
margin-bottom: 4rem;
font-size: 2.4rem;
}
.loungeTitle span{
	font-size: 1.3rem;
}
.loungeSubTitle{
	font-size: 1.6rem;
line-height: 1.6rem;
white-space: nowrap;
}
.loungeInfoTxt{
font-size: 1.6rem;

}
.loungeInfoTable th, .loungeInfoTable td{
	font-size: 1.7rem;
	line-height: 2em;
}
.loungeContWrap{
	width:72%;
}
.loungeInfoImg {
width: 100%;
margin-right: 0;
margin-bottom: 0rem;
padding-left: 20%;
padding-right: 20%;
}
.loungeInfoWrap {
margin-top: 12rem;
}

/* = gallery-rental-room
----------------------------------------------- */

#gallery-rental-room .subPageKey {
margin-top: 0rem;
}
#gallery-rental-room .subPageTitleWrap{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	align-self: start;
}
#gallery-rental-room .subPageKeyImg{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	width: 100%;
	margin-bottom: 4rem;
}
#gallery-rental-room .subPageKeyImg p{
	padding-top: 56.25%;
}
#gallery-rental-room .subPageSubKeyImg{
	width: 100%;
	padding-left: 20% !important;
	padding-right: 0% !important;
	-webkit-box-ordinal-group:5;
	-ms-flex-order:4;
	order:4;
	margin-top: 6rem;
}
#gallery-rental-room .subPageCatchWrap{
	-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3;
	width: 100%;
padding-left: 20%;
margin-top:4rem;
}
.roomListWrap {
margin-top: 12rem;
}
.roomTxtWrap {
width: 100%;
}
.roomImgWrap {
width: 100%;
margin-top: 6rem;
}
.roomList{
	margin-top: 0rem;
}
.roomListName{
	font-size: 2.6rem;
}
.roomNote{
	margin-top:3rem;
	padding-left: 0;
	font-size: 1.5rem;
}
.floor{
	padding: 4rem 0;
}
.floorTitle{
	position: relative;
top: auto;
left: auto;
	margin-bottom:3rem;
}
.floorNote{
	bottom: -4rem;
	font-size: 1.4rem;
}
.floorTxtWrap{
	margin-top: 9rem;
}
.floorTxtWrap li{
	width: 100%;
margin-right: 0;
padding-left: 0;
margin-bottom: 4em;
position: relative;
}
.floorTxtWrap li:last-child{
	margin-bottom: 0rem;
}
.floorSubTitle{
	position: relative;
top: auto;
left: auto;
font-size: 2.4rem;
}

.artsIntro{
	margin-top:6rem;
}
.howtoWrap .subWrap{
	padding:0;
}
.howtoBlock {
width: 100%;
margin-bottom: 4rem;
}
.howto .howtoBlock:nth-child(2n+1) {
padding-right: 0;
}
.howto .howtoBlock:nth-child(2n) {
padding-left: 0;
}
.materialList li a{
	font-size: 1.6rem;
}
.materialList li{
	width: 100%;
}
.materialList li a::after{
	top: .9rem;
}
.materialList li:nth-child(2n+1) {
padding-right: 0;
}
.materialList li:nth-child(2n) {
padding-left: 0;
}
.floorHeadline{
	font-size: 1.6rem;
line-height: 1.6rem;
}
.floorTxt{
font-size: 1.6rem;
line-height: 2em;
}

.howtoTitle{
	font-size: 2.0rem;
}
.howtoSubTitle{
	font-size: 1.9rem;
}
.howtoTxt{
	font-size: 1.6rem;
}
.howtoNote{
	font-size: 1.5rem;
}
.howtoList li::before{
	top: 1.6rem;
}

/* = news
----------------------------------------------- */
.newsCatTitle{
	margin-bottom: 2.4rem;
	font-size: 1.3rem;
}
.newsCat li {
margin-bottom: 1.6rem;
}
.newsCat li a{
	font-size: 1.5rem;
}
.guidePageKey {
margin-top: 4rem;
}
.newsContWrap {
margin-top: 9rem;
}
.newsContWrap .subWrap{
	padding:0;
}
.newsTitleCatDate {
width: 100%;
}
.newsTitleInnerWrap {
width: 100%;
margin-top: 4rem;
}
.eventStatus{
	position: relative;
top: auto;
left: auto;
margin-bottom: 1rem;
font-size: 1.5rem;
line-height: 1.5rem;
}
.eventSche{
	font-size: 1.6rem;
}
.newsKvWrap {
width: 100%;
margin-top: 6rem;
}
.newsKvWrap img{
	margin:0 auto;
	
}
.newsKvWrap img.yoko-img{
	width: 100%;
height: auto;
}
.newsKvWrap img.tate-img{
	width: 75%;
height: auto;
}
.newsCont{
	margin-top: 4rem;
}
.editorTxt {
width: 100%;
margin: 3rem 0;
}
.editorImgWrap {
width: 100%;
padding-right: 0;
margin: 3rem auto;
}
.editorSection{
margin-top: 4rem;
}
.editorImgWrap ul li:last-child{
	margin-bottom:0;
}
.editorImgWrap ul li{
display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:0% !important; 
}


.editorImgCaption{
	width:100%;
	font-size: 1.4rem;
}
.editorImgCaption.tate-img{
	width: 60%;

}
.editorImgCaption.yoko-img{
	width: 75%;

}
.editorImgWrap ul li img.tate-img{
width: 60%;
height: auto;
}
.editorImgWrap ul li img.yoko-img{
width: 75%;
height: auto;
}
.pageNav{
	margin-top:0;
}

.editorTxt h1{
font-size: 2.1rem;
}
.editorTxt h2{
	font-size: 2.0rem;
}
.editorTxt h3{
	font-size: 1.9rem;
}
.editorTxt h4{
	font-size: 1.7rem;
}
.editorTxt h5{
	font-size: 1.6rem;
}
.editorTxt h6{
	font-size: 1.5rem;
}
.editorTxt p, .editorTxt div{
	font-size: 1.7rem;
}
.editorTxt ul li{
	font-size: 1.6rem;
}
.editorTxt ol li{
	font-size: 1.6rem;
}

/* = visitor-guide
----------------------------------------------- */

#visitor-guide .guidePageTitleWrap {
width: 100%;
}
#visitor-guide .pageTitleRowJP {
margin-bottom: 9rem;
}
.openhoursWrap{
	padding-right: 0;
padding-left: 20%;
}
.guidePageKeyImg{
	width: 100%;
margin-top: 6rem;
padding-left: 20%;
}
.closeNfeeImgWrap {
width: 100%;
margin-left: 0;
margin-bottom: 9rem;
}
.closeNfeeTxtWrap {
width: 100%;
padding-left: 0;
}
.addressWrap {
margin-top: 6rem;
}
.addressWrap .subWrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.addressWrap .addressMap{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	width:100%;
	margin-top: 0rem;
	
}
.contTitle{
font-size: 2.1rem;
}
.contTitle span{
	font-size: 1.7rem;
}
.addressWrap .contTitle{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	width:100%;
	margin-top: 6rem;
}
.addressWrap .addressTxtWrap{
	-webkit-box-ordinal-group:4;
	-ms-flex-order:3;
	order:3;
	width:100%;
}
.addressTxtJP {
width: 100%;
padding-right: 0;
margin-bottom:6rem;
}
.addressTxtEN {
width: 100%;
padding-left: 0;
}
.accessWrap{
	margin-top: 12rem;
}
.accessWrap .contTitle{
	width:100%;
	margin-top: 6rem;
}
#visitor-guide .retalLinkWrap{
	margin-top:12rem;
}

.openhoursHeadline{
	font-size:1.6rem;
	line-height: 1.6rem;
}
.openhoursTxt{
	font-size:1.6rem;
	line-height:2em;
}
.openhoursNote{
	font-size: 1.5rem;
}
.openhours span{
	font-size:1.6rem;
}
.closeNfeeTxtJP{
	font-size: 1.6rem;
}
.closeNfeeTxtEN{
	font-size: 1.5rem;
}
.addressTitle{
	font-size: 1.9rem;
}
.addressTxt{
	font-size: 1.6rem;
}

.contactContWrap {
margin-top: 9rem;

}
.contactContWrap .subWrap{
	padding:0;
}
.contactCont{
-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-webkit-box-orient:horizontal;
	-moz-box-orient:horizontal;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.contactImgWrap {
width: 100%;
padding-right: 0;
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	margin-top: 6rem;
padding-left: 25%;
}
.contactTxtWrap{
	width:100%;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
.contactTxtEN{
	margin-bottom: 6rem;
	font-size: 1.4rem;
	line-height:1.8em;
}
.wpcf7-form table tbody tr th{
	padding-right: 1em;
}
.formWrap {
margin-top: 9rem;
}

.pageWrap {
margin-top: 9rem;
}
.pageWrap .subWrap{
	padding-left: 0;
padding-right: 0;
}
.pageWrap .singlePageTitle{
	margin-bottom: 4rem;
}
.singlePageEditorWrap {
width: 88%;
margin-left: 6%;
margin-right: 6%;
}
.singlePageTitleWrap {
width: 88%;
margin-left: 6%;
margin-right: 6%;
}
.contactTxtJP{
	font-size: 1.7rem;
}
.contactNoteJP{
	font-size: 1.5rem;
	line-height:2em;
}
.contactNoteEN{
	font-size: 1.3rem;
	line-height:1.5em;
}

} /*Query End*/