@charset "utf-8";


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

.ng_mg80 {
	margin-top: -5.0em;
}

/*---------------------------------------------------------

   一覧

---------------------------------------------------------*/
#headline > .container > .panel > ul.space_list {
	margin: 0 0 5.0em;
}
#headline > .container > .panel > ul.space_list li {
	padding: 0 0 3.0em;
	margin: 0 0 3.0em;
	border-bottom: 1px solid #F3F3F3;
}
#headline > .container > .panel > ul.space_list li:last-child {
	border: none;
	margin: 0;
	padding: 0;
}
#headline > .container > .panel > ul.space_list li img {
	margin: 0 0 1.6em;
}
#headline > .container > .panel > ul.space_list li h3 {
	font-size: 1.8em;
	text-align: center;
	margin: 0 0 0.8em;
}
#headline > .container > .panel > ul.space_list li p.lead {
	margin: 0 auto 1.0em;
	text-align: center;
	width: 90%;
	font-size: 1.2em;
}
#headline > .container > .panel > ul.space_list li div.btn {
	width: 90%;
	margin: 0 auto;
	background: #BAAA49;
	text-align: center;
	font-size: 1.2em;
}
#headline > .container > .panel > ul.space_list li div.btn a {
	display: block;
	color: #FFF;
	padding: 1.0em 0;
	position: relative;
}
#headline > .container > .panel > ul.space_list li div.btn a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}


/*---------------------------------------------------------

   詳細

---------------------------------------------------------*/
#Mv {
    display: table;
    position: relative;
    background: url(/img/party/space/mv01_sp.jpg) center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 40vw;
	z-index: 10;    
}
#headline > .container > .panel .spec_wrap {
	width: 90%;
	margin: 0 auto 0;
	padding: 3.0em 3%;
	border-top: 3px double #CCC;
}
#headline > .container > .panel .spec_wrap:nth-of-type(2n) {
	background: #FEFEFE;
}
#headline > .container > .panel .spec_wrap:last-of-type {
	border-bottom: 3px double #CCC;
	margin: 0 auto 3.0em;
}
#headline > .container > .panel .title01 {
	text-align: left;
	color: #333;
	margin: 0 0 0.8em;
	font-size: 1.7em;
}
#headline > .container > .panel ul.scene_list {
	margin: 0;
}
#headline > .container > .panel ul.scene_list li {
	float: left;
	margin: 0 1.0em 0.4em 0;
	font-size: 1.2em;
}
#headline > .container > .panel ul.scene_list li:before {
	content: "・";
}
#headline > .container > .panel table.spec {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
#headline > .container > .panel table.spec tr {
}
#headline > .container > .panel table.spec tr th {
	display: block;
	font-size: 1.3em;
	padding: 0.8em 5%;
	background: #F4F4E4;
	text-align: left;
	vertical-align: middle;
}
#headline > .container > .panel table.spec tr td {
	display: block;
	font-size: 1.3em;
	padding: 1.0em 5% 1.4em;
	vertical-align: middle;
	line-height: 1.8em;
	background: #FFF;
}

#headline > .container > .panel table.price_list {
	margin: 0 0 0.8em;
}


#headline > .container > .panel table.price_list tr {
}
#headline > .container > .panel table.price_list tr th {
	display: block;
	font-size: 1.3em;
	padding: 0.1em 5%;
	text-align: left;
	vertical-align: middle;
}
#headline > .container > .panel table.price_list tr td {
	display: block;
	font-size: 1.3em;
	padding: 0.8em 5%;
	text-align: left;
	vertical-align: middle;
	border-top: 1px dotted #CCC;
}
#headline > .container > .panel table.price_list tr td.add_hirosa:before {
	content: "面積：";
}
#headline > .container > .panel table.price_list tr td.add_time01:before {
	content: "利用料(2時間)：";
}
#headline > .container > .panel table.price_list tr td.add_time02:before {
	content: "利用料(8時間)：";
}
#headline > .container > .panel table.price_list tr td.add_time03:before {
	content: "1時間：";
}
#headline > .container > .panel table.price_list tr > .title {
	background: #F4F4E4;	
}
#headline > .container > .panel table.price_list tr td a {
	text-decoration: underline;
}
#headline > .container > .panel p.attention {
	font-size: 0.9em;
	color: #999;
}
#headline > .container > .panel .right {
	text-align: right;
}

#headline > .container > .panel ul.layout_list {
}
#headline > .container > .panel ul.layout_list li {
	float: left;
	width: 46%;
	padding: 0 2%;
	font-size: 1.2em;
	margin: 0 0 1.8em;
	text-align: center;
}
#headline > .container > .panel ul.layout_list li img {
	border: 1px solid #CCC;
	margin: 0 0 8px;
}
#headline > .container > .panel ul.layout_list li a {
	color: #80AD99;
}



#headline > .container > .panel ul.btn_list {
	background: #F3F3F3;
	width: 80%;
	margin: 0 auto;
	padding: 2.4em;
}
#headline > .container > .panel ul.btn_list li {
	background: #BAAA49;
	text-align: center;
	margin: 0 0 1.8em;
}
#headline > .container > .panel ul.btn_list li:last-child {
	margin: 0 0 0;
}
#headline > .container > .panel ul.btn_list li a {
	display: block;
	padding: 1.3em 0;
	color: #FFF;
	font-size: 1.2em;
	position: relative;
}
#headline > .container > .panel ul.btn_list li a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}

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


}

@media screen and (min-width: 769px) {

.ng_mg80 {
	margin-top: -80px;
}

/*---------------------------------------------------------

   一覧

---------------------------------------------------------*/
#headline > .container > .panel > ul.space_list {
	text-align: center;
}
#headline > .container > .panel > ul.space_list li {
	display: inline-block;
	width: 43%;
	padding: 0 3%;
	margin: 0 0 80px;
}
#headline > .container > .panel > ul.space_list li img {
	margin: 0 0 8px;
}
#headline > .container > .panel > ul.space_list li h3 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 10px;
}
#headline > .container > .panel > ul.space_list li p.lead {
	margin: 0 auto 12px;
	text-align: center;
	width: 90%;
	font-size: 11px;
}
#headline > .container > .panel > ul.space_list li div.btn {
	width: 80%;
	margin: 0 auto;
	background: #BAAA49;
	text-align: center;
	font-size: 12px;
}
#headline > .container > .panel > ul.space_list li div.btn a {
	display: block;
	color: #FFF;
	padding: 8px 0;
	position: relative;
}
#headline > .container > .panel > ul.space_list li div.btn a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}

/*---------------------------------------------------------

   詳細

---------------------------------------------------------*/
#Mv {
    display: table;
    position: relative;
    background: url(/img/party/space/mv01_pc.jpg) center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 126.66vw;
    max-height: 200px;
	z-index: 10;    
}
#headline > .container > .panel .spec_wrap {
	width: 84%;
	margin: 0 auto 0;
	padding: 50px 3%;
	border-top: 3px double #CCC;
}
#headline > .container > .panel .spec_wrap:nth-of-type(2n) {
	background: #F9F9F9;
}
#headline > .container > .panel .spec_wrap:last-of-type {
	border-bottom: 3px double #CCC;
	margin: 0 auto 50px;
}
#headline > .container > .panel .title01 {
	text-align: left;
	color: #333;
	margin: 0 0 20px;
	font-size: 20px;
}
#headline > .container > .panel ul.scene_list {
	margin: 0;
}
#headline > .container > .panel ul.scene_list li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 13px;
}
#headline > .container > .panel ul.scene_list li:before {
	content: "・";
}
#headline > .container > .panel table.spec {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#headline > .container > .panel table.spec tr {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
#headline > .container > .panel table.spec tr th {
	font-size: 13px;
	padding: 26px 12px;
	background: #F4F4E4;
	text-align: center;
	min-width: 20%;
	vertical-align: middle;
}
#headline > .container > .panel table.spec tr td {
	font-size: 13px;
	padding: 26px 12px;
	vertical-align: middle;
	line-height: 1.8em;
	background: #FFF;
}
#headline > .container > .panel table.spec tr td.center {
	text-align: center;
}
#headline > .container > .panel table.spec tr th.b_right, #headline > .container > .panel table.spec tr td.b_right {
	border-right: 1px solid #999;
}

#headline > .container > .panel table.price_list {
	margin: 0 0 16px;
}
#headline > .container > .panel table.price_list tr th {
	border-right: 1px solid #999;
	min-width: 24%;
}
#headline > .container > .panel table.price_list tr td {
	border-right: 1px solid #999;
	text-align: center;
	min-width: 25%;
}
#headline > .container > .panel table.price_list tr td a {
	text-decoration: underline;
}
#headline > .container > .panel p.attention {
	font-size: 11px;
	color: #999;
}
#headline > .container > .panel .right {
	text-align: right;
}

#headline > .container > .panel ul.layout_list {
}
#headline > .container > .panel ul.layout_list li {
	float: left;
	width: 21%;
	padding: 0 2%;
	font-size: 13px;
	margin: 0 0 20px;
}
#headline > .container > .panel ul.layout_list li img {
	border: 1px solid #CCC;
	margin: 0 0 8px;
}
#headline > .container > .panel ul.layout_list li a {
	color: #80AD99;
}



#headline > .container > .panel ul.btn_list {
	background: #F3F3F3;;
	padding: 30px;
}
#headline > .container > .panel ul.btn_list li {
	float: left;
	width: 45%;
	background: #BAAA49;
	text-align: center;
}
#headline > .container > .panel ul.btn_list li:last-child {
	float: right;
}
#headline > .container > .panel ul.btn_list li a {
	display: block;
	padding: 12px 0;
	color: #FFF;
	position: relative;
}
#headline > .container > .panel ul.btn_list li a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}

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

}