@charset "UTF-8";

.contents{ width: 1000px; margin: 0 auto; padding-bottom: 46px; text-align: left;}
.heading{ font-size: 4.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 800px; float: left; z-index: 10;}
.contents-wrapper-right{ width: 180px; float: right; margin-top: 33px; z-index: 10;}
.contents-wrapper-right .side-menu-item{ margin-bottom: 15px;}
.contents-wrapper-right .side-menu-item a:hover{ filter:Alpha(opacity=75); opacity:0.75;}

.articles{ padding: 46px 0;}
.title{ font-size: 3.0rem; border-bottom: 3px #ED7901 solid; margin-bottom: 30px;}
.subtitle{ font-size: 1.8rem; margin-bottom: 10px;}

.articles p{ font-size: 1.4rem; line-height: 1.8;}
.articles p.indent{ text-indent: -2em; margin-left: 2em;}

.link{ margin-top: 15px;}
.link-item-page{ padding-left: 14px; background: url(../images/triangle.png) no-repeat left center; font-size: 1.4rem; margin-bottom: 5px;}


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

.contents{ width: 90%; margin-top: 100px;}
.heading{ font-size: 3.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 100%; float: none;}
.articles{ padding: 30px 0;}
.title{ font-size: 2.0rem; margin-bottom: 20px;}

.cook{ margin-top: -90px; padding-top: 90px;}
.confectionery,.hygiene,.fowl,.globefish{ margin-top: -100px; padding-top: 100px;}

}