/*
 * 南日本酪農協同株式会社
 * 
 * 会社案内用CSS
*/
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local('YuGothic-Medium'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic Medium'),     /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	local('YuGothic-Regular');     /* 游ゴシックMediumが存在しないWindows8.1用 */
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local('YuGothic-Bold'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}
.aboutus article,
.promise article,
.technology article,
.quality article,
.future-and-smile article {
	/*background:#ececee;*/
	padding-bottom: 0;
}
.aboutus .pageContents,
.promise .pageContents,
.technology .pageContents,
.quality .pageContents,
.future-and-smile .pageContents {
	padding-bottom: 2em;
	/*background:#ececee url(../img/aboutus_bg.png) bottom center repeat-x;*/
	font-family:YuGothic,'Yu Gothic',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 700;
	line-height: 1.8;
}


/* page-title */
.child-page-box-title span { display: block;}
.aboutus h2,
.promise .pageHead h1,
.promise h2,
.promise h3,
.technology .pageHead h1,
.technology h2,
.technology h3,
.quality .pageHead h1,
.quality h2,
.quality h3,
.future-and-smile .pageHead h1,
.future-and-smile h2,
.future-and-smile h3{
	font-family:YuGothic,'Yu Gothic',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
}
@media screen and (min-width: 769px) {
.promise .pageHead h1 { font-size: 3.0em; padding: 1em 0 0;}
.technology .pageHead h1 { font-size: 3.0em; padding: 1em 0 0;}
.quality .pageHead h1 { font-size: 3.0em; padding: 1em 0 0;}
.future-and-smile .pageHead h1 { font-size: 2.2em; padding: 1em 0 0;}	
}

.promise .pageHead h1 { color: #E85298;}
.technology .pageHead h1 { color: #00AFEC;}
.quality .pageHead h1 { color: #45B035;}
.future-and-smile .pageHead h1 { color:#F39800;}

.promise h1 span,
.technology h1 span,
.quality h1 span,
.future-and-smile h1 span {
	border: none;
}

.promise h1 small,
.technology h1 small,
.quality h1 small,
.future-and-smile h1 small { display: block; margin: 0 auto; font-size: 0.25em;}

.aboutus h2,
.promise h2,
.technology h2,
.quality h2,
.future-and-smile h2 { color: #004098; font-size: 3.0em; letter-spacing: 1;}

@media screen and (max-width: 768px) {
.aboutus h2,
.promise h2,
.technology h2,
.quality h2,
.future-and-smile h2 { font-size: 2.0em;}
.aboutus h2 br,
.promise h2 br,
.technology h2 br,
.quality h2 br,
.future-and-smile h2 br { display: none;}
}

.promise h3 { color: #E85298; padding: 1em 0 1.5em;}
.technology h3 { color: #00AFEC; padding: 1em 0 1.5em;}
.quality h3 { color: #45B035; padding: 1em 0 1.5em;}
.future-and-smile h3 { color: #F39800; padding: 1em 0 1.5em;}

/*gallery*/
#gallery-1 { margin: 2em 0;}
.wp-caption-text {
	line-height: 1.7;
	font-size: 0.75em;
}

/* page-bottom */
aside.aboutus-child-page {
	background: #fefefe;
	padding: 0 0 4em;
	font-family:YuGothic,'Yu Gothic',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 600;
	line-height: 1.8;
	font-size: 0.875em;
}
aside.aboutus-child-page img { opacity: 0.5;}
aside.aboutus-child-page dl,
aside.aboutus-child-page dl dt,
aside.aboutus-child-page dl dd { display:block; overflow: hidden; margin: 0; padding: 0;}
aside.aboutus-child-page a dd { color:#4C4948; }

aside.aboutus-child-page dl { position:relative;}
aside.aboutus-child-page dl .title { position: absolute; text-align: center; left:0; right:0; top: 30%; margin: 0 auto;}
aside.aboutus-child-page a dl .title { color: #fff; font-size: 1.0rem; font-weight: bold;}

aside.aboutus-child-page .thumbnail { margin-bottom: 1em;}
aside.aboutus-child-page dl.promise .thumbnail { background:#E85298; }
aside.aboutus-child-page dl.technology .thumbnail { background:#00AFEC; }
aside.aboutus-child-page dl.quality .thumbnail { background:#45B035; }
aside.aboutus-child-page dl.future-and-smile .thumbnail { background:#F39800; }