@charset "utf-8";


/*=============================================
	
	メインビジュアル
	
==============================================*/
.plan_detail_wrap dl.head dt img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

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


	.tab {
		overflow:hidden;
		border-bottom: 6px solid #739d8b;
	}
	.tab li {
		width: 50%;
		background:#FFF;
		padding:1.0em 0;
		float:left;
		text-align: center;
		font-size: 1.2em;
		color: #739d8b;
	}
	.tab li.select {
		background: #739d8b;
		color: #FFF;
	}
	.content li {
		padding:20px;
	}
	.hide {
		display:none;
	}

	.plan_detail_wrap {
		position: relative;
		width: 86%;
		margin: 0 auto 3.0em;
		background: #FFF;
		padding: 1.0em 1.0em 4.0em 1.0em;
		border-bottom: 3px solid #739d8b;
	}
	.plan_detail_wrap dl.head {
		margin: 0 0 2.0em;
		padding: 0 0 1.0em;
	}
	.plan_detail_wrap dl.head dt {
		margin: 0 0 1.6em;
	}
	.plan_detail_wrap dl.head dd {
		margin: 0 auto 0;
		width: 90%;
	}
	.plan_detail_wrap dl.head dd h4 {
		font-size: 1.5em;
		margin: 0 0 0.6em;
	}
	.plan_detail_wrap dl.head dd p.price {
		font-size: 1.2em;
		margin: 0 0 0;

	}
	.plan_detail_wrap .dropdown {
		width: 90%;
		margin: 0 auto;
		padding: 0 0 1.2em;
		display: none;
	}
	.plan_detail_wrap .dropdown.open {
		display: block;
	}
	.plan_detail_wrap .dropdown ul.category{
		text-align: left;
		margin: 0 0 1.6em;
	}
	.plan_detail_wrap .dropdown ul.category li {
		display: inline-table;
		color: #FFF;
		padding: 0.2em 0.8em;
		margin: 0.1em 0.2em;
	}
	.plan_detail_wrap .dropdown p.detail_body {
		line-height: 2.0em;
		font-size: 1.1em;
		margin: 0 0 2.0em;
	}	
	.plan_detail_wrap .dropdown ul.outline_list {
		margin: 0;
	}
	.plan_detail_wrap .dropdown ul.outline_list li {
		margin: 0 0 1.0em;
		padding: 0;
	}
	.plan_detail_wrap .dropdown ul.outline_list li dl dt {
		float: left;
		width: 25%;
		background: #B19C6D;
		padding: 0.2em 0;
		color: #FFF;
		text-align: center;
	}
	.plan_detail_wrap .dropdown ul.outline_list li dl dd {
		float: right;
		width: 70%;
		color: #666;
	}
	.plan_detail_wrap .dropdown h5 {
		color: #B19C6D;
		margin: 0 0 1.2em;
		font-size: 1.2em;
	}	
	.plan_detail_wrap .dropdown div.plan_inc {
		padding: 0;
	}
	.plan_detail_wrap .dropdown div.plan_inc figure dl dt {
		padding: 0.5em 1.2em;
		background: #B19C6D;
		color: #FFF;
		margin: 0 0 0.5em; 
	}
	.plan_detail_wrap .dropdown div.plan_inc figure dl dd {
		color: #666;
		margin: 0 0 1.6em; 
	}
	
	.plan_detail_wrap .btn-more,
	.plan_detail_wrap .btn-more-close {
		position: absolute;
		left: 50%;
		bottom: -26px;
		margin-left: -34px; 
		width: 68px;
		height: 68px;
		cursor: pointer;
		background:url(/img/wedding/plan/icon_open.png) no-repeat center bottom;
		background-size: 100%;
	}
 
 	.plan_detail_wrap .btn-more-close {
 		background:url(/img/wedding/plan/icon_close.png) no-repeat center bottom;
		background-size: 100%;
		display: none;
	}

	.plan_detail_wrap .to_detail {
		text-align: center;
	}
	.plan_detail_wrap .to_detail a {
		color: #666;
		text-decoration: underline;
	}

	/** 特典レイアウト ***/
	.tokuten_detail_wrap {
		position: relative;
		width: 86%;
		margin: 0 auto 2.0em;
		background: #FFF;
		padding: 0 1.0em 2.0em 1.0em;
	}
	.tokuten_detail_wrap h4 {
		background: url(/img/wedding/plan/bg_title01.png) no-repeat center top #B19C6D;
		background-size: 70% auto;
		border-radius: 0 0 10px 10px;
		width: 60%;
		padding: 0.6em 0;
		margin: 0 auto 1.6em;
		font-size: 1.4em;
		text-align: center;
	}

	.tokuten_detail_wrap h5 {
		color: #B19C6D;
		margin: 0 0 1.2em;
		font-size: 1.2em;
	}
	.tokuten_detail_wrap .bg_img {
		padding-top: 56.25%;
		margin: 0 0 1.2em;
	}
	.tokuten_detail_wrap .tokuten_body {
		font-size: 1.1em;
		line-height: 2.0em;
		margin: 0 0 2.0em;
	}

 
}

@media print, screen and (min-width: 769px) {
	.tab {
		overflow:hidden;
		border-bottom: 6px solid #739d8b;
		text-align: center;
	}
	.tab li {
		display: inline-table;
		width: 20%;
		background:#FFF;
		padding:1.0em 0;
		text-align: center;
		font-size: 1.2em;
		color: #739d8b;
	}
	.tab li.select {
		background: #739d8b;
		color: #FFF;
	}
	.content li {
		padding:20px;
	}
	.hide {
		display:none;
	}

	.plan_detail_wrap {
		position: relative;
		width: 640px;
		margin: 0 auto 3.0em;
		background: #FFF;
		padding: 2.0em 2.0em;
		border-bottom: 3px solid #739d8b;
	}
	.plan_detail_wrap dl.head {
		margin: 0 0 2.0em;
		padding: 0 0 1.0em;
	}
	.plan_detail_wrap dl.head dt {
		float: left;
		width: 25%;
		margin: 0 0 0;
	}
	.plan_detail_wrap dl.head dd {
		float: right;
		margin: 0 0 0;
		width: 65%;
		padding: 16px 0 0;
		text-align: left;
	}
	.plan_detail_wrap dl.head dd h4 {
		font-size: 1.5em;
		margin: 0 0 0.6em;
	}
	.plan_detail_wrap dl.head dd p.price {
		font-size: 1.2em;
		margin: 0 0 0;

	}
	.plan_detail_wrap .dropdown {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 3.2em;
		display: none;
	}
	.plan_detail_wrap .dropdown.open {
		display: block;
	}
	.plan_detail_wrap .dropdown ul.category{
		text-align: center;
		margin: 0 0 1.6em;
	}
	.plan_detail_wrap .dropdown ul.category li {
		display: inline-table;
		color: #FFF;
		padding: 0.2em 0.8em;
	}
	.plan_detail_wrap .dropdown p.detail_body {
		line-height: 2.0em;
		font-size: 1.1em;
		margin: 0 0 2.0em;
	}	
	.plan_detail_wrap .dropdown ul.outline_list {
		margin: 0;
	}
	.plan_detail_wrap .dropdown ul.outline_list li {
		margin: 0 0 1.0em;
		padding: 0;
	}
	.plan_detail_wrap .dropdown ul.outline_list li dl dt {
		float: left;
		width: 25%;
		background: #B19C6D;
		padding: 0.2em 0;
		color: #FFF;
		text-align: center;
	}
	.plan_detail_wrap .dropdown ul.outline_list li dl dd {
		float: right;
		width: 70%;
		color: #666;
	}
	.plan_detail_wrap .dropdown h5 {
		color: #B19C6D;
		margin: 0 0 1.2em;
		font-size: 1.5em;
	}
	.plan_detail_wrap .dropdown div.plan_inc {
		padding: 0;
	}
	.plan_detail_wrap .dropdown div.plan_inc figure dl dt {
		padding: 0.5em 1.2em;
		background: #B19C6D;
		color: #FFF;
		margin: 0 0 0.5em; 
	}
	.plan_detail_wrap .dropdown div.plan_inc figure dl dd {
		color: #666;
		margin: 0 0 1.6em;
	}
	.plan_detail_wrap .dropdown .btn_big01 {
		margin: 0 auto;
	}
	.plan_detail_wrap .btn-more,
	.plan_detail_wrap .btn-more-close {
		position: absolute;
		left: 50%;
		bottom: -26px;
		margin-left: -34px; 
		width: 68px;
		height: 68px;
		cursor: pointer;
		background:url(/img/wedding/plan/icon_open.png) no-repeat center bottom;
		background-size: 100%;
	}
 	.plan_detail_wrap .btn-more-close {
 		background:url(/img/wedding/plan/icon_close.png) no-repeat center bottom;
 		background-size: 100%;
 		display: none;
	}

	.plan_detail_wrap .to_detail {
		text-align: center;
	}
	.plan_detail_wrap .to_detail a {
		color: #666;
		text-decoration: underline;
	}

	/** 特典レイアウト ***/
	.tokuten_detail_wrap {
		position: relative;
		width: 640px;
		margin: 0 auto 2.0em;
		background: #FFF;
		padding: 0 2.0em 2.0em;
	}
	.tokuten_detail_wrap h4 {
		background: url(/img/wedding/plan/bg_title01.png) no-repeat center top #B19C6D;
		background-size: 320px auto;
		border-radius: 0 0 10px 10px;
		width: 320px;
		padding: 0.6em 0;
		margin: 0 auto 2.4em;
		font-size: 1.2em;
		text-align: center;
	}

	.tokuten_detail_wrap h5 {
		color: #B19C6D;
		margin: 0 0 1.4em;
		font-size: 1.6em;
	}
	.tokuten_detail_wrap dl.tokuten_img {
		margin: 0 0 1.6em;
	}
	.tokuten_detail_wrap dl.tokuten_img dt {
		float: left;
		width: 35%;
	}
	.tokuten_detail_wrap dl.tokuten_img dd {
		float: right;
		width: 60%;
	}
	.tokuten_detail_wrap .bg_img {
		padding-top: 56.25%;
		margin: 0 auto 1.2em;
	}
	.tokuten_detail_wrap .tokuten_body {
		font-size: 1.1em;
		line-height: 2.0em;
		margin: 0 auto 2.0em;
	}
	.tokuten_detail_wrap .btn_big01 {
		width: 50%;
		margin: 0 auto;
	}



}


/*=============================================
	
	特典画像
	
==============================================*/

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

	#tokuten_wrap {
		padding: 1.6em;
	}
 
}

@media print, screen and (min-width: 769px) {
	#tokuten_wrap {
		width: 100%;
		padding: 40px 0 0;
		margin: 0 auto 0;
		min-width: 100%;
	}
	#tokuten_wrap .banner {
		width: 100%;
	}
}