@charset "utf-8";

@media screen and (min-width : 641px) and (max-width : 800px){
	#tmp_wrapper {
		min-width: 800px;
	}

}

@media screen and (max-width : 800px) {
    /* body
    ================================================== */
    body {
        -webkit-text-size-adjust:none;
        -moz-text-size-adjust:none;
        -ms-text-size-adjust:none;
    }
    /* cate_ttl
    ================================================== */
    #tmp_cate_ttl .container {
        padding: 0 0 0 5px;
    }
    #tmp_cate_ttl .cate_ttl_inner {
        min-height: 100px !important;
        background-image: none !important;
        align-items:stretch;
    }
    #tmp_cate_ttl h1,
	#tmp_cate_ttl p.news_ttl {
        font-size: 160%;
        line-height: 1.2;
        text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff, 0 1px 2px #ffffff, 1px 0 2px #ffffff, 0 -1px 2px #ffffff, -1px 0 2px #ffffff;
        z-index: 2;
        padding: 0 150px 0 8px;
    }
    #tmp_cate_ttl p {
    font-size: 100%;
    text-align: left;
        text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff, 0 1px 2px #ffffff, 1px 0 2px #ffffff, 0 -1px 2px #ffffff, -1px 0 2px #ffffff;
        z-index: 2;
    }
    #tmp_cate_ttl .titleimage {
        width: 17%;
    }
    /* 親子で考える食品ロス */
    #tmp_cate_ttl.cate_ttl_dekiru {
        border-bottom: none;
    }
    #tmp_cate_ttl.cate_ttl_dekiru .titleimage {
        bottom: 0;
        overflow: hidden;
        width: 160px;
    }
    #tmp_cate_ttl.cate_ttl_dekiru .titleimage img {
        height: 95px;
        width: auto;
        max-width: none;
        float: right;
    }
    #tmp_cate_ttl.cate_ttl_dekiru p {
        padding-top: 0;
    }


}

@media screen and (max-width : 640px) {

/* ==================================================
Base-Layout
================================================== */
/* wrapper
================================================== */
#tmp_wrapper {
	position: relative;
	width: 100%;
	min-width: 310px;
}
.container{
	padding: 0 10px;
	width: 100%;
}

/* linkicon
================================================== */
a.icon_pdf,
a.icon_excel,
a.icon_word,
a.icon_ppt,
a.icon_txt {
	background-size: 51px auto;
	padding-left:60px;
}
a.icon_pdf {
	background-image:url(/site/shared/site_mahoroba/images/icon/icon_pdf_sp.png);
}
a.icon_word {
	background-image:url(/site/shared/site_mahoroba/images/icon/icon_word_sp.png);
}
a.icon_excel {
	background-image:url(/site/shared/site_mahoroba/images/icon/icon_excel_sp.png);
}
a.icon_ppt {
	background-image:url(/site/shared/site_mahoroba/images/icon/icon_ppt_sp.png);
}
a.icon_txt {
	background-image:url(/site/shared/site_mahoroba/images/icon/icon_txt_sp.png);
}

/* contents
================================================== */
#tmp_wrap_main {
    padding-top: 50px;
}
#tmp_contents {
	word-wrap:break-word;
}
.col_main {
	padding: 10pxx 0 0;
}

/* ==================================================
header
================================================== */
#tmp_header {
	position: fixed;
    left: 0;
    right: 0;
    padding:0 50px 0 0;
	background-color: #ffffff;
	color: #222222;
	z-index: 100;
    border-bottom: 1px solid #cccccc;
    transition: transform 0.5s ease-in-out;
}
#tmp_hlogo {
	float:none;
}
#tmp_hlogo h1,
#tmp_hlogo p {
    font-size: 1.066666rem;
}
#tmp_hlogo h1,
#tmp_hlogo p a {
	display:flex;
	align-items: center;
    padding: 2px 0 2px 38px;
    background-size: 28px auto;
    min-height: 50px;
}
#tmp_settings {
    float: none;
}
#tmp_hnavi {
    display: none;
}
/* hnavi_s
================================================== */
#tmp_hnavi_s {
    display: block;
	list-style: none;
    position: absolute;
    top: 0;
    right: 0;
}
#tmp_hnavi_s > li > a {
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;
	font-size: 0.6rem;
	color: #000;
	background-color: #ffffff;
    position: relative;
}
#tmp_hnavi_lmenu > a > span {
	display: block;
	position: absolute;
	top: 50%;
	right: 25%;
	width: 50%;
	height: 2px;
	margin-top: -1px;
	background-color: #888888;
	font-size: 0;
    transition: all .4s;
}
#tmp_hnavi_lmenu > a > span::before,
#tmp_hnavi_lmenu > a > span::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #888888;
}
#tmp_hnavi_lmenu > a > span::before {
    top: -8px;
}
#tmp_hnavi_lmenu > a > span::after {
    top: 8px;
}
/* sp_menu
================================================== */
.spmenu_open {
	position:relative;
	width: 100%;
	min-height: 100%;
    z-index: 800;
    background: #ffffff;
    color: #222222;
}
.spmenu_open::before {
	content: "";
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 699;
	background-color: rgba(0,0,0,0.5);
}

#tmp_wrap_fnavi {
    position: fixed;
    display: block;
    top: 0;
    right: -100%;
    z-index: 50;
    width: 87%;
    height: 100%;
    background: none;
    background-color: #ffffff;
    border: none;
    transition: 0.3s;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    margin: 0;
    padding: 0;
}
.spmenu_open #tmp_wrap_fnavi {
	right: 0;
}
/* close_btn */
#tmp_sma_menu .close_btn {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
}
.spmenu_open #tmp_sma_menu .close_btn {
    opacity: 1;
}
#tmp_sma_menu .close_btn a {
    display: block;
    width: 50px;
    height: 50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	text-align:left;
    background: url("/site/shared/site_foodloss/images/icon/close_icon.png") no-repeat center center;
    background-size:40px auto;
}
#tmp_sma_menu .close_btn span {
    display: block;
    width: 50px;
    height: 50px;
}

/* cate_ttl
================================================== */
#tmp_cate_ttl .titleimage {
    width: 140px;
}

/* gnavi
================================================== */
#tmp_gnavi {
	display:none;
}

/* ==================================================
footer
================================================== */
#tmp_footer {
	padding: 15px 0;
}
#tmp_footer::before {
    display: none;
}
#tmp_footer .contact_btn a {
    display: block;
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 8px 30px;
    border: 1px solid #333333;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.footer_cnt address {
	font-style:normal;
}
.copyright {
	text-align:center;
	clear:both;
}

#tmp_wrap_fnavi .fnavi1 li,
#tmp_wrap_fnavi .fnavi2 li,
#tmp_wrap_fnavi .flink li {
    border-bottom: 1px solid #cccccc;
}
#tmp_wrap_fnavi .fnavi1 li a,
#tmp_wrap_fnavi .fnavi2 li a,
#tmp_wrap_fnavi .flink li a {
    display: block;
    text-decoration: none;
    color: #333333;
    background-color: #ffffff;
    padding: 8px 8px 8px 10px;
}
#tmp_wrap_fnavi .flink li a {
    background-color: #ffeeee;
}

/* ==================================================
class
================================================== */

/* float ▼Do not edit
================================================== */
.float_lft,
.float_rgt {
	float:none;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* youtube ▼Do not edit
================================================== */
#tmp_contents .frame_youtube {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
#tmp_contents .frame_youtube object,
#tmp_contents .frame_youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* ==================================================
parts
================================================== */
/* parts ▼Do not edit
============================== */
div.col2 div.col2L,
div.col3 div.col3L,
div.col3 div.col3M,
div.col2 div.col2 div.col2L,
div.fixed_col2 div.fixed_col2L {
	width:100%;
	margin-right:0;
	display: block;
	float:none;
	clear:both;
}
div.col2 div.col2R,
div.col3 div.col3R,
div.col2 div.col2 div.col2R,
div.fixed_col2 div.fixed_col2R {
	width:100%;
	display: block;
	float:none;
	clear:both;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
	margin-bottom:0;
}
#tmp_contents table.col2,
#tmp_contents table.col2 thead,
#tmp_contents table.col2 tbody,
#tmp_contents table.col2 tfoot,
#tmp_contents table.col2 tr,
#tmp_contents table.col2 th,
#tmp_contents table.col2 td,
#tmp_contents table.col3,
#tmp_contents table.col3 thead,
#tmp_contents table.col3 tbody,
#tmp_contents table.col3 tfoot,
#tmp_contents table.col3 tr,
#tmp_contents table.col3 th,
#tmp_contents table.col3 td {
	display: block !important;
	width: 100% !important;
    border: none !important;
}
div.img_cap {
	width:auto !important;
}
#tmp_contents img {
	max-width:100%;
	height:auto;
}
#tmp_contents ul,
#tmp_contents ol {
	margin-left:22px;
}
#tmp_contents table {
	width:auto;
}
#tmp_contents table table {
	max-width:100%;
}
#tmp_contents table th,
#tmp_contents table td {
	width:auto;
}
#tmp_contents table.gsc-search-box td.gsc-input {
	width:100% !important;
}
#tmp_contents input[type="text"],
#tmp_contents textarea {
	width:100% !important;
	padding:0;
	box-sizing:border-box;
}


}