@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
/*	vertical-align: baseline;*/
	background: transparent none repeat scroll 0% 0%;
	list-style:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display: block;
}
audio,canvas,video {
	display: inline-block;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
[hidden],template {
 display: none;
}

/* Base */
a { background: transparent;}
a:focus, *:focus { outline:none; }
a:active,a:hover { outline:none; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
code,kbd,pre,samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
sub,sup { font-size: 75%;line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
em { font-style:normal;}

/* clearfix */
.clearfix { display: inline-block; } 
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
* { margin:0; padding:0; }
*:after { display:block; clear:both; }
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
* html body { text-align:center;}
:first-child+html .clearfix { min-height:1px; }

/* 汎用 */
img { max-width: 100%; height: auto; width: auto\9; vertical-align: bottom;}
.imgfit {width: 100%;height: 100%;text-align:center;overflow:hidden;position: relative;}
.imgfit img { position: relative; width: 100%; height: auto; }
.ind { text-indent:1em; }
.small { font-size:.9em !important; line-height:1.4em !important; }
.small2 {	font-size:.8em !important; line-height:1.4em !important; }
.small3 {	font-size:.7em !important; line-height:1.4em !important; }
.large { font-size:1.1em !important; }
.large2 { font-size:1.2em !important; }
.large3 { font-size:1.3em !important; }
.pt0 { padding-top:0em !important; }
.pt1 { padding-top:1em !important; }
.pt2 { padding-top:2em !important; }
.pb0 { padding-bottom:0em !important; }
.mt0 { margin-top:0em !important; }
.mt05 { margin-top:0em !important; }
.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }
.mt3 { margin-top:3em !important; }
.mt4 { margin-top:4em !important; }
.mb0 { margin-bottom:0 !important; }
.mb05 { margin-bottom:0.5em !important; }
.mb1 { margin-bottom:1em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }
.mb4 { margin-bottom:4em !important; }
.lh15 { line-height:1.5em !important; }
.nodisp { display:none !important;}
.noborder { border:0px !important;}
.nobg { background:none !important;}
.blockdisp { display:block !important;}
.bold { font-weight: bold !important;}
:root *> .bold { font-weight: 700 !important;}
.clear { clear:both !important;}
.of { overflow:hidden;}
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}
.tdU {text-decoration:underline !important;}
.vaC{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.en { font-family: "Roboto", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight:500; }
.min {	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;}
a { color: #0091df; outline: none; -webkit-tap-highlight-color: transparent; }
a:hover { text-decoration: underline; }
a:hover img {
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	/*opacity: 0.75;*/
}
.sp-none { display: block !important; }
.pc-none { display: none !important; }


/* ==========================================================================
   Global
   ========================================================================== */

html {
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #000;
 background: #fff;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
	position: relative;
}
#wrapper {
	width:100%;
	margin:0;
}
a,
a:link,
a:visited {
	color: #0091df;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

/*
 head
=========================================*/
#head * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#head *, #head *:before, #head *:after {
	box-sizing: border-box;
}
#head {
	margin:29px 0 0;
	height: 76px;
	width: 100%;
	z-index:3;
}
#head:after {
	content: "";
	display: table;
	clear: both;
}
#head .inner {
	margin: 0 auto;
	padding: 13px 0;
	height: auto;
	overflow:hidden;
	width: 76.19048%;
	min-width: 1040px;
	max-width:1240px;
	*zoom: 1;
}
.header_logo {
	display: block;
	margin:0px 40px 0 0;
	width:190px;
	float:left;
}
.header_logo a {
	display: block;
	width:190px;
	height:0px;
	background:url(../img/item_header_logo.png) no-repeat 50% 0 ;
	background-size:contain;
	padding: 50px 0 0;
	font-size:10px;
	line-height: 2em;
	overflow:hidden;
}
.header_nav .slidemenu_body {
	float:left;
	width:auto;
}
.header_nav ul {
	overflow:hidden;
	height:50px;
}
.header_nav ul > li {
	display: inline-block;
}
.header_nav ul > li > a,
.header_nav ul > li > span {
	display: block;
	float:left;
	width: auto;
	height:0;
	padding-top:50px;
	font-size:10px;
	line-height: 2em;
	overflow:hidden;
	background: url(../img/item_header_nav.png) no-repeat 0 0 ;
}
.header_nav ul > li.dairy > a,.header_nav ul > li.dairy > span { width: 192px; 	background-position: 0 0; }
.header_nav ul > li.oshirase > a, .header_nav ul > li.oshirase > span { width: 83px; 	background-position: -192px 0; }
.header_nav ul > li.company > a, .header_nav ul > li.company > span { width: 85px; 	background-position: -275px 0; }
.header_nav ul > li.profile > a, .header_nav ul > li.profile > span { width: 114px; 	background-position: -360px 0; }
.header_nav ul > li.works > a, .header_nav ul > li.works > span { width: 71px; 	background-position: -474px 0; }
.header_nav ul > li.four > a, .header_nav ul > li.four > span { width: 71px; 	background-position: -545px 0; }

.header_nav ul > li.dairy.on > a,.header_nav ul > li.dairy.on > span { width: 192px; 	background-position: 0 -50px; }
.header_nav ul > li.oshirase.on > a, .header_nav ul > li.oshirase.on > span { width: 83px; 	background-position: -192px -50px; }
.header_nav ul > li.company.on > a, .header_nav ul > li.company.on > span { width: 85px; 	background-position: -275px -50px; }
.header_nav ul > li.profile.on > a, .header_nav ul > li.profile.on > span { width: 114px; 	background-position: -360px -50px; }
.header_nav ul > li.works.on > a, .header_nav ul > li.works.on > span { width: 71px; 	background-position: -474px -50px; }
.header_nav ul > li.four.on > a, .header_nav ul > li.four.on > span { width: 71px; 	background-position: -545px -50px; }
.header_nav .slidemenu_sub {
	float:right;
	text-align:right;
	padding: 0 ;
	display: inline-block;
}
.header_nav .slidemenu_sub .sns {
	display: inline-block;
	width: auto;
	padding: 0;
	overflow:hidden;
	text-align:right;
}
.header_nav .slidemenu_sub .sns span {
	display:inline-block;
	width:22px;
	height:22px;
	margin:14px 0 14px 22px ;
}
.header_nav .slidemenu_sub .sns span:first-child {
	margin:0 ;
}
.header_nav .slidemenu_sub .sns span a{
	display:block;
	width:22px;
	height:22px;
}
.header_nav .slidemenu_sns span a img{
	width: 100%;
	vertical-align:top;
}



/* mainTitle
================================================== */

/* mainv */
#mainv {
	width: 100%;
	min-width: 1024px;
	height: 144px;
	background: #e8d9b4;
}
#mainv .title {
	display:block;
	overflow:hidden;
	width: 1000px;
	height:0;
	padding: 144px 0 0;
	margin: 0 auto;
	color:#000;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align: center;
	text-decoration:none;
	background:url(../img/bg_mainv_blog.png) no-repeat 50% 50%;
}

/*
 main
=========================================*/
#main * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#main *, #main *:before, #main *:after {
	box-sizing: border-box;
}
#main {
	width:100%;
	padding: 0 0 100px;
	background: none;
}
#main:after {
	content: "";
	display: table;
	clear: both;
}
#cont {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 76.19048%;
	min-width: 1040px;
	max-width:1240px;
	*zoom: 1;
}
#alpha {
	float: left;
	text-align: left;
	width: 100%;
	margin: 0 -286px 0 0;
}
#alphaInner {
	width: auto;
	min-width: 650px;
	margin: 0 286px 0 0px;
}
#pagelink {
	text-align: left;
	padding: 0;
	line-height: 1.4;
	font-size: 1em;
	color: #000;
	margin: -10px auto 20px;
}
#pagelink span {
	color: #999;
}
#pagelink mark {
	display: inline-block;
	width:1px;
	height:30px;
	border-left:1px solid #999;
	margin:0 10px;
	position:relative;
	top:10px;
}
#pagelink mark.home {
	border-left: none;
	margin:0 40px 0 10px;
}
#pagelink a.ico_home {
	background: url(../img/ico/ico_home.svg) no-repeat 0 0;
	background-size: 16px 13px;
	padding: 0px 0 0px 24px;
}
.archive_title {
	display:block;
	font-size: 1.4em;
	border-top:3px solid #000;
	margin: 0;
	padding:20px 0;
	width: auto;
 height: auto;
}
.archive_title .count {
	color: #00c542;
	display: inline;
	margin-left:10px;
}
.entry {
	font-size:14px;
	border-top:3px solid #000;
	margin: 0 0 30px;
}
.entry_title {
	padding: 40px 0 16px;
	margin: 0 0 30px;
	border-bottom:1px dotted #ccc;
	background: none;
 height: auto;
}
.entry_title.noborder {
	padding: 40px 0 16px;
	margin: 0px;
	border-bottom: none;
}
.entry_title .pageTitle {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 15px;
	color: #000;
	height: auto;
	line-height: 1.4;
}
.entry_title .pageTitle a,
.entry_title .pageTitle a:hover {
	color: #0091df;
}
.entry_title .date {
	display:inline-block;
 color: #000;
 font-size: 0.8em;
	margin: 0;
	padding: 5px 15px;
	text-align: left;
	background: #f3f3f3;
	border:1px solid #e3e3e3;
}
.entry_title .date a {
	margin-right: 0;
}
.entry_title .date a:link,
.entry_title .date a:visited {
	color: #0091df;
}
.entry .padd {
	margin: 0px;
	padding: 0;
	background: none;
}
.entry .txt {
	margin:0 0 60px;
}
.entry .txt:after {
	content: "";
	display: table;
	clear: both;
}
.entry p {
	margin-bottom: 1em;
	line-height: 1.6em;
}
.txt_page {
}
.txt_page a:link, .txt_page a:visited, .txt_page strong {
	font-weight: normal;
}
.entry_footer {
	margin: 0;
	padding: 0;
	background: none;
	height: 0px;
}
a.ar_bl {
	display: inline-block;
	padding: 0px 18px 0px 0;
	margin: 0;
	text-align: left;
	line-height: 1;
	background: url(../img/ico/ico_ar_bl.svg) no-repeat right 0px top 50%;
	background-size: 9px 9px;
}
a.ar_bl_r {
	display: inline-block;
	padding: 0px 0 0 18px;
	margin: 0;
	text-align: left;
	line-height: 1;
	background: url(../img/ico/ico_ar_bl_r.svg) no-repeat left 0px top 50%;
	background-size: 9px 9px;
}


/* table 
================================================== */
th, td {
	text-align: inherit;
	text-justify: auto;
	line-height: 1;
}
.tbl {
	width: 100%;
	border-bottom: #e7e7e7 1px solid;
	border-right: #e7e7e7 1px solid;
	line-height: 1.2;
	margin: 0 0 10px;
	border-collapse: collapse;
}
.tbl th {
	padding: 10px 15px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	line-height: 1.4;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}
.tbl td {
	padding: 10px 15px;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	vertical-align: top;
	line-height: 1.4;
	word-break: break-all;
}
.tbl_s {
	border:none;
}
.tbl_s th {
	padding: 5px 0px;
	vertical-align: middle;
	line-height: 1;
	border:none;
}
.tbl_s td {
	padding: 5px 0px;
	vertical-align: middle;
	line-height: 1.4;
	border:none;
}
.w15 {
	width:15%;
}


/*
 side
=========================================*/
#beta {
	float: right;
	width: 230px;
	margin:0;
}
#beta .inner {
 text-align: left;
 font-size: 12px;
	margin: 0 0 15px;
}
ul.side_bn_block {
	overflow:hidden;
}
ul.side_bn_block li:nth-child(2n-1) {
	clear: both;
}
ul.side_bn_block li:nth-child(2n+1) {
	float: left;
	clear: both;
}
ul.side_bn_block li:nth-child(2n) {
	float: right;
}
ul.side_bn_block li {
	margin-bottom: 12px;
	width: 113px;
}
ul.side_bn_block li a {
	color:#111;
	text-decoration:none;
	text-align:center;
}
ul.side_bn_block li img {
	border:1px #CCC solid;
}
ul.side_bn_block li .bn_t {
	font-size:10px;
	padding:6px 0 0;
	line-height:1.2em;
}
ul.side_bn_line li {
	margin-bottom: 4px;
}
ul.side_bn_line li iframe.satooya {
	border:1px solid #ccc;
	padding:5px 4px;
}
ul.side_bn_line li iframe.satooya * table {
	border:0px !important;
	border-spacing:0px !important;
	border-color:#FFF !important;
	padding:0 !important;
	margin:0 !important;
}
.side .tw iframe {
	border:1px solid #e0e7ec !important;
	height:300px !important;
}
.widget {
	background: url(../img/bg_widget.gif) no-repeat 0 0;
	text-align: left;
	word-break: break-all;
	overflow: hidden;
}
.widget .side {
	margin: 0;
	padding-bottom: 20px;
	text-align: left;
	background: none;
	padding-top: 20px;
}
.side_title {
	background: none;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 3px 0px 3px 12px;
	height: inherit;
	border-left: 5px solid #000;
	text-align: left;
}
.side_text {
	font-size: 1.1em;
	padding: 1px 0px;
	line-height: 1.2em;
}
.calendar {
 color: #000;
}
.side_text a:link, .side_text a:visited,
.calendar a:link, .calendar a:visited {
	color: #0091df;
}
.calendar a:link {
 background: #000;
 color: #FFFFFF !important;
	padding:4px 0;
}
.calendar a:visited {
	background: #666 !important;
	color: #FFFFFF !important;
}
.calendar_bg {
	margin:10px 0 0;
}
.calendar_bg td {
 padding: 4px 2px;
}


/*
 footer
=========================================*/
#foot {
	border-top: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.footer * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer *, .footer *:before, .footer *:after {
	box-sizing: border-box;
}
.footer {
	min-width: 1040px;
	background: #f3f3f3;
}
.footer:after {
	content: "";
	display: table;
	clear: both;
}
.footetPagetop {
	position: fixed;
	bottom: 6px;
	right: 6px;
	z-index:2;
}
.footetPagetop > a {
 width: 48px;
	height:48px;
	display: block;
	border:1px solid #999;
	background: #FFF url(../img/ico/ico_arrow_over.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
}
.footetPagetop > a:hover {
	background: #ddd url(../img/ico/ico_arrow_over.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
}
.footer .inner {
	margin: 0 auto;
	padding:20px 0;
	height:60px;
	overflow: hidden;
	width: 76.19048%;
	min-width: 1040px;
	max-width:1240px;
	*zoom: 1;
}
.footer_nav {
	float:left;
}
.footer_nav li {
	float: left;
	margin-right: 24px;
}
.footer_nav a {
	font-size:12px;
	display: inline-block;
	color: #999;
	text-decoration: none;
}
.footer_nav a:hover {
	color:#111;
	text-decoration: none;
}
.footer_copyright {
	color:#111111;
	text-align: right;
	font-size:10px;
	height:20px;
}