@charset "utf-8";

/**
 *
 * index: 下層ページ
 *
 */



/*----------------------------
	Dress
	-----------------------------*/
	#Dress {
		position: relative;
	}
	#Dress h3 {
		font-size: 23px;
		text-align: center;
		padding: 0 0 40px 0;
		color: #c8a264;
		font-weight: normal;

	}
	#Dress h3:after {
		content: "";
		display: block;
		border-bottom: 2px solid #c8a264;
		width: 630px;
		margin: 0 auto;
		padding: 15px 0 ;
	}
	#Dress p{
		text-align: center;
		line-height: 30px;
		padding: 0 0 50px 0;
	}
	#Dress .wrap{
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		align-items:stretch;
		flex-wrap: wrap;
	}
	#Dress .wrap > div {
		width: 49%;
		color: #fff;
	}
	#Dress .point1{
		background: url(../../images/hawaiiweding/dress-point1.jpg) no-repeat;
		background-size: cover;
	}
	#Dress .body{
		text-align: center;
		line-height: 30px;
		padding: 60px 40px;
	}
	#Dress .wrap p {
		font-size: 12px;
		line-height: 25px;
	}
	#Dress .point1 p.label,
	#Dress .point2 p.label{
		width: 67px;
		height: 67px;
		border-radius: 50%;
		background: #c3a16b;
		font-size: 10px;
		text-align: center;
		color: #fff;
		margin: 0 auto;
		line-height: 20px;
		padding: 12px 0 0 0;
	}
	#Dress .point1 p.label span,
	#Dress .point2 p.label span{
		font-family: "MyanmarMN-normal",serif;
		font-size: 20px;
	}
	#Dress h4{
		font-size: 20px;
		line-height: 1.7;
		font-weight: 800;
		padding: 40px 0 30px 0;
	}

	#Dress .point2{
		width: 49%;
		float: right;
		background: url(../../images/hawaiiweding/dress-point2.jpg) no-repeat;
		background-size: cover;
	}
	#Dress .note{
		text-align: left;
		font-size: 11px;
		color: #8f8f8f;
		line-height: 20px;
		padding:  10px 0 0 0;
	}

	@media all and (max-width: 767px){
/*----------------------------
	Dress
	-----------------------------*/
	#Dress .section-inner {
		padding: 30px 15px !important;
	}
	#Dress h3 {
		font-size: 18px;
		letter-spacing: 0;
		text-align: center;
		font-weight: normal;
		line-height: 30px;
		padding-bottom: 30px;
	}
	#Dress h3:after {
		width: 100%;
		padding:15px 0 0 0;
	}
	#Dress p{
		padding: 0 0 30px 0;
		font-size: 12px;
	}
	#Dress .point1{
		width: 100%;
		float: none;
	}
	#Dress .wrap{
		display: block;
	}
	#Dress .wrap > div {
		width: 100%;
		color: #fff;
	}
	#Dress p {
		text-align: left;
		line-height: 20px;
		padding: 0 0 40px 0;
	}
	#Dress .body{
		text-align: center;
		line-height: 20px;
		color: #fff;
		padding: 30px 15px 20px 15px;
		margin: 0 0 20px 0;
	}
	#Dress .point1  p.label,
	#Dress .point2  p.label{
		width: 67px;
		height: 67px;
		font-size: 10px;
		text-align: center;
	}
	#Dress .point1  p.label span,
	#Dress .point2  p.label span{
		font-size: 18px;
	}
	#Dress h4 {
		font-size: 16px;
		padding: 20px 0 15px 0;
	}

	#Dress .point2{
		width: 100%;
		float: none;
	}
	#Dress .note{
		padding:  0 0 0 0;
	}

}

/*----------------------------
	Produce
	-----------------------------*/
	#Produce {
		padding: 60px  0 0 0;
	}
	#Produce h3 {
		font-size: 23px;
		text-align: center;
		padding: 0 0 40px 0;
		color: #c8a264;
		font-weight: normal;

	}
	#Produce h3:after {
		content: "";
		display: block;
		border-bottom: 2px solid #c8a264;
		width: 740px;
		margin: 0 auto;
		padding: 15px 0 ;
	}
	#Produce p{
		text-align: center;
		line-height: 30px;
		color: #403630 !important;
		padding: 0 0 0 0;
	}
	#Produce ul{
		overflow: hidden;
	}
	#Produce li{
		width: 33.3%;
		float: left;
		margin: 0 auto;
		padding:  0 0 40px 0;
	}
	#Produce li p{
		font-size: 16px;
		padding: 40px 0;
		margin:0 30px 0 -30px;
	}

	#Produce li p:before{
		content: url(../../images/hawaiiweding/ico-arrow-left.png);
		margin: 0 20px 0 0 ;
	}

	@media all and (max-width: 767px){
		#Produce {
			padding: 0;
		}
		#Produce .section-inner {
			padding: 10px 15px !important;
		}
		#Produce h3 {
			font-size: 18px;
			letter-spacing: 0;
			text-align: center;
			font-weight: normal;
			line-height: 30px;
			padding-bottom: 30px;
		}
		#Produce h3:after {
			width: 100%;
			padding:15px 0 0 0;
		}
		#Produce p{
			line-height: 25px;
			padding: 0;
			text-align: left;
		}
		#Produce h4 {
			font-size: 16px;
			padding: 20px 0 15px 0;
		}
		#Produce li{
			width: 100%;
			float: none;
			margin:0;
			padding: 0;
			text-align: center;
		}
		#Produce li img{
			width: 80%;
			margin: 0 auto;
		}
		#Produce li p{
			font-size: 14px;
			padding: 30px 0;
			margin:0 30px 0 0px;
		}
	}


/*----------------------------
	Column
-----------------------------*/
#Column{
	max-width: 1100px;
    margin: 60px auto 0 auto;
}
#Column .section-inner{
	padding: 10px 0 0 0;
	text-align: center;
}
#Column ul{
	display: -webkit-flex;
		display: flex;
		 -webkit-justify-content: space-between; /* Safari */
  		justify-content:         space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
}
#Column li{
	width: 23%;
}
#Column li a{
	color: #403630;
}
#Column li a:hover{
	color: #c3a16b;
}
#Column  li.active a{
	color: #c3a16b;
}
#Column li p{
	font-size: 16px;
	padding: 30px 0;
	text-align: center;
}
#Column li p:before{
	content: url(../images/hawaiiweding/ico-arrow-left.png);
	margin: 0 15px 0 0 ;
}
@media all and (max-width: 767px){
	#Column{
		padding:30px 0;
		margin: 0;
	}
	#Column ul {
		max-width: 400px;
		margin: 0 auto;
		padding:0 7.5%;
	}
	#Column li{
		width: 46.5%;
		padding:0 0 0 0;
	}
	#Column li a{
		color: #403630;
	}
	#Column li p{
		font-size: 12px;
		font-weight: bold;
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 40px 0;
	}
	#Column li p:before{
		content: url(/../images/hawaiiweding/ico-arrow-left.png);
		margin: 0 10px 0 0 ;
	}
}