@charset "UTF-8";

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6em;
  font-family: 'Noto Sans JP','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif !important;
}

a:hover{
  opacity: .7;
  transition: all 0.5s;
}

p.news-text {
    font-size: 1.5rem;
    line-height: 2;
	max-width:85%;
	margin: 0 auto 10%;
}

p.chef {
    margin-top: -40px;
}


p.detailtext {
    font-size: 14px;
}

p.grtext,p.grtext2{
	font-weight: bold;
    font-size: 1.76rem;
    color: #214E38;
	margin-bottom: 20px;
	}

span.smalltext {
    font-size: 1.2rem;
    color: #e42929;
    display: block;
    margin-top: 2%;
    
}

p {
    word-break: break-all;
}


table.tb01 {
    width: 80%;
    margin: 0 auto 4%;
}

table.tb01 th {
    width: 15%;
    padding: 2%;
    border-bottom: 1px solid #8c8c8c;
}

table.tb01 td {
    padding: 2%;
    border-bottom: 1px solid #8c8c8c;
}

p.re_text {
    font-size: 1.8rem;
    margin-bottom: 2%;
}

table.tbl02 {
    width: 90%;
	font-size: 15px;
}

table.tbl03 {
    width: 60%;
	font-size: 15px;
}

.tbl02 th {
    border: solid 1px;
    text-align: center;
	background: #e8e8d7;
}

.tbl03 th {
    border: solid 1px;
	background: #e8e8d7;
    padding: 2%;	
}


.gy {
	background:#e6e6e6 !important;
	}



.tbl02 td {
    border: solid 1px;
    text-align: center;
    padding: 1%;	
}

.tbl03 td {
    border: solid 1px;
    padding: 2%;	
}


.advice {
    font-size: 14px;
	}
	
.n_text{
	letter-spacing: 1.3px;
    line-height: 1.6;
	}
	
.b_text{	
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1.2%;
    color: #214e38;
	}

@media (min-width: 991.99px) {
ul.takeout-box {
    max-width: 90%;
    margin: 3% auto 3%;
    display: flex;
    list-style: none;
}

ul.takeout-box2 {
    max-width: 90%;
    margin: 3% auto 3%;
    display: flex;
    list-style: none;
	flex-flow: wrap;
}


li.takeout {
    margin-right: 1%;
	width: 33%;
}

li.takeout2 {
    margin-right: 1%;
	width: 49%;
}

li.takeout4 {
    margin-right: 1%;
	width: 24%;
}

.text{
	font-size: 1.5rem;
    line-height: 2;
	max-width:90%;
	margin:0 auto;

	}

}


@media (max-width: 991.98px) {

.text{
	font-size: 1.5rem;
    line-height: 2;
	width:100%;
	}


ul.takeout-box{
	list-style:none;
	margin: 10% auto 0;	
	}
	
ul.takeout-box2{
	list-style:none;
	margin: 10% auto 0;	
	display: flex;
    flex-flow: wrap;
	}	


li.takeout4 {
    width: 48%;
    margin-right: 2%;
}


table.tb01 {
	width:100%;
    margin: 0 auto 4%;
}

table.tb01 th {
    width: 27%;
    border-bottom: 1px solid #8c8c8c;
}

table.tb01 td {
    padding: 5% 1%;
    border-bottom: 1px solid #8c8c8c;
}

.content-wrap {
    padding: 5% 3% 10%;

}

p.grtext2 {
font-weight: bold;
    font-size: 15px;
    color: #214E38;
	margin-bottom: 15px;
	}
	
.table-scroll{
  overflow-x : auto
}

table.tbl02 {
    width: 186%;
	font-size: 15px;
}

table.tbl03 {
    width: 100%;
	font-size: 15px;
}


.tbl02 th {
    border: solid 1px;
    text-align: center;
	background: #e8e8d7;
    padding: 5px;	
}

.tbl03 th {
    border: solid 1px;
 	background: #e8e8d7;
    padding: 4%;	
}


.tbl02 td {
    border: solid 1px;
    text-align: center;
}

.tbl03 td {
    border: solid 1px;
	padding:4%;
}

.b_text{	
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5%;
    color: #214e38;
	}


}