@charset "utf-8";

#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	margin:1.5em 0 0.8em;
	clear:both; /* Do not edit */
}
#tmp_contents h2 {
    text-align: center;
    font-size: 173.33%;
    position: relative;
}
#tmp_contents h2:first-child {
    margin-top: 0;
}
#tmp_contents h2::before,
#tmp_contents h2::after{
	content: "";
    display: inline-block;
    vertical-align: middle;
	width: 15px;
	height: 46px;
	background-repeat: no-repeat;
}
#tmp_contents h2::before {
    margin: 0 20px 3px 0;
	background-image: url("/site/shared/templates/foodloss_free/images/contents_h2_bg1.png");
}
#tmp_contents h2::after {
    margin: 0 0 3px 20px;
	background-image: url("/site/shared/templates/foodloss_free/images/contents_h2_bg2.png");
}
#tmp_contents h3 {
    font-size: 146.67%;
    border-bottom: 2px solid #402000;
    line-height: 1.3;
    padding: 7px 0 7px 50px;
    min-height: 44px;
    color: #3F1F00;
    background: url("/site/shared/templates/foodloss_free/images/contents_h3_bg.png") no-repeat left bottom 3px;
}
#tmp_contents h4 {
	padding: 0 0 0 15px;
	font-size: 120%;
	color: #3F7779;
	position: relative;
}
#tmp_contents h4::before {
	display: block;
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 10px;
	height: 3px;
	background-color: #3F7779;
}
#tmp_contents h5 {
	font-size: 110%;
}
#tmp_contents h6 {
	font-size: 105%;
}
#tmp_contents table {
	word-break: break-all;
}
#tmp_contents p {
	margin:0 0 0.8em 0; /* Do not edit */
}
#tmp_contents ul {
	margin:0 0 1em 1.5em; /* Do not edit */
	list-style-image:url(/site/shared/site_foodloss/images/icon/list_icon.png); /* Do not edit */
}
#tmp_contents ol {
	margin:0 0 1em 3.2em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin:0 0 0.5em; /* Do not edit */
}
#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin:0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_contents hr {
	height:1px; /* Do not edit */
	color:#CCCCCC; /* Do not edit */
	background-color:#CCCCCC; /* Do not edit */
	border:none; /* Do not edit */
	clear:both; /* Do not edit */
}
/* ==================================================
parts
================================================== */
/* img_cap
================================================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin:1em 0; /* Do not edit */
	border:4px solid #F4A000;
	clear:both; /* Do not edit */
}
#tmp_contents table.outline {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.outline td {
	padding:15px 20px 8px;
	color:inherit;
	background-color:#ffffff;
}
#tmp_contents div.outline {
	padding:15px 20px 8px;
	color:inherit;
	background-color:#ffffff;
}
#tmp_contents .outline ul {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ol {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ul ul,
#tmp_contents .outline ul ol,
#tmp_contents .outline ol ul,
#tmp_contents .outline ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_btn
================================================== */
#tmp_contents ul.box_btn {
	margin: 1.5em auto 0.8em;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#tmp_contents ul.box_btn li {
	display: block;
    margin: 0 0 10px;
}
#tmp_contents ul.box_btn li a {
	display: block;
	text-decoration: none;
	color:#ffffff;
	background-color: #0580A8;
	padding: 6px 30px 6px 25px;
	background-image: url("/site/shared/templates/foodloss_free/images/linkicon.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
}
#tmp_contents ul.box_btn li a:hover {
	background-color: #3F1F00;
}
/* box_info
================================================== */
#tmp_contents .box_info {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #AABBCC;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_info {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_ttl {
	padding:3px 7px;
	color:inherit;
	font-weight:bold;
	background-color:#DDEEFF;
	border-bottom:1px solid #BBCCDD;
}
#tmp_contents .box_info .box_info_ttl p {
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_cnt {
	padding:10px 10px 0;
}
#tmp_contents .box_info ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_info ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_info ul ul,
#tmp_contents .box_info ul ol,
#tmp_contents .box_info ol ul,
#tmp_contents .box_info ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_link
================================================== */
#tmp_contents .box_link {
	margin:0 0 0.8em; /* Do not edit */
	border:1px solid #AABBCC;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_link {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_ttl {
	padding:3px 7px;
	color:inherit;
	font-weight:bold;
	background-color:#DDEEFF;
	border-bottom:1px solid #BBCCDD;
}
#tmp_contents .box_link .box_link_ttl p {
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_cnt {
	padding:10px 10px 0;
}
#tmp_contents .box_link ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ul ul,
#tmp_contents .box_link ul ol,
#tmp_contents .box_link ol ul,
#tmp_contents .box_link ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin:1em 0; /* Do not edit */
	border:1px solid #E2F2F8;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_menu {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.box_menu td {
    background-color: #E2F2F8;
    color: inherit;
}
#tmp_contents div.box_menu {
    background-color: #E2F2F8;
    color: inherit;
    padding: 15px 0;
}
#tmp_contents div.box_menu .box_menu_ttl {
 	padding:0 20px;
}
#tmp_contents table.box_menu .box_menu_ttl {
 	padding:15px 20px 0;
}
#tmp_contents .box_menu_ttl p {
    margin: 0;
    font-weight: bold;
}
#tmp_contents .box_menu_ttl h3 {
    margin: 0;
    font-size: 140%;
    min-height: auto;
    border: none;
    padding: 2px 0 3px;
    background-image: none;
    color: #3F7779;
    border-bottom: 1px solid #3F7779;
}
#tmp_contents div.box_menu .box_menu_cnt {
 	padding:15px 20px 0;
}
#tmp_contents table.box_menu .box_menu_cnt {
 	padding:15px 20px;
}
#tmp_contents .box_menu ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ul ul,
#tmp_contents .box_menu ul ol,
#tmp_contents .box_menu ol ul,
#tmp_contents .box_menu ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin:1.5em 0; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
	border:1px solid #402000;
	word-break: break-all;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	padding:8px 15px;
	color:inherit;
	background-color:#FFF4DF;
	border:1px solid #402000;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding:8px 15px;
	border:1px solid #402000;
}
#tmp_contents table.datatable caption,
#tmp_contents table.enquete_table caption {
	padding:0 0 0.5em; /* Do not edit */
	font-weight:bold; /* Do not edit */
	text-align:left; /* Do not edit */
}
#tmp_contents table.datatable p {
	margin:0; /* Do not edit */
}
#tmp_contents table.datatable ul,
#tmp_contents table.datatable ol,
#tmp_contents table.enquete_table ul,
#tmp_contents table.enquete_table ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
#tmp_contents table.datatable ul ul,
#tmp_contents table.datatable ul ol,
#tmp_contents table.datatable ol ul,
#tmp_contents table.datatable ol ol,
#tmp_contents table.enquete_table ul ul,
#tmp_contents table.enquete_table ul ol,
#tmp_contents table.enquete_table ol ul,
#tmp_contents table.enquete_table ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
#tmp_contents table.enquete_table {
	width:100%; /* Do not edit */
}
#tmp_contents table.enquete_table th {
	width:20%; /* Do not edit */
}
#tmp_contents table.enquete_table .nes,
#tmp_contents table.enquete_table .memo {
	color:#b81212; /* base.css > Styles > .text_red */
	font-weight:normal; /* Do not edit */
	background-color:transparent; /* Do not edit */
}
/* form_btn */
#tmp_contents .enquete_button {
	margin:15px 0; /* Do not edit */
	text-align:center; /* Do not edit */
}
/* bgcolor */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* Setting by CMS sheets */
#tmp_contents table.datatable table th.bg_blue {
	color:inherit;
	background-color:#e8fdfe; /* base.css > Styles > th.bg_blue */
}
#tmp_contents table.datatable table th.bg_gray {
	color:inherit;
	background-color:#eef9ff; /* base.css > Styles > th.bg_gray */
}
#tmp_contents table.datatable table th.bg_purple {
	color:inherit;
	background-color:#f3eeff; /* base.css > Styles > th.bg_purple */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* nest-datatable
================================================== */
#tmp_contents table.datatable table,
#tmp_contents table.enquete_table table {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table th,
#tmp_contents table.enquete_table table th {
	color:inherit; /* Do not edit */
	background-color:transparent; /* Do not edit */
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table td,
#tmp_contents table.enquete_table table td {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table.datatable {
	border:1px solid #402000; /* = table.datatable */
}
#tmp_contents table.datatable table.datatable th {
	color:inherit; /* Do not edit */
	background-color:#FFF4DF; /* = table.datatable th */
	border:1px solid #402000; /* = table.datatable th */
}
#tmp_contents table.datatable table.datatable td {
	border:1px solid #402000; /* = table.datatable td */
}

/* ==================================================
contents
================================================== */
/* icon付与
================================================== */
#tmp_contents a[target="_blank"] {
    position: relative;
}
#tmp_contents a[target="_blank"]::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    line-height: 1;
    background: url("/site/shared/site_foodloss/images/icon/exlink.png") no-repeat;
}

/* newslist
================================================== */
#tmp_contents ul.newslist {
	list-style: none;
    margin: 0 0 1em !important;
}
#tmp_contents ul.newslist li {
    border-bottom: 2px dotted #BABABA;
    padding: 7px 0;
    margin: 0;
    display: table;
    width: 100%;
}
#tmp_contents ul.newslist li p {
    margin: 0;
    display: table-cell;
    vertical-align: top;
}
#tmp_contents ul.newslist li p.news_date {
    width: 8.2em;
}

/* ==================================================
親子で考える食品ロス
================================================== */
/* dekiruabout
================================================== */
#tmp_contents .dekiruabout {
	text-align: center;
}
#tmp_contents .dekiruabout .example {
	display: inline-block;
	margin: 0 auto;
	font-size: 134%;
	font-weight: 600;
	color: #ffffff;
	background-color: #3E792D;
	padding: 5px 30px;
}
#tmp_contents .dekiruabout .dekiruabout_cnt {
    background-image: url("/site/shared/templates/foodloss_free/images/dekiru/dekiruabout_icon1.jpg"), url("/site/shared/templates/foodloss_free/images/dekiru/dekiruabout_icon2.jpg");
    background-repeat: no-repeat;
    background-position: right top, right bottom;
    padding: 32px 0;
}
#tmp_contents .dekiruabout .dekiruabout_list1,
#tmp_contents .dekiruabout .dekiruabout_list3 {
    padding: 18px 220px 18px 160px;
    position: relative;
}
#tmp_contents .dekiruabout .dekiruabout_list2 {
    padding: 18px 160px 18px 220px;
    position: relative;
}
#tmp_contents .dekiruabout .dekiruabout_list1::before,
#tmp_contents .dekiruabout .dekiruabout_list2::before,
#tmp_contents .dekiruabout .dekiruabout_list3::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    transform: translateY(-50%);
}
#tmp_contents .dekiruabout .dekiruabout_list1::before {
    left: 0;
    background-image: url("/site/shared/templates/foodloss_free/images/dekiru/dekiruabout_bg1.png")
}
#tmp_contents .dekiruabout .dekiruabout_list2::before {
    right: 0;
    background-image: url("/site/shared/templates/foodloss_free/images/dekiru/dekiruabout_bg2.png")
}
#tmp_contents .dekiruabout .dekiruabout_list3::before {
    left: 0;
    background-image: url("/site/shared/templates/foodloss_free/images/dekiru/dekiruabout_bg3.png")
}
#tmp_contents .dekiruabout .dekiruabout_list1 p,
#tmp_contents .dekiruabout .dekiruabout_list2 p,
#tmp_contents .dekiruabout .dekiruabout_list3 p {
	display:flex;
	justify-content: center;
	align-items: center;
    min-height: 100px;
    font-size: 120%;
    font-weight: bold;
    background-color: #f9efba;
    color: inherit;
    margin: 0;
    border-radius:10px;
}
#tmp_contents .dekiruabout .dekiruabout_list1 p,
#tmp_contents .dekiruabout .dekiruabout_list3 p {
    padding: 10px 10px 10px 70px;
}
#tmp_contents .dekiruabout .dekiruabout_list2 p {
    padding: 10px 70px 10px 10px;
}

/* whats_item
================================================== */
#tmp_contents .whats_item {
    margin: 0 0 24px;
    clear: both;
}
#tmp_contents .whats_item .whats_item_img {
    width: 155px;
    float: right;
}
#tmp_contents .whats_item .whats_item_cnt {
    width: calc(100% - 175px);
    float: left;
    padding-right: 20px;
}
#tmp_contents .whats_item:nth-child(even) .whats_item_img {
    float: left;
}
#tmp_contents .whats_item:nth-child(even) .whats_item_cnt {
     float: right;
    padding-left: 20px;
    padding-right: 0;
}
#tmp_contents .whats_item h3 {
    border: none;
    margin: 0 0 0.6em;
    min-height: 48px;
    font-size: 133.34%;
    color: #3F7779;
	background-image: url("/site/shared/templates/foodloss_free/images/contents_counterh3_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
    padding: 15px 0 5px 50px;
    position: relative;
}
#tmp_contents .whats_item h3 span {
    position: absolute;
    left: 0;
    top: 0;
    padding: 21px 2px 2px 18px;
    display: inline-block;
    line-height: 1;
}

/* dekiru_around
================================================== */
#tmp_contents .dekiru_around {
	background-image: url("/site/shared/templates/foodloss_free/images/dekiru/fillbox3_bg.jpg");
	background-repeat: repeat;
	background-position: center center;
	background-color: #F9EFBB;
	border-radius: 30px;
	padding: 15px 20px 25px;
	margin: 2em 0;
}
#tmp_contents .dekiru_around h2 {
    margin-top: 1.5em;
}
#tmp_contents .dekiru_around h3 {
	text-align: center;
	padding: 25px 0 0;
	border: none;
	background-image: url("/site/shared/templates/foodloss_free/images/dekiru/flowh3_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	color: #333333;
}
#tmp_contents .dekiru_around h3 strong {
	font-size: 100%;
	font-weight: bold;
	color: #2C661D;
}
#tmp_contents .dekiru_around h4 {
    color: #3F1F00;
    background-color: transparent;
    font-size: 146.66%;
    padding-left: 0;
}
#tmp_contents .dekiru_around h4::before {
    display: none;
}
#tmp_contents .dekiru_around h5 {
    color: #3F7779;
    background-color: transparent;
    font-size: 106.67%;
}
#tmp_contents .dekiru_around_cnt {
	background-color: #ffffff;
	padding: 30px 20px 15px;
    border-radius: 30px;
}
#tmp_contents .dekiru_around_cnt h4 {
    margin-top: 0;
}
#tmp_contents .dekiru_around .dekiru_around_deadline_main {
    float: left;
    width: 70%;
    padding-right: 15px;
}
#tmp_contents .dekiru_around .dekiru_around_deadline_img {
    float: right;
    width: 30%;
    padding-left: 15px;
}

/* dekiru_diary
================================================== */
#tmp_contents .dekiru_diary {
    margin: 0 0 1.5em;
}
#tmp_contents .dekiru_diary_ttl {
    text-align: center;
}
#tmp_contents .dekiru_diary_ttl p {
    display: inline-block;
    color: #ffffff;
    background-color: #3E792D;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 133.33%;
    font-weight: bold;
    position: relative;
}
#tmp_contents .dekiru_diary_ttl p::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: transparent 7px solid;
    border-right: transparent 7px solid;
    border-top: #3E792D 10px solid;
}
#tmp_contents .dekiru_diary_ttl h2 {
    margin-top: 0;
}
#tmp_contents .dekiru_diary .dekiru_diary_main {
    float: left;
    width: 80.55%;
    padding-right: 30px;
}
#tmp_contents .dekiru_diary .dekiru_diary_img {
    float: right;
    width: 19.45%;
}

/* dekiru_reduce
================================================== */
#tmp_contents .dekiru_reduce {
	background-color: #F9EFBB;
	border-radius: 30px;
	padding: 15px 20px 25px;
	margin: 2em 0;
}
#tmp_contents .dekiru_reduce h2 {
    margin-top: 1.5em;
}
#tmp_contents .dekiru_reduce_item {
    padding: 15px 0;
}
#tmp_contents .dekiru_reduce_item .dekiru_reduce_item_main {
    float: left;
    width: 78%;
    padding-right: 30px;
}
#tmp_contents .dekiru_reduce_item .dekiru_reduce_item_img {
    float: right;
    width: 22%;
}
#tmp_contents .dekiru_reduce_item:nth-child(even) .dekiru_reduce_item_main {
    float: right;
    padding-left: 30px;
    padding-right: 0;
}
#tmp_contents .dekiru_reduce_item:nth-child(even) .dekiru_reduce_item_img {
    float: left;
}
#tmp_contents .dekiru_reduce_item .dekiru_reduce_item_main .inner {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 10px;
	border-radius: 30px;
}
#tmp_contents .dekiru_reduce_item h3 {
    color: #3F7779;
    margin: 0 0 0.8em;
    border: none;
    min-height: auto;
    background-image: none;
    padding: 0;
}
#tmp_contents .reducebox {
    background-image: url("/site/shared/templates/foodloss_free/images/dekiru/reduce_bg.jpg");
    background-repeat: repeat;
    background-position: center top;
    background-size:100% auto;
    background-color: #F9EFBB;
    padding: 15px 14% 20px;
}
#tmp_contents .reducebox p {
    font-size: 186.67%;
    margin: 0;
    font-weight: bold;
}
#tmp_contents .reducebox p span {
    background: linear-gradient(transparent 0%, transparent 50%, #FFDC00 50%, #FFDC00 100%);
}

/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents div.outline:after,
#tmp_contents div.box_info:after,
#tmp_contents div.box_info_ttl:after,
#tmp_contents div.box_info_cnt:after,
#tmp_contents div.box_link:after,
#tmp_contents div.box_link_ttl:after,
#tmp_contents div.box_link_cnt:after,
#tmp_contents div.box_menu:after,
#tmp_contents div.box_menu_ttl:after,
#tmp_contents div.box_menu_cnt:after,
#tmp_contents .whats_item:after,
#tmp_contents .dekiru_around .dekiru_around_deadline:after,
#tmp_contents .dekiru_diary .dekiru_diary_cnt:after,
#tmp_contents .dekiru_reduce_item:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	width:100% !important;
}
#tmp_wrapper img {
	animation: none;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-bottom:1px solid #000000 !important;
}
#tmp_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
#tmp_gnavi,
.pnavi,
.fnavi,
#tmp_pankuzu {
	display:none !important;
}
body,
#tmp_pankuzu {
	background:none !important;
}
.col_main {
	margin:0 !important;
	padding:0 !important;
}
.copyright {
	text-align:left !important;
}

}