/* focus.css */

.focus_01, .focus_02, .focus_03 {
	margin-bottom: 3em;
}
.yellow_box {
	margin-top: 30px;
	background: #FAEBAA;
	border-radius: 5px;
	padding: 15px 5px 10px;
}
.yellow_box:after {
	content: "";
	clear: both;
	display: block;
}
.illust_box {
	float: left;
	width: 38%;
	text-align: center;
}
.yellow_box .text {
	float: right;
	width: 60%;
}
.focus_ttl_01 {
	background: #DCE5E6;
	position: relative;
	padding: 10px 40px 10px 10px;
	margin: 50px 0 20px;
	line-height: 1;
	font-size: 1.2rem;
	position: relative;
}
.c_orange {
	color: #EE6D79;
}
.menu_list {
	overflow: hidden;
}
.menu {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0 4px 20px 0;
}
.menu:nth-child(2n) {
	border-left: 2px dotted #B2B2B2;
	padding: 0 0 20px 4px;
}
.menu:nth-child(n + 3) {
	padding-top: 20px;
	border-top: 2px dotted #B2B2B2;
}
.menu.v1 {
	padding-bottom: 0;
}
.youbi {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	padding: 8px;
	background: #FFBB00;
}
.tuesday .youbi {
	background: #00B68B;
}
.wednesday .youbi {
	background: #58C8FF;
}
.thursday .youbi {
	background: #8A96FF;
}
.friday .youbi {
	background: #DEB8FF;
}
.saturday .youbi {
	background: #FF8A77;
}
.lunch {
	margin-top: 10px;
	text-align: center;
	font-size: 15px;
}
.calorie {
	margin-top: 15px;
	background: #FFE7A4;
	border-radius: 15px;
	padding: 5px;
	font-size: 15px;
	text-align: center;
}
.tuesday .calorie {
	background: #91E1CD;
}
.wednesday .calorie {
	background: #A4E1FF;
}
.thursday .calorie {
	background: #CDD2FF;
}
.friday .calorie {
	background: #EEDBFF;
}
.saturday .calorie {
	background: #FFC4BA;
}
.t_oyatu {
	margin-top: 15px;
	color: #FFBB00;
	text-align: center;
	font-size: 15px;
}
.tuesday .t_oyatu {
	color: #00B68B;
}
.wednesday .t_oyatu {
	color: #58C8FF;
}
.thursday .t_oyatu {
	color: #8A96FF;
}
.friday .t_oyatu {
	color: #DEB8FF;
}
.saturday .t_oyatu {
	color: #FF8A77;
}
.oyatu {
	text-align: center;
	font-size: 15px;
}
.jq_switch {
	display: none;
}
ul.circle {
	margin: 0;
	padding: 0;
}
ul.circle li {
	text-indent: -1em;
	padding-left: 1em;
}
ul.circle li:before {
	content: "●";
	color: #cae6c0;
}
.txt-wp oh {
	overflow: hidden;
}

@media screen and (min-width: 800px) {
	.ys_box {
		margin-top: 30px;
	}
	.ys_box::after {
		content: "";
		clear: both;
		display: block;
	}
	.yellow_box {
		float: left;
		margin-top: 30px;
		padding: 80px 5px 10px;
		width: 30%;
		height: 140px;
		box-sizing: border-box;
		position: relative;
	}
	.yellow_box:not(:first-of-type) {
		margin-left: 5%;
	}
	.illust_box {
		float: none;
		width: auto;
	}
	.illust_box img {
		position: absolute;
		width: 75%;
		top: -50px;
		left: 50%;
		margin-left: -37.5%;
	}
	.illust_box.v1 img {
		width: 60%;
		margin-left: -30%;
		top: -40px;
	}
	.yellow_box .text {
		float: none;
		width: auto;
	}
	.menu {
		width: 16.65%;
		padding: 0 4px 0 4px;
		border-left: 2px dotted #B2B2B2;
	}
	.menu:nth-child(2n) {
		border-left: 2px dotted #B2B2B2;
		padding: 0 4px 0 4px;
	}
	.menu:nth-child(n + 3) {
		padding-top: inherit;
		border-top: inherit;
	}
	.menu:first-child {
		padding: 0 4px 0 0;
		border-left: none;
	}
	.jq_switch {
		display: block !important;
	}
	.btn {
		cursor: default;
	}
	.h-title-bg.h-red {
		margin-top: 40px;
	}
	.h-title-bg.h-red.v2 {
		margin-top: 20px;
	}
	.focus_block_01 img {
		float: right;
		width: 50%;
		margin: 0 0 10px 10px;
	}
}
.tex_al {
	position: absolute;
	right: 65px;
}

@media screen and (min-width: 800px) {
	.tex_al {
		right: 30px;
	}
}
@media screen and (max-width: 799px) {
	.focus_block_01 img {
		width: 100%;
		margin-bottom: 1em;
	}
	.tex_al {
		position: absolute;
		right: 45px;
		top: 20px;
	}
	.focus_ttl_01 {
		padding: 10px 100px 10px 10px;
	}
	.focus_ttl_01 .ico {
		position: absolute;
		right: 10px;
		top: 14px;
		width: 25px;
	}
}

.schedule_link_wrap {
    text-align: center;
}
a.schedule_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    margin: 0 auto;
    background-color: #E33C0B;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    margin-top: 2em;
    border-radius: 15px;
    padding: 0 10px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
a.schedule_link:hover {
    opacity: 0.8;
}
@media screen and (min-width: 801px) {
    a.schedule_link {
        margin-bottom: 50px;
        width: auto;
        font-size: 16px;
        padding: 0 25px;
    }
}