@charset "UTF-8";

.diet .info-box {padding: 4.5rem 5rem; margin:4rem 0 0 0; background:#F5F5F5 url(../images/bg-diet-info.png) no-repeat right 2.5rem bottom 1.7rem;} 
.diet .info-box .img-info-box {display: flex;}
.diet .info-box .img-box { flex-shrink: 0; width: 30rem; margin-bottom: 2rem;} 
.diet .info-box .img-box img {width: 100%;}
.diet .info-box .info {flex-grow: 1;}
.diet .info-box .tit { display: block; margin: 0 0 1.8rem; transform: translateX(-4.4rem); font-family: 'Noto Bold'; font-size: 3rem; color: #222;} 

.diet .info-box .list {position: relative; padding-left: 3rem;}
.diet .info-box .list .place,
.diet .info-box .list .time,
.diet .info-box .list .tel {position: relative; padding-left: 2rem; font-size: 1.8rem; color:#666; margin-top: 0.7rem; font-family: pr;}
.diet .info-box .list .place {margin-top: 0;}
.diet .info-box .list .place::after,
.diet .info-box .list .time::after,
.diet .info-box .list .tel::after {content:''; width: 0.7rem; height:0.2rem; background:#222; position: absolute; left:0; top:1.2rem;}
.diet .info-box .list .place span,
.diet .info-box .list .time span,
.diet .info-box .list .tel span {font-family: pm; color:#222;} 
.diet .info-box .noti strong {font-size: 2rem; font-family: pb; color:#222;}
.diet .info-box .origin-info {margin-top: 1.5rem;}
.diet .info-box .origin-info li {position: relative; padding-left:2rem; font-size: 1.8rem; color:#666; font-family: pr; margin-top: 0.8rem;}
.diet .info-box .origin-info li:first-child {margin-top: 0;}
.diet .info-box .origin-info li::after {content:''; width: 0.7rem; height:0.7rem; background:#00BAFF; border-radius:50%; position: absolute; left:0; top:1.1rem;}

@media screen and (max-width: 1150px){
	.diet .info-box .img-box {width: 23rem;}
	.diet .info-box .list li span {font-size: 1.7rem;}
	.diet .info-box .list li em {font-size: 1.7rem;}
}

@media screen and (max-width: 880px){
	.diet .info-box {flex-direction: column; align-items: flex-start;}
	.diet .info-box .info {padding-left: 0; }
}

@media screen and (max-width: 660px){
	.diet .info-box {padding: 3rem;}
	.diet .info-box .img-info-box {flex-direction: column;}
	.diet .info-box .list {padding-left: 0; margin-bottom: 2rem;}
	/* .diet .info-box .list li {display: flex; flex-direction: column;} */
	.diet .info-box .list li::before {top: .72rem;}
	.diet .info-box .list li span {font-size: 1.6rem;}
	.diet .info-box .list li em {font-size: 1.6rem;}
	.diet .info-box .origin-info li {font-size: 1.6rem;}
	.diet .info-box .origin-info li::after {top:0.8rem;}
}

.diet .date { position: relative; display: flex; justify-content: center; align-items: center; padding-bottom: 2rem; text-align: center;} 
.diet .date strong { display: block; padding: .5rem 4rem 0 4rem; font-family: sm; font-size: 3rem; color: #000000; } 
.diet .date label { display: none; } 
.diet .date .control input { width: 2.8rem; height: 2.8rem; text-indent: -9999rem; } 
.diet .date .control.prev input { background: url('../images/btn-date-prev.png') no-repeat center center; cursor: pointer; } 
.diet .date .control.prev input:hover { background: url('../images/btn-date-prev-on.png') no-repeat center center;}
.diet .date .control.next input { background: url('../images/btn-date-next.png') no-repeat center center; cursor: pointer; } 
.diet .date .control.next input:hover { background: url('../images/btn-date-next-on.png') no-repeat center center;}

.diet .box-table { position: relative; line-height: 1.6; } 
.diet .box-table::before {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 1px; height: 100%; background: #fff;}
.diet .box-table table { position: relative;} 
.diet .box-table table::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8b9099;}
.diet .box-table thead th { position: relative; padding: 1.8rem 1rem; background: #00508F; border-bottom: 1px solid #e0e0e0; font-family: pb; font-weight: normal; font-size: 1.8rem; line-height: 1.3; color: #fff; } 
.diet .box-table thead th:nth-child(7),
.diet .box-table thead th:nth-child(8) { display: none; } 
.diet .box-table thead th::after {content: ''; position: absolute; right: 0; top: 2rem; width: 1px; height: 1.8rem; background: #fff;}
.diet .box-table thead th:nth-child(6)::after {display: none;}
.diet .box-table tbody td { padding: 1.2rem 1.9rem; background: #fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-family: pr; font-size: 1.6rem; text-align: center; color: #444; line-height: 1.4;} 
.diet .box-table tbody td.no-data {color:#666;}
.diet .box-table tbody td:first-child { background: #f1f6fa; font-family: pb; font-size: 1.8rem; text-align: center; color: #333333; line-height: 1.2;} 
.diet .box-table tbody td:nth-child(7),
.diet .box-table tbody td:nth-child(8) { display: none; } 
.diet .box-table .list li { position: relative; padding-left: 1.3rem; } 
.diet .box-table .list li:after { content: ''; position: absolute; left: 0; top: 1rem; width: .3rem; height: .3rem; background: #666666; } 
.diet .box-table .align-l { text-align:left; } 
.diet .box-table .align-c { text-align:center; } 
.diet .box-table .align-r { text-align:right; } 

@media screen and (max-width: 960px){
	.diet .box-table { overflow-x: hidden; } 
	.diet .box-table::before {display: none;}
	.diet .box-table table { width: 87rem; } 
	.diet .box-table:after { content: ''; position: absolute; right: 0; top: 0; width:100%; height:100%; background:rgba(60,81,82,0.4) url('../images/img_mobile_text.png') no-repeat center center; } 
	.diet .box-table.on:after { display: none; } 
	.diet .box-table thead th,
	.diet .box-table tbody th,
	.diet .box-table tbody td { font-size: 1.6rem; } 
}

@media screen and (max-width: 700px){
	.diet .info-box {margin: 0 0 3rem 0;}
	.diet .date strong {padding: .5rem 2rem 0 2rem; font-size: 2rem;}
}

@media screen and (max-width: 650px){
	.diet .info-box .img-box {width: 100%;}
	.diet .info-box .img-box img {width: 100%;}
}