@import url("../../../css/cook.css");

div.t-image { background-image: url(img/t_image.gif);}

.Lemagin { margin:80px; }

p {
	line-height: 150%;
	font-size: 100%;
}

table.title {
	line-height: 150%;
}

p.mover {
	margin: 5px 0 2em 5px;
}

p.txt_c {
	text-align: center;
	margin: 0 !important; 
	padding-bottom: 20px;
}

table.table_list {
	margin: 5px 0;
	line-height: 150%;
}

table.table_list th {
	padding: 0 5px 8px 0;
	white-space: nowrap;
	-weight: normal;
	text-align: left;
	vertical-align: top;
}

table.table_list td {
	padding: 0 5px 8px;
	vertical-align: top;
}

table.table_list table {
	font-size: 100%;
}


ul { margin-left: 0; padding-left: 15px;}

ol {
margin: 5px 0;
padding: 0 0 0 30px;
line-height: 140%;
list-style-position: outside;
}

ol li {
padding: 3px 0;
}

dl {
line-height: 150%;
}

dt {
margin: 2px 0 2px 10px;
font-weight: bold;
}

dd {
margin: 2px 0 2px 25px;
}

dd ol { font-size: 1em;}

.img_maR{
margin:0 5px 5px 0;
}

.img_maL{
margin:0 0 5px 5px;
}

dd ol { font-size: 1em;}
.style1 {color: #FF0000}
.style2 {color: #339900}
.style3 {color: #0000FF}
.style4 {color: #FF6600}

ul.flowlist {
	overflow: hidden;
	zoom:1;
	margin: 20px 0 20px 0;
	list-style-type:none;
	padding:0;
}
ul.flowlist li {
	float:left;
	margin: 0 10px 0 0;
	padding:0;
	text-align:center;
}
	
	.ulStyle01 li{
		list-style: none;
	}

/* TEXT.CSS */
.main {
font-size: 12px; LINE-HEIGHT: 16px
}
.s14px {
font-size: 14px; LINE-HEIGHT: 16px
}
.s16px {
font-size: 16px; LINE-HEIGHT: 20px
}
.cap {
	COLOR: #333333; font-size: 10px; LINE-HEIGHT: 14px
}
.read {
	COLOR: #333333; font-size: 14px; LINE-HEIGHT: 18px
}
.midashi {
	font-size: 14px; -WEIGHT: bold; LINE-HEIGHT: 17px
}
.mini {
	font-size: 10px; LINE-HEIGHT: 13px
}
.green {
	COLOR: #336600; font-size: 10px; LINE-HEIGHT: 14px
}
.yomigana {
font-size: 8px; LINE-HEIGHT: 13px
}
.line_h130 {
LINE-HEIGHT: 130%
}

.line_h150 {
LINE-HEIGHT: 150%
}

.line_h110 {  line-height: 120%}

.moji { layout-grid: both strict 8px 5px;}

.q_a { layout-grid: both strict 5px 2px; font-size: 16px;}

.q_a_ { font-size: 16px;}

.s14px_layout {
line-height:22px; font-size: 14px;
}
/*hack for IE6 IE6?padding?width?§t???????¸É¥¿*/
* html #s14px_layout{
  layout-grid: both strict 11px 7px;
}


.underline { text-decoration: underline;}

a.type1 { color:#006600;}
a:visited.type1 { color:#006600;}
a:hover.type1 { color:orange;}
a.type2 { color:blue; }
a:visited.type2 { color:blue; }
a:hover.type2 { color:orange; }
a.type3 { color:red; }
a:visited.type2 { color:red; }
a:hover.type2 { color:orange; }


.orange{
color:#FF6600;
}

.green{
color:#339900;
}

.pink{
color:#FF33FF;
}

.yellow{
color:#FF9933;
}

.right_vegg{
margin:0 0 10px 10px;
padding:0;
float:right;
}
.center_vegg{
margin: 5px 0 5px 0;
padding:0;
text-align:center;
}
	
.right_vegg2{
margin:0;
padding:0;
float:right;
}

.left_vegg{
margin:0 10px 10px 0;
padding:0;
float:left;
}

.left_vegg2{
margin:10px 10px 10px 0;
padding:0;
float:left;
}

.left_vegg3{
margin:0 10px 10px 0;
padding:0;
float:left;
}

.clear_vegg{
clear:both;
}

.obi_vegi {
	padding:2px;
	margin: 10px 0 10px 0;
	text-align:center;
	border:2px solid #99EE99;
	font-weight:bolder;
}
.title_underline {
	border-top: 3px solid #FF6699;
	border-bottom: 1px solid #FF3366;
	padding: 5px 5px 3px 5px;
}

table.tbl_vegi {
	margin:0;
	padding:0;	
}
table.tbl_vegi th, table.tbl_vegi td {
	margin:0;
	padding:2px;
	text-align:left;
}
@media screen and (max-width: 768px) {
	table.tbl_vegi th, table.tbl_vegi td {
		display: block;
	}
}

/*
2016.05.18
*/
.alignCenter{
	text-align:center;
}
.imgCenter{
	display:table;
	margin:0 auto;
	text-align:center;
}
.picT img{
	display:table;
	margin:0 auto 10px;
	text-align:center;
}
.picB img{
	display:table;
	margin:10px auto 0;
	text-align:center;
}
.picM img{
	display:table;
	margin:10px auto;
	text-align:center;
}
.picR,
.picL{
	overflow:hidden;
	zoom:1;
}
.picR img{
	float:right;
	margin:0 0 0 20px;
}
.picL img{
	float:left;
	margin:0 20px 0 0;
}
.floatClear{clear:both;}

.box{
	overflow:hidden;
	zoom:1;
}
.boxL{
	float:left;
	width:49%;
}
.boxR{
	float:right;
	width:49%;
}

.tableBox{
	display:table;
}
.tableCell{
	display:table-cell;
	padding-right:20px;
}
.tableCell:lasth-child{
	padding-right:0;
}

table.tbl_vegi{
	margin:10px auto;
	padding:0;
	line-height:150%;
	border-collapse:collapse;
}

table.tbl_vegi th,
table.tbl_vegi td,
.internet .cbody table.tbl_vegi td{
	padding-bottom:10px;
	vertical-align:top;
}
table.tbl_vegi td img{
	vertical-align:top;
	margin:0 5px;
}
.ti1em{
	display:inline-block;
	padding-left:1em;
	text-indent:-1em;
}
.ti15em{
	display:inline-block;
	padding-left:1.5em;
	text-indent:-1.5em;
}
.ti2em{
	display:inline-block;
	padding-left:2em;
	text-indent:-2em;
}
ul.listDot{
	margin:0 auto;
	padding:0;
}
ul.listDot li{
	display:block;
	margin:0 0 3px 0;
	padding:0 0 0 1em;
	text-indent:-1em;
	list-style:none;
}
ul.listDot li:before{content:'・';}

h4{
font-size:130%;
font-weight:bold;
}
table.tbl_vegi02{
	margin:10px 0;
	border-collapse:collapse;
	line-height:130%;
}
table.tbl_vegi02 td{
	padding-right:20px !important;
}

.picRtable{
	overflow:hidden;
	zoom:1;
}

.picRtable > div{
	float:right;
}
.picRtable table{
	margin:10px 0;
}
.btmHr,
.btmHr td{
	padding-bottom:20px !important;
}

h5,h6{
	margin-top:20px;
}

.m0{
	margin: 0 !important;
}

.mb0{
	margin-bottom: 0 !important;
}

.pb10{
	padding-bottom: 10px !important;
}

.flex_box01{
	overflow:hidden;
	margin-bottom:20px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.flex_box01 .flx_img{
	margin: 20px auto 0 10px !important;
}

.flex_box01 p:last-child{
	width: 60%;
	padding-right: 5px;
}

.flex_box01 p span{
	display:block;
	margin-top:20px;
}

.flex_box02{
	overflow:hidden;
	margin-bottom:20px;
	display: flex;
}
_:-ms-fullscreen, :root .flex_box02 {
	display: flex;
}
	.flex_box02 p img{
		margin-right: 20px;
	}
	
	.flex_box02::after{
		content: "";
		display: block;
		clear: both;
	}

.flex_box02 > p{
	float: left;
}
	


table ul{
	margin:0;
}
	
	
/*2020.10.21*/
.mt5{margin-top: 5px!important;}

/*2022.02.17*/
.pl30{padding-left: 30px!important;}
.pl45{padding-left: 45px!important;}
.pl50{padding-left: 50px!important;}
.pb0{padding: 0!important;}
.mt120{margin-top: 120px!important;}
.ml30{margin-left: 30px!important;}
.h_1rem{height: 1rem;}
@media screen and (max-width: 768px) {
	.w50_sp{
		width: 50%!important;
	}
	.td_sp{
		padding-left: 20px!important;
		width: 80%!important;
	}
	.td_sp02{
		padding-left: 0!important;
		width: 80%!important;
	}
}

	
@media screen and (max-width: 768px) {
	.flex_box01,
	.flex_box02{
		display: block;
	}
	
	.flex_box01 p:last-child{
		width: 100%;
		padding-right: 0;
	}
	.flex_box01 .flx_img{
		margin: 20px 0 !important;
	}
}

.link_txt{
	font-weight:bold;
	font-size: 95%;
	margin-bottom:40px;
}

.cooking_name{
	font-size:130%;
	line-height:150%;
	font-weight:bold;
}

/* 20200122 */
.finished_dish{
	text-align: center;
	margin:0;
	padding-bottom:20px;
}

/* 20200317 */
	ol.ol-20200317{
		counter-reset: number 0;
		list-style-type: none;
	}
	ol.ol-20200317 li.number:before{
		counter-increment: number 1;
		content: counter(number)".";
	}
	.skipNumber{
		padding-left: 1rem;
	}
	
@media screen and (max-width: 480px) {
	.right_vegg.sp_right_vegg{
		float: none;
	}
}
	
	/* 20210423 */
	.ulStyle2105 li{
		list-style-type: disc;
	}

	/* 20220316 */
table.tbl_vegi03{
	margin:0;
	padding:0;
	line-height:150%;
	border-collapse:collapse;
}
table.tbl_vegi03 th, table.tbl_vegi03 td {
	margin:0;
	padding:0;
	text-align:left;
}
table.tbl_vegi03 th,
table.tbl_vegi03 td,
.internet .cbody table.tbl_vegi03 td{
	padding-bottom:0px;
	vertical-align:top;
}
table.tbl_vegi03 td img{
	vertical-align:top;
	margin:0 5px;
}

/* 20220916 */
.hoshi {
padding-left:1em;
text-indent: -1em;
}
ul.indent2{
padding-left:2em;
}

/* 202500106 */
.vegitablePhotoCap {
	line-height: 150%;
	width: 520px;
	text-align: left;
}
@media screen and (max-width: 768px) {
    .vegitablePhotoCap {
    	width: auto;
    }
}