<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#spSiteLink {
	margin-bottom: 20px;
}

#Header {
	margin-bottom: 0;
}

#Article {
	margin-bottom: 30px;
}

#Article .wrapper {
	max-width: 940px;
}

/*
.wrapperNav {
		max-width: 940px;
		margin-left: auto;
		margin-right: auto;
}
*/

#Article #mainimg {
	width: 100%;
	height: 545px;
	background: url(../imgs/img-main.jpg) no-repeat center top;
	position: relative;
}

#Article #mainobi {
	width: 100%;
	height: 81px;
	background: url(../imgs/img-obi.jpg) no-repeat center top;
	position: relative;
}

.btPlan {
	position: absolute;
	top: 442px;
	left: 50%;
	margin-left: 340px;
}


.infoBox {
	max-width: 660px;
}

.bnrBox {
	max-width: 240px;
}

#LinksArea {
	float: right;
	max-width: 220px;
}

#LinksArea #ContactBox, #LinksArea #SpecialBox {
	background: transparent url(../imgs/bg-box.gif) repeat-y left top;
	padding-left: 21px;
	zoom: 1;
}

#swfArea .nonFlashContent {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 15px;
}

.eventMainbox {
	padding: 15px 0px;
	max-width: 940px;
}

.eventbox {
	max-width: 910px;
	position: relative;
}

.eventbox .bt {
	position: absolute;
	top: 114px;
	left: 19px;
}

.eventbox .bt02 {
	position: absolute;
	top: 267px;
	left: 331px;
}

.eventMainbox2 {
	padding: 15px 0px;
	margin-bottom: 20px;
	background: #b9cfc0;
}

.wrap {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}



/*** renewal 20160427 **********
**********************************/

#top {}

/*** gNav ***/

#top .nav {
	padding: 0 0 25px;
}

/*** mainView ***/

#top .mainView {
	position: relative;
	/*width: 100%;*/
	/*height: auto;
	height: 700px;
	margin: 0 auto;
	background: url(../imgs/02/img-mv.png) no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;*/
}

#top .mainView img {
	width: 100% !important;
}

#top .mainView .btn a:hover {
	opacity: 0.7;
}

#top .mainView .patch.pc {
	position: absolute;
	left: 7.63%;
	top: 48.29%;
	width: 14.58%;
	z-index: 999;
}

#top .mainView .gd {
	position: absolute;
	left: 59.5%;
	top: 37%;
	width: 28.4%;
	z-index: 999;
}

#top .mainView .sp .gd {
	position: absolute;
	left: 46%;
	top: 36%;
	bottom: 8.4977%;
	right: 56.25%;
	width: 52.18%;
	z-index: 999;
}

/*#top .mainView .mainTtl {
	position: absolute;
	top: 64px;
	left:160px;
	width: auto;
}
#top .mainView p.caption2 {
	position: absolute;
	bottom: 12px;
	right: 10px;
}*/

@media only screen and (max-width: 640px) {
	#top .mainView {
		height: auto;
		background: none;
	}
	#top .mainView .patch.pc {
		display: none;
	}
}

/*** contents ***/

#top #contents {
	padding: 0;
	background: #f0f2f5;
}

#top #contents .bnr {
	width: 100%;
	background-color: #1588c3;
	text-align: center;
}

/* information */

#top .information {
	padding: 0 0 50px;
	position: relative;
}

#top .information .i_patch {
	position: absolute;
	top: -20px;
	right: 70px;
}

#top .information .cap {
	width: 655px;
	margin-left: auto;
	margin-right: auto;
}

#top .information .infoCap {
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
}

#top .information .patch.sp {
	text-align: center;
	margin-bottom: 20px;
}
#top .information .text{
	text-align: center;
	font-size: 14px;
	color: #333;
	margin: 10px auto;
}
#top .information .bnrArea {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1076px;
	margin: 0 auto;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#top .information .bnrArea img {
	margin-bottom: 5px;
}

#top .information .bnrArea p:nth-child(2) {
	/* margin: auto; */
	margin-right: 25px;
}

@media only screen and (max-width: 640px) {
	#top .information .box01 p.mb20{
		text-align: center;
	}
}
#top .information .bnrArea p:first-child span.cap {}

#top .information .bnrArea .bnr_2box {
	margin-right: 25px;
}
#top .information .att {
	font-size: 14px;
	margin: 30px auto 10px;
	text-align: center;
	color: #333;
}
#top .information .att + .att  {
	margin-top: 10px;
}

#top .information .att .strong{
	display: inline-block;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

#top .information .att .red {
	color: #DE0617;
}

#top .information .att .box__inner{
	display: block;
	text-align: left;
	background-color: #fff;
	width: 100%;
	margin: 30px auto;
	max-width: 700px;
	box-sizing: border-box;
	padding: 0px 50px 30px;
}

#top .information .att .att__link{
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	transition: .4s;
	background-color: #316db5;
	padding: 10px 30px;
}

#top .information .att .att__link:hover {
	opacity: .6;
}

#top .information .caption {
	font-size: 12px;
	color: #333;
	display: block;
	margin-top: 10px;
}

#top .information .movieArea {
	padding: 50px 0;
	max-width: 800px;
	margin: 0 auto;
}

#top .information .movieTtl {
	text-align: left;
	width: 100%;
	margin: 0 auto 13px;
	border-bottom: 1px solid #000;
	font-size: 25px;
}

#top .information .movieArea .frame_mv {
	position: relative;
	padding-top: calc(105% * (56.25/100));
	width: 100%;
	margin: 0 auto;
}

#top .information .movieArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#top .information .box {
	display: block;
	border: 1px solid #1588c3;
	padding: 30px;
	text-decoration: none;
}

@media only screen and (max-width: 1160px) {
	#top .information .box {
		display: block;
		border: 1px solid #1588c3;
		padding: 30px 15px;
		text-decoration: none;
	}
	#top .information .movieTtl {
		font-size: 20px;
	}
	#top .information .movieArea {
		padding: 20px 0;
	}
	#top .information .att {
		font-size: 12px;
		margin:25px auto 0px;
	}
	#top .information .att .box__inner{
		margin: 20px auto 0;
		padding: 0px 20px 25px;
	}
	#top .information .att .strong {
		font-size: 12px;
		margin-top: 15px;
	}
	#top .information .att .att__link {
		font-size: 12px;
	}
}

/* obi */

#top .obi {
	max-width: 1440px;
	margin: 0 auto 80px;
	background: #1588c3;
}

#top .obi .colL {
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 20px 40px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#top .obi .colL .colLinner {
	/*
	position: absolute;
	top: 60px;
	left: 60px;
*/
}

#top .obi .colL .colLinner p a:hover {
	opacity: 0.8;
}

#top .obi .colR {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

#top .obi .colR ul {}

#top .obi .colR ul li {
	display: inline-block;
	width: 50%;
}

#top .obi .colR ul li img {
	display: block;
}

@media only screen and (max-width: 1110px) {
	#top .obi .colL {
		padding: 40px 20px;
		text-align: center;
	}
	#top .obi .colL, #top .obi .colR {
		display: block;
		width: auto;
	}
	#top .obi .colR ul li img {
		display: block;
		width: 100%;
		vertical-align: top;
	}
}

/*** section ***/

#top .section {
	max-width: 1200px;
	margin: 0 auto 60px;
}

#top .section .inner {
	position: relative;
	max-width: 1070px;
	/*
	height: 560px;
*/
}

#top .section {
	margin-bottom: 120px;
}

#top .section .ph {
	/*
	position: absolute;
*/
}

#top .section .text {
	position: absolute;
	z-index: 2;
}

/* access */

#top #access .ph {
	/*
	top: 0;
	left: 0;
	width: 70%;
*/
}

#top #access .text {
	bottom: -60px;
	right: 0;
	text-align: right;
}

@media only screen and (max-width: 1070px) {
	#top #access .ph {
		width: 87.77%;
	}
	#top #access .text {
		bottom: -15%;
		width: 35%;
	}
}

/* location */

#top #location .inner {
	margin: 0 0 0 auto;
}

#top #location .ph {
	text-align: right;
	/*
	top: 0;
	right: 0;
*/
}

#top #location .text {
	bottom: -60px;
	left: 0;
}

@media only screen and (max-width: 1070px) {
	#top #location .ph {
		padding-left: 12.23%;
	}
	#top #location .text {
		bottom: -15%;
		width: 35%;
	}
}

/* plan */

#top #plan .ph {
	/*
	top: 0;
	left: 0;
*/
}

#top #plan .text {
	bottom: -60px;
	right: 0;
}

@media only screen and (max-width: 1070px) {
	#top #plan .ph {
		width: 87.77%;
	}
	#top #plan .text {
		bottom: -15%;
		width: 35%;
	}
}

/* project */

#top #project .ph {
	/*
	top: 0;
	left: 0;
	width: 70%;
*/
}

#top #project .text {
	bottom: -60px;
	right: 0;
	text-align: right;
}

@media only screen and (max-width: 1070px) {
	#top #project .ph {
		width: 87.77%;
	}
	#top #project .text {
		bottom: -15%;
		width: 35%;
	}
}

/* style */

/*#top #style .inner {
	margin: 0 0 0 auto;
}*/


#top #style .inner {
	margin: 0 0 0 auto;
}

#top #style .ph {
	text-align: right;
	/*
	top: 0;
	right: 0;
*/
}

#top #style .text {
	bottom: -60px;
	left: 0;
}

@media only screen and (max-width: 1070px) {
	#top #style .ph {
		padding-left: 12.23%;
	}
	#top #style .text {
		bottom: -15%;
		width: 35%;
	}
}


/*** scroll event ***/

.scroll {
	opacity: 0;
	transition: opacity 1s;
}

.active {
	opacity: 1 !important;
}

/*** bnrArea ***/

#top #bnrArea {
	padding: 40px 0 40px;
}

#top #bnrArea ul {
	overflow: hidden;
	text-align: center;
}

#top #bnrArea ul.bnr01 li, #top #bnrArea ul.bnr02 li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 30px;
}

#top #bnrArea ul.bnr01 li:last-child, #top #bnrArea ul.bnr02 li:last-child {
	margin-right: 0;
}

#top #bnrArea ul.bnr01 {
	margin-left: -10px;
}

@media only screen and (max-width: 940px) {
	#top #bnrArea ul.bnr01 li {
		width: 48.93%;
		margin-right: 2.12%;
	}
	#top #bnrArea ul.bnr02 li {
		width: 48.38%;
		margin-right: 3.22%;
	}
}

@media only screen and (max-width: 640px) {
	#top #bnrArea ul.bnr01 li, #top #bnrArea ul.bnr02 li {
		display: block;
		width: auto;
		margin-right: 0;
	}
	#top #bnrArea .gd {
		display: none;
	}
	#top .information .text{
		font-size: 14px;
	}
}

/*
#FooterPagetop { position: absolute; right: -180px; bottom: -22px; }
*/

.btCharacter {
	position: relative;
}

.btCharacter {
	width: 906px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 40px;
}

.btCharacter .bt02 {
	position: absolute;
	top: 0;
	right: 0;
}

.eventMorikuma {
	position: relative;
	background: url(imgs/event-bg.gif);
	border: 3px solid #6b9628;
	padding: 100px 0 0 0;
}

.eventMorikuma .header {
	position: absolute;
	top: -60px;
	left: 0;
	text-align: center;
	width: 100%;
}

.eventMorikuma .txt {
	padding: 0 20px;
}

.eventMorikuma .bnr {
	overflow: hidden;
	padding: 0 20px;
}

.eventMorikuma ul.bnr {
	letter-spacing: -0.5em;
	margin: 0 -1.86219739292365%;
}

.eventMorikuma ul.bnr li {
	width: 42.5512104283054%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 0 1.86219739292365% 20px;
	text-align: left;
}

@media only screen and (max-width: 640px) {
	.eventMorikuma {
		position: relative;
		background: none;
		border: none;
		padding: 0;
	}
	.eventMorikuma .header {
		position: static;
	}
	.eventMorikuma .txt {
		padding: 0;
	}
	.eventMorikuma .bnr {
		overflow: hidden;
		margin-top: -20px;
		padding: 0;
	}
	.eventMorikuma .bnr li {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-right: 0;
	}
	.eventMorikuma ul.bnr {
		margin: 0 auto;
	}
	.eventMorikuma ul.bnr li {
		width: 100%;
		display: inline-block;
		margin: 0 auto 20px;
		text-align: center;
	}
}

.section .btn {
	margin-top: -8%;
	padding: 0 20px;
	text-align: center;
}

.accessArea, .locationArea, .planArea, .projectArea, .styleArea {
	margin-bottom: 40px;
}

.eventMorikuma02 {
	position: relative;
	width: 87%;
	background: url("../imgs/bg-bnr.gif");
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	padding-right: 1px;
}

.eventMorikuma02 a {
	display: block;
}

.kuma {
	width: auto;
	text-align: center;
	position: relative;
	background: url("../imgs/bg-bnr02.gif");
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	width: 56.5%;
	height: 190px;
}

.kuma p {
	display: inline-block;
	position: relative;
	top: 26%;
	width: 23%;
}

.kuma-info {
	width: 41.7%;
}

.kuma-bnr {
	width: 58%;
	text-align: center;
	float: right;
}

.kuma-bnr .bnrInner {
	padding-top: 9%;
}

.kuma-bnr .bnrInner p {
	display: inline-block;
	width: 22.5%;
	margin: 0 0.5%;
}

.kuma-bnr .bnrInner p:first-child {
	width: 20%;
}

@media only screen and (max-width: 640px) {
	.event-sp {
		background-color: #ea6094;
	}
	.event-sp .btns {
		padding-top: 45px;
		padding-bottom: 5px;
		background-image: url("../imgs/img-bg01-sp.png");
		text-align: center;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.event-sp .btns p {
		display: inline-block;
		width: 30%;
	}
	.event-sp .bnr p img {
		width: 100%;
	}
	.disapearTxt {
		display: none;
	}
	.owabi {
		width: auto;
	}
}

.pcBnr a:nth-of-type(1) img {
	width: 63.148148148148%;
}

.pcBnr a:nth-of-type(2) img {
	width: 35.740740740741%;
}

.owabi {
	border: 1px solid;
	text-align: center;
	padding: 10px 20px;
	width: 700px;
	margin: 0 auto;
}

@media only screen and (max-width: 640px) {
	.owabi {
		width: auto;
	}
}

.bnrArea00 {
	max-width: 1018px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.bnrArea01 {
	margin: 0 auto;
	max-width: 1018px;
}

/*.bnr01{
	float:left;
	width:53.306613226453%;
}
.bnr02{
	float:left;
	width:46.693386773547%;
}*/

.obi-campaign {
	background: radial-gradient(#43619d, #163661);
	text-align: center;
	padding: 45px 15px 20px;
	margin-bottom: 0;
}

.obi-campaign.pc img {
	position: relative;
	margin-top: -2.0%;
	z-index: 999;
}

.obi-campaign02 {
	background-color: #2d7f69;
	text-align: center;
	padding: 45px 15px 20px;
	margin-bottom: 40px;
}

.obi-campaign--thanks {
	background-color: #FEF9E3;
	text-align: center;
	margin-bottom: 40px;
}
.obi-campaign--thanks .full {
	width: 100%;
}

/*.obi-campaign.sp img {
	position: relative;
	margin-top: -5.7%;
	z-index: 999;
}*/

/*@media screen and (max-width: 1615px){
	.obi-campaign.pc img {
		margin-top: -4.4%;
	}
}*/

#top #bnrArea p.gd.sp {
	display: none;
}

@media only screen and (max-width: 940px) {
	.obi-campaign {
		padding-top: 40px;
	}
}

@media screen and (max-width: 640px) {
	#top #bnrArea p.gd.sp {
		display: block;
		margin-bottom: 30px;
		text-align: center;
	}
	/*.gd.pc {display: none;}*/
	.obi-campaign, .obi-campaign02 {
		padding: 10px 15px;
	}
}

.obi-campaign a {
	display: inline-block;
}

.formArea {
	background: url(../roomplan/imgs/bg-formarea.gif) no-repeat center center;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 50px;
	box-sizing: border-box;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
}

.formArea h3 {
	margin-bottom: 20px;
}

.formArea .box01 {
	border-bottom: 1px solid #7083a0;
	padding-bottom: 50px;
	margin-bottom: 35px;
}

.formArea .box02 {
	font-size: 0;
	max-width: 790px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.formArea .box02 ul {
	width: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*.formArea .box02 ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}*/

.formArea .box02 ul li.icon {
	padding: 0 15px;
}

.formArea .passList {
	font-size: 0;
	max-width: 600px;
	margin: 0 auto;
}

.formArea .passList li {
	display: table-cell;
	vertical-align: middle;
}

.formArea .passList li input {
	width: 420px;
	height: 36px;
	text-align: center;
	outline: 0;
	border: 0;
	margin-right: 10px;
	font-size: 14px;
}

.formArea .err {
	color: #ee0000;
	margin-top: 20px;
}

@media only screen and (max-width: 640px) {
	.formArea {
		padding: 15px 15px 40px;
	}
	.formArea .box01 {
		padding-bottom: 0;
		margin-bottom: 25px;
	}
	.formArea .box02 {
		max-width: 100%;
	}
	.formArea .box02 ul {
		width: 100%;
		display: block;
	}
	.formArea .passList {
		max-width: 100%;
	}
	.formArea .passList li {
		display: block;
		margin-bottom: 20px;
	}
	.formArea .passList li input {
		width: 100%;
	}
	.formArea .box02 ul li {
		display: block;
		text-align: center;
	}
	.formArea .box02 ul li.icon {
		padding: 10px 0;
	}
	.formArea .box02 ul li.icon .sp {
		display: inline-block;
	}
}

/*div.flexslider ul.slides img.sp{
	display: none;
}

@media screen and (max-width: 640px){
	div.flexslider ul.slides img.pc{
		display: none;
	}
	div.flexslider ul.slides img.sp{
		display: inline-block;
	}
}*/

div.flexslider ul.slides li {
	position: relative;
}

div.flexslider ul.slides li .cap1 {
	font-size: 10px;
	position: absolute;
	right: 10px;
	bottom: 5px;
	color: #fff;
}

@media only screen and (max-width: 640px) {
	div.flexslider ul.slides li .cap1 {
		font-size: 0.7em;
	}
}

.guide {
	max-width: 900px;
	margin: 0 auto 40px;
	border: 1px solid #898989;
	font-family: "Noto Serif", serif;
}

.guide .sttl {
	margin-bottom: 20px;
	background-color: #898989;
	text-align: center;
	font-size: 20px;
	line-height: 2;
	color: #fff;
}

.guide .inner {
	padding: 0 3.125% 15px;
}

.guide .inner .guideTxt {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	color: #333;
}

.campaign-cap {
	max-width: 1067px;
	width: auto !important;
	text-align: left;
	margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
	.campaign-cap-sp {
		width: auto !important;
		text-align: left;
		margin-bottom: 10px;
	}
}

.fairArea {
	margin-bottom: 40px;
	text-align: center;
}

.bnr-campaign04 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.bnr-campaign05 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}


.ttl-txt {
	font-size: 30px;
	text-align: center;
}

.lead-txt {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}

.lead-txt span {
	font-size: 20px;
}



.fairInner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 640px;
}

.fairInner p {
	margin-bottom: 15px;
}

#top .information .fairArea .cap {
	max-width: 640px;
	width: 100%;
}

@media only screen and (max-width: 640px) {
	.fairInner {
		max-width: 423px;
	}
	.fairInner p {
		width: 47.990543735224586%;
	}
	#top .information .fairArea .cap {
		max-width: 423px;
		width: 100%;
	}
	.ttl-txt {
		font-size: 23px;
	}
	.lead-txt {
		font-size: 14px;
	}
	.lead-txt span {
		font-size: 16px;
	}
}

.top-roomplan-link {
	margin: 30px auto;
	text-align: center;
	font-size: 18px;
	position: relative;
}

.top-roomplan-link a {
	color: #000;
	text-decoration: none;
	transition: .3s ease;
}

.top-roomplan-link a:hover {
	opacity: .5;
}

/* .top-roomplan-link a:hover:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 75%;
	height: 1px;
	background: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
} */

.top-roomplan-link span {
	color: #ee0000;
}

@media only screen and (max-width: 640px) {
	.top-roomplan-link {
		font-size: 14px;
	}
}

/* 完売対応 */
#top .information {
	padding-top: 60px;
}
#top .information .closeText {
	margin: 60px auto;
	text-align: center;
	font-size: 16px;
	line-height: 1.75;
}

#top .information .closeText .big {
	font-size: 5em;
	color: #DE0617;
}

@media only screen and (max-width: 640px) {
	#top .information {
		padding-top: 35px;
	}
	#top .information .closeText {
		margin: 40px auto;
		text-align: center;
		font-size: 12px;
		line-height: 1.8;
	}
	
	#top .information .closeText .big {
		font-size: 3.5em;
		color: #DE0617;
	}
}

.horizontal .ahoverArea li a {
	pointer-events: none;
	opacity: 0.7;
}
.horizontal li {
	opacity: 0.7;
}
#Header #hNav {
	width: auto;
}
#ContactArea .ahoverArea a {
	pointer-events: none;
	opacity: 0.7;
}
@media only screen and (max-width: 640px) {
	body #smpNav {
		display: none;
	}
	#Container {
		padding-top: 0;
	}
	
}</pre></body></html>