@charset "utf-8";


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

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

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

   詳細ページ

---------------------------------------------------------*/
#Mv {
    display: table;
    position: relative;
    background: url(/img/party/space/mv01_sp.jpg) center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 30vh;
	z-index: 10;    
}

#headline > .container > .panel > div.plan_content {
	width: 96%;
	margin: 0 auto;
	font-size: 12px;
}
#headline > .container > .panel > div.plan_content h3 {
	font-size: 2.0em;
	margin: 0 0 1.2em;
}
#headline > .container > .panel > div.plan_content h4 {
	font-size: 1.6em;
	margin: 0 0 1.0em;
	text-align: left;
	color: #333;
}
#headline > .container > .panel > div.plan_content p.lead {
	text-align: left;
	width: 100%;
	margin: 0 0 1.4em;
}
#headline > .container > .panel > div.plan_content dl.visual {
	margin: 0 0 2.0em;
}
#headline > .container > .panel > div.plan_content dl.visual dt {
	margin: 0 0 1.2em;
}
#headline > .container > .panel > div.plan_content dl.visual dd {
	font-size: 1.0em;
	line-height: 2.0em;
}

#headline > .container > .panel > div.plan_content table.list {
	margin: 0 0 2.0em;
	padding: 0;
	text-align: left;
	width: 100%;
}
#headline > .container > .panel > div.plan_content table.list tr {
}
#headline > .container > .panel > div.plan_content table.list tr th {
	display: block;
	font-size: 1.1em;
	padding: 1.0em 1.2em;
	background: #F4F4E4;
	text-align: left;
	vertical-align: middle;
}
#headline > .container > .panel > div.plan_content table.list tr td {
	display: block;
	font-size: 1.1em;
	padding: 0.6em 1.2em;
	vertical-align: middle;
	text-align: left;
	line-height: 1.8em;
	background: #FFF;
}
#headline > .container > .panel > div.plan_content table.list tr td a {
	padding: 0 1.2em 0 0;
	color: #BAAA49;
	position: relative;
	font-size: 12px;
}
#headline > .container > .panel > div.plan_content table.list tr td a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:0;
	top:20%;
	border-top: 1px solid #BAAA49;
	border-right: 1px solid #BAAA49;
	-webkit-transform:rotate(135deg) translateY(-60%);
	-moz-transform:rotate(135deg) translateY(-60%);
	transform:rotate(135deg) translateY(-60%);
}


#headline > .container > .panel > div.plan_content ul.attention_list {
	margin: 0 0 3.0em;
}
#headline > .container > .panel > div.plan_content ul.attention_list li {
	font-size: 0.9em;
	color: #999;
	margin: 0 0 0.8em;
	line-height: 1.4em;
}
#headline > .container > .panel > div.plan_content ul.attention_list li:before {
	content: "※";
}

#headline > .container > .panel > div.plan_content > ul.benefit_list {
	background: #FCFCFC;
	border: 1px solid #CCC;
	padding: 7%;
	margin: 0 0 2.4em;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li {
	font-size: 1.2em;
	margin: 0 0 0.8em;
	color: #BAAA49;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li:last-child {
	margin: 0 0 0;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li:last-child {
	margin: 0;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li:before {
	content: "・";
}

#headline > .container > .panel > div.plan_content div.menu_wrap {
	border-top: 3px double #CCC;
	padding: 3.0em 0.8em;
}
#headline > .container > .panel > div.plan_content div.menu_wrap:last-of-type {
	border-bottom: 3px double #CCC;
	margin: 0 0.8em 3.0em;
}
#headline > .container > .panel > div.plan_content div.menu_wrap p.price {
	color: #BAAA49;
	font-size: 1.4em;
	margin: 0 0 1.8em;
}

#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap {
	width: 96%;
	margin: 0 auto 0;
	padding: 0;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap h5 {
	font-size: 1.4em;
	color: #333;
	margin: 0 0 1.0em;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap ul.menu_list {
	margin: 0 0 2.4em;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap ul.menu_list li {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 0.8em;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap ul.menu_list li:before {
	content: "・";
}

#headline > .container > .panel > div.plan_content ul.btn_list {
	background: #F3F3F3;
	width: 80%;
	margin: 0 auto 3.0em;
	padding: 2.4em;
}
#headline > .container > .panel > div.plan_content ul.btn_list li {
	background: #BAAA49;
	text-align: center;
	margin: 0 0 1.8em;
}
#headline > .container > .panel > div.plan_content ul.btn_list li:last-child {
	margin: 0 0 0;
}
#headline > .container > .panel > div.plan_content ul.btn_list li a {
	display: block;
	padding: 0.8em 0;
	color: #FFF;
	font-size: 1.2em;
	position: relative;
}
#headline > .container > .panel > div.plan_content 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%);
}


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

   一覧リスト

---------------------------------------------------------*/
#headline > .container > .panel > .plan_list_wrap {
	width: 86%;
	margin: 0 auto;
	background: #F9f9f9;
	padding: 5%;
}

#headline > .container > .panel > .plan_list_wrap > ul.plan_list {
	
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li {
	background: #FFF;
	padding: 8%;
	margin: 0 0 2.0em;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li:last-child {
	border: none;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li img {
	margin: 0 0 1.0em;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li h3 {
	font-size: 1.6em;
	text-align: center;
	margin: 0 0 1.0em;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li p.lead {
	margin: 0 0 1.2em;
	text-align: left;
	width: 100%;
	font-size: 1.2em;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li div.btn {
	width: 90%;
	margin: 0 auto;
	background: #BAAA49;
	text-align: center;
	font-size: 1.4em;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li div.btn a {
	display: block;
	color: #FFF;
	padding: 0.8em 0;
	position: relative;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_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%);
}



}

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

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

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

   詳細ページ

---------------------------------------------------------*/
#Mv {
    display: table;
    position: relative;
    background: url(/img/party/plan/mv01_pc.jpg) center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 126.66vw;
    max-height: 200px;
	z-index: 10;    
}


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

   左詳細コンテンツ

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

#headline > .container > .panel > div.plan_content {
	float: left;
	width: 70%;
	font-size: 12px;
}
#headline > .container > .panel > div.plan_content h3 {
	font-size: 26px;
	margin: 0 0 20px;
}
#headline > .container > .panel > div.plan_content h4 {
	font-size: 20px;
	margin: 0 0 12px;
	text-align: left;
	color: #333;
}
#headline > .container > .panel > div.plan_content p.lead {
	text-align: left;
	width: 100%;
	margin: 0 0 12px;
}
#headline > .container > .panel > div.plan_content dl.visual {
	margin: 0 0 30px;
}
#headline > .container > .panel > div.plan_content dl.visual dt {
	margin: 0 0 16px;
}
#headline > .container > .panel > div.plan_content dl.visual dd {
	font-size: 13px;
	line-height: 2.0em;
}

#headline > .container > .panel > div.plan_content table.list {
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
	width: 100%;
}
#headline > .container > .panel > div.plan_content table.list tr {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#headline > .container > .panel > div.plan_content table.list tr th {
	font-size: 13px;
	padding: 16px 12px;
	background: #F4F4E4;
	text-align: center;
	vertical-align: middle;
	width: 35%;
}
#headline > .container > .panel > div.plan_content table.list tr td {
	font-size: 13px;
	padding: 16px 12px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.8em;
	background: #FFF;
	min-width: 30%;
}
#headline > .container > .panel > div.plan_content table.list tr td a {
	padding: 6px 24px;
	color: #BAAA49;
	position: relative;
	font-size: 12px;
}
#headline > .container > .panel > div.plan_content table.list tr td a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:30%;
	border-top: 1px solid #BAAA49;
	border-right: 1px solid #BAAA49;
	-webkit-transform:rotate(135deg) translateY(-60%);
	-moz-transform:rotate(135deg) translateY(-60%);
	transform:rotate(135deg) translateY(-60%);
}


#headline > .container > .panel > div.plan_content ul.attention_list {
	margin: 0 0 40px;
}
#headline > .container > .panel > div.plan_content ul.attention_list li {
	font-size: 11px;
	color: #999;
	margin: 0 0 8px;
	line-height: 1.4em;
}
#headline > .container > .panel > div.plan_content ul.attention_list li:before {
	content: "※";
}

#headline > .container > .panel > div.plan_content > ul.benefit_list {
	background: #FCFCFC;
	border: 1px solid #CCC;
	padding: 3%;
	margin: 0 0 40px;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li {
	font-size: 13px;
	margin: 0 0 8px;
	color: #BAAA49;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li:last-child {
	margin: 0 0 0;
}
#headline > .container > .panel > div.plan_content > ul.benefit_list li:before {
	content: "・";
}

#headline > .container > .panel > div.plan_content div.menu_wrap {
	border-top: 3px double #CCC;
	padding: 40px 0;
}
#headline > .container > .panel > div.plan_content div.menu_wrap:last-of-type {
	border-bottom: 3px double #CCC;
	margin: 0 0 40px;
}
#headline > .container > .panel > div.plan_content div.menu_wrap p.price {
	color: #BAAA49;
	font-size: 14px;
	margin: 0 0 24px;
}

#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap {
	float: left;
	width: 46%;
	padding: 0 2%;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap h5 {
	font-size: 14px;
	color: #333;
	margin: 0 0 12px;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap ul.menu_list {
	margin: 0 0 14px;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap ul.menu_list li {
	font-size: 12px;
	line-height: 1.4em;
	margin: 0 0 10px;
}
#headline > .container > .panel > div.plan_content div.menu_wrap div.menu_list_wrap ul.menu_list li:before {
	content: "・";
}

#headline > .container > .panel > div.plan_content ul.btn_list {
	background: #F3F3F3;;
	padding: 30px;
}
#headline > .container > .panel > div.plan_content ul.btn_list li {
	float: left;
	width: 45%;
	background: #BAAA49;
	text-align: center;
}
#headline > .container > .panel > div.plan_content ul.btn_list li:last-child {
	float: right;
}
#headline > .container > .panel > div.plan_content ul.btn_list li a {
	display: block;
	padding: 12px 0;
	color: #FFF;
	position: relative;
}
#headline > .container > .panel > div.plan_content 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%);
}


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

   一覧リスト

---------------------------------------------------------*/
#headline > .container > .panel > .plan_list_wrap {
	float: right;
	width: 25%;
}

#headline > .container > .panel > .plan_list_wrap > ul.plan_list {
	
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li {
	width: 94%;
	padding: 0 3% 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #F3F3F3;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li:last-child {
	border: none;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li img {
	margin: 0 0 12px;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li h3 {
	font-size: 14px;
	text-align: center;
	margin: 0 0 10px;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li p.lead {
	margin: 0 0 12px;
	text-align: left;
	width: 100%;
	font-size: 11px;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li div.btn {
	width: 90%;
	margin: 0 auto;
	background: #BAAA49;
	text-align: center;
	font-size: 12px;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_list li div.btn a {
	display: block;
	color: #FFF;
	padding: 8px 0;
	position: relative;
}
#headline > .container > .panel > .plan_list_wrap > ul.plan_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%);
}



}