@charset "utf-8";

/* コンテンツスタイル
------------------------------------------------------------- */
#wrapper .other_right {
	float: right;
	width: 100%;
	max-width: 715px;
	margin-bottom: 20px;
}
@media (max-width:1024px) {
	#wrapper .other_right {
		width: calc(100% - 245px);
	}
}
#wrapper .other_right .contents {
	padding-bottom: 30px;
	background: #fff;
}
.dot {
	margin: 0 35px 30px;
	background: none;
	border: none;
	border-top: 2px dotted #4c4c4c;
}
.dot--yellow { border-color: #d2a51f; }
.dot--red { border-color: #bf4d4e; }
.dot--aqua { border-color: #1996b6; }
.dot--green { border-color: #336600; }
.dot--brown { border-color: #a06a33; }
.dot--indigo { border-color: #476883; }
.dot--purple { border-color: #996699; }


.indent {
	display: table;
}
.indent > *:first-child {
	display: table-cell;
	white-space: nowrap;
}
p:not(:last-child) {
	margin-bottom: 20px;
}


/* パンくずナビ */
.pankuzu {
	display: block;
	margin: 0 0 30px;
	padding: 0 35px;
	font-size: 1.0rem;
	text-align: right;
	line-height: 1.2;
}


/* ページトップ */
.pagetop {
	display: flex;
	justify-content: flex-end;
	max-width: 960px;
	margin: 0 auto;
}
.pagetop a {
	display: flex;
	align-items: center;
	padding: 8px 15px;
	background: url(/common/images/back_footer.jpg) 0 0 repeat;
	color: #333 !important;
	font-size: 1.1rem;
}
.pagetop a:hover {
	opacity: 0.7;
	text-decoration: none;
}


/* 野澤組のコンセプトバナー */
#concept { position: fixed; right: 0px; width: 38px; bottom: 75px; z-index: 100;}

/* ページリード */
.main_lead {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 -20px;
	height: 280px;
}

/* ページセクション */
.section {
	margin: 0 35px 25px;
	clear: both;
}
.section_no {
	padding-right: 35px;
	padding-left: 35px;
	width: 645px;
	clear: both;
}
.p_right {
	float: right;
	margin-left: 30px;
}
.margin {
	padding-bottom: 10px;
}
.margin30 {
	padding-bottom: 30px;
}

/*スラッフ紹介*/
strong {
	font-weight: bold;
}
#concept .concept_bn {
	margin-bottom: 10px;
}
.pagesep {
	width: 645px;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 35px;
}




/* ============================================================ */
/* 汎用スタイル */
/* ============================================================ */
.ttl01 {
	margin: 0 0 20px;
	padding: 15px 15px 15px 20px;
	background: #4C4C4C;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
	line-height: 1;
}
.ttl01--yellow { background: #d2a51f; }
.ttl01--red { background: #bf4d4e; }
.ttl01--aqua { background: #1996b6; }
.ttl01--green { background: #336600; }
.ttl01--brown { background: #a06a33; }
.ttl01--indigo { background: #476883; }
.ttl01--purple { background: #996699; }
.ttl01--orange { background: #efa212; }


.ttl02 {
	position: relative;
	z-index: 1;
	margin: 0 0 20px;
	color: #4c4c4c;
	font-weight: bold;
	line-height: 1.4;
}
.ttl02 .ttl02__inner {
	position: relative;
	display: flex;
	height: 45px;
}
.ttl02::before,
.ttl02::after,
.ttl02 .ttl02__inner::before {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	content: '';
	border-top: 2px dotted #4c4c4c;
}
.ttl02::before,
.ttl02 .ttl02__inner:last-child::before {
	top: 0;
}
.ttl02::after,
.ttl02 .ttl02__inner:first-child::before {
	bottom: 0;
}
.ttl02 .ttl02__label {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	min-height: 45px;
	margin: 0 15px 0 0;
	padding: 0 15px;
	background: #4c4c4c;
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
}
.ttl02 .ttl02__lead {
	flex: 1 1 auto;
	align-self: center;
	padding: 5px 0;
	font-size: 1.6rem;
}
.ttl02 .ttl02__text {
	display: block;
	padding: 15px 0;
	font-family: "ヒラギノ明朝 W5 JIS2004";
	font-size: 3.0rem;
}

.ttl02.ttl02--yellow { color: #d2a51f; }
.ttl02.ttl02--yellow::before,
.ttl02.ttl02--yellow::after,
.ttl02.ttl02--yellow .ttl02__inner::before { border-color: #d2a51f; }
.ttl02.ttl02--yellow .ttl02__label { background: #d2a51f; }

.ttl02.ttl02--red { color: #bf4d4e; }
.ttl02.ttl02--red::before,
.ttl02.ttl02--red::after,
.ttl02.ttl02--red .ttl02__inner::before { border-color: #bf4d4e; }
.ttl02.ttl02--red .ttl02__label { background: #bf4d4e; }

.ttl02.ttl02--aqua { color: #1996b6; }
.ttl02.ttl02--aqua::before,
.ttl02.ttl02--aqua::after,
.ttl02.ttl02--aqua .ttl02__inner::before { border-color: #1996b6; }
.ttl02.ttl02--aqua .ttl02__label { background: #1996b6; }

.ttl02.ttl02--green { color: #336600; }
.ttl02.ttl02--green::before,
.ttl02.ttl02--green::after,
.ttl02.ttl02--green .ttl02__inner::before { border-color: #336600; }
.ttl02.ttl02--green .ttl02__label { background: #336600; }

.ttl02.ttl02--brown { color: #a06a33; }
.ttl02.ttl02--brown::before,
.ttl02.ttl02--brown::after,
.ttl02.ttl02--brown .ttl02__inner::before { border-color: #a06a33; }
.ttl02.ttl02--brown .ttl02__label { background: #a06a33; }

.ttl02.ttl02--indigo { color: #476883; }
.ttl02.ttl02--indigo::before,
.ttl02.ttl02--indigo::after,
.ttl02.ttl02--indigo .ttl02__inner::before { border-color: #476883; }
.ttl02.ttl02--indigo .ttl02__label { background: #476883; }

.ttl02.ttl02--purple { color: #996699; }
.ttl02.ttl02--purple::before,
.ttl02.ttl02--purple::after,
.ttl02.ttl02--purple .ttl02__inner::before { border-color: #996699; }
.ttl02.ttl02--purple .ttl02__label { background: #996699; }

.ttl03 {
	margin: 0 0 20px;
	padding: 8px 0 8px 15px;
	border-left: 4px solid #4c4c4c;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
.ttl03--yellow { border-color: #d2a51f; }
.ttl03--red { border-color: #bf4d4e; }
.ttl03--aqua { border-color: #1996b6; }
.ttl03--green { border-color: #336600; }
.ttl03--brown { border-color: #a06a33; }
.ttl03--indigo { border-color: #476883; }
.ttl03--purple { border-color: #996699; }


.ttl04 {
	margin: 20px 0;
	padding: 10px 15px;
	background: #eee;
	color: #4C4C4C;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.4;
}
.ttl04--red { 
	background: #bf4d4e;
	color: #fff;
}
.ttl05 {
	margin: 0 0 20px;
	padding: 12px 15px;
	background: #4C4C4C;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
.ttl05--yellow { background: #d2a51f; }
.ttl05--red { background: #bf4d4e; }
.ttl05--aqua { background: #1996b6; }
.ttl05--green { background: #336600; }
.ttl05--brown { background: #a06a33; }
.ttl05--indigo { background: #476883; }
.ttl05--purple { background: #996699; }

.ttl05--balloon-btm {
	position: relative;
}
.ttl05--balloon-btm::after {
	position: absolute;
	left: 50%;
	bottom: -5px;
	content: '';
	border-style: solid;
	border-width: 5px 4.5px 0;
	border-color: #4C4C4C transparent transparent;
	transform: translateX(-50%);
}
.ttl05--balloon-btm.ttl05--yellow::after { border-top-color: #d2a51f; }
.ttl05--balloon-btm.ttl05--red::after { border-top-color: #bf4d4e; }
.ttl05--balloon-btm.ttl05--aqua::after { border-top-color: #1996b6; }
.ttl05--balloon-btm.ttl05--green::after { border-top-color: #336600; }
.ttl05--balloon-btm.ttl05--brown::after { border-top-color: #a06a33; }
.ttl05--balloon-btm.ttl05--indigo::after { border-top-color: #476883; }
.ttl05--balloon-btm.ttl05--purple::after { border-top-color: #996699; }

.ttl06 {
	margin: 0 0 20px;
	padding: 10px;
	border: 2px solid #4C4C4C;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
.ttl06--yellow {
	border-color: #d2a51f;
	color: #d2a51f;
}
.ttl06--red {
	border-color: #bf4d4e;
	color: #bf4d4e;
}
.ttl06--aqua {
	border-color: #1996b6;
	color: #1996b6;
}
.ttl06--green {
	border-color: #336600;
	color: #336600;
}
.ttl06--brown {
	border-color: #a06a33;
	color: #a06a33;
}
.ttl06--indigo {
	border-color: #476883;
	color: #476883;
}
.ttl06--purple {
	border-color: #996699;
	color: #996699;
}

.ttl07 {
	margin: 0 0 15px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.ttl07--yellow { color: #d2a51f; }

.ttl08 {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
	font-family: "ヒラギノ明朝 W5 JIS2004";
	font-size: 2.8rem;
	line-height: 1.5;
}
.ttl08 .ttl08__number {
	margin: 0 15px 0 0;
	font-family: "ヒラギノ明朝 W3 JIS2004";
	font-size: 4.8rem;
	line-height: 1;
}
.ttl08 .ttl08__text {
	font-feature-settings: "palt";
	letter-spacing: 0.03em;
}
.ttl08 .ttl08__text .ttl08__text__small {
	display: block;
	margin: 0 0 5px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
	font-size: 1.4rem;
	font-weight: bold;
}
.ttl08--yellow { color: #d2a51f; }
.ttl08--red { color: #bf4d4e; }
.ttl08--aqua { color: #1996b6; }
.ttl08--green { color: #336600; }
.ttl08--brown { color: #a06a33; }
.ttl08--indigo { color: #476883; }
.ttl08--purple { color: #996699; }


.column {
  display: flex;
  flex-wrap: wrap;
}
.column>* {
  margin-bottom: 15px;
}
.column>* * {
  max-width: 100%;
}
.column>* img {
  outline: 1px solid transparent;
}
.column>* img:not([class*=wd-a]) {
  width: 100%;
}
.column1>* {
  width: 100%;
}
.column2 {
  margin-left: -10px;
  margin-right: -10px;
}
.column2>* {
  margin-left: 10px;
  margin-right: 10px;
  width: calc((100% - 41px)/ 2);
}
.column2--wide {
  margin-left: -20px;
  margin-right: -20px;
}
.column2--wide>* {
  margin-left: 20px;
  margin-right: 20px;
  width: calc((100% - 81px)/ 2);
}
.column3 {
  margin-left: -10px;
  margin-right: -10px;
}
.column3>* {
  margin-left: 10px;
  margin-right: 10px;
  width: calc((100% - 61px)/ 3);
}
.column4 {
  margin-left: -7px;
  margin-right: -7px;
}
.column4>* {
  margin-left: 7px;
  margin-right: 7px;
  width: calc((100% - 57px) / 4);
}
.column4--wide {
  margin-left: -10px;
  margin-right: -10px;
}
.column4>* {
  margin-left: 10px;
  margin-right: 10px;
  width: calc((100% - 81px) / 4);
}
.column5 {
  margin-left: -1%;
  margin-right: -1%
}
.column5>* {
  margin-left: 1%;
  margin-right: 1%;
  width: 18%;
}
.column6 {
  margin-left: -1%;
  margin-right: -1%
}
.column6>* {
  margin-left: 1%;
  margin-right: 1%;
  width: 14.6%;
}
.flex-column {
  display: flex;
  justify-content: space-between;
}
.flex-column>* {
  flex: 0 0 auto;
}
.flex-column>* * {
  max-width: 100%;
}
.float::after {
  display: block;
  content: "";
  clear: both;
}
.float--left .float__item {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 50%;
}
.float--left .float__item * {
  width: 100%;
}
.float--right .float__item {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 50%;
}
.float--right .float__item * {
  width: 100%;
}
.iframe {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.iframe > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}


/* list
----------------------------------------------------------- */
.list {
  list-style-type: none;
}
.list>* {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.list>::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: .7em;
  left: 0;
}
.list--circle>::before {
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.list--black>::before {
  background: #333;
}
.list--yellow>::before {
  background: #d2a51f;
}
.list--red>::before {
  background: #bf4d4e;
}
.list--aqua>::before {
  background: #1996b6;
}
.list--green>::before {
  background: #336600;
}
.list--brown>::before {
  background: #a06a33;
}
.list--indigo>::before {
  background: #476883;
}
.list--purple>::before {
  background: #996699;
}
.list--decimal {
  list-style: decimal outside;
  margin: 0 0 15px 20px;
}
.list--decimal>* {
  padding-left: 0;
}


/* btn
----------------------------------------------------------- */
button,
input[type=button],
input[type=submit] {
	border: none;
	appearance: none;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 50px;
  margin: 5px;
  padding: 0 30px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  cursor: pointer;
  transition: .15s all;
}
.btn .icon-fix-left,
.btn .icon-fix-right {
  font-size: 1rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%)
}
.btn .icon-fix-left {
  left: 15px;
}
.btn .icon-fix-right {
  right: 15px;
}
.btn:hover {
  text-decoration: none;
	box-shadow: none;
	transform: translateY(3px);
}
.btn--yellow {
  background: #d2a51f;
	box-shadow: 0 3px 0 #bf8811;
}
.btn--red {
  background: #bf4d4e;
	box-shadow: 0 3px 0 #a73233;
}
.btn--aqua {
  background: #1996b6;
	box-shadow: 0 3px 0 #0d779c;
}
.btn--green {
  background: #336600;
	box-shadow: 0 3px 0 #1e4700;
}
.btn--brown {
  background: #a06a33;
	box-shadow: 0 3px 0 #824b1e;
}
.btn--indigo {
  background: #476883;
	box-shadow: 0 3px 0 #2d4963;
}
.btn--purple {
  background: #996699;
	box-shadow: 0 3px 0 #7a477a;
}
.btn--gray {
	background: #494947;
	box-shadow: 0 3px 0 #222221;
}
.btn--orange {
	background: #ff6000;
	box-shadow: 0 3px 0 #da5403;
}
.btn--yellow2 {
	background: #ffc000;
	box-shadow: 0 3px 0 #e7ae01;
}
.btn--aqua2 {
	background: #1996b6;
	box-shadow: 0 3px 0 #1183a0;
}
.btn--brown2 {
	background: #9e6c29;
	box-shadow: 0 3px 0 #80561d;
}


.btn--lg {
  min-width: 300px;
  height: 60px;
  font-size: 1.6rem
}
.btn--sm {
  min-width: inherit;
  height: 40px
}
.btn--concept {
	width: 60px;
	height: 60px;
	min-width: 0;
	padding: 0;
}
.btn--concept [class^="icon-"] { font-size: 3.4rem; }
.btn--concept .icon-logo { font-size: 2.8rem; }
.btn--concept .icon-denim { font-size: 3.0rem; }
.btn--concept .icon-cow2,
.btn--concept .icon-knife { font-size: 3.6rem; }


/* box
----------------------------------------------------------- */
.box {
	padding: 25px;
}
.box--white {
	background: #fff;
}
.box--gray {
	background: #f4f4f4;
}
.box--border-gray {
	border: 1px solid #e6e6e6;
}
.box--border-gray-vertical {
	margin-top: -1px;
	padding: 25px 15px;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
.box--yellow { background: #faf7c3; }
.box--red { background: #f3dedf; }
.box--aqua { background: #d6ebf2; }
.box--green { background: #e1f1d7; }
.box--brown { background: #ebe0c9; }
.box--indigo { background: #d5dee4; }
.box--purple { background: #eadfea; }
.box--khaki { background: #e8e6d9; }


/* table
----------------------------------------------------------- */
.table {
  width: 100%
}
.table td,
.table th {
  padding: 10px 15px;
  background: #fff;
  border-top: 1px solid #e8e6d9;
  border-bottom: 1px solid #e8e6d9;
  font-size: 1.3rem;
  text-align: left;
  vertical-align: middle;
  line-height: 1.6;
}
.table .bg-khaki {
	border: 1px solid #fff;
  background: #e8e6d9;
}
.table .bg-gray {
  background: #f3f3f3;
}
.table--thin td,
.table--thin th {
  padding: 10px 15px;
  font-size: 1.2rem;
  line-height: 1.5;
}


/* --------------------------------------------------- */
/* form */
/* --------------------------------------------------- */
.label-must {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 2px 10px;
  background: #bf4d4e;
  color: #fff;
  font-size: 1.2rem;
  transform: translate(0, -50%)
}
.error {
  margin-top: 5px;
	color: #bf4d4e;
  font-weight: 700
}
input[type="text"] {
  appearance: none;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #d2d2d2;
  color: #333;
  font-size: 1.6rem;
  border-radius: 0
}
textarea {
  appearance: none;
  width: 100%;
  height: 200px;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  color: #333;
  border-radius: 0
}
select {
  height: 40px;
  padding: 0 0 0 10px;
  background: #fff;
  border: 1px solid #d2d2d2
}
.radio {
  cursor: pointer
}
.radio input[type="radio"] {
  display: none
}
.radio input[type="radio"]+span {
  position: relative;
  display: block;
  padding: 0 0 0 25px;
  color: #333
}
.radio input[type="radio"]+span::after,
.radio input[type="radio"]+span::before {
  position: absolute;
  top: 50%;
  content: '';
  transform: translateY(-50%)
}
.radio input[type="radio"]+span::before {
  left: 0;
  background: #fff;
  border: 2px solid #dbdbdb;
  width: 14px;
  height: 14px;
  border-radius: 50%
}
.radio input[type="radio"]+span::after {
  left: 5px;
  background: #4C4C4C;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0
}
.radio input[type="radio"]:checked + span::after {
  opacity: 1
}
.checkbox input[type="checkbox"] {
  display: none
}
.checkbox input[type="checkbox"]+span {
  position: relative;
  padding: 0 0 0 22px;
  color: #333;
  cursor: pointer
}
.checkbox input[type="checkbox"]+span::after,
.checkbox input[type="checkbox"]+span::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.checkbox input[type="checkbox"]+span::before {
  left: 0;
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #dbdbdb
}
.checkbox input[type="checkbox"]+span::after {
  left: 1px;
  content: "\f00c";
  color: #4C4C4C;
  font-family: icomoon;
  font-size: 1.6rem;
  opacity: 0
}
.checkbox input[type="checkbox"]:checked+span::after {
  opacity: 1
}


/* --------------------------------------------------- */
/* menu-btn */
/* --------------------------------------------------- */
.menu-btn {
	position: relative;
	background: #f2f1ec;
	box-shadow: 0 3px 0 #d2d1c8;
	border-radius: 5px;
	color: #2858af !important;
}
.menu-btn:hover {
	text-decoration: none;
}
.menu-btn::before {
	display: block;
	content: '';
	padding-top: 85%;
}
.menu-btn .menu-btn__body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.menu-btn .menu-btn__icon {
	margin: 0 0 15px;
	font-size: 7.5rem;
}
.menu-btn .menu-btn__icon .icon-pencil {
	font-size: 7.0rem;
}
.menu-btn .menu-btn__icon .icon-schedule,
.menu-btn .menu-btn__icon .icon-voice {
	font-size: 8.0rem;
}
.menu-btn .menu-btn__text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.menu-btn--orange {
	color: #eb573d !important;
}


/* --------------------------------------------------- */
/* pager */
/* --------------------------------------------------- */
.pager {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px 0 0;
}
.pager a {
	color: #333 !important;
}
.pager a:hover {
	text-decoration: none;
}
.pager .link_page,
.pager .link_before,
.pager .link_next,
.pager .current_page {
	display: block;
	margin: 0 3px 10px;
	padding: 5px 12px;
	background: #f3f3f3;
	border: 1px solid #d5d5d5;
	color: #333;
	border-radius: 3px;
}
.pager .link_page:hover,
.pager .link_before:hover,
.pager .link_next:hover,
.pager .current_page {
	background: #494947;
	border: 1px solid #494947;
	color: #fff !important;
	opacity: 1;
}


/* --------------------------------------------------- */
/* entry */
/* --------------------------------------------------- */
.entry {
	margin-bottom: 45px;
	word-break: break-all;
}

.entry__body img {
	max-width: 100%;
	height: auto !important;
}
.entry__body hr {
	margin: 25px 0;
	border-top: 1px solid #d3d3d3;
}
.entry__body b,
.entry__body em,
.entry__body strong {
	font-weight: bold;
}
.entry__body i {
	font-style: italic;
}
.entry__data {
	margin: 20px 0 0;
	color: #999;
	font-size: 1.1rem;
}


.blog .entry .entry__ttl {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 15px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.blog .entry .entry__ttl::before {
	margin: 0 15px 0 0;
	padding: 5px 0;
	font-family: 'icomoon';
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 38px;
} 

.blog .entry .entry__ttl--food {
	background: #ffc000;
}
.blog .entry .entry__ttl--food::before {
	content: "\f030";
	font-size: 2.2rem;
}

.blog .entry .entry__ttl--world {
	background: #ff6000;
}
.blog .entry .entry__ttl--world::before {
	content: "\e912";
}

.blog .entry .entry__ttl--rakuno {
	background: #1996b6;
}
.blog .entry .entry__ttl--rakuno::before {
	content: "\e904";
	font-size: 3.8rem;
}

.blog .entry .entry__ttl--horse {
	background: #9e6c29;
}
.blog .entry .entry__ttl--horse::before {
	content: "\e903";
}
.blog .entry .entry__ttl--cheese-fm {
	background: #efa212;
}
.blog .entry .entry__ttl--cheese-fm::before {
	content: "\e915";
}

/*  entry-list  */
.blog_cheese-fm .entry-list {
	margin: 0 35px;
}
.blog_cheese-fm .entry-list__item {
	padding: 5px 10px 15px;
	border-bottom: 1px solid #ddd;
	display: block;
	text-decoration: none;
}
.blog_cheese-fm .entry-list__item:first-child {
	border-top: 1px solid #ddd;
}
.blog_cheese-fm .entry-list__item:hover {
	opacity: 1;
}
.blog_cheese-fm .entry-list__item:hover .entry-list__item__ttl {
	text-decoration: underline;
	opacity: 0.8;
}
.blog_cheese-fm .entry-list__item:hover .entry-list__item__ttl::before {
	text-decoration: none!important;
	opacity: 1!important;
}
.blog_cheese-fm .entry-list__item__data {
	margin-right: 15px;
	color: #999;
	font-size: 1.4rem;
}
.blog_cheese-fm .entry-list__item__data::before {
	margin: 0 8px 0 0;
	font-family: 'icomoon';
	content: "\e915";
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 38px;
}
.blog_cheese-fm .entry-list__item__ttl {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	color: #efa212;
	display: flex;
	align-items: baseline;
}
.blog_cheese-fm .catch {
	border: 2px solid #efa212;
	box-shadow: 5px 5px 0 #efa212;
	border-radius: 10px;
	margin: 0 35px 40px;
	padding: 15px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.blog_cheese-fm .catch__text {
	font-weight: bold;
}
.blog_cheese-fm .catch__pic {
	margin-left: 15px;
}
.blog_cheese-fm .catch__pic__img {
	width: 100%;
}


/* --------------------------------------------------- */
/* スタッフ紹介 */
/* staff */
/* --------------------------------------------------- */
.staff {
	margin: 0 0 40px;
	font-size: 1.2rem;
	overflow: hidden;
}
.staff > p {
	overflow: hidden;
}
.staff .staff__img {
	float: right;
	width: 128px;
	margin: 0 0 0 30px;
	border-style: solid;
	border-width: 4px;
	border: 4px solid #d2a51f;
}
.staff .staff__profile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 10px;
	font-size: 1.3rem;
	border-style: solid;
	border-width: 1px 0 0;
}
.staff .staff__profile > * {
	padding: 10px 0;
	border-style: solid;
	border-width: 0 0 1px;
}
.staff .staff__profile .staff__profile__ttl {
	width: 65px;
	font-weight: bold;
}
.staff .staff__profile .staff__profile__text {
	width: calc(100% - 65px);
}

.staff--yellow .staff__img,
.staff--yellow .staff__profile,
.staff--yellow .staff__profile > * { border-color: #d2a51f; }

.staff--red .staff__img,
.staff--red .staff__profile,
.staff--red .staff__profile > * { border-color: #bf4d4e; }

.staff--aqua .staff__img,
.staff--aqua .staff__profile,
.staff--aqua .staff__profile > * { border-color: #1996b6; }

.staff--green .staff__img,
.staff--green .staff__profile,
.staff--green .staff__profile > * { border-color: #336600; }

.staff--brown .staff__img,
.staff--brown .staff__profile,
.staff--brown .staff__profile > * { border-color: #a06a33; }

.staff--indigo .staff__img,
.staff--indigo .staff__profile,
.staff--indigo .staff__profile > * { border-color: #476883; }

.staff--purple .staff__img,
.staff--purple .staff__profile,
.staff--purple .staff__profile > * { border-color: #996699; }


/* --------------------------------------------------- */
/* お客さまご要望対応Q&A */
/* .faq */
/* --------------------------------------------------- */
.faq:not(:last-child) {
	margin: 0 0 30px;
	border-bottom: 1px solid #d3d3d3;
}
.faq .faq__question {
	display: flex;
	align-items: center;
	margin: 0 0 15px;
	padding: 10px 20px;
	background: #eee;
	font-weight: bold;
}
.faq .faq__question::before {
	margin: 0 20px 0 0;
	content: 'Q';
	font-size: 2.4rem;
}
.faq .faq__answer {
	position: relative;
	min-height: 45px;
	margin: 0 0 30px;
	padding: 0 0 0 60px;
}
.faq .faq__answer::before {
	position: absolute;
	top: 0;
	left: 20px;
	content: 'A';
	font-size: 2.4rem;
	font-weight: bold;
}

.faq--yellow .faq__question { background: #fcf9c2; }
.faq--yellow .faq__question::before,
.faq--yellow .faq__answer::before { color: #bf8811; }

.faq--red .faq__question { background: #f8d8d5; }
.faq--red .faq__question::before,
.faq--red .faq__answer::before { color: #a73233; }

.faq--aqua .faq__question { background: #d5eef7; }
.faq--aqua .faq__question::before,
.faq--aqua .faq__answer::before { color: #0d779c; }

.faq--green .faq__question { background: #cae4ca; }
.faq--green .faq__question::before,
.faq--green .faq__answer::before { color: #1e4700; }

.faq--brown .faq__question { background: #e9dfb4; }
.faq--brown .faq__question::before,
.faq--brown .faq__answer::before { color: #824b1e; }

.faq--indigo .faq__question { background: #d2d9e1; }
.faq--indigo .faq__question::before,
.faq--indigo .faq__answer::before { color: #2d4963; }

.faq--purple .faq__question { background: #d2d9e1; }
.faq--purple .faq__question::before,
.faq--purple .faq__answer::before { color: #7a477a; }



/* ============================================================ */
/* other_left */
/* ============================================================ */
.other_left {
	clear: left;
	float: left;
	width: 228px;
}
.side-box {
	margin: 0 0 15px;
	padding: 15px;
	background: #fff;
	box-shadow: 0 0 4px #999;
}
.side-box .side-box__ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 15px;
	line-height: 1.2;
}
.side-box .side-box__ttl h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
}


/* .snav
----------------------------------------------------------- */
.snav {
	margin: 0 0 20px;
	box-shadow: 0 0 4px #999;
}
.snav .snav__item:not(:last-child) {
	border-bottom: 1px solid #E8E6D9;
}
.snav .snav__item .snav__item__link {
	display: flex;
	align-items: center;
	padding: 8px 10px;
	background: #fff;
	color: #4C4C4C;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1;
}
.snav .snav__item .snav__item__link:hover,
.snav .snav__item .snav__item__link.current {
	color: #fff;
	background-color: #4C4C4C;
	text-decoration: none;
	opacity: 1;
}
.snav .snav__item .snav__item__link .icon-arrow-right {
	margin: 0 5px 0 0;
	font-size: 1.6rem;
}

.other_right .snav {
	display: none;
}

.recruit_recruit04_detail .snav .snav__item--recruit04 .snav__item__link,
.recruit_recruit05_detail .snav .snav__item--recruit05 .snav__item__link {
	color: #fff;
	background-color: #4C4C4C;
	text-decoration: none;
}


/* side-blog
----------------------------------------------------------- */
.side-blog .side-blog__category {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -4px;
}
.side-blog .side-blog__category > * {
	margin: 0 4px 10px;
}


/* side-bnr
----------------------------------------------------------- */
.side-bnr .side-bnr__item {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	height: 55px;
	margin: 0 0 15px;
	padding: 15px;
	background: #fff;
	box-shadow: 0 0 4px #999;
	color: #333;
	font-size: 1.3rem;
	font-weight: bold;
}
.side-bnr .side-bnr__item:hover {
	text-decoration: none;
}
.side-bnr .side-bnr__item__text2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
}
.side-bnr .side-bnr__item--black {
	background: #333;
	color: #fff;
}


/* side-news, side-blog
----------------------------------------------------------- */
.side-news li,
.side-blog li {
	display: block;
	border-top: 1px solid #ccc;
	margin-top: 8px;
	padding-top: 10px;
	line-height: 1.5;
}
.side-news .mt_date,
.side-blog .mt_date {
	display: block;
	margin-bottom: 2px;
	font-size: 1.0rem;
}
.side-news .mt_title,
.side-blog .mt_title {
	display: block;
	font-size: 1.1rem;
}
.side-news .news-list {
	margin: 8px 0 0;
	padding: 13px 0 0;
	border-top: 1px solid #ccc;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: bold;
}




/* ============================================================ */
/* 個別スタイル */
/* ============================================================ */

/* --------------------------------------------------- */
/* 採用情報 社員の声 */
/* voice-list */
/* --------------------------------------------------- */
.voice-list {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #E8E6D9;
}
.voice-list .voice-list__item {
	display: flex;
	width: 50%;
	padding: 15px;
	border-bottom: 1px solid #E8E6D9;
	color: #333;
}
.voice-list .voice-list__item:nth-child(2n+1) {
	padding-left: 0;
	border-right: 1px solid #E8E6D9;
}
.voice-list .voice-list__item:nth-child(2n) {
	padding-right: 0;
}
.voice-list .voice-list__item:hover {
	text-decoration: none;
}
.voice-list .voice-list__item .voice-list__item__thumb {
	flex: 0 0 auto;
	width: 130px;
	margin: 0 15px 0 0;
}
.voice-list .voice-list__item .voice-list__item__name {
	display: block;
	margin: 0 0 10px;
	font-weight: bold;
}
.voice-list .voice-list__item .voice-list__item__text {
	display: block;
	font-size: 1.2rem;
}


/* --------------------------------------------------- */
/* 食品輸入・販売 カタログ */
/* /food/catalogue.html */
/* --------------------------------------------------- */
.catalog .catalog__ttl01 {
	margin: 0 0 20px;
	padding: 15px 20px;
	color: #fff;
	font-family: "ヒラギノ明朝 W5 JIS2004", serif !important;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.catalog .catalog__ttl02 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	font-family: "ヒラギノ明朝 W5 JIS2004", serif !important;
	font-size: 1.6rem;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: bold;	
}
.catalog .catalog__lead {
	margin: 0 0 15px;
}
.catalog .catalog__product {
	margin-bottom: 50px;
	font-size: 1.1rem;
}
.catalog .catalog__product__name {
	padding: 5px 0;
	font-family: "ヒラギノ明朝 W5 JIS2004", serif !important;
	border-style: solid;
	border-width: 1px 0;
	font-size: 1.4rem;
}
.catalog .catalog__product__name2 {
	margin: 0 0 10px;
	padding: 5px 0;
	border-style: solid;
	border-width: 0 0 1px;
	font-size: 1.0rem;
}
.catalog .catalog__product__info {
	display: flex;
	flex-wrap: wrap;
	border-style: solid;
	border-width: 0 0 1px;
	font-size: 1.0rem;
	line-height: 1.5;
}
.catalog .catalog__product__info > * {
	padding: 3px 0;
	border-style: solid;
	border-width: 1px 0 0;
}
.catalog .catalog__product__info__ttl {
	flex: 0 0 auto;
	width: 70px;
	font-weight: bold;
}
.catalog .catalog__product__info__text {
	width: calc(100% - 70px);
}

/* .catalog--purple */
.catalog.catalog--purple {
	color: #956d72;
}
.catalog.catalog--purple .catalog__ttl01 {
	background: #956d72;
}
.catalog.catalog--purple .catalog__ttl02,
.catalog.catalog--purple .catalog__product__name,
.catalog.catalog--purple .catalog__product__name::after,
.catalog.catalog--purple .catalog__product__info,
.catalog.catalog--purple .catalog__product__info > * {
	border-color:  #956d72;
}

/* .catalog--blue */
.catalog.catalog--blue {
	color: #3e4386;
}
.catalog.catalog--blue .catalog__ttl01 {
	background: #3e4386;
}
.catalog.catalog--blue .catalog__ttl02,
.catalog.catalog--blue .catalog__product__name,
.catalog.catalog--blue .catalog__product__name::after,
.catalog.catalog--blue .catalog__product__info,
.catalog.catalog--blue .catalog__product__info > * {
	border-color:  #3e4386;
}

/* .catalog--red */
.catalog.catalog--red {
	color: #dd002b;
}
.catalog.catalog--red .catalog__ttl01 {
	background: #dd002b;
}
.catalog.catalog--red .catalog__ttl02,
.catalog.catalog--red .catalog__product__name,
.catalog.catalog--red .catalog__product__name::after,
.catalog.catalog--red .catalog__product__info,
.catalog.catalog--red .catalog__product__info > * {
	border-color:  #dd002b;
}

/* .catalog--purple */
.catalog.catalog--purple {
	color: #956d72;
}
.catalog.catalog--purple .catalog__ttl01 {
	background: #956d72;
}
.catalog.catalog--purple .catalog__ttl02,
.catalog.catalog--purple .catalog__product__name,
.catalog.catalog--purple .catalog__product__name::after,
.catalog.catalog--purple .catalog__product__info,
.catalog.catalog--purple .catalog__product__info > * {
	border-color:  #956d72;
}


/* --------------------------------------------------- */
/* 海外乳牛改良情報の提供 */
/* /kyoshin/index.html */
/* --------------------------------------------------- */
.support-system .support-system__item {
	position: relative;
}
.support-system .support-system__item__arrow {
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translate(-50%, 0);
}

/* --------------------------------------------------- */
/* チーズ、イタリア食材内 バナー */
/* food-banner */
/* --------------------------------------------------- */
.food-banner {
	margin-top: 20px;
}
.food-banner__inquiry {
	box-shadow: 0 0 4px #999;
	background: #333;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	height: 45%;
	margin-bottom: 15px;
	align-items: center;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	font-size: 1.8rem;
}
.food-banner__faq {
	box-shadow: 0 0 4px #999;
	background: #fff;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	height: 45%;
	align-items: center;
	color: #333 !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	font-size: 1.8rem;
}
.food-banner__inquiry__text01,
.food-banner__faq__text01 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold !important;
}
.food-banner__blog {
	box-shadow: 0 0 4px #999;
}

/* --------------------------------------------------- */
/* チーズ、イタリア食材 > 各食材の一覧 */
/* foodstuff */
/* --------------------------------------------------- */
.foodstuff {
	margin-bottom: 40px;
}
.foodstuff__link {
	text-decoration: none;
	position: relative;
	display: block;
}
.foodstuff__link:hover {
	text-decoration: none;
}
.foodstuff__link:hover .foodstuff__pic,
.foodstuff__link:hover .foodstuff__ttl {
	opacity: 0.7;
}
.foodstuff__link__new {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	text-align: center;	
	display: flex;
	justify-content: center;
	align-items: center;
	background: #bf4d4e;
	border-radius: 50%;
	color: #fff!important;
	font-size: 1.2rem;
	padding: 0 5px;
	margin-right: 5px;
	text-decoration: none;
}
.foodstuff__link__pic {
	margin-bottom: 5px;
	position: relative;
	width: 300px;
	max-height: 250px;
	height: 22vw;
	overflow: hidden;
	display: block;
}
.foodstuff__link__pic__img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto!important;
	max-width: none;
	height: 100%;
}
.foodstuff__link__ttl {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	color: #bf4d4e;
}
.foodstuff__tag {
	display: flex;
	margin-bottom: 5px;
	flex-wrap: wrap;
}
.foodstuff__tag__item {
	background: #bf4d4e;
	border-radius: 3px;
	color: #fff!important;
	font-size: 1.2rem;
	padding: 0 5px;
	margin: 0 5px 5px 0;
	text-decoration: none;
	display: block;
}
.foodstuff__tag__item:hover {
	text-decoration: none;
}
.foodstuff__text {
	color: #333;
}


/* --------------------------------------------------- */
/* チーズ、イタリア食材 > 各食材の一覧 > 詳細画面*/
/* food-product */
/* --------------------------------------------------- */
.food-product {
}
.food-product__pic {
	display: flex;
	justify-content: space-between;
}
.food-product__pic__main {
	width: 60%;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.food-product__pic__main img{
}
.food-product__pic__thumb{
	width: 38%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start;
}
.food-product__pic__thumb__item{
	width: 48%;
	border: 1px solid #ccc;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}
.food-product__pic__thumb__item:hover{
	opacity: 0.7;
}
.food-product__pic__thumb__item img{
}
.food-product__body {
	width: 100%;
	margin-top: 30px;
}