@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*==================================== main_visual
====================================*/
#main_visual { background-image: url("../images/breakfast/main.jpg"); }

/*==================================== あしらい
====================================*/
#bf_menu .cont_lr .image { position: relative; z-index: 1; }
#bf_menu .cont_lr .text { position: relative; z-index: 0; }
#bf_menu .cont_lr .text:before { content: ''; display: block; position: absolute; opacity: 0; transition: all 2s; transition-delay: 0.5s; z-index: -1; }
#bf_menu .cont_lr .text.show:before { opacity: 1; }
#bf_menu .cont_lr.img_l .text:before { background: url("../images/common/bg_circle02.png") no-repeat top left/contain; width: 460px; height: 440px; bottom: -50px; right: -150px; }
@media screen and (max-width: 768px) { #bf_menu .cont_lr.img_l .text:before { width: 300px; height: 287px; bottom: auto; top: -100px; right: -50px; } }
#bf_menu .cont_lr.img_r .text:before { background: url("../images/common/bg_circle04.png") no-repeat top left/contain; width: 386px; height: 424px; bottom: 0px; left: -150px; }
@media screen and (max-width: 768px) { #bf_menu .cont_lr.img_r .text:before { width: 250px; height: 275px; bottom: auto; top: -90px; left: -50px; } }

/*==================================== 20240502追加
====================================*/
/*アコーディオン部分*/
.bf_menu .text { text-align: center; margin-bottom: 50px; }
.bf_menu .text .button { margin-left: auto; margin-right: auto; margin-top: 50px; }
.bf_menu .menu_list { max-width: 1000px; margin-left: auto; margin-right: auto; }
.bf_menu .menu_list a:not(.notel) { color: #766d5e; text-decoration: none; }
.bf_menu .menu_list a:not(.notel):hover { text-decoration: underline; }
.bf_menu h4 { position: relative; height: 70px; line-height: 70px; padding: 0 80px; background-color: #eeeeee; cursor: pointer; font-size: 18px; margin-bottom: 1px; text-align: center; }
@media screen and (max-width: 480px) { .bf_menu h4 { font-size: 16px; height: 50px; line-height: 50px; } }
.bf_menu h4:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 15px; height: 15px; border-right: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e; transform: rotate(45deg); transition: all 0.2s; }
@media screen and (max-width: 480px) { .bf_menu h4:after { width: 10px; height: 10px; margin-top: -10px; } }
.bf_menu h4.close:after { transform: rotate(-135deg); margin-top: -6px; }
@media screen and (max-width: 480px) { .bf_menu h4.close:after { margin-top: -3px; } }
.bf_menu .menu_list .aco { display: none; margin: 40px auto; overflow: visible !important; }
.bf_menu .menu_list .aco dt, .bf_menu .menu_list .aco dd { position: relative; /*padding-left: 50px;*/ }
.bf_menu .menu_list .aco dt span, .bf_menu .menu_list .aco dd span { font-size: 20px; display: block; left: 0; top: -5px; line-height: 2.0; }
.bf_menu .menu_list .aco dt { color: #766d5e; /*margin-bottom: 20px;*/ }
.bf_menu .menu_list .aco dt span { color: #000; font-weight: 600; }
.bf_menu .menu_list .aco dd { padding-bottom: 30px; word-break: break-all; /*&:last-of-type{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}*/ }
.bf_menu .menu_list .aco dd span { color: #766d5e; }
.bf_menu .menu_list .aco dd a { color: #766d5e; text-decoration: underline; }
.bf_menu .menu_list .aco dd table { border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; }
.bf_menu .menu_list .aco dd table th, .bf_menu .menu_list .aco dd table td { border: 1px solid #eeeeee; padding: 10px; }
@media screen and (max-width: 480px) { .bf_menu .menu_list .aco dd table { font-size: 12px; } }
.bf_menu .aco .boxes { margin-top: 30px; }

.mt60 { margin-top: 60px; }

/*.mlb { margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
	.w100{width: 100%;}
	.mlb{
		margin-left: 15px;
	}
}*/

/*# sourceMappingURL=breakfast.css.map */