@charset "utf-8";


/*=============================================
	
	MAIN VISUAL
	
==============================================*/
@media screen and (min-width: 768px) {
	#mv_plan {
		background: #434B54;
		padding: 60px 0;
	}
	#mv_plan div {
		position: relative;	
	}
	#mv_plan div dl.mv_detail {
		position: relative;	
	}
	#mv_plan div dl.mv_detail dt {
		float: right;
		width: 480px;
	}
	#mv_plan div dl.mv_detail dd {
		float: left;
		width: 400px;
		padding: 20px 0 0;
		color: #FFF;
	}
	#mv_plan div dl.mv_detail dd p.point {
		font-size: 15px;
		margin: 0 0 20px;
		color: #999;
	}
	#mv_plan div dl.mv_detail dd h2 {
		font-size: 24px;
		margin: 0 0 30px;
	}
	#mv_plan div dl.mv_detail dd p.body {
		font-size: 12px;
		margin: 0 0 40px;
		line-height: 2.0em;
		color: #CBD0D4;
	}
	#mv_plan div dl.mv_detail dd table.mv_spec {
		border-bottom: 1px solid #CBD0D4;
		border-top: 1px solid #CBD0D4;
		border-collapse: separate;
		border-spacing: 0px 16px;
		width: 100%;
	}
	#mv_plan div dl.mv_detail dd table.mv_spec tr th {
		background: #FFF;
		text-align: center;
		color: #434B54;
		padding: 4px 6px;
		font-size: 10px;
		vertical-align: middle;
		font-weight: bolder;
	}
	#mv_plan div dl.mv_detail dd table.mv_spec tr td {
		font-size: 11px;
		padding: 8px 12px;
		vertical-align: middle;
		color: #FFF;
	}
	#mv_plan div dl.mv_detail dd table.mv_spec tr td span {
		font-size: 90%;
	}
}
@media screen and (max-width: 767px) {
	#mv_plan {
		position: relative;	
		background: #434B54;
		padding: 6vh 0 8vh;
	}
	#mv_plan div {
		position: relative;	
	}
	#mv_plan div dl.mv_detail {
		position: relative;	
	}
	#mv_plan div dl.mv_detail dt {
		width: 90%;
		margin: 0 auto 3.0em;
	}
	#mv_plan div dl.mv_detail dd {
		width: 86%;
		margin: 0 auto;
		color: #FFF;
	}
	#mv_plan div dl.mv_detail dd p.point {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		color: #999;
	}
	#mv_plan div dl.mv_detail dd h2 {
		font-size: 2.8em;
		margin: 0 0 1.0em;
	}
	#mv_plan div dl.mv_detail dd p.body {
		font-size: 1.1em;
		margin: 0 0 2.6em;
		line-height: 2.0em;
		color: #CBD0D4;
	}
	#mv_plan 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_plan div dl.mv_detail dd table.mv_spec tr th {
		background: #FFF;
		text-align: center;
		color: #434B54;
		padding: 0.5em 0.8em;
		font-size: 1.1em;
		vertical-align: middle;
		width: 45%;
	}
	#mv_plan div dl.mv_detail dd table.mv_spec tr td {
		font-size: 1.2em;
		padding: 0.5em 0.8em;
		vertical-align: middle;
		color: #FFF;
	}
	#mv_plan div dl.mv_detail dd table.mv_spec tr td span {
		font-size: 90%;
	}


}


/*=============================================
	
	TWO LINE FEATURE
	
==============================================*/
@media screen and (min-width: 768px) {
	#etc {
		background: #F6F6F6;
	}
	.detail_layout {
		background: #FFF;
		padding: 60px 0;
	}	
	.detail_layout p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	.detail_layout h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}	
	.detail_layout h4 {
		font-size: 18px;
		margin: 0 0 20px;
	}
	.detail_layout h5 {
		font-size: 12px;
		margin: 0 0 15px;
		background: #706D5B;
		padding: 8px 24px;
		text-align: center;
		color: #FFF;
		display: inline-table;
	}
	.detail_layout .sub_img {
		width: 560px;
		margin: 0 auto 60px;
	}
	.detail_layout p.body {
		font-size: 12px;
		margin: 0 0 30px;
		text-align: left;
		line-height: 2.0em;
	}
	.detail_layout p.body span {	
		font-size: 90%;
		color: #6C7987;
	}
	.detail_layout p.center_sub {
		font-size: 12px;
		margin: 0 0 30px;
		text-align: center;
	}
	.detail_layout ul li {
		float: left;
		width: 44%;
		margin: 0 0 40px;
		padding: 0 3%;
	}

}
@media screen and (max-width: 767px) {
	#etc {
		background: #F6F6F6;
	}
	.detail_layout {
		background: #FFF;
		padding: 10vh 0;
		text-align: center;
	}
	.detail_layout p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	.detail_layout h3 {
		font-size: 2.4em;
		margin: 0 0 1.6em;
		text-align: center;
	}	
	.detail_layout h4 {
		font-size: 1.8em;
		margin: 0 0 1.4em;
		text-align: center;
	}
	.detail_layout h5 {
		font-size: 1.2em;
		margin: 0 auto 1.5em;
		background: #706D5B;
		padding: 0.6em 1.4em;
		text-align: center;
		color: #FFF;
		display: inline-table;
	}
	.detail_layout .sub_img {
		width: 100%;
		margin: 0 auto 2.4em;
	}
	.detail_layout p.body {
		font-size: 1.2em;
		line-height: 2.0em;
		text-align: center;
		margin: 0 0 3vh;
	}
	.detail_layout p.body span {	
		font-size: 90%;
		color: #6C7987;
	}
	.detail_layout p.center_sub {
		font-size: 12px;
		margin: 0 0 2.0em;
		text-align: center;
	}
	.detail_layout ul li {
		margin: 0 0 5vh;
		border-bottom: 1px dotted #CCC;
		padding: 0 0 5vh;
	}
	.detail_layout ul li:last-child {
		margin: 0 0 0;
		border-bottom: none;
		padding: 0 0 0;
	}


}


/*=============================================
	
	THREE LINE FEATURE
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_list {
		background: #f7fafd;
	}
	#option_kobegyu {
		background: #fbfbfb;
	}
	.detail_layout ul.threeline li {
		float: left;
		width: 30%;
		margin: 0 0 0;
		padding: 0 1.5%;
	}
	.detail_layout ul.threeline li p.body {
		text-align: center !important;
	}

}
@media screen and (max-width: 767px) {
	#space_list {
		background: #fcfcf9;
	}
	#option_kobegyu {
		background: #fbfbfb;
	}
	.detail_layout ul.threeline li p.body {
		text-align: center !important;
	}
}

/*=============================================
	
	TWO LINE FEATURE
	
==============================================*/

@media screen and (min-width: 768px) {
	.detail_layout ul.twospaceline {
		text-align: center !important;
	}
	.detail_layout ul.twospaceline li {
		float: none;
		display: inline-block;
		width: 40%;
		margin: 0 3% 0;
		padding: 0 0;
		text-align: center !important;
	}
	.detail_layout ul.twospaceline li p.body {
		text-align: center !important;
	}
	.detail_layout ul.twospaceline li img {
		margin: 0 0 12px;
	}
}
@media screen and (max-width: 767px) {
	.detail_layout ul.twospaceline li {
		width: 90%;
		margin: 0 auto 1.0em;
		padding: 0 0;
		border: none;
	}
	.detail_layout ul.twospaceline li p.body {
		text-align: center !important;
	}
	.detail_layout ul.twospaceline li img {
		margin: 0 0 1.0em;
	}
}

/*=============================================
	
	FOUR LINE FEATURE
	
==============================================*/

@media screen and (min-width: 768px) {
	.detail_layout ul.fourline li {
		float: left;
		width: 22%;
		margin: 0 0 0;
		padding: 0 1%;
	}
	.detail_layout ul.fourline li img {
		margin: 0 0 12px;
	}
}
@media screen and (max-width: 767px) {
	.detail_layout ul.fourline li {
		float: left;
		width: 48%;
		margin: 0 0 1.6em;
		padding: 0 1%;
		border: none;
	}
	.detail_layout ul.fourline li p.body {
		text-align: left !important;
	}
	.detail_layout ul.fourline li img {
		margin: 0 0 1.0em;
	}
}



/*=============================================
	
	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: 10vh 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;
	}	

}


/*=============================================
	
	特典枠
	
==============================================*/
@media screen and (min-width: 768px) {
	#benefit_wrap {
		background: #F6F6F6;
	}
	#benefit_wrap .sub{
		text-align: center;
		font-size: 13px;
		line-height: 1.8em;
		margin: 0 0 40px;
	}
	#benefit_wrap ul {
	}
	#benefit_wrap ul li {
		width: 43% !important;
		line-height: 1.8em;
		font-size: 13px;
		list-style-type: disc;
		padding: 0 0 0;
		margin: 0 3% 15px !important;
	}
}
@media screen and (max-width: 767px) {
	#benefit_wrap {
		background: #F6F6F6;
	}
	#benefit_wrap .sub{
		text-align: center;
		font-size: 1.1em;;
		line-height: 1.8em;
		margin: 0 0 1.6em;
	}
	#benefit_wrap ul {
		width: 90%;
		margin: 0 auto;
	}
	#benefit_wrap ul li {
		width: 100%;
		line-height: 1.8em;
		font-size: 1.1em;
		padding: 0 0 1.2em;
		margin: 0 0 1.2em;
		border-bottom: 1px dotted #CCC;
		text-align: left;
	}
	#benefit_wrap ul li:last-child {
		padding: 0;
		margin: 0;
		border: none;
	}
}

/*=============================================
	
	会場スペース
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_wrap {
	background: #F6F6F6;
	}
	#space_wrap ul.space_list li h4 {
		text-align: center;
	}
	#space_wrap ul.space_list li dl dt {
		margin: 0 0 12px;
	}
	#space_wrap ul.space_list li dl dd {
		font-size: 13px;
		line-height: 1.8em;
	}
}
@media screen and (max-width: 767px) {
	#space_wrap {
	background: #F6F6F6;
	}
	#space_wrap ul.space_list li h4 {
		text-align: center;
	}
	#space_wrap ul.space_list li dl dt {
		margin: 0 0 1.0em;
	}
	#space_wrap ul.space_list li dl dd {
		font-size: 1.1em;
		line-height: 1.8em;
		text-align: left;
	}
}

/*=============================================
	
	ギャラリー
	
==============================================*/
@media screen and (min-width: 768px) {
	#gallery_wrap {
		background: #434B54;
		color: #FFF;
		text-align: center;
	}
	#gallery_wrap.detail_layout {
		padding: 30px 0;
	}
	#gallery_wrap h3 {
		margin: 0 0 15px;
	}
	#gallery_wrap ul.gallery_fancybox {
		margin: 0 0 50px;
	}
	#gallery_wrap ul.gallery_fancybox:last-of-type {
		margin: 0;
	}
	#gallery_wrap ul.gallery_fancybox li {
		float: left;
		width: 80px;
		margin: 0 5px 10px;
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	#gallery_wrap {
		background: #434B54;
		color: #FFF;
		text-align: center;
	}
	#gallery_wrap.detail_layout {
		padding: 5vh 0;
	}
	#gallery_wrap ul.gallery_fancybox {
		margin: 0 0 3.2em;
	}
	#gallery_wrap.detail_layout h3 {
		margin: 0 0 0.8em;
	}
	#gallery_wrap ul.gallery_fancybox:last-of-type {
		margin: 0;
		text-align: center;
	}
	#gallery_wrap ul.gallery_fancybox li {
		display: inline-block;
		width: 22%;
		margin: 0 1% 0.8em;
		padding: 0;
		border: none;
	}
}