@charset "UTF-8";

.diet .info-box { display: flex; align-items: flex-start; padding: 4rem 5rem; margin: 0 0 5rem 0; border: 1rem solid #f1f6fa; } 
.diet .info-box .img-box { flex-shrink: 0; width: 30rem; } 
.diet .info-box .img-box img {width: 100%;}
.diet .info-box .info {flex-grow: 1; padding-left: 4rem;}
.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 li { position: relative; display: flex; margin-bottom: 1rem; padding-left: 2rem;} 
.diet .info-box .list li::before {content: ''; position: absolute; left: 0; top: .95rem; width: .7rem; height: .7rem; background: #00baff; border-radius: 100%;}
.diet .info-box .list li:last-child { margin-bottom: 0; } 
.diet .info-box .list li span { position: relative; display: inline-block; min-width: 10rem; margin: 0 2rem 0 0; font-family: pb; font-size: 1.8rem; color: #333333;} 
.diet .info-box .list li em { font-family: pr; font-size: 1.8rem; color: #666666; } 
.diet .info-box .list li strong { font-size: 1.8rem; color: #222; font-family: 'Noto Medium'; } 

@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; padding-top: 3rem;}
}

@media screen and (max-width: 660px){
	.diet .info-box {padding: 3rem;}
	.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 .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; border-top: 2px solid #2c2c2c;} 
.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: #f5f5f5; border-bottom: 1px solid #e0e0e0; font-family: pb; font-weight: normal; font-size: 1.8rem; line-height: 1.3; color: #333333; } 
.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: #989898;}
.diet .box-table thead th:nth-child(6)::after {display: none;}
.diet .box-table tbody td { height: 18rem; padding: 2.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: #666666; } 
.diet .box-table tbody td:first-child { background: #f1f6fa; font-family: pb; font-size: 1.6rem; text-align: center; color: #333333; } 
.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 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%;}
}