@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : breakfast.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
#breakfast {
    width: 950px;
    margin-inline: auto;
}
/* -----------------------------------------------------------
	con_bre
----------------------------------------------------------- */
.con_bre h4 {
	margin-bottom: 40px;
	text-align: center;
}
.con_bre .img {
	margin-bottom: 90px;
}
.con_bre .box_bre {
	margin-bottom: 50px;
}
.con_bre .box_bre h4 {
	margin-bottom: 30px;
}
.con_bre .txt_lead {
	margin: 35px 0 30px;
	text-align: center;
}
.con_bre .txt_lead span {
	position: relative;
    padding: 0 1em;
    color: #bb9e53;
    font-size: 140%;
    font-weight: normal;
    letter-spacing: .1em;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.con_bre .txt_lead span:before, .con_bre .txt_lead span:after {
	content: '';
    width: 0.2em;
    height: 0.2em;
    display: block;
    border: 3px solid #bb9e53;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
}
.con_bre .txt_lead span:before {
	left: 0;
}
.con_bre .txt_lead span:after {
	right: 0;
}
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6{
	position: absolute;
	height:655px;
	width: 950px;
}

#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img,#photo6 img{
	opacity:0;
	-moz-animation: imgTrans 36s infinite;
	-webkit-animation: imgTrans 36s infinite;
	animation: imgTrans 36s infinite;
}
#photo1 img {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
#photo2 img {
	-moz-animation-delay: 6s;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
#photo3 img {
	-moz-animation-delay: 12s;
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}
#photo4 img {
	-moz-animation-delay: 18s;
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
#photo5 img {
	-moz-animation-delay: 24s;
	-webkit-animation-delay: 24s;
	animation-delay: 24s;
}
#photo6 img {
	-moz-animation-delay: 30s;
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}
#frame {
	height:655px;
	width: 950px;
	position: relative;
	overflow: hidden;
}
@-webkit-keyframes imgTrans {
	0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
	0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
	0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}