@charset "utf-8";
/* =================================================================================
flow 予約から撮影までの流れ
================================================================================= */
.fCOrange{color:#ff882e;}

.stepBoxWrap{margin:0 auto;}

.stepBoxWrap .stepBox{
	position:relative;
	margin-bottom:40px;
	border: 1px solid #6f624e;
	box-sizing:border-box;
}

/* step arw  */
.stepBoxWrap .stepBox:before{
	display: block;
    position: absolute;
    bottom: -27px;
    left: 50%;
	margin-left: -10px;
    border-top: 12px solid #ff882e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
}

.stepBoxWrap .stepBox:last-child:before{content: none;}

.stepBoxWrap .stepBox:last-child{margin-bottom:0;}

.stepBox .stepTxtWrap {padding: 10px;}
.stepBox .stepTxtWrap_2{padding: 10px;}

.stepBox .imagesWrap {padding: 10px;}

.stepBox img{width:100%;}

.stepBox .stepTtl{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom:1px dashed #6f624e;
    font-size: 16px;
    font-weight: bold;
}

.stepTtl .stepCntTtl{
	margin-right:10px;
	color:#ff882e;
}

.stepBox .guideTxt{margin-bottom: 15px;}
.stepBox .textWrap{margin-bottom: 10px;}

.stepBox .lstLink{
	display:inline-block;
	position:relative;
	padding-left: 12px;
	color:#333;
}

.stepBox .lstLink:after{
	display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top:-3px;
    border-top: 5px solid #ff882e;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transform: rotate(-90deg);
    content: '';
}

.stepBox .lstLink:hover{color:#ff882e;}

.reserveArea .reserveBox{
	width: 100%;
	margin-bottom:15px;
	padding:10px;
	border:2px solid #ff882e;
	box-sizing:border-box;
	background:#fff6ef;
	color: #333;
	text-align:center;
}

.reserveArea .reserveBox:last-child{margin-bottom:0;}

.reserveArea .boxTtl{
	position:relative;
	margin: 0 0 15px 0;
	padding-bottom:5px;
	border-bottom: 1px solid #ff882e;
	font-size: 16px;
	font-weight:bold;
}

.reserveArea .boxTtl:last-child:before{content: none;}

.reserveArea .telNum{
	margin-bottom:5px;
	font-size:22px;
	font-weight:bold;
	line-height:22px;
	color:#ff882e;
}

.reserveArea .telNum:before{
	display: inline-block;
    width: 22px;
    height: 14px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNGRkRENEE4NDU5RTExRTdBRDBGRTU4REZFRERDMkM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNGRkRENEE5NDU5RTExRTdBRDBGRTU4REZFRERDMkM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0ZGREQ0QTY0NTlFMTFFN0FEMEZFNThERkVEREMyQzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0ZGREQ0QTc0NTlFMTFFN0FEMEZFNThERkVEREMyQzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qOZcSAAACkUlEQVR42sSYX0gUURTGZys2NSSCyESSXkITbSl8iHwQFApfeojAEHwQgyLEBB8W/+G/hxyEoEBkMQXFTKwnU5FAMA2JCGIVhIICJQgFpdQe1My+M52FYVn33rnr3DnwQ9c91/nmztzvfjO+/Y5Lhq3SQQ2oAPXgmeF2BcNxvz5m+51EPQGp/LkHnAdNYN/wqI7wz1rQZxMXqQYwCPxeCswBnXF6ysAbcMorgXeBT9BXCOb4kmsXWCjZmw3eg3zdAi846E8DM+CmToGpDsckg5fgqM5V7LRoFvd0CVx3OOYve6O2S/zF4ZgHvFi0CZyT7P0JSkFI9yoel+gLsc2MeOGD02BZ0DcPVrzaSeimfyzoa+Wk41lY6AZLcfpOs/f5vRK4A6oEvQWgX5dBxzLqMfBK0H8HDCRg8AnvJNXgl2AMxa8uXSKjD/KDjVhU98GQjnsy1izQgZ9LjCXTfg1SvAgLNItfJcZfB2/BWd0CNzjzbUj8DwqwH8EVh8c+A24bZsCvGrcWwS2wK3GwDPCOL7uoyKaa2XfJWycg8qRqHpyyzlJOJAXZYV7hSXHE0VNii62n2Do5M5CpGlhHWeSOgzj2AVyM8V09e2l05VoRzgxcVk3UJPKG5D1JlQc+gUaeWapM/nxQ0V4/C5ElqpGfUs81wZ5tr+OgHXxmYY8kfPOEtaOZgXuRP/ii3s3Irr4XoMhljzZBncp2tcr+1+Lyg1OQJkJ1P93jjHgVLLgoMi/RDT9i0A/BmgsCQ4eRSP6Ap/zeplkiDcnWd9B7mJFpC7Sx0DpORqpFG0O5EQz/diPT0eNpBwutZNN2UmRjJRA3rWozKpVlHfT/mzR6H3nOZuCb4BufyKT1GBwMb0cG/hNgAKUPfZwy7Hn3AAAAAElFTkSuQmCC) no-repeat left;
    background-size:18px 15px;
	content: '';
}

.reserveArea .reserveBtn{
	display: block;
    padding: 10px 15px 8px;
	box-sizing: border-box;
    color: #fff;
    text-align: center;
    background: #101010;
}

@media only screen and (min-width:640px){
	.stepBoxWrap{width:980px;}

	.stepTtl .stepCntTtl{margin-right:15px;}

	.stepBoxWrap .stepBox{
		margin-bottom: 60px;
		padding: 0;
		font-size:16px;
	}

	/* step arw  */
	.stepBoxWrap .stepBox:before{
		bottom: -40px;
		margin-left: -16px;
		border-top: 18px solid #ff882e;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
	}

	.stepBox .imagesWrap{
		float: right;
		margin: 30px 10px;
		overflow: hidden;
	}

	.stepBox img{width:370px;}

	.stepBox .stepTxtWrap{
		float: left;
		width:500px;
		padding:40px 30px 20px;
		font-size: 16px;
	}

	.stepBox .stepTxtWrap_2{padding: 40px;}

	.stepBox .stepTtl{
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-size: 22px;
	}

	.stepBox .guideTxt{margin-bottom:20px;}

	/* arw */
	.stepBox .lstLink{padding-left: 20px;}

	.stepBox .lstLink:after{
		margin-top:-3px;
		border-top: 7px solid #ff882e;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}

	.stepBox .lstLink:hover{color:#ff882e;}
	.stepBox .textWrap{margin-bottom: 20px;}

	.reserveArea .reserveBox{
		float:left;
		width:429px;
		height:170px;
		margin:0 40px 0 0;
		padding:20px;
		text-align:center;
	}

	.reserveArea .reserveBox:last-child{margin:0;}

	.reserveArea .boxTtl{
		margin: 0 0 26px 0;
		padding-bottom: 15px;
		font-size: 18px;
	}

	.reserveArea .telNum{
		margin-bottom: 6px;
		font-size:28px;
		line-height:28px;
	}

	.reserveArea .telNum:before{
		width: 25px;
		height: 20px;
		background-size:20px 17px;
		content: '';
	}

	.reserveArea .reserveBtn{
		width:230px;
		margin:0 auto;
		padding: 15px 15px 14px;
	}

	.reserveArea .reserveBtn:hover{background: #ff882e;}
}


/* EOF */