@charset "utf-8";

.wedding-flow{
	text-align: center;
}

.wedding-flow .header02__text{
	line-height: 2.4;
}
.wedding-flow .header02__text em{
	font-size: 26px;
	line-height: 1.2;
}
#cover-wedding-flow.page-cover {
    position: relative;
    background: url(../../_img/wedding-flow/page_cover01.jpg?var=210826) no-repeat center top;
    background-size: cover;
    width: 1000px;
    height: 599px;
    margin: 0 auto 210px;
}
#cover-wedding-flow .page-cover__label02.label--center {
	position: absolute;
	left:0;
	right: 0;
	bottom:-150px;
	margin: auto;
	display: table;
	text-align: center;
	width: 668px;
	height: 226px;
    outline: #e7e7e7 solid 2px;
    outline-offset: -10px;

}
#cover-wedding-flow .page-cover__label02-inner {
	display: table-cell;
	vertical-align: middle;
}
#cover-wedding-flow .page-cover__label02-title__en {
	font-size: 48px;
    line-height: 1;
	margin-bottom: 4px;
}
#cover-wedding-flow .page-cover__label02-title__ja {
	font-size: 24px;
	margin-top: 25px;
}

.wedding-flow .header02__title-primary{
	font-size: 26px;
	margin-bottom: 30px;
    background-image: url(../../_img/report/line02.png);
    background-repeat: no-repeat;
    background-size: 100% 13px;
    background-position: bottom -1px center;
    display: inline-block;
}
.wedding-flow .header02__text{
	line-height: 2;
	font-size: 18px;
    width: 640px;
    margin: 20px auto 0;
    text-align: left;
}

.wedding-flow .shadow-img{
	border: 5px solid #fff;
    box-shadow: 0 3px 7px #c5c5c5;
    display: inline-block;
    margin: auto;
}

.wedding-flow .profile{
	padding: 90px 0;
}

.wedding-flow .profile .shadow-img{
	-webkit-transform: rotate(-3deg); /* chrome、safari　*/
	-moz-transform: rotate(-3deg); /* firefox　*/
}
.wedding-flow .profile .info{
	display: inline-block;
	width: 360px;
	text-align: left;
	vertical-align: top;
	margin-left: 60px;
}


.wedding-flow .container{
	width: 1020px;
}
.wedding-flow .profile .info .name-en{
	font-size: 60px;
    border-bottom: 2px solid;
    margin-bottom: 20px;
    line-height: 0.8;
    display: inline-block;
}

.wedding-flow .profile .info .name-ja{
	font-size: 24px;
	margin-bottom: 30px;
}

.wedding-flow .profile .info dl{
	font-size: 22px;
    line-height: 1.6;
    width: 300px;
}

.wedding-flow .profile .info  dl dt{
	display: inline-block;
}

.wedding-flow .profile .info  dl dt:after{
	content: '：';
}
.wedding-flow .profile .info  dl dd{
	display: inline-block;
}

.wedding-flow .profile .info i{
	font-size: 22px;
    width: 32px;
    text-align: center;
    margin-right: 9px;
}

.wedding-flow .wedding-flow-list-box{
	margin-top: 80px;
	margin-bottom: 90px;
}
.wedding-flow .wedding-flow-list{
	width: 1020px;
	margin: 40px auto 0;
}
.wedding-flow .wedding-flow-list li{
	position: relative;
}

.wedding-flow .wedding-flow-list li:nth-child(1){height: 365px;}
.wedding-flow .wedding-flow-list li:nth-child(2){height: 300px;}
.wedding-flow .wedding-flow-list li:nth-child(3){height: 300px;}
.wedding-flow .wedding-flow-list li:nth-child(4){height: 250px;}
.wedding-flow .wedding-flow-list li:nth-child(5){height: 360px;}
.wedding-flow .wedding-flow-list li:nth-child(6){height: 320px;}
.wedding-flow .wedding-flow-list li:nth-child(7){height: 150px;}
.wedding-flow .wedding-flow-list li:nth-child(8){height: 320px;}
.wedding-flow .wedding-flow-list li:nth-child(9){height: 320px;}
.wedding-flow .wedding-flow-list li:nth-child(10){height: 200px;}
.wedding-flow .wedding-flow-list li:nth-child(11){height: 444px;}

.wedding-flow .wedding-flow-list li .list-inner{
	width: 513px;
	display: inline-block;
	height: 100%;
}

.wedding-flow .wedding-flow-list li:nth-child(odd) .list-inner{
	border-left: 7px solid #fdedf0;
	position: absolute;
	right: 0;
	box-sizing: border-box;
	padding-left: 67px;
}

.wedding-flow .wedding-flow-list li:nth-child(11) .list-inner{
	border-left: 7px solid #fff;
}

.wedding-flow .wedding-flow-list li:nth-child(even) .list-inner{
	border-right: 7px solid #fdedf0;
	position: absolute;
	left: 0;
	box-sizing: border-box;
	padding-right: 67px;
}

.wedding-flow a.modal-link {
    display: block;
    font-size: 20px;
    text-align: center;
    z-index: 1;
    position: absolute;
    margin: 20px auto 0;
    width: 430px;
}

.wedding-flow a.modal-link:before{
	display: inline-block;
    font: bold 22px/1 "icomoon";
    content: "\f067";
    position: relative;
    top: -.1em;
    margin-right: .75em;
    vertical-align: middle;
}

.wedding-flow .wedding-flow-list .time {
    width: 95px;
    height: 95px;
    background: #fdedf0;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 26px;
    color: #e95675;
    position: absolute;
 }

.wedding-flow .wedding-flow-list .cut {
 	position: absolute;
    left: -37px;
    bottom: 80px;
 }


 .wedding-flow .wedding-flow-list .time span{
 	line-height: 96px;
    padding-left: 4px;
 }


.wedding-flow .wedding-flow-list li:nth-child(odd) .time{
	left:-50px;
}

.wedding-flow .wedding-flow-list li:nth-child(even) .time{
	right:-50px;
}

.wedding-flow .title,
.wedding-flow-list-modal .title {
    position: relative;
    display: block;
    margin: 20px 0 20px 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #e95675;
    font-size: 22px;
    padding: 15px;
    background: #FFF;
    border: solid 3px #e95675;
    box-sizing: border-box;
}


.wedding-flow .wedding-flow-list li:nth-child(odd) .title:before,
.wedding-flow-list-modal .title.left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.wedding-flow .wedding-flow-list li:nth-child(odd) .title:after,
.wedding-flow-list-modal .title.left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #e95675;
  z-index: 1;
}

.wedding-flow .wedding-flow-list li:nth-child(even) .title:before,
.wedding-flow-list-modal .title.right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.wedding-flow .wedding-flow-list li:nth-child(even) .title::after,
.wedding-flow-list-modal .title.right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #e95675;
  z-index: 1;
}


.wedding-flow .video {
    padding: 90px 0;
}

.wedding-flow .video .video-list{
	padding-top: 90px;
}
.wedding-flow .video .video-list li{
	margin-bottom:90px;
}

.wedding-flow .video .video-list li:last-child{
	margin-bottom: 0;
}
.wedding-flow .video .video-list li .video-ttl{
	font-size: 24px;
	margin-bottom: 30px;
}

.wedding-flow .video .video-list li .video-ttl:before{
    content: '';
    display: inline-block;
	width: 24px;
    height: 36px;
    vertical-align: top;
    background-image: url(../../_img/wedding-flow/deco-left.png);
    background-size: cover;
    margin-right: 20px;
}

.wedding-flow .video .video-list li .video-ttl:after{
    content: '';
    display: inline-block;
	width: 24px;
    height: 36px;
    vertical-align: top;
    background-image: url(../../_img/wedding-flow/deco-right.png);
    background-size: cover;
    margin-left: 20px;
}


.wedding-flow-list-modal {
    width: 1000px;
    margin: auto;
    text-align: center;
    padding: 66px 52px;
    box-sizing: border-box;
    display: none;
    top: 50%!important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.wedding-flow-list-modal .time {
    width: 95px;
    height: 95px;
    background: #fdedf0;
    border-radius: 50%;
    padding: 33px 0;
    box-sizing: border-box;
    font-size: 26px;
    color: #e95675;
    display: inline-block;
 }

 .wedding-flow-list-modal .title{
    width: 400px;
    display: inline-block;
    margin-left: 30px;
    margin: 0 0 20px 30px;
    vertical-align: middle;
 }

 .wedding-flow-list-modal .text{
 	font-size: 20px;
 	margin: 20px 0 30px;
 	line-height: 1.6;
 }

 .wedding-flow-list-modal .modal-close-btn {
    position: absolute;
	right: 11px;
    top: 5px;
 }

 .wedding-flow-list-modal .modal-close-btn i{
  	font-size: 50px;
  	color: #bababa;
  }


.wedding-flow-list-modal .img-list{
	font-size: 0;
}

.wedding-flow-list-modal .img-list li{
	display: inline-block;
	margin-left: 26px;
}

.wedding-flow-list-modal .img-list li:first-child{
	margin-left: 0;
}