@charset "utf-8";


/*=============================================
	
	MAIN VISUAL
	
==============================================*/
@media screen and (min-width: 768px) {
	#mv_space {
		background: #434B54;
		padding: 60px 0;
		height: 640px;
	}
	#mv_space div {
		position: relative;	
	}
	#mv_space div dl.mv_detail {
		position: relative;	
	}
	#mv_space div dl.mv_detail dt {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -580px;
		width: 700px;
	}
	#mv_space div dl.mv_detail dd {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: 170px;
		width: 300px;
		padding: 40px 0 0;
		color: #FFF;
	}
	#mv_space div dl.mv_detail dd p.point {
		font-size: 15px;
		margin: 0 0 20px;
		color: #999;
	}
	#mv_space div dl.mv_detail dd h2 {
		font-size: 28px;
		margin: 0 0 30px;
	}
	#mv_space div dl.mv_detail dd p.lead {
		font-size: 16px;
		margin: 0 0 45px;
		line-height: 2.0em;
	}
	#mv_space div dl.mv_detail dd p.body {
		font-size: 11px;
		margin: 0 0 50px;
		line-height: 2.0em;
		color: #CBD0D4;
	}
	#mv_space div dl.mv_detail dd table.mv_spec {
		border-bottom: 1px solid #CBD0D4;
		border-top: 1px solid #CBD0D4;
		border-collapse: separate;
		border-spacing: 0px 12px;
		width: 100%;
	}
	#mv_space div dl.mv_detail dd table.mv_spec tr th {
		background: #CBD0D4;
		text-align: center;
		color: #434B54;
		padding: 4px 6px;
		font-size: 10px;
		vertical-align: middle;
		font-weight: bolder;
		width: 90px;
	}
	#mv_space div dl.mv_detail dd table.mv_spec tr td {
		font-size: 11px;
		padding: 8px 12px;
		vertical-align: middle;
		color: #CBD0D4;
	}
	#mv_space div dl.mv_detail dd table.mv_spec tr td span {
		font-size: 90%;
	}
}
@media screen and (max-width: 767px) {
	#mv_space {
		position: relative;	
		background: #434B54;
		padding: 0 0 8vh;
	}
	#mv_space div {
		position: relative;	
	}
	#mv_space div dl.mv_detail {
		position: relative;	
	}
	#mv_space div dl.mv_detail dt {
		width: 100%;
		margin: 0 0 3.0em;
	}
	#mv_space div dl.mv_detail dd {
		width: 86%;
		margin: 0 auto;
		color: #FFF;
	}
	#mv_space div dl.mv_detail dd p.point {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		color: #999;
	}
	#mv_space div dl.mv_detail dd h2 {
		font-size: 2.8em;
		margin: 0 0 0.6em;
	}
	#mv_space div dl.mv_detail dd p.lead {
		font-size: 1.4em;
		margin: 0 0 1.8em;
		line-height: 2.0em;
	}
	#mv_space div dl.mv_detail dd p.body {
		font-size: 1.1em;
		margin: 0 0 1.8em;
		line-height: 2.0em;
		color: #CBD0D4;
	}
	#mv_space div dl.mv_detail dd table.mv_spec {
		border-bottom: 1px solid #CBD0D4;
		border-top: 1px solid #CBD0D4;
		border-collapse: separate;
		border-spacing: 0px 1.2em;
		width: 100%;
	}
	#mv_space div dl.mv_detail dd table.mv_spec tr th {
		background: #CBD0D4;
		text-align: center;
		color: #434B54;
		padding: 0.5em 0.8em;
		font-size: 1.1em;
		vertical-align: middle;
		width: 32%;
	}
	#mv_space div dl.mv_detail dd table.mv_spec tr td {
		font-size: 1.2em;
		padding: 0.5em 0.8em;
		vertical-align: middle;
		color: #CBD0D4;
	}
	#mv_space div dl.mv_detail dd table.mv_spec tr td span {
		font-size: 90%;
	}

}


/*=============================================
	
	TWO LINE FEATURE
	
==============================================*/
@media screen and (min-width: 768px) {
	#feature {
		background: #F9F9F9;
		padding: 60px 0;
	}
	#feature ul li {
		float: left;
		width: 40%;
		padding: 0 5%;
	}
	#feature ul li.pc_mb30 {
		margin-bottom: 30px;
	}
	#feature ul li .img {
		margin: 0 0 15px;	
	}
	#feature ul li p {
		font-size: 12px;
		line-height: 2.0em;
	}

	#feature dl.point {
		width: 80%;
		margin: 0 auto 20px;
		border-bottom: 1px solid #434B54;
		border-top: 1px solid #434B54;
		text-align: left;
	}
	#feature dl.point:first-of-type {
		margin: 40px auto 20px;
	}
	/**
	#feature dl.point:last-of-type {
		margin: 0 auto 0;
	}
	**/
	#feature dl.point dt {
		display: inline-table;
		width: 20%;
		background: #434B54;
		text-align: center;
		padding: 40px 0;
		color: #FFF;
		vertical-align: middle;
	}
	#feature dl.point dd {
		display: inline-table;
		width: 70%;
		padding: 10px 3%;
		font-size: 12px;
		line-height: 2.2em;
		vertical-align: middle;
	}
	#feature dl.point dd span {
		font-size: 80%;
	}
}
@media screen and (max-width: 767px) {
	#feature {
		background: #F9F9F9;
		padding: 8vh 0;
	}
	#feature ul li {
		width: 90%;
		margin: 0 auto 5vh;
	}
	#feature ul li:last-child {
		margin: 0 auto 0;
	}
	#feature ul li .img {
		margin: 0 0 1.6em;
	}
	#feature ul li p {
		font-size: 1.2em;
		line-height: 2.0em;
	}

	#feature dl.point {
		margin: 6vh auto 3vh;
		text-align: left;
	}
	/**
	#feature dl.point:last-of-type {
		margin: 0 auto 0;
	}
	**/
	#feature dl.point dt {
		padding: 1.0em 0;
		margin: 0 0 1.0em;
		background: #434B54;
		text-align: center;
		color: #FFF;
		vertical-align: middle;
		font-size: 1.2em;
	}
	#feature dl.point dd {
		width: 90%;
		margin: 0 auto 0;
		font-size: 1.2em;
		line-height: 1.8em;
		vertical-align: middle;
	}
	#feature dl.point dd span {
		font-size: 80%;
	}

}

/*=============================================
	
	LAYOUT
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_layout {
		background: #434B54;
		padding: 60px 0;
	}
	#space_layout p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
		color: #FFF;
	}
	#space_layout h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
		color: #FFF;
	}
	#space_layout ul {
		background: #FFF;
		padding: 40px 50px;
	}
	#space_layout ul li {
		float: left;
		width: 45%;
		text-align: center;
	}
	#space_layout ul li:nth-child(2) {
		float: right;
	}
	#space_layout ul li .img {
		margin: 0 0 15px;	
	}
	#space_layout ul li p {
		font-size: 15px;
		line-height: 1.6em;
	}
	#space_layout ul li p span {
		font-size: 65%;
	}
}
@media screen and (max-width: 767px) {
	#space_layout {
		background: #434B54;
		padding: 6vh 3%;
	}
	#space_layout p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
		color: #FFF;
	}
	#space_layout h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
		color: #FFF;
	}
	#space_layout ul {
		background: #FFF;
		padding: 3vh 5%;
	}
	#space_layout ul li {
		width: 95%;
		margin: 0 auto 2.8em;
		text-align: center;
	}
	#space_layout ul li:last-child {
		margin: 0 auto 0;
	}
	#space_layout ul li:nth-child(2) {

	}
	#space_layout ul li .img {
		margin: 0 0 1.0em;
		border: 1px solid #C9C9C9;
	}
	#space_layout ul li p {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	#space_layout ul li p span {
		font-size: 90%;
	}

}



/*=============================================
	
	OUTLINE LIST
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_outline {
		background: #FCFCFC;
		padding: 60px 0;
	}
	#space_outline p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#space_outline h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}
	#space_outline table.space_table {
		width: 80%;
		margin: 0 auto 50px;
		border-top: 1px dotted #CCC;
	}
	#space_outline table.space_table tr {
		border-bottom: 1px dotted #CCC;
	}
	#space_outline table.space_table tr th {
		font-size: 13px;
		padding: 25px 0;
		width: 30%;
		vertical-align: middle;
		text-align: center;
	}
	#space_outline table.space_table tr td {
		font-size: 12px;
		padding: 25px 0;
		width: 68%;
		line-height: 2.0em;
		vertical-align: middle;
	}

}
@media screen and (max-width: 767px) {
	#space_outline {
		background: #FCFCFC;
		padding: 6vh 0;
	}
	#space_outline p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#space_outline h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#space_outline table.space_table {
		width: 94%;
		margin: 0 auto 6vh;
		border-top: 1px dotted #CCC;
	}
	#space_outline table.space_table tr {
		border-bottom: 1px dotted #CCC;
	}
	#space_outline table.space_table tr th {
		font-size: 1.1em;
		padding: 1.8em 0;
		width: 30%;
		vertical-align: middle;
		text-align: center;
	}
	#space_outline table.space_table tr td {
		font-size: 1.2em;
		padding: 1.8em 1.6em;
		width: 65%;
		line-height: 2.0em;
		vertical-align: middle;
		text-align: left;
	}

}

/*=============================================
	
	OTHER SPACE LIST
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_link_sub{
		background: #434B54;
		padding: 60px 0;
		color: #FFF;
	}
	#space_link_sub p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#space_link_sub h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}
	#space_link_sub ul.list {
		text-align: center;
		margin: 0 0 0;
	}
	#space_link_sub ul.list li {
		display: inline-table;
		width: 29%;
		margin: 0 1.5% 0;
		vertical-align: top;
	}
	#space_link_sub ul.list li a {
		display: block;
		color: #FFF;
	}
	#space_link_sub ul.list li dl dt {
		float: left;
		width: 40%;
	}	
	#space_link_sub ul.list li dl dd {
		float: right;
		width: 53%;
	}	
	#space_link_sub ul.list li dl dd h4 {
		font-size: 16px;
		text-align: left;
		margin: 0 0 12px;
	}	
	#space_link_sub ul.list li dl dd p.lead {
		font-size: 11px;
		text-align: left;
		line-height: 2.0em;
		color: #CCD1D5;
	}	
}
@media screen and (max-width: 767px) {
	#space_link_sub{
		background: #434B54;
		padding: 6vh 0;
		color: #FFF;
	}
	#space_link_sub p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#space_link_sub h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#space_link_sub ul.list {
		text-align: center;
		margin: 0 0 0;
	}
	#space_link_sub ul.list li {
		width: 90%;
		margin: 0 auto 5vh;
	}
	#space_link_sub ul.list li:last-child {
		margin: 0 auto 0;
	}
	#space_link_sub ul.list li a {
		display: block;
		color: #FFF;
	}
	#space_link_sub ul.list li dl dt {
		float: left;
		width: 30%;
	}	
	#space_link_sub ul.list li dl dd {
		float: right;
		width: 64%;
	}	
	#space_link_sub ul.list li dl dd h4 {
		font-size: 1.6em;
		margin: 0 0 0.4em;
		text-align: left;
	}	
	#space_link_sub ul.list li dl dd p.lead {
		font-size: 1.0em;
		line-height: 2.0em;
		color: #CCD1D5;
		text-align: left;
	}	

}

/*=============================================
	
	OTHER PLAN LIST
	
==============================================*/
@media screen and (min-width: 768px) {
	#plan_link_sub {
		background: #F6F6F6;
		padding: 60px 0;
	}
	#plan_link_sub p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#plan_link_sub h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}
	#plan_link_sub ul.list {
		text-align: left;
		margin: 0 0 0;
	}
	#plan_link_sub ul.list li {
		display: inline-table;
		width: 29%;
		margin: 0 1.5% 20px;
		vertical-align: top;
	}
	#plan_link_sub ul.list li a {
		display: block;
	}
	#plan_link_sub ul.list li dl dt {
		float: left;
		width: 40%;
	}	
	#plan_link_sub ul.list li dl dd {
		float: right;
		width: 53%;
		padding: 30px 0 0;
	}	
	#plan_link_sub ul.list li dl dd h4 {
		font-size: 12px;
		text-align: left;
	}	
}
@media screen and (max-width: 767px) {
	#plan_link_sub {
		background: #F6F6F6;
		padding: 6vh 0;
	}
	#plan_link_sub p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#plan_link_sub h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#plan_link_sub ul.list {
		text-align: left;
		margin: 0 0 0;
	}
	#plan_link_sub ul.list li {
		width: 90%;
		margin: 0 auto 5vh;
	}
	#plan_link_sub ul.list li:last-child {
		margin: 0 auto 0;
	}
	#plan_link_sub ul.list li a {
		display: block;
	}
	#plan_link_sub ul.list li dl dt {
		float: left;
		width: 30%;
	}	
	#plan_link_sub ul.list li dl dd {
		float: right;
		width: 64%;
		padding: 1.6em 0 0;
	}	
	#plan_link_sub ul.list li dl dd h4 {
		font-size: 1.6em;
		margin: 0 0 0.4em;
		text-align: left;
	}	

}


/*=============================================
	
	OTHER PLAN LIST
	
==============================================*/
@media screen and (min-width: 768px) {

	ul.btn_360 {
		width: 800px;
		padding: 30px 0 0;
		margin: 0 auto 0;
		text-align: center;
	}
	ul.btn_360 li {
		float: none !important;
		display: inline-block;
		width: 360px !important;
		padding: 0;
		text-align: center;
		margin: 0 10px;
		background: url(/party/img/space/icon_360.png) no-repeat 15% center #444444;
		background-size: 32px;
	}
	ul.btn_360 li a {
		display: block;
		color: #FFF;
		padding: 16px 0;
	}

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

	ul.btn_360 {
		width: 90%;
		padding: 2.4em 0 0;
		margin: 0 auto 0;
		text-align: center;
	}
	ul.btn_360 li {
		width: 100% !important;
		text-align: center;
		margin: 0 0 0.8em;
		background: url(/party/img/space/icon_360.png) no-repeat 10% center #444444;
		background-size: 10% auto;
		font-size: 1.2em;
	}
	ul.btn_360 li a {
		display: block;
		color: #FFF;
		padding: 1.4em 0;
	}

}


/*---------------------------------------------------------
	
	    SCENE
	
---------------------------------------------------------*/

@media screen and (min-width: 768px) {
	#case_wrap {
		padding: 60px 0;
	}
	#case_wrap p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#case_wrap h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}

	#case_wrap p.lead {
		font-size: 13px;
		text-align: center;
		margin: 0 0 40px;
	}
	#case_wrap ul.case_list {
		text-align: center;
	}
	#case_wrap ul.case_list li {
		display: inline-block;
		width: 240px;
		margin: 0 20px 30px;
		vertical-align: top;
	}
	#case_wrap ul.case_list li figure {
		margin: 0 0 18px;
	}
	#case_wrap ul.case_list li p {
		width: 90%;
		margin: 0 auto;
		font-size: 13px;
		font-weight: bolder;
	}

}

@media screen and (max-width: 767px) {
	#case_wrap {
		padding: 6vh 0;
	}
	#case_wrap p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#case_wrap h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#case_wrap p.lead {
		font-size: 1.2em;
		text-align: center;
		margin: 0 0 2.4em;
		line-height: 1.8em;
	}
	#case_wrap ul.case_list {
		text-align: center;
	}
	#case_wrap ul.case_list li {
		display: inline-block;
		width: 45%;
		margin: 0 2% 2.4em;
		vertical-align: top;
	}
	#case_wrap ul.case_list li figure {
		margin: 0 0 1.0em;
	}
	#case_wrap ul.case_list li p {
		width: 90%;
		margin: 0 auto;
		font-size: 1.1em;
		font-weight: bolder;
	}
}