@charset "utf-8";
/* bridal_photo.css
   page-wedding-bridal_photo.php用
  bridal_photo レスポンシブ補完CSS
   - ブレイクポイント: 1024px（一部576px）
*/

/* BRIDAL PHOTO @ NAGASHIMA
-------------------------------------------------- */
#bridal_photo .bridal_photoImg {
	max-width: 100%;
	height: auto;
}
#bridal_photo article .contents_inner{
	position:relative;
	padding:32px 0 32px 76px;
	@media (max-width: 1023px) {
		padding: 30px 20px;
	}
}
#bridal_photo article .contents_inner h1{
	margin-bottom:20px;
}
#bridal_photo article .contents_inner p{
	width:595px;
	line-height:2.2;
	@media (max-width: 1023px) {
		width: auto;
	}
}
#bridal_photo article .contents_inner .spot{
	position:absolute;
	right:68px;top:-25px;
  @media (max-width: 1023px) and (min-width: 768px) {
    width: 25%;
    height: auto;
    right:30px;top:-100px;
  }
  @media (max-width: 767px) and (min-width: 576px) {
    width: 25%;
    height: auto;
    right:30px;top:-60px;
  }
	@media (max-width: 575px) {
		width: 30%;
    height: auto;
		right:10px;top:-50px;	
	}
}
#bridal_photo article .contents_bottom{
	margin-bottom:49px;
}
#bridal_photo #pickup{
	margin-top:70px;
}
.photo_top {
			position: relative;
			filter: drop-shadow(0 -1px 0 #A0A19D) drop-shadow(-1px 0 0 #A0A19D) drop-shadow(1px 0 0 #A0A19D);
		}

		.img_wrapper {
      box-sizing: border-box;
			display: flex;
			justify-content: center;
			/* 左右中央 */
			align-items: center;
			width: 994px;
			height: 500px;
			clip-path: url(#imgClip); /* path()から変更 */
			border-left: 1px solid transparent;
			border-right: 1px solid transparent;
			overflow: hidden;
      @media (max-width: 1023px) {
        width: 100%;
        height: auto;
      }
		}

		.img_wrapper img {
			width: 100%;
			height: auto;
		}

		#bridal_photo article .contents_inner::before {
			content: "";
			position: absolute;
			top: 3px;
			left: 4px;
			right: 10px;
			height: 1px;
			background-image: repeating-linear-gradient(to right,
					#c9cccc 0px, #c9cccc 1px,
					#ffffff 1px, #ffffff 2px);
		}

		#bridal_photo article .contents_inner {
			padding-top: 40px;
			position: relative;
		}