@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://use.typekit.net/ktz0oat.css");
/* CSS Document */

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html { overflow-y: scroll; height: 100%;}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption { margin: 0; padding: 0; text-align:justify;}
img, abbr, acronym, fieldset {border: 0;}
ul li {list-style-type: none;}
a { text-decoration: none;}
img { width:100%; max-width:100%; height: auto; margin:0; padding:0; border:0; vertical-align: bottom;}


/* ------ Body ------ */
body { background-color:#fff; font-family: 'Noto Sans JP', sans-serif; font-weight:400; font-size: 16px;}
.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


/* ------ Anchor ------ */
#wrapper { margin:0px; padding:0px; width:100%; height:100%; }


/* ------ header　トップページヘッダーの基本レイアウト ------ */
#header {margin:0px; width:100%; height:430px; display:block; float:left; background:url(parts/foods1.jpg) center;}
#header .inner {margin:0 auto; padding:0 10px; width:100%; max-width:1000px;}
#header .inner h1 {margin:0; padding:10% 0 0 0; width:100%; font-size:3rem; color:#fff; text-shadow:2px 2px 2px #00f;}
#header .inner h1 span { font-size:2.4rem;}
#header .inner h1 a { color:#fff;}
#header .inner h2 {margin:0; padding:0; width:100%; font-size:1.6rem; color:#b0c4de;}
.menu {margin:0px; width:100%; height:40px; display:block; float:left; background-color:#999;}


@media screen and (max-width: 800px) {
#header .inner h1 {margin:0; padding:10% 0 0 0; width:100%; font-size:2rem; color:#fff; text-shadow:2px 2px 2px #00f;}
#header .inner h1 span { font-size:2.4rem;}
#header .inner h2 {margin:0; padding:0; width:100%; font-size:1rem; color:#b0c4de;}
}


/* ------ トップのコンテンツ枠 ------ */
#topcontents {margin:0 0 100px 0; width:100%; height:auto; display:block; float:left;}
#topcontents .inner { margin:0 auto; padding:0 2%; width:96%; max-width:900px; }



/* ------ トップの新着情報 ------ */
#news {margin:100px 0 30px 0; width:100%; max-width:900px; height:auto; float:left;}
#box-news { margin: 0; padding: 0; width: 100%; height:50px; float:left;}
.news_title { margin: 0; padding: 0 0 0 2%; width: 98%; height:50px; line-height:50px; float:left; font-size:1.4rem;}

#topix { margin:0; padding:2% 4% 4% 4%; width:92%; background-color:#f5f5f5; box-shadow:2px 2px 2px #999; float:left;}


#topix .topix_date {margin:0; padding:3% 0 1% 0; width:25%; float:left; font-size:1rem; line-height:1.5rem; border-bottom:1px solid #666;}
#topix .topix_title {margin:0; padding:3% 0 1% 0; width:75%; float:left; font-size:1rem; line-height:1.5rem; border-bottom:1px solid #666;}
#topix .topix_title a {text-decoration: none; color:#000; font-weight:bold;}
#topix .topix_title a:hover {text-decoration: none; color:#900;}


@media screen and (max-width: 800px) {
#topix .topix_date {margin:0; padding:3% 0 0 0; width:100%; float:left; font-size:1rem; line-height:1.5rem; border-bottom:none;}
#topix .topix_title {margin:0; padding:1% 0 1% 0; width:100%; float:left; font-size:1rem; line-height:1.5rem; border-bottom:1px solid #666;}
	
	
}

/* ------  ------ */
#maincontents {margin: 0; padding:0; width:100%; float:left; background-color:#c1e4e9;}
#maincontents .inner { margin:0 auto; padding:0 2%; width:96%; max-width:900px;}
#maincontents .inner h3 { margin:80px 0 0 0; padding: 0 0 0 2%; width: 98%; height:50px; line-height:50px; float:left; font-size:1.4rem; font-weight:400;}

.table { margin:0 4% 100px 0; padding:0; width: 66%; float:left;}
.bunner { margin:0 0 100px 0; padding:0; width:30%; float:left;}
.link { margin:0 0 20px 0 ; padding:0; width:100%; float:left; background-color:#ff0000;}

@media screen and (max-width: 800px) {
#maincontents .inner h3 { margin:100px 10% 30px 10%; padding: 0; width: 80%; height:50px; text-align:center; float:left; font-size:1.4rem; font-weight:400;}
.table { margin:0 10% 50px 10%; padding:0; width: 80%; float:left;}
.bunner { margin:0 10% 50px 10%; padding:0; width:80%; float:left;}
.link { margin:0 0 20px 0 ; padding:0; width:100%; float:left; background-color:#ff0000;}
}



/* フッター　基本レイアウト */
#footer { margin: 0; padding: 0; width: 100%; height:40px; background-color: #333; float:left;}
#copyright { margin: padding: 0; width: 100%; margin: 0; height:40px; text-align:center; color:#fff; line-height:40px; background-color:#000; font-size:0.8rem; float:left;}












/* ------ Page contents 各ページコンテンツの基本レイアウト ------ */
#page-contents { margin: 20px 0 0 0; padding: 0; width: 100%; height: auto; float: left;}
#inner-page { margin: 0 auto; padding: 0 2%; width: 96%; max-width:900px;}


.catbox { margin:0; padding: 0; width: 100%; min-height:450px; float:left;}




/* ------ 新着情報個別ページのレイアウト ------ */
#newspage { margin:0 0 100px 0; padding:0; width:100%; float:left;}
#newspage h3.newspage_title {margin: 20px 0 0 0; padding: 0 0 10px 0; width:100%; font-size:1.2rem; float:left; color:#009; border-bottom:1px solid #009;}
#newspage h4.newspage_data {margin: 0 0 30px 0; padding: 0; width:100%; height:auto; float:left; color:#999; font-weight:400; text-align:right;}
#newspage .panel-layout {margin:10px; padding: 0; width:100%; height:auto; float:left; font-size:1rem;}
#newspage .panel-layout img {margin-bottom:10px;}


.top { margin:100px 0; padding:0; width:100%; float:left; text-align:center;}
.top a { color:#666;}
.top a:hover { color:#00f;}