@charset "utf-8";


/*=============================================
	
	タイトル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#title_wrap {
		color: #FFF;
		padding: 6.5em 0  !important;
	}
}

@media print, screen and (min-width: 769px) {
	#title_wrap {
		color: #FFF;
		padding: 150px 0 130px !important;
		background-position: center 85%;
	}
 
}




/*=============================================
	
	メッセージ01
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#top_message {
	}
	#top_message > dl {
		margin: 0 0 3.0em;
	}
	#top_message > dl dt {
		width: 80%;
		margin: 0 auto 2.4em; 
	}
	#top_message > dl dt h3 {
	}	
	#top_message > dl dt h4 {
		margin: 0 0 1.6em;
	}	
	#top_message > dl dt p {
		line-height: 2.0em;
	}
	#top_message > dl dd {
		position: relative;
		padding-top: 80%;
	}
	#top_message > dl dd .pos01 {
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		padding-top: 75%;
	}
	#top_message > dl dd .pos02 {
		width: 45%;
		position: absolute;
		right: 0;
		top: 30px;
		padding-top: 30%;
	}
	#top_message > dl dd .pos03 {
		width: 45%;
		position: absolute;
		right: 0;
		top: 180px;
		padding-top: 50%;
	}
}

@media print, screen and (min-width: 769px) {
	#top_message {
		padding: 80px 0 0;
	}
	#top_message > dl {
		width: 960px;
		margin: 0 auto 3.0em;
	}
	#top_message > dl dt {
		float: left;
		width: 40%;
		margin: 0 0 0;
		padding: 30px 0 0;
	}
	#top_message > dl dt h3 {
		margin: 0 0 0.8em;
	}	
	#top_message > dl dt h4 {
		margin: 0 0 2.0em;
	}	
	#top_message > dl dt p {
		line-height: 2.2em;
	}
	#top_message > dl dd {
		float: right;
		width: 50%;
		position: relative;
		padding-top: 420px;
	}
	#top_message > dl dd .pos01 {
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		padding-top: 75%;
	}
	#top_message > dl dd .pos02 {
		width: 45%;
		position: absolute;
		right: 0;
		top: 30px;
		padding-top: 30%;
	}
	#top_message > dl dd .pos03 {
		width: 45%;
		position: absolute;
		right: 0;
		top: 180px;
		padding-top: 50%;
	}
}

/*=============================================
	
	メッセージ02
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#second_message {
	}
	#second_message > dl {
		margin: 0 0 3.0em;
	}
	#second_message > dl dt {
		width: 80%;
		margin: 0 auto 2.4em;
	}
	#second_message > dl dt h3 {
		margin: 0 0 1.2em;
	}	
	#second_message > dl dt p {
		line-height: 2.0em;
	}
	#second_message > dl dd {
		position: relative;
	}
	#second_message > dl dd .bg_img {
		padding-top: 75%;
	}
}

@media print, screen and (min-width: 769px) {
	#second_message {
		padding: 40px 0;
	}
	#second_message > dl {
		width: 960px;
		margin: 0 auto 0;
	}
	#second_message > dl dt {
		float: left;
		width: 40%;
		margin: 0 0 0; 
		padding: 30px 0 0;		
	}
	#second_message > dl dt h3 {
		margin: 0 0 1.2em;
	}	
	#second_message > dl dt p {
		line-height: 2.0em;
	}
	#second_message > dl dd {
		float: right;
		width: 50%;
		position: relative;
	}
	#second_message > dl dd .bg_img {
		padding-top: 60%;
		background-position: center bottom;
	}
}


/*=============================================
	
	ギャラリー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#gallery {
	}
	#gallery h3 {
		margin: 0 0 1.6em;
	}
}

@media print, screen and (min-width: 769px) {
	#gallery {
	}
	#gallery h3 {
		margin: 0 0 1.6em;
	}
	#gallery .bg_img {
		padding-top: 100%;
	}
	#gallery .btn_big02 {
		width: 30%;
	}
}



/*=============================================
	
	ポイントのレイアウト 
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.point_wrap {
		padding: 5.6em 0 3.2em;
	}
	.point_wrap:first-child {
		padding: 3.2em 0 5.6em;
	}
	.point_wrap dl {
	}
	.point_wrap dl dt{
		margin: 0 0 2.4em;
	}
	.point_wrap dl dt p.number{
		position: relative;
		text-align: center;
		font-size: 3.0em;
		padding: 0.5em 0;
		margin: 0 0 2.0em;
		color: #b7a26d;
	}
	.point_wrap dl dt p.number:before{
		content: "";
		width: 20%;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -18%;
	}
	.point_wrap dl dt p.number:after{
		content: "";
		width: 20%;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -2%;
	}
	.point_wrap dl dd {
	}
	.point_wrap dl dd .bg_img {
		padding-top: 100%;
		margin: 0 0 2.0em;
	}
	.point_wrap dl dd .pointimg02_sub01 {
		padding-top: 60%;
		width: 90%;
		margin: 0 auto 2.0em;
	}
	.point_wrap dl dd .pointimg03 {
		padding-top: 56.25%;
		margin: 0 0 2.0em;
	}
	.point_wrap dl dd .body_text {
		width: 86%;
		margin: 0 auto 2.0em;
		font-size: 1.2em;
		line-height: 2.0em;
	}
	.point_wrap dl dd .text03 {
		text-align: center;
	}
}

@media print, screen and (min-width: 769px) {
	.point_wrap {
		padding: 60px 0;
	}
	.point_wrap:first-of-type {
		padding: 20px 0;
	}
	.point_wrap dl {
		width: 1024px;
		margin: 0 auto 30px;
	}
	.point_wrap dl dt{
		float: left;
		width: 30%;
		margin: 0 0 0;
		padding-top: 50px;
	}
	.point_wrap dl dt h5 {
		font-size: 20px;
	}
	.point_wrap dl dt p.number{
		position: relative;
		text-align: center;
		font-size: 3.0em;
		padding: 0.5em 0;
		margin: 0 0 2.0em;
		color: #b7a26d;
	}
	.point_wrap dl dt p.number:before{
		content: "";
		width: 80px;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -80px;
	}
	.point_wrap dl dt p.number:after{
		content: "";
		width: 80px;
		height: 1px;
		background: #b7a26d;
        -webkit-transform:
            rotate(-45deg);
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: 0;
	}
	.point_wrap dl dd {
		float: right;
		width: 65%;
		margin: 0 0 0;
	}
	.point_wrap dl dd .bg_img {
		padding-top: 65%;
		margin: 0 0 2.0em;
	}
	.point_wrap dl dd .pointimg03 {
		width: 100%;
		margin: 0;
	}
	.point_wrap dl dd .pointimg04 {
		float: left;
		width: 50%;
		margin: 0;
		padding-top: 30%;
		margin: 0 0 2.0em;
	}
	.point_wrap dl dd .pointimg05 {
		float: right;
		width: 50%;
		margin: 0;
		padding-top: 30%;
		margin: 0 0 2.0em;
	}
	.point_wrap dl dd .body_text {
		width: 96%;
		margin: 0 auto 2.0em;
		font-size: 1.0em;
		line-height: 2.0em;
		text-align: center;
	}
	.point_wrap .btn_big02 {
		width: 30%;
	}

}

/*=============================================
	
	3つのカラム レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.three_clm {
		width: 90%;
		border-top: 1px solid #999;
		margin: 0 auto;
	}
	.three_clm li {
		padding: 3.0em 0;				
		border-bottom: 1px solid #999;
	}
	.three_clm li h6 {
		font-size: 2.0em;
		margin: 0 0 0.6em;
		text-align: center;
		color: #b7a26d;
	}
	.three_clm li p.subtext {
		font-size: 1.1em;
		text-align: left;
		line-height: 2.2em;
		margin: 0 0 1.6em;
	}
}

@media print, screen and (min-width: 769px) {
	.three_clm {
		width: 870px;
		padding: 30px 30px 40px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		margin: 0 auto;
		text-align: center;
	}
	.three_clm li {
		display: inline-block;
		width: 250px;
		margin: 0 18px;
	}
	.three_clm li h6 {
		font-size: 20px;
		margin: 0 0 15px;
		color: #b7a26d;
	}
	.three_clm li p.subtext {
		font-size: 12px;
		text-align: left;
		line-height: 2.2em;
		margin: 0 0 20px;
	}
}


/*=============================================
	
	ゲスト向けレイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#forguest {
		margin: 0 0 1.0em;
	}
	#forguest > dl {
		margin: 0 0 2.4em;
	}
	#forguest > dl > dt {
		width: 80%;
		margin: 0 auto 0;
		position: relative;
		z-index: 2;
	}
	#forguest > dl > dt .guestimg01 {
		padding-top: 100%;
	}
	#forguest > dl > dd {
		position: relative;
		z-index: 1;
		margin: -6.0em auto 2.4em;	
		padding: 8.0em 10% 2.4em;
		color: #FFF;
	}
	#forguest > dl:nth-of-type(1) > dd {
		background: #B5AB7C;
	}
	#forguest > dl:nth-of-type(2) > dd {
		background: #7BA380;
	}
	#forguest > dl:nth-child(3) > dd{
		background: #A07B80;
	}

	#forguest > dl > dd h4 {
		margin: 0 0 1.0em;
	}
}

@media print, screen and (min-width: 769px) {
	#forguest {
		width: 960px;
		margin: 0 auto 50px;
		display: flex;
		justify-content: center;
	}
	#forguest > dl {
		width: 400px;
		margin: 0 0 0;
	}
	#forguest > dl > dt {
		width: 80%;
		margin: 0 auto 0;
		position: relative;
		z-index: 2;
	}
	#forguest > dl > dt .guestimg01 {
		padding-top: 75%;
	}
	#forguest > dl > dd {
		position: relative;
		z-index: 1;
		margin: -10.0em 0 0;	
		padding: 12.0em 40px 0;
		color: #FFF;
		height: 150px;
	}
	#forguest > dl:nth-of-type(1) > dd {
		background: #B5AB7C;
	}
	#forguest > dl:nth-of-type(2) > dd {
		background: #7BA380;
	}
	#forguest > dl:nth-child(3) > dd{
		background: #A07B80;
	}

	#forguest > dl:nth-of-type(1) > dd h4 {
		content: "\A"
		white-space: pre;
	}
	#forguest > dl:nth-of-type(2) > dd h4 {
		content: "\A"
		white-space: pre;
	}
	#forguest > dl:nth-of-type(2) > dd {
		background: #7BA380;
	}

	#forguest > dl > dd h4 {
		margin: 0 0 1.0em;
		font-size: 18px;
	}
}


/*=============================================
	
	ホスピタリティ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#hospitality_wrap {
	}
	#hospitality_wrap dl {
		
	}
	#hospitality_wrap dl dt {
		margin: 0 0 1.6em;
	}
	#hospitality_wrap dl dd {
		padding: 1.6em 1.6em;
		background: #FFF;
		color: #666;
	}
	#hospitality_wrap dl dd ul.pics{
		margin: 0 0 0.8em;
	}
	#hospitality_wrap dl dd ul.pics li{
		float: left;
		width: 48%;
		margin: 0 0 0.8em;
	}
	#hospitality_wrap dl dd ul.pics li:nth-child(2n){
		float: right;
	}
	#hospitality_wrap dl dd .bg_img{
		padding-top: 48%;
	}
}

@media print, screen and (min-width: 769px) {
	#hospitality_wrap {
	}
	#hospitality_wrap dl {
	}
	#hospitality_wrap dl dt {
		float: left;
		width: 35%;
		margin: 0 0 0;
		padding: 40px 0 0;
	}
	#hospitality_wrap dl dt h3 {
		margin: 0 0 20px;
	}
	#hospitality_wrap dl dd {
		float: right;
		width: 55%;
		padding: 1.6em 1.6em;
		background: #FFF;
		color: #666;
	}
	#hospitality_wrap dl dd ul.pics{
		margin: 0 0 0.8em;
		text-align: center;
	}
	#hospitality_wrap dl dd ul.pics li{
		display: inline-table;
		width: 24%;
		margin: 0 0;
	}
	#hospitality_wrap dl dd .bg_img{
		padding-top: 24%;
	}
	#hospitality_wrap dl dd p {
		width: 90%;
		margin: 0 auto;
		font-size: 11px;
	}	
}

/*=============================================
	
	シェフ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#chef_wrap {
	}
	#chef_wrap dl.top {
		
	}
	#chef_wrap dl.top dt {
		margin: 0 0 1.6em;
	}
	#chef_wrap dl.top dt .bg_img {
		padding-top: 75%;
	}
	#chef_wrap dl.top dd {
		width: 80%;
		margin: 0 auto 2.4em;
		line-height: 2.4em;
	}
	#chef_wrap dl.top dd p.sign{
		padding: 0.6em 0 0;
		background: url(/img/wedding/cuisine/sign.jpg) no-repeat right center;
		background-size: 40% auto;
	}
	#chef_wrap dl.bottom {
		
	}
	#chef_wrap dl.bottom dt {
		margin: 0 0 2.8em;
	}
	#chef_wrap dl.bottom dt .bg_img {
		padding-top: 30%;
	}
	#chef_wrap dl.bottom dd {
		width: 80%;
		margin: 0 auto 0;
		padding: 0 0 2.4em;
		line-height: 2.4em;
	}
	#chef_wrap dl.bottom dd h4 {
		margin: 0 0 1.0em;
	}
}

@media print, screen and (min-width: 769px) {
	#chef_wrap {
	}
	#chef_wrap dl.top {
		width: 960px;
		margin: 0 auto 40px;
	}
	#chef_wrap dl.top dt {
		float: left;
		width: 45%;
		margin: 20px 0 0;
	}
	#chef_wrap dl.top dt .bg_img {
		padding-top: 75%;
	}
	#chef_wrap dl.top dd {
		float: right;
		width: 50%;
		margin: 0 0 0;
		padding: 30px 0 0;
		line-height: 2.4em;
	}
	#chef_wrap dl.top dd p.sign{
		padding: 0.6em 0 0;
		background: url(/img/wedding/cuisine/sign.jpg) no-repeat right center;
		background-size: 140px auto;
	}
	#chef_wrap dl.bottom {
		width: 900px;
		margin: 0 auto;
		padding: 30px;
	}
	#chef_wrap dl.bottom dt {
		float: right;
		width: 45%;	
		margin: 0 0 0;
		padding: 30px 0 0;
	}
	#chef_wrap dl.bottom dt .bg_img {
		padding-top: 30%;
	}
	#chef_wrap dl.bottom dd {
		float: left;
		width: 52%;
		margin: 0 0 0;
		padding: 0 0 0;
		line-height: 2.4em;
	}
	#chef_wrap dl.bottom dd h4 {
		margin: 0 0 1.0em;
	}
}



/*=============================================
	
	シェフ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#sweet {
	}
	#sweet p{
		width: 80%;
		margin: 0 auto 2.4em;
	}
	#sweet ul.pic_list{
		width: 90%;
		margin: 0 auto;
	}
	#sweet ul.pic_list li {
		margin: 0 auto 1.0em;
	}
}

@media print, screen and (min-width: 769px) {
	#sweet {
	}
	#sweet .bg_img{
		padding-top: 100%;
	}
	#sweet p{
		text-align: center;
		margin: 0 auto 2.4em;
	}
	#sweet ul.pic_list{
		width: 960px;
		margin: 0 auto;
		text-align: center;
	}
	#sweet ul.pic_list li {
		display: inline-table;
		width: 18%;
		margin: 0 0 0;
	}
	#sweet ul.pic_list li .bg_img{
		padding-top: 100%;
	}
}

/*=============================================
	
	ウエディングケーキ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#cake_wrap {
	}
	#cake_wrap dl {
		
	}
	#cake_wrap dl dt {
		margin: 0 0 1.6em;
	}
	#cake_wrap dl dd {
		padding: 1.6em 1.6em;
		background: #FFF;
		color: #666;
	}
	#cake_wrap dl dd ul.pics{
		margin: 0 0 0.8em;
	}
	#cake_wrap dl dd ul.pics li{
		float: left;
		width: 48%;
		margin: 0 0 0.8em;
	}
	#cake_wrap dl dd ul.pics li:nth-child(2n){
		float: right;
	}
	#cake_wrap dl dd .bg_img{
		padding-top: 48%;
	}
}

@media print, screen and (min-width: 769px) {
	#cake_wrap {
	}
	#cake_wrap dl {
	}
	#cake_wrap dl dt {
		float: left;
		width: 35%;
		margin: 0 0 0;
		padding: 40px 0 0;
	}
	#cake_wrap dl dt h3 {
		margin: 0 0 20px;
	}
	#cake_wrap dl dd {
		float: right;
		width: 55%;
		padding: 1.6em 1.6em;
		background: #FFF;
		color: #666;
	}
	#cake_wrap dl dd ul.pics{
		margin: 0 0 0.8em;
		text-align: center;
	}
	#cake_wrap dl dd ul.pics li{
		display: inline-table;
		width: 24%;
		margin: 0 0;
	}
	#cake_wrap dl dd .bg_img{
		padding-top: 24%;
	}
	#cake_wrap dl dd p {
		width: 90%;
		margin: 0 auto;
		font-size: 11px;
	}	
}