/* CSS Document */

img{vertical-align: bottom;}
.wedding-split-flex {
	display: flex;
}
.wedding-split-flex img a {
	width: 50%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}
.wedding-split-flex img{
	width: 100%;
}
.wed-brown{color:#a49080!important;}

/*newsのそれぞれのページコピペ用*/
#news-section h2{
	color:#a49080!important;
	border-bottom:4px solid #a49080!important;
}
#news-more{
	color:#a49080!important;
	border-bottom:1px solid #a49080!important;
}
/*newsのそれぞれのページコピペ用ここまで*/
.fs60{font-size: max(18px, 3vw) !important;}
.fs45 {font-size: max(10px, 2vw) !important;}
@media(max-width:750px){
	.fs60{font-size: max(18px, 7vw) !important;}
	.fs45 {font-size: max(10px, 6vw) !important;}
}
#wed-h1-sec h1{
	text-align:justify;
	text-align-last: justify;
	width: fit-content;
	letter-spacing: -0.1vw;
	margin-bottom:1.5%;
}
#wed-h1-sec{
	padding-top:5%;
	padding-bottom:5%;
}
h2{letter-spacing: 0.2vw;}
#wed-h1-sec h2{letter-spacing: 0.1vw;line-height: 2vw;}
h1,h2,h3,h4,p,a,span{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	margin: auto;
}
h1,h2,h3,h4{
	color:#725d54;
}
h1,h2,h3{text-align: center;}
p,a{color:#555555;}
h4,p,a{text-align:left;}

@media(max-width:750px){
	#wed-h1-sec{
		padding-top:20%;
		padding-bottom:20%;
	}
	#wed-h1-sec h1{
		letter-spacing: 0.5vw;
		margin-bottom:5%;
		line-height: 7vw;
	}
	#wed-h1-sec h2{line-height: 6vw;}
}
.wd-flex-region{
	width:80%;
	margin: 3% 0 auto auto;
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}
.wd-flex-l{width:35%;}
.wd-flex-region img{width:65%;}


/*以下スライダー*/

.tp-slide,
.tp-slide2,
.tp-slide3,
.tp-slide4{
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center center;
height: 20vw;
 aspect-ratio:831/554;
 margin: auto 0.1%;
 position: relative;
}
.toprow{
	margin-top: 2.5%;
 display: -ms-grid;
 -ms-grid-columns: min-content;
 overflow-x: hidden;
}
.autoplay-slider {
 display: flex;
 min-width: 100%;
 width: min-content;
 animation: 60s linear infinite sliderAnimation;/*ここの秒数でスピードが変わります*/
}
@keyframes sliderAnimation {
 100% {
  transform: translateX(-50%);
}
}
/*スライダーここまで*/
.wd-flex-l h4{line-height: 2.8vw;}
.wd-flex-l p{margin-top:5%;}
.wd-flex-region a{width:50%;margin:5% 0 0 0;display:block;transition:all 0.3s;}
.wd-flex-region a:hover{opacity:0.6;}
.kasou-sec{padding-top:7.5%;}
#chapel{padding-bottom:10%;}
#toukou-flex a{margin:0 0 2vw 0;}
/*以下スマホ*/
@media(max-width:750px){
	.midashi-wrap{
		width:60%;
		margin: auto;
	}
	.midashi-wrap h2,.midashi-wrap h3{
		text-align: left;
		padding-left: 10%;
	}
	.wd-flex-l h4 {
		line-height: 9vw;
		letter-spacing: 1vw;
	}
	.wd-flex-l, .wd-flex-region a {
		width: 80%;
		margin: auto;
	}
	.wd-flex-region {
		width: 100%;
		margin: 7.5% auto auto;
		display: block;
	}
	.wd-flex-region a{width:35%;margin: 10% auto 12.5% 0;}
	.wd-flex-region img{width:100%;}
	.tp-slide,.tp-slide2,.tp-slide3,.tp-slide4{height:30vw;}
	.midashi-wrap h2{
		position:relative;
		line-height: 10vw;
	}
	.midashi-wrap h2::before{
		content: "";
		position: absolute;
		left: -5%;
		top: 50%;
		transform: translate(-50%, 50%);
		width: 20%;
		height: 1px;
		background-color: #725d54;
	}
	.kasou-sec {
		padding-top: 20%;
	}
	.wd-flex-l p {
		margin-top: 7.5%;
	}
	.autoplay-slider {
		animation: 30s linear infinite sliderAnimation;
	}
	#chapel{padding-bottom:20%;}
}

/*以下コンタクトセクション*/
#wd-contact{
	width: 100%;
	height: auto;
}
#wd-contact-brown{
	background-color:rgba(164,144,128,0.5);
	width: 100%;
	height: auto;
	padding-top: 5%;
	padding-bottom: 7.5%;
}
#wd-contact-brown a{
	width:10%;
	height: auto;
	margin: 4% auto 1.5%;
	aspect-ratio:1/1;
	background-size:100% 100%;
	display: block;
}
#wd-contact-brown img{
	width:100%;
	transition:all 0.3s;
}
#wd-contact-brown h3{margin-top:0.3%;}
#wd-contact-brown h4{text-align:center;}
#wd-contact-brown a:hover{
	opacity: 1!important;
}
#wd-contact-brown img:hover{
	opacity: 0;
}
@media(max-width:750px){
	#wd-contact-brown {
		padding-top: 15%;
		padding-bottom: 20%;
	}
	#wd-contact-brown .fs60{font-size: max(18px, 8vw) !important;}
	#wd-contact-brown h3 {
		margin-top: 1%;
	}
	#wd-contact-brown a {
  	  width: 30%;
		margin: 10% auto 5%;
	}
	#wd-contact-brown h4 {
		letter-spacing: 0.5vw;
	}
}