@charset "utf-8";
/*
Theme Name: Mountain's Gift
Description: Mountain's Gift
Author: Kinabal Inc.
Version: 1.0
*/

/* RESET */
html, body, header, footer, nav, main, section,
div, p, span, figure, figcaption, h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd, i,
table, caption, tbody, tfoot, thead, tr, th, td,
form, label, iframe, figure, summary, time,
/*input, select, textarea, button,*/ a {
  margin: 0;
  padding: 0;
  line-height: 1;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  background: transparent;
  word-break: break-all;
}
main {
  display: block;
}

img{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
label{
	cursor: pointer;
}
ul, dl, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, b, em, strong, i, th, td {
  font-style: normal;
  font-weight:normal;
}
small {
  font-size: 100%;
}
html {
  background: #fff;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
}
a {
  color: #0074d4;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.wrap{
    overflow: hidden;
    position: relative;
}
.head_wrap{
	position: relative;
}
.head_wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}
.head_wrap video{
	margin: 0;
	padding: 0;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.head_wrap video{
		margin: 0 0 0 -100%;
		width: 300%;
	}
}
.header{
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
}
.header_logo{
	width: 142px;
	position: absolute;
	top: 0;
	left: 87px;
}
@media screen and (max-width: 768px) {
	.header_logo{
		width: 130px;
		position: absolute;
		top: 0;
		left: 20px;
	}
}
@media screen and (max-width: 480px) {
	.header_logo{
		width: 80px;
	}
}
.navi.pc{
	display: block;
	width: 100%;
}
.navi.sp{
	display: none;
}
.Toggle.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.navi.pc{
		display: none;
	}
	.navi.sp{
		display: block;
	}
	.Toggle.sp{
		display: block;
	}
}
.navi.sp,
.navi_f.sp{
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		background-color: #ebe7df;
		color: #231815;
		width: 100%;
		height: 100%;
		transform: translateY(-100%); /*ナビを上に隠す*/
		transition: all 0.6s;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
	}
/*トグルボタンが押されたときに付与するクラス*/
	.navi.active,
	.navi_f.active{
		transform: translateY(0%);/*ナビを表示*/
	}
	.navi.sp li a,
	.navi_f.sp li a{
		color: #231815;
	}
	.navi.sp .navi_second_sp .toggle_contents div,
	.navi_f.sp .navi_second_sp .toggle_contents div{
		border-bottom: 1px solid #fff;
	}
	.navi.sp .navi_second_sp .second_ttl_wet a,
	.navi_f.sp .navi_second_sp .second_ttl_wet a{
        background-image: url("img/common/icon_wet.png");
        background-repeat: no-repeat;
        background-position: right 76.3% top 50%;
		color: #fff;
		font-size: 16px;
	}
	@media screen and (max-width: 480px) {
		.navi.sp .navi_second_sp .second_ttl_wet a,
		.navi_f.sp .navi_second_sp .second_ttl_wet a{
			background-position: right 62% top 50%;
		}
	}
	.navi.sp .navi_second_sp .second_ttl_jerky a,
	.navi_f.sp .navi_second_sp .second_ttl_jerky a{
        background-image: url("img/common/icon_jerky.png");
        background-repeat: no-repeat;
        background-position: right 76.5% top 50%;
		color: #fff;
		font-size: 16px;
	}
	@media screen and (max-width: 480px) {
		.navi.sp .navi_second_sp .second_ttl_jerky a,
		.navi_f.sp .navi_second_sp .second_ttl_jerky a{
				background-position: right 55% top 50%;
			}
	}
	.navi.sp .navi_second_sp .second_ttl_dental a,
	.navi_f.sp .navi_second_sp .second_ttl_dental a{
        background-image: url("img/common/icon_dental.png");
        background-repeat: no-repeat;
        background-position: right 76.5% top 50%;
		color: #fff;
		font-size: 16px;
	}
	@media screen and (max-width: 480px) {
	.navi.sp .navi_second_sp .second_ttl_dental a,
	.navi_f.sp .navi_second_sp .second_ttl_dental a{
				background-position: right 62% top 50%;
			}
	}
	.navi.sp .navi_second_sp .second_ttl_supply a,
	.navi_f.sp .navi_second_sp .second_ttl_supply a{
        background-image: url("img/common/icon_supple.png");
        background-repeat: no-repeat;
        background-position: right 76.5% top 50%;
		color: #fff;
		font-size: 16px;
	}
	@media screen and (max-width: 480px) {
	.navi.sp .navi_second_sp .second_ttl_supply a,
	.navi_f.sp .navi_second_sp .second_ttl_supply a{
				background-position: right 62% top 50%;
			}
	}
	.navi.sp li .navi_third_sp h3 a,
	.navi_f.sp li .navi_third_sp h3 a{
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 2.2vw;
	}
	@media screen and (max-width: 480px) {
		.navi.sp li .navi_third_sp h3 a,
		.navi_f.sp li .navi_third_sp h3 a{
			font-size: 4.26vw;
		}
	}	
	/*トグルボタンのスタイルを指定*/
	.Toggle,
	.Toggle_f{
		display: block;
		position: absolute;
		right: 13px;
		top: 12px;
		width: 42px;
		height: 42px;
		cursor: pointer;
		z-index: 999;
	}
	.Toggle span,
	.Toggle_f span{
		display: block;
		position: absolute;
		width: 24px;
		border-bottom: solid 2px #fff;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 9px;
	}
	#fixed-offer .Toggle_f span,
	#products_top .Toggle span,
	#products_list .Toggle span,
	#products .Toggle span,
	#privacy .Toggle span,
	#transactions .Toggle span,
	#contact .Toggle span,
	#customer .Toggle span,
	#retail .Toggle span,
	#gibier_farm .Toggle span,
	#sdgs .Toggle span,
	#cooking_method .Toggle span,
	#how_to_give .Toggle span,
	.post-type-archive-products .Toggle span,
	.single-products .Toggle span{
		border-bottom: solid 2px #231815;
	}
	.Toggle span:nth-child(1),
	.Toggle_f span:nth-child(1){
		top: 11px;
	}
	.Toggle span:nth-child(2),
	.Toggle_f span:nth-child(2){
		top: 20px;
	}
	.Toggle span:nth-child(3),
	.Toggle_f span:nth-child(3) {
		top: 29px;
	}
	/* 最初のspanをマイナス45度に */
	.Toggle.active span:nth-child(1),
	.Toggle_f.active span:nth-child(1){
		top: 21px;
		left: 9px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-bottom: solid 2px #231815;
	}
	/* 2番目と3番目のspanを45度に */
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3),
	.Toggle_f.active span:nth-child(2),
	.Toggle_f.active span:nth-child(3) {
		top: 21px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: solid 2px #231815;
	}
.header_navi_top{
	background-color: #faf5ec;
	padding: 0 5%;
}
.header_navi_top_list{
	display: flex;
	justify-content: flex-end;
	padding: 20px 0 18px;
}
.header_navi_bottom{
	background-color: #fff;
	padding: 0 5%;
}
#products .header_navi_bottom{
	border-bottom: 1px solid #ccc;
}
.header_navi_bottom_list{
	display: flex;
	justify-content: flex-end;
	padding: 25px 0 21px;
}
.header_navi_top_list li{
	font-size:14px; 
	margin: 0 40px 0 0;
	padding: 4px 0 4px 25px;
}
.header_navi_top_member{
	background-image: url("img/common/icon_member.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
.header_navi_top_retail{
	background-image: url("img/common/icon_retail.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
.header_navi_top_mypage{
	background-image: url("img/common/icon_mypage.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 21px auto;
}
.header_navi_top_cart{
	background-image: url("img/common/icon_cart.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 21px auto;
}
.header_navi_top_list .header_navi_top_insta{
	flex-basis: 21px;
	padding: 0;
}
.header_navi_bottom_list li{
	font-size:14px; 
	margin: 0 40px 0 0;
}
@media screen and (max-width: 768px) {
	.navi li,
	.navi_f li{
		border-bottom: 1px solid #231815;
	}
}
.navi li:last-child,
.navi_f li:last-child{
	margin: 0;
}
.navi li a,
.navi_f li a{
	color: #231815;
}
@media screen and (max-width: 768px) {
	.navi li a,
	.navi_f li a,
	.toggle_switch{
		display: block;
		position: relative;
		padding: 20px 0 20px 32px;
	}
}
@media screen and (max-width: 768px) {
	.navi li a::before,
	.navi_f li a::before{
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-top: 2px solid #571b06;
		border-right: 2px solid #571b06;
		-webkit-transform: rotate( 
	45deg
	 );
		transform: rotate( 
	45deg
	 );
		margin: 0 12px 0 0;
		position: absolute;
		top: 40%;
		left: 10px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
}
@media screen and (max-width: 768px) {
	.toggle_switch::before{
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-top: 2px solid #571b06;
		border-right: 2px solid #571b06;
		-webkit-transform: rotate( 
	135deg
	 );
		transform: rotate( 
	135deg
	 );
		margin: 0 12px 0 0;
		position: absolute;
		top: 40%;
		left: 10px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
}
@media screen and (max-width: 768px) {
	.navi_second_sp .navi_second_ttl{
/*        background-image: url("img/common/icon_freshfood.png");*/
        background-repeat: no-repeat;
        background-position: right 76% top 50%;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 16px;
		padding: 20px 0 20px 32px;
		position: relative;
	}
	.navi_second_sp .navi_second_ttl::before {
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate( 
	45deg
	 );
		transform: rotate( 
	45deg
	 );
		margin: 0 12px 0 0;
		position: absolute;
		top: 35%;
		left: 10px;
		transition: all 0.3s;
	}
}
@media screen and (max-width: 480px) {
	.navi_second_sp .navi_second_ttl{
/*        background-position: right 50% top 50%;*/
        background-position: right top 50%;
	}
}

@media screen and (max-width: 480px) {
	.navi_second_sp .navi_second_ttl{
		font-size: 4.26vw;
	}
}

@media screen and (max-width: 768px) {
	.navi_second_sp .navi_second_ttl.open::before {
	-webkit-transform: rotate( 
	315deg
	);
	transform: rotate( 315 );
	top: 40%;
	}
}
@media screen and (max-width: 768px) {
	.navi.sp .navi_second_sp .toggle_contents a::before,
	.navi_f.sp .navi_second_sp .toggle_contents a::before {
		content: "";
		display: block;
		width: 9px;
		height: 9px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(	45deg	 );
		transform: rotate( 	45deg	 );
		margin: 0 12px 0 0;
		position: absolute;
		top: 40%;
		left: 10px;
	}
}
@media screen and (max-width: 768px) {
	.navi_third_sp{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.navi_third_sp li a{
		background-color: #3c2a1b;
	}
}
@media screen and (max-width: 768px) {
	.navi_third_sp h3 span{
		font-size: 14px;
	}
}

.navi_second{
	display: flex;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	justify-content:space-between;
}
/* ホバーで展開するメニュー内 */
.navi_deployment .navi_second {
	position: absolute;
	top: 100px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 40px 30px;
	background-color: rgba(35,24,21,0.9);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.navi_deployment:hover .navi_second{
	top: 120px;
	visibility: visible;
	opacity: 1;
}

.navi_second_box01{
	flex-basis: 58%;
}
.navi_second_box02{
	flex-basis: 15%;
}
.navi_second_box03{
	flex-basis: 15%;
}
.navi_second h2{
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
.navi_second h2 span{
	font-size: 14px;
}
.navi_second_box01 .second_ttl_fresh{
    background-image:url("img/common/icon_freshfood.png");
    background-repeat: no-repeat;
    background-position: 0 30%;
    padding: 15px 0 15px 43px;
}
.navi_second_box02 .second_ttl_jerky{
    background-image:url("img/common/icon_jerky.png");
    background-repeat: no-repeat;
    background-position: 0 30%;
    padding: 15px 0 15px 40px;
}
.navi_second_box02 .second_ttl_wet{
    background-image:url("img/common/icon_wet.png");
    background-repeat: no-repeat;
    background-position: 0 30%;
    padding: 15px 0 15px 43px;
}
.navi_second_box03 .second_ttl_dental{
    background-image:url("img/common/icon_dental.png");
    background-repeat: no-repeat;
    background-position: 0 30%;
    padding: 15px 0 15px 43px;
}
.navi_second_box03 .second_ttl_supply{
    background-image:url("img/common/icon_supple.png");
    background-repeat: no-repeat;
    background-position: 0 30%;
    padding: 15px 0 15px 43px;
}
.navi_second_fresh{
	display: flex;
	justify-content: space-between;
}
.navi_second_fresh .navi_second_category{
	margin: 0 3% 0 0;
}
.navi_second_fresh .navi_second_category:last-child{
	margin: 0;
}
.navi_second_category h3{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
.navi_second_category h3 span{
	font-size: 12px;
}
.navi_second_category ul{
	margin-bottom: 40px;
}
.navi_second_category li{
	font-size: 12px;
	margin:0 0 18px 0;
	padding: 0 0 0 12px;
	position: relative;
}
.navi_second_category li::after{
	content: "";
	display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 2;
}
.navi_second_category li a{
	opacity: 0.7;
}
.navi_second_category li a:hover{
	opacity: 1;
}
.navi .navi_second_category a{
	color: #fff;
}

.toggle_contents {
	background: #5a3f28;
	border-top: 1px solid #d1d1d1;
}

/*パンくず*/
.breadcrumb {
	padding: 40px 5% 0;
}
@media screen and (max-width: 768px) {
	.breadcrumb {
		padding: 20% 5% 0;
	}
}
@media screen and (max-width: 480px) {
	.breadcrumb {
		background-color: #faf5ec;
		padding: 27% 5% 0;
	}
}
#products_top .breadcrumb {
	padding: 40px 5% 20px;
}
@media screen and (max-width: 768px) {
	#products_top .breadcrumb {
		padding: 20% 5% 0;
	}
}
@media screen and (max-width: 480px) {
	#products_top .breadcrumb {
		background-color: #faf5ec;
		padding: 27% 5% 0;
	}
}
#products_list .breadcrumb,
.post-type-archive-products .breadcrumb,
.products-category .breadcrumb {
	padding: 40px 5% 20px;
}
@media screen and (max-width: 768px) {
	#products_list .breadcrumb,
	.post-type-archive-products .breadcrumb,
	.products-category .breadcrumb {
		background-color: #faf5ec;	
		padding: 20% 5% 0;
	}
}
@media screen and (max-width: 480px) {
	#products_list .breadcrumb,
	.post-type-archive-products .breadcrumb,
	.products-category .breadcrumb {
		padding: 27% 5% 4%;
	}
}

#sdgs .breadcrumb,
#guide .breadcrumb,
#human_grade .breadcrumb,
#gibier_farm .breadcrumb,
#faq .breadcrumb,
#simulator .breadcrumb{
	padding: 40px 5% 20px;
}
@media screen and (max-width: 768px) {
	#sdgs .breadcrumb,
	#guide .breadcrumb,
	#human_grade .breadcrumb,
	#gibier_farm .breadcrumb,
	#faq .breadcrumb,
	#simulator .breadcrumb{
		padding: 20% 5% 2%;
	}
}
@media screen and (max-width: 480px) {
	#sdgs .breadcrumb,
	#guide .breadcrumb,
	#human_grade .breadcrumb,
	#gibier_farm .breadcrumb,
	#faq .breadcrumb,
	#simulator .breadcrumb{
		background-color: transparent;
		padding: 0;
		position: absolute;
		left: 5%;
		top: 100px;
	}
}
@media screen and (max-width: 480px) {
	#contact .breadcrumb,
	#customer .breadcrumb,
	#retail .breadcrumb,
	#transactions .breadcrumb,
	#privacy .breadcrumb{
		background-color: #fff;
	}
}
.breadcrumb{
	align-items: center;
	display: flex;
	font-size: 10px;
}
.breadcrumb > span{
	align-items: center;
	font-size: 12px;
	display: flex;
	padding: 0 4px 0 0;
}
@media screen and (max-width: 480px) {
	.breadcrumb ol li{
		padding: 0 5px 0 0;
		font-size: 2.93vw;
	}
	.breadcrumb > span{
		font-size: 2.93vw;
	}
}
@media screen and (max-width: 480px) {
	#sdgs .breadcrumb span,
	#guide .breadcrumb span,
	#human_grade .breadcrumb span,
	#gibier_farm .breadcrumb span,
	#faq .breadcrumb span,
	#simulator .breadcrumb span{
		color: #fff;
	}
}
.breadcrumb span a,
.breadcrumb a{
	color: #231815;
	text-decoration: underline;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 480px) {
	.breadcrumb span a,
	.breadcrumb a{
		margin: 0 5px 0 0;
	}
}
@media screen and (max-width: 480px) {
	#sdgs .breadcrumb span a,
	#guide .breadcrumb span a,
	#human_grade .breadcrumb span a,
	#gibier_farm .breadcrumb span a,
	#faq .breadcrumb span a,
	#simulator .breadcrumb span a{
		color: #fff;
	}
}
.breadcrumb a::after {
	content: "";
	display: inline-block;
	margin-left:12px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #5b1f06;
	border-right: 1px solid #5b1f06;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media screen and (max-width: 480px) {
	#sdgs .breadcrumb a::after,
	#guide .breadcrumb a::after,
	#human_grade .breadcrumb a::after,
	#gibier_farm .breadcrumb a::after,
	#faq .breadcrumb a::after,
	#simulator .breadcrumb a::after{
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
}
.breadcrumb ol li:last-child::after {
	display: none;
}

.key .container{
	position: absolute;
    top: 30%;
    left: 0;
    z-index: 11;
	padding: 0 5%;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.key .container{
		position: absolute;
		top: 22%;
		z-index: 10;
	}
}
@media screen and (max-width: 480px) {
	.key .container{
		top: 30%;
	}
}
.key_copy{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #fff;
	width: 66%;
}
@media screen and (max-width: 768px) {
	.key_copy{
		width: 95%;
	}
}
.key_copy_main{
	color:#fff;
	font-size: 6.4vw;
	font-weight: bold;
	display: block;
	line-height: 1.2;
}

@media screen and (max-width: 768px) {
	.key_copy_main{
		font-size: 9.06vw;
	}
}
.key_copy_pre {
	color: #fff;
    font-size: 2.65vw;
    font-weight: bold;
    display: block;
    margin: 0 0 1.0rem 0;
}
@media screen and (max-width: 768px) {
	.key_copy_pre {
		font-size: 19px;
	}
}
@media screen and (max-width: 480px) {
	.key_copy_pre {
		font-size: 5.06vw;
	}
}
.key_copy_txt {
	color:#fff;
	line-height: 1.6;
	margin: 20px 0 20px 0;
}
@media screen and (max-width: 768px) {
	.key_copy_txt {
		font-size: 3.73vw;
		margin: 20px 5% 20px 0;
	}
}
.key_copy_link{
	margin: 0 0 5.5% 0;
}
.key_copy_link a{
	color:#fff;
}
.key_copy_link a{
	color:#231815;
	background-color: #faf5ec;
	display: block;
	padding: 17px 0 17px 20px;
	width: 240px;
	position: relative;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
.key_copy_link a::after{
	content: "";
	display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.key_copy_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.key_copy_link a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.key_copy_link a::before{
	background-color: #571b06;
	content: "";
	display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
/*3冠達成*/
.key_copy_crown{
    align-items: center;
    color: #fff;
    background-color: rgba(228,116,18,0.80);
    font-weight: bold;
    text-align: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 5% 0 0 0;
    line-height: 1.8;
    position: absolute;
    top: 3%;
    right: 13%;
}
@media screen and (max-width: 768px) {
	.key_copy_crown{
		display: none;
	}
}
.key_copy_crown span{
	font-size: 44px;
}

/*獣医師推奨*/
.key_copy_recommend{
    align-items: center;
    color: #fff;
    background-color: rgba(228,116,18,0.80);
    font-weight: bold;
    text-align: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 3.4% 0 0 0;
    line-height: 1.8;
    position: absolute;
    top: 54%;
    right: 13%;
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	.key_copy_recommend{
		display: none;
	}
}

.key_copy_recommend span{
	font-size: 34px;
}

.key_copy_crown sup,
.key_copy_recommend sup{
	font-size: 12px;
}

.key_copy_research{
	padding: 2% 5%;
	font-size: 14px;
	text-align: right;
}
.key_copy_research p{
	margin: 0 0 10px 0;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.key_copy_research{
		display: none;
	}
}
.key_copy_research a{
	color: #000;
	line-height: 1.6;
	text-decoration: underline;
}
/*お知らせ*/

.news{
	background-color: #f5f5f5;
	padding: 40px 0;
}
@media screen and (max-width: 768px) {
	.news{
		background-color: #f5f5f5;
		padding: 20px 5%;
	}
}
.news .container{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #fff;
}
.news_ttl{
	color: #231815;
	display: flex;
	justify-content: center;
	flex-basis: 15%;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.news_ttl{
		color: #231815;
		display: flex;
		justify-content: center;
		flex-basis: 100%;
		font-size: 20px;
		font-weight: bold;
		padding: 0 0 10px 0;
	}
}
.news_box{
	flex-basis: 85%;
	font-size: 14px;
	border-left: 1px dashed #cdcbc7;
	padding: 0 30px 0;
	overflow-y: scroll;
	height: 230px;
}
@media screen and (max-width: 768px) {
	.news_box{
		flex-basis: 100%;
		font-size: 3.73vw;
		border-top: 1px dashed #cdcbc7;
		border-left: none;
		padding: 6% 5px 0 0;
		margin: 0 5% 0;
		height: 61.3vw;
	}
	.news_box::-webkit-scrollbar{
		-webkit-appearance: none;
		width:5px;
	}
	.news_box::-webkit-scrollbar-track{
		background:#dddddd;
	}
	.news_box::-webkit-scrollbar-thumb{
		background:#571b06;
	}
}
.news_box dt{
	color: #231815;
	margin: 0 0 6px 0;
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.news_box dt{
		font-size: 2vw;
		margin: 0 0 6px 0;
	}
}
@media screen and (max-width: 480px) {
	.news_box dt{
		font-size: 3.73vw;
		margin: 0 0 6px 0;
	}
}
.news_box dd{
	color: #231815;
	line-height: 1.8;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.news_box dd{
		line-height: 1.4;
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 480px) {
	.news_box dd{
	}
}
.news_box dd:last-child{
	margin: 0;
}
.news_box dd a{
	color: #231815;
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.news_box dd a{
		font-size: 2vw;
	}
}
@media screen and (max-width: 480px) {
	.news_box dd a{
		font-size: 3.73vw;
	}
}
/*飼い主様の声*/
.owners_voice{
	background-color: #faf5ec;
	padding: 80px 0;
}
@media screen and (max-width: 768px) {
	.owners_voice{
		padding: 40px 0;
	}
}
/*フレッシュフード・バランス栄養食は非表示*/
@media screen and (max-width: 768px) {
	#products.fresh .owners_voice,
	#products.balance .owners_voice{
		display: none;
	}
}
#products_list .owners_voice{
	background-color: #faf5ec;
	padding: 40px 0 80px;
}
@media screen and (max-width: 768px) {
	#products_list .owners_voice{
		padding: 20px 0 40px;
	}
}

.owners_voice .owners_voice_ttl{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 70px 0;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.owners_voice .owners_voice_ttl{
		font-size: 4vw;
		margin: 0 5% 35px;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice .owners_voice_ttl{
		font-size: 5.86vw;
		margin: 0 5% 35px;
        text-align: left;
	}
}
.owners_voice .owners_voice_ttl > span{
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0 0 0;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	.owners_voice .owners_voice_ttl > span{
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 768px) {
	.owners_voice .owners_voice_ttl > span br{
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice .owners_voice_ttl > span{
		font-size: 3.73vw;
	}
}
.owners_voice_list{
	margin: 0 160px 40px;
}
@media screen and (max-width: 999px) {
	.owners_voice_list{
		margin: 0 5% 40px;
	}
}
@media screen and (max-width: 768px) {
	.owners_voice_list{
		margin: 0 5% 40px;
	}
}
.owners_voice_list li video{
	width: 100%;
}
.owners_voice_box{
	background-color: #fff;
	margin: 0 15px;
	min-height: 474px;
    padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
	.owners_voice_box{
		margin: 0 15px;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice_box{
		padding: 0 0 20px 0;
		margin: 0;
		min-height: 132vw;
	}
}
.owners_voice_worry{
	color: #231815;
	margin: 20px 15px 0;
}
.owners_voice_worry dl{
	margin: 0 0 15px 0;
}
.owners_voice_worry dt{
	color: #571b06;
	margin: 0 0 5px;
	line-height: 1.6;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.owners_voice_worry dd{
	margin: 0 0 8px;
	line-height: 1.6;
	font-size: 13px;
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
}
.owners_voice_worry dd span{
	width: 72%;
	line-height: 1.6;
	font-size: 12px;
}
@media screen and (max-width: 999px) {
	.owners_voice_worry dd span{
		width:75%;
		font-size: 1.33vw;
	}
}
@media screen and (max-width: 768px) {
	.owners_voice_worry dd span{
		width:75%;
		font-size: 2vw;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice_worry dd span{
		width:70%;
		font-size: 3.73vw;
	}
}
.owners_voice_worry dd:last-child{
	margin: 0;
}
.owners_voice_worry dd::before{
	color: #571b06;
	display: block;
	font-size: 3.125vw;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 999px) {
	.owners_voice_worry dd::before{
		font-size: 3.3vw;
	}
}
@media screen and (max-width: 768px) {
	.owners_voice_worry dd::before{
		font-size: 4vw;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice_worry dd::before{
		font-size: 13vw;
		margin: 0 0 0 3%;
	}
}
.owners_voice_list .owners_voice_list_detail.child01 .owners_voice_worry dd::before{
	content: "01";
}
.owners_voice_list .owners_voice_list_detail.child02 .owners_voice_worry dd::before{
	content: "02";
}
.owners_voice_list .owners_voice_list_detail.child03 .owners_voice_worry dd::before{
	content: "03";
}
.owners_voice_list .owners_voice_list_detail.child04 .owners_voice_worry dd::before{
	content: "04";
}
.owners_voice_list .owners_voice_list_detail.child05 .owners_voice_worry dd::before{
	content: "05";
}
.owners_voice_list .owners_voice_list_detail.child06 .owners_voice_worry dd::before{
	content: "06";
}
.owners_voice_list .owners_voice_list_detail.child07 .owners_voice_worry dd::before{
	content: "07";
}
.owners_voice_list .owners_voice_list_detail.child08 .owners_voice_worry dd::before{
	content: "08";
}
.owners_voice_list .owners_voice_list_detail.child09 .owners_voice_worry dd::before{
	content: "09";
}
.owners_voice_list .owners_voice_list_detail.child10 .owners_voice_worry dd::before{
	content: "10";
}
.owners_voice_list .owners_voice_list_detail.child11 .owners_voice_worry dd::before{
	content: "11";
}

.owners_voice_box .owners_voice_comment{
	border: 1px solid #aeaeae;
	padding:15px;
	margin: 0 15px 0;
	min-height: 175px;
}
@media screen and (max-width: 768px) {
	.owners_voice_box .owners_voice_comment{
		min-height: auto;
	}
}
.owners_voice_box .owners_voice_comment_txt{
	color: #231815;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 14px 0;
}
@media screen and (max-width: 999px) {
	.owners_voice_box .owners_voice_comment_txt{
		font-size: 1.33vw;
	}
}
@media screen and (max-width: 768px) {
	.owners_voice_box .owners_voice_comment_txt{
		font-size: 2vw;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice_box .owners_voice_comment_txt{
		font-size: 3.73vw;
	}
}
.owners_voice_box .owners_voice_comment_name{
	color: #231815;
	font-size: 12px;
	line-height: 1.6;
	text-align: right;
}
@media screen and (max-width: 768px) {
	.owners_voice_box .owners_voice_comment_name{
		font-size: 2vw;
	}
}
@media screen and (max-width: 480px) {
	.owners_voice_box .owners_voice_comment_name{
		font-size: 3.73vw;
	}
}

.product_detail_health{
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.product_detail_health{
		margin-bottom: 6.4%;
	}
}
.product_detail_health img{
	width: 100%;
}
.product_detail_health_txt {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
	.product_detail_health_txt {
		font-size: 3.73vw;
		line-height: 1.6;
		margin-bottom: 5.33%;
	}
}

/*愛犬のごはんと寿命のおはなし*/
.lifespan_story{
	padding: 80px 12% 100px;
}
@media screen and (max-width: 768px) {
	.lifespan_story{
		padding: 40px 5% 50px;
	}
}
.lifespan_story_inner{
	align-items: flex-start;
	display: flex;
	margin: 0 0 20px 0;
}
.lifespan_story_inner.senior{
	flex-direction:row-reverse;
	margin: 0 0 20px 0;
}
.lifespan_story_inner.health_story{
	flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
	.lifespan_story_inner{
		flex-wrap: wrap;
		margin: 0 0 15px 0;
		align-items: flex-start;
	}
	.lifespan_story_inner.senior{
		flex-wrap: wrap;
		flex-direction:row-reverse;
		margin: 0 0 15px 0;
	}
	.lifespan_story_inner.health_story{
		margin: 0 0 12% 0;
	}
}
.lifespan_story_ttl{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 70px 0;
	line-height: 1.2;
}
@media screen and (max-width: 768px) {
	.lifespan_story_ttl{
		font-size: 3.9vw;
		margin: 0 0 35px 0;
	}
}
@media screen and (max-width: 480px) {
	.lifespan_story_ttl{
		font-size: 5.86vw;
	}
}
.lifespan_story_ttl > span{
	color: #231815;
	display: block;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.lifespan_story_inner img{
	width: 45%;
	box-shadow: 0.5px 0.866px 5px 0px rgba(1, 0, 0, 0.2);
	margin: 0 0 30px 0;
	z-index: 5;
}
.lifespan_story_inner.senior img{
	margin: 0 0 30px 0;
	z-index: 5;
}
@media screen and (max-width: 768px) {
	.lifespan_story_inner img{
		width: 100%;
		height: auto;
		margin: 0 0 15px 0;
	}
	.lifespan_story_inner.senior img{
		margin: 0 0 15px 0;
	}
}
.lifespan_story_box{
	background-color:#faf5ec;
	box-shadow: 0.5px 0.866px 5px 0px rgba(1, 0, 0, 0.2);
	padding: 40px 20px 20px 50px;
	margin: 30px 0 0 -20px;
	width: 60%;
}
.lifespan_story_inner.senior .lifespan_story_box{
	padding: 40px 50px 20px 20px;
	margin: 30px -20px 0 0;
}
.lifespan_story_inner.health .lifespan_story_box{
	padding: 40px 50px 20px 20px;
	margin: 30px -20px 0 0;
}
@media screen and (max-width: 768px) {
	.lifespan_story_box{
		padding: 20px 20px 20px 20px;
		margin: 0;
		width: 100%;
	}
	.lifespan_story_inner.senior .lifespan_story_box{
		padding: 20px 20px 20px 20px;
		margin: 0;
		width: 100%;
	}
}
.lifespan_story_sttl{
	border-bottom: 1px dashed #cdcbc7;
	color: #231815;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding: 0px 0 6px 0;
	line-height: 1.6;
}
.lifespan_story_sttl span{
	color: #571b06;
	display: block;
	font-size: 11px;
	margin: 0 0 7px 0;
}
@media screen and (max-width: 768px) {
	.lifespan_story_sttl span{
		font-size: 14px;
	}
}
.lifespan_story_txt{
	font-size: 14px;
	margin: 0 0 20px 0;
	line-height: 1.8;
}
.lifespan_story_txt strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}
.lifespan_story_quote{
	background-image: url("img/common/bg_quote01.gif"),url("img/common/bg_quote02.gif");
	background-repeat: no-repeat;
	background-position: 5px 5px, right 5px bottom 5px;
	background-size: 14px 12px;
	background-color: #ffecc9;
	padding: 20px;
	margin: 0 0 20px;
}
.lifespan_story_quote blockquote{
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN" , "Hiragino Mincho ProN", "serif";
	line-height: 1.8;
	margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
	.lifespan_story_quote blockquote{
		font-size: 2.08vw;
	}
}
@media screen and (max-width: 480px) {
	.lifespan_story_quote blockquote{
		font-size: 3.73vw;
	}
}
.lifespan_story_doctor{
	color: #231815;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	font-style: italic;
    font-family: 游明朝体, "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
@media screen and (max-width: 768px) {
	.lifespan_story_doctor{
		font-size: 2.08vw;
	}
}
@media screen and (max-width: 480px) {
	.lifespan_story_doctor{
		font-size: 3.2vw;
	}
}
.lifespan_story_quote blockquote strong{
	color: #e01b01;
	font-weight: bold;
	font-style: oblique;
}
@media screen and (max-width: 768px) {
	.lifespan_story_txt{
		font-size: 2.08vw;
	}
}
@media screen and (max-width: 480px) {
	.lifespan_story_txt{
		font-size: 3.73vw;
	}
}
.lifespan_story_inner + .lifespan_story_notice{
	font-size: 12px;
	line-height: 1.8;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.lifespan_story_inner + .lifespan_story_notice{
		font-size: 11px;
		margin: 0 0 30px 0;
	}
}
.lifespan_story_inner.senior + .lifespan_story_notice{
	margin: 0;
}

/*ヒューマングレード*/
.human_grade{
	background-color: #fff;
	padding: 80px 0 100px;
}
@media screen and (max-width: 768px) {
	.human_grade{
		padding: 40px 0 50px;
	}
}
.human_grade .human_grade_ttl{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 70px 0;
	line-height: 1.2;
}
.human_grade .human_grade_ttl .sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.human_grade .human_grade_ttl{
		font-size: 5.86vw;
		margin: 0 0 26px 0;
	}
	.human_grade .human_grade_ttl .sp{
		display: block;
	}
}
.human_grade .human_grade_ttl > span{
	color: #231815;
	display: block;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.human_grade_list{
	display: flex;
	justify-content: space-between;
	margin: 0 130px 60px;
}
@media screen and (max-width: 768px) {
	.human_grade_list{
		flex-wrap: wrap;
		margin: 0 5% 30px;
	}
}
.human_grade_box{
	flex-basis: 31%;
}
@media screen and (max-width: 768px) {
	.human_grade_box{
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_box{
		flex-basis: 100%;
	}
}
.human_grade_box > img{
	margin: 0 0 32px 0;
}
.human_grade_box h3{
	color: #231815;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
	line-height: 1.2;
	border-bottom: 1px dashed #cdcbc7;
}
@media screen and (max-width: 768px) {
	.human_grade_box h3{
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_box h3{
		font-size: 5.86vw;
		line-height: 1.4;
	}
}
.human_grade_box p{
	color: #231815;
	line-height: 1.8;
	font-size: 14px;
}
@media screen and (max-width: 480px) {
	.human_grade_box p{
		font-size: 3.73vw;
	}
}
.human_grade_box p strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}
.human_grade_link a{
	color:#010101;
	background-color: #faf5ec;
	display: block;
	padding: 17px 0 17px 20px;
	position: relative;
	width: 290px;
	margin: 0 auto;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
.human_grade_link a::before{
	background-color: #571b06;
	content: "";
	display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.human_grade_link a::after{
	content: "";
	display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.human_grade_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.human_grade_link a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/*食品成分値*/
.human_grade_ingredient{
	position: absolute;
	top: 26px;
	right: 20px;
	line-height: 1;
}
@media screen and (max-width: 480px) {
	.human_grade_ingredient{
		position:inherit;
		top: inherit;
		left: inherit;
		display: block;
		margin: 0 0 22px 20px;
	}
}
.human_grade_ingredient a{
	color: #5a3f28;
	border: 1px solid #5a3f28;
	padding: 6px 10px;
}
.human_grade_ingredient a:hover{
	text-decoration: none;
}
.featherlight-box {
	display: none;
	color: #333;
}
.featherlight-box h3{
	margin: 0 0 20px 0;
	font-weight: bold;
}
.human_grade_ingredient_box dl:nth-child(odd) {
    background-color: #faf5ec;
}
.human_grade_ingredient_box{
	margin-bottom: 20px;
}
.human_grade_ingredient_box dl{
	display: flex;
}
.human_grade_ingredient_box dl dt{
	padding:10px;
	flex-basis: 30%;
	font-weight: bold;
}
@media screen and (max-width: 480px) {
	.human_grade_ingredient_box dl dt{
		flex-basis: 40%;
	}
}
.human_grade_ingredient_box dl dd{
	padding:10px;
}
.human_grade_ingredient_txt{
	margin-bottom: 20px;
	line-height: 1.4;
	font-size: 14px;
}
.featherlight-box h4{
	margin: 0 0 14px 0;
	font-weight: bold;
}
@media screen and (max-width: 480px) {
	.featherlight .featherlight-content{
		margin-left: 3%!important;
		margin-right: 3%!important;
		padding: 20px 10px 0!important;
	}
	.featherlight .featherlight-close-icon {
		top: 8px!important;
		right: 7px!important;
	}
}
/*バランス栄養食*/
.balance_food{
	background-image:url("img/top/bg_balance_food_dish.png"),url("img/top/bg_balance_food.jpg");
	background-position:50% 100%,0 0;
	background-repeat: no-repeat, no-repeat;
	background-size: 55.9%,100%;
	padding: 80px 0 280px;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	.balance_food{
		background-image:url("img/top/bg_balance_food.jpg"),url("img/top/bg_balance_food.jpg");
		background-position:center bottom, center top;
		background-repeat: no-repeat,no-repeat;
		background-size: 100%,100%;
		padding: 40px 5% 20px;
	}
}
.balance_food .balance_food_ttl{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
	.balance_food .balance_food_ttl{
		font-size: 3.9vw;
		margin: 0 0 5.33% 0;
	}
}
@media screen and (max-width: 480px) {
	.balance_food .balance_food_ttl{
		font-size: 5.86vw;
	}
}
@media screen and (max-width: 480px) {
	 .balance_food .balance_food_ttl > span{
		font-size: 4.26vw;
	}
}
.balance_food_catch{
	color: #944216;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	text-decoration: underline;
}
@media screen and (max-width: 480px) {
	.balance_food_catch{
		font-size: 4.26vw;
		line-height: 1.6;
		margin-bottom: 6.4%;
	}
}
.balance_food_txt{
	background-color: rgba(255,255,255,0.50);
	color: #010101;
	line-height: 1.6;
	padding: 20px;
	margin: 0 130px 70px;
}
@media screen and (max-width: 768px) {
	.balance_food_txt{
		padding: 4%;
		margin: 0 0 8%;
	}
}
@media screen and (max-width: 480px) {
	.balance_food_txt{
		font-size: 3.73vw;
		padding: 4%;
		margin: 0 0 8%;
	}
}

.balance_food_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 130px;
}
@media screen and (max-width: 768px) {
	.balance_food_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 0;
	}
}
.balance_food_box{
	border: 1px solid #ccc;
	flex-basis: 22%;
	margin: 0 0 40px 0;
	position: relative;
}
@media screen and (max-width: 999px) {
	.balance_food_box{
		flex-basis: 30%;
		margin: 0 0 1.5% 0;
	}
}
@media screen and (max-width: 768px) {
	.balance_food_box{
		border: none;
		flex-basis: 47%;
		margin: 0 0 1.9% 0;
	}
}
@media screen and (max-width: 480px) {
	.balance_food_box{
		margin: 0 0 4% 0;
	}
}
.balance_food .icon_new{
	position: absolute;
	top: 0;
	left: 0;
}
.balance_food_box h3{
	color: #010101;
	background-color: #faf5ec;
	font-size: 14px;
	line-height: 1.6;
	padding: 14px 0 14px 15px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.balance_food_box h3{
		background-color: transparent;
		color: #231815;
		font-size: 3vw;
		padding: 5px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
	.balance_food_box h3{
		background-color: transparent;
		color: #231815;
		font-size: 3.73vw;
		padding: 2.66% 0 0 0;
	}
}
@media screen and (max-width: 768px) {
	.balance_food_box h3 br{
		display: none;
	}
}
.balance_food_box h3::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 40px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.balance_food_box h3::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 17px;
    z-index: 2;
}
@media screen and (max-width: 768px) {
	.balance_food_box h3::before {
		display: none;
	}
	.balance_food_box h3::after {
		display: none;
	}
}
.balance_food_box a{
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	.balance_food_box a .top_food_price{
		color: #231815;
		padding: 5px 0 0 0;
	}
}
.balance_food_box:hover h3{
	color: #fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
@media screen and (max-width: 480px) {
	.balance_food_box:hover h3{
		background-color: transparent;
	}
}
.balance_food a:hover{
	text-decoration:none;
}

/*フレッシュフード*/
.fresh_food{
	background-image:url("img/top/bg_fresh_food_dish.png"),url("img/top/bg_freshfood.jpg");
	background-position:50% 100%,0 0;
	background-repeat: no-repeat, repeat;
	background-size: 699px;
	padding: 80px 0 280px;
}
@media screen and (max-width: 999px) {
	.fresh_food{
		background-position:50% 123%,0 0;
		background-size: 95%,100%;
		padding: 40px 5% 20px;
	}
}
@media screen and (max-width: 768px) {
	.fresh_food{
		background-position:50% 123%,0 0;
	}
}
.fresh_food .fresh_food_ttl{
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.fresh_food .fresh_food_ttl{
		font-size: 3.9vw;
		margin: 0 0 5.33% 0;
	}
}
@media screen and (max-width: 480px) {
	.fresh_food .fresh_food_ttl{
		font-size: 5.86vw;
	}
}
@media screen and (max-width: 480px) {
	 .fresh_food .fresh_food_ttl > span{
		font-size: 4.26vw;
	}
}
.fresh_food_catch{
	color: #bc7208;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	text-decoration: underline;
}
@media screen and (max-width: 480px) {
	.fresh_food_catch{
		font-size: 4.26vw;
		line-height: 1.6;
		margin-bottom: 6.4%;
	}
}
.fresh_food_txt{
	border: 1px solid #fff;
	background-color: rgba(0,0,0,0.20);
	color: #fff;
	line-height: 1.6;
	padding: 20px;
	margin: 0 130px 70px;
}
@media screen and (max-width: 768px) {
	.fresh_food_txt{
		padding: 4%;
		margin: 0 0 8%;
	}
}
@media screen and (max-width: 480px) {
	.fresh_food_txt{
		font-size: 3.73vw;
		padding: 4%;
		margin: 0 0 8%;
	}
}
.fresh_food_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 10.15% 60px;
}
@media screen and (max-width: 980px) {
	.fresh_food_list{
		margin: 0 5%;
	}
}
@media screen and (max-width: 768px) {
	.fresh_food_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	.fresh_food_list{
		margin-bottom: 8%;
	}
}
.fresh_food_box{
	flex-basis: 22%;
	margin: 0 4% 40px 0;
	position: relative;
}
@media screen and (max-width: 999px) {
	.fresh_food_box{
		flex-basis: 30%;
		margin: 0 3% 3% 0;
	}
}
@media screen and (max-width: 768px) {
	.fresh_food_box{
		flex-basis: 47%;
		margin: 0 0 5% 0;
	}
}
.fresh_food_box .icon_new,
.topping_food_box .icon_new{
	position: absolute;
	top: 0;
	left: 0;
}

.fresh_food_box:nth-child(4n){
	margin: 0;
}
@media screen and (max-width: 768px) {
	.fresh_food_box:nth-child(4n){
		margin: 0 0 15px 0;
	}
}
.fresh_food_box h3{
	color: #010101;
	background-color: #faf5ec;
	font-size: 14px;
	line-height: 1.6;
	padding: 14px 0 14px 15px;
	position: relative;
}
/*
.fresh_food_box:nth-child(10) h3,
.fresh_food_box:nth-child(11) h3,
.fresh_food_box:nth-child(12) h3,
.fresh_food_box:nth-child(13) h3,
.fresh_food_box:last-child h3{
	padding: 7px 0 7px 15px;
	line-height: 1.3;
}
*/
@media screen and (max-width: 768px) {
	.fresh_food_box h3{
		background-color: transparent;
		color: #fff;
		font-size: 3vw;
		padding: 5px 0 0 0;
	}
/*	.fresh_food_box:nth-child(10) h3,
	.fresh_food_box:nth-child(11) h3,
	.fresh_food_box:nth-child(12) h3,
	.fresh_food_box:nth-child(13) h3,
	.fresh_food_box:last-child h3{
 		font-size: 3vw;
		padding: 5px 0 0 0;
	}
*/
}
@media screen and (max-width: 480px) {
	.fresh_food_box h3{
		background-color: transparent;
		color: #fff;
		font-size: 3.73vw;
		padding: 5px 0 0 0;
	}
/*	.fresh_food_box:nth-child(10) h3,
	.fresh_food_box:nth-child(11) h3,
	.fresh_food_box:nth-child(12) h3,
	.fresh_food_box:nth-child(13) h3,
	.fresh_food_box:last-child h3{
 		font-size: 3.73vw;
		padding: 5px 0 0 0;
	}
*/
}

.fresh_food a:hover {
  text-decoration: none;
}

/*特別ケア食部分*/
.health_care .fresh_food_box h3{
	padding: 7px 0 7px 15px;
	line-height: 1.3;
}
@media screen and (max-width: 768px) {
	.health_care .fresh_food_box h3{
		background-color: transparent;
		color: #fff;
		font-size: 3vw;
		padding: 5px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
	.health_care .fresh_food_box h3{
		background-color: transparent;
		color: #fff;
		font-size: 3.73vw;
		padding: 5px 0 0 0;
	}
}
@media screen and (max-width: 768px) {
	.fresh_food_box h3 br{
		display: none;
	}
}
.fresh_food_box h3::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 40px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.fresh_food_box h3::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 17px;
    z-index: 2;
}
@media screen and (max-width: 768px) {
	.fresh_food_box h3::before {
		display: none;
	}
	.fresh_food_box h3::after {
		display: none;
	}
}
.fresh_food_box a{
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	.fresh_food_box a .top_food_price{
		color: #fff;
		padding: 5px 0 0 0;
	}
}
.fresh_food_box:hover h3{
	color: #fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
@media screen and (max-width: 480px) {
	.fresh_food_box:hover h3{
		background-color: transparent;
	}
}
/*トッピングフード*/
.topping_food{
	background-color: #ededed;
	background-image: url("img/top/bg_topping_food.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	padding: 80px 0 193px;
}
@media screen and (max-width: 768px) {
	.topping_food{
		padding: 40px 0 20px;
	}
}
.topping_food h2{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.topping_food h2{
		font-size: 3.9vw;
		margin: 0 0 5.33% 0;
	}
}
@media screen and (max-width: 480px) {
	.topping_food h2{
		font-size: 5.86vw;
	}
}
.topping_food h2 > span{
	display: block;
	font-size: 14px;
	margin: 10px 0 0 0;
}

.topping_food_catch{
	color: #944216;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	text-decoration: underline;
}
@media screen and (max-width: 480px) {
	.topping_food_catch{
		font-size: 4.26vw;
		line-height: 1.6;
		margin-bottom: 6.4%;
	}
}
.topping_food_txt{
	background-color: rgba(255,255,255,0.50);
	line-height: 1.6;
	padding: 20px;
	margin: 0 130px 70px;
}
@media screen and (max-width: 768px) {
	.topping_food_txt{
		padding: 4%;
		margin: 0 5% 8%;
	}
}
@media screen and (max-width: 480px) {
	.topping_food_txt{
		font-size: 3.73vw;
		padding: 4%;
		margin: 0 5% 8%;
	}
}

.topping_food_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 130px;
}
@media screen and (max-width: 768px) {
	.topping_food_list{
		margin: 0 5%;
		justify-content: space-between;
	}
}
.topping_food_box{
	flex-basis: 22%;
	margin: 0 30px 0 0;
	position: relative;
}
@media screen and (max-width: 768px) {
	.topping_food_box{
		flex-basis: 47%;
		margin: 0 0 15px 0;
	}
}
.topping_food_box:last-child{
	margin: 0;
}
.topping_food_box h3{
	color: #010101;
	background-color: #faf5ec;
	font-size: 14px;
	padding: 18px 0 18px 15px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.topping_food_box h3{
		background-color: transparent;
		margin:10px 0 0 0;
		padding: 5px 0 0 0;
		font-size: 3vw;
	}
}
@media screen and (max-width: 480px) {
	.topping_food_box h3{
		background-color: transparent;
		margin:10px 0 0 0;
		padding: 5px 0 0 0;
		font-size: 3.73vw;
	}
}
.top_food_price{
	display: none;
}
@media screen and (max-width: 768px) {
	.top_food_price{
		display: block;
		font-size: 3vw;
	}
}
@media screen and (max-width: 480px) {
	.top_food_price{
		font-size: 3.73vw;
	}
}
.topping_food_box a{
	text-decoration: none;
}
.topping_food_box:hover h3{
	color: #fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
@media screen and (max-width: 480px) {
	.topping_food_box:hover h3{
		background-color: transparent;
	}
}
.topping_food_box h3::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 40px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.topping_food_box h3::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 17px;
    z-index: 2;
}
@media screen and (max-width: 768px) {
	.topping_food_box h3::before {
		/*width: 56px;
		height: 56px;*/
		display: none;
	}
	.topping_food_box h3::after {
		/*width: 15px;
		height: 15px;
		top: 37%;
		right: 23px;*/
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.topping_food_box a .top_food_price{
		color: #010101;
		padding: 10px 0 0 0;
	}
}
/*メディア*/
.media{
	background-color: #ededed;
	padding: 80px 0;
}
.media h2{
	color: #222;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 70px 0;
}
.media h2 > span{
	display: block;
	font-size: 14px;
	margin: 10px 0 0 0;
}
.media_list{
	display: flex;
	justify-content: center;
}
.media_box{
	flex-basis: 35%;
}

/*その他*/
.other_contents{
	max-width: 1000px;
	margin: 0 auto;
	padding: 100px 0;
}
@media screen and (max-width: 768px) {
	.other_contents{
		padding: 50px 5%;
	}
}
@media screen and (max-width: 480px) {
	.other_contents{
		padding: 10% 5% 5%;
	}
}
.other_contents_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.other_contents_list{
		padding: 0 5%;
	}
}
@media screen and (max-width: 480px) {
	.other_contents_list{
		padding: 0;
	}
}
.other_contents_box{
	flex-basis: 23%;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.other_contents_box{
		flex-basis: 40%;
		margin: 0 0 8%;
	}
	.other_contents_box:last-child{
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	.other_contents_box{
		flex-basis: 45%;
		margin: 0 0 10%;
	}
}
.other_contents_box img{
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.other_contents_box img{
		margin: 0 0 20px 0;
	}
}
.other_contents_box a{
	color: #231815;
}
.other_contents_box a:hover img{
	opacity: 0.7;
}
.other_contents_box p{
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.other_contents_box p{
		font-size: 2.4vw;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.other_contents_box p{
		font-size: 3.73vw;
	}
}
.other_contents_box p br{
	display: none;
}
@media screen and (max-width: 480px) {
	.other_contents_box p br{
		display: block;
	}
}
.other_contents_box p::after{
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #571b06;
    border-right: 2px solid #571b06;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin: 0 0 0 5px;
}

.awards{
	margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
	.awards{
		margin-bottom: 5%;
	}
}
@media screen and (max-width: 480px) {
	.awards{
		margin-bottom: 13%;
	}
}
/*フッター*/
.footer {
    background: #231815;
    margin: 0;
    padding: 2rem 0 8rem;
}
@media screen and (max-width: 768px) {
	.footer {
		padding: 2rem 5% 3rem;
	}
}
@media screen and (max-width: 480px) {
	.footer {
		padding: 2rem 5% 5rem;
	}
}
.footer_logo{
	width: 10%;
	height: auto;
	margin: 0 0 30px 6.5%;
}
@media screen and (max-width: 768px) {
	.footer_logo{
		width: 40%;
		margin: 0 auto 30px;
	}
}
.footer_navi{
	max-width: 1100px;
	margin: 0 auto 70px;
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.footer_navi{
		flex-wrap: wrap;
	}
}
.footer_navi_menu{
	font-size: 14px;
	margin: 0 160px 0 0;
}
@media screen and (max-width: 768px) {
	.footer_navi_menu{
		margin: 0;
		width: 100%;
	}
}
.footer_navi_menu.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.footer_navi_menu.sp{
		display: block;
	}
}
.footer_navi_menu > li{
	align-items: center;
	flex-basis: 24%;
	display: flex;
	margin:0 0 1rem 0;
}
@media screen and (max-width: 768px) {
	.footer_navi_menu > li{
		flex-basis: 100%;
	}
}
.footer_navi_menu > li::before{
	content: "";
	display: block;
	width: 10px;
	height: 2px;
	background-color: #fff;
	margin: 0 10px 0 0;
}
.footer_navi_menu > li:last-child{
	margin:0;
}
@media screen and (max-width: 768px) {
	.footer_navi_menu > li:last-child{
		margin:0 0 20px 0;
	}
}
.footer_navi_menu > li a{
	color: #fff;
	line-height: 1.4;
}
.footer_copyright {
	color: #fff;
	display: flex;
    font-size: 85%;
    line-height: 1;
    margin: 0 auto;
	justify-content: center;
	max-width: 1000px;
}
@media screen and (max-width: 768px) {
	.footer_copyright {
		flex-wrap: wrap;
	}
}
.footer_copyright small{
	margin: 0 50px 0 0;
}
@media screen and (max-width: 768px) {
	.footer_copyright small{
		margin: 0 0 30px 0;
	}
}
.footer_copyright .footer_copyright_list{
	display: flex;
}
.footer_copyright .footer_copyright_list li{
	font-size: 12px;
	margin: 0 10px 0 0;
}
.footer_copyright .footer_copyright_list li:last-child{
	margin: 0;
}
.footer_copyright .footer_copyright_list li a{
	color: #fff;
}
.footer_copyright .footer_copyright_list li span{
	display: inline-block;
	margin: 0 0 0 10px;
}


/*セカンドページ共通*/
.second .header{
	position: inherit;
}
.second .head_wrap:after {
	display: none;
}

.navi_insta{
	padding: 5%;
	text-align: center;
}
.navi_insta img{
	width: 32px;
}
.navi_close,
.navi_close_f{
	padding: 18px 0;
	background-color: #231815;
	color: #fff;
	text-align: center;
}

/*商品一覧*/
.products_list_key{
	width: 100%;
}
@media screen and (max-width: 768px) {
	.products_list_key{
		padding: 16% 0 0 0;
		background-color: #faf5ec;
	}
}
@media screen and (max-width: 480px) {
	.products_list_key{
		padding: 6% 0 0 0;
	}
}
.products_list_key img{
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.products_list_key img{
		margin: 0 0 3% 0;
	}
}
.products_list_key.balance_food,
.products_list_key.fresh_food,
.products_list_key.jerky,
.products_list_key.wet_food,
.products_list_key.dental{
	width: 100%;
	background-color: #faf5ec;
	background-image: none;
	padding: 0;
}
@media screen and (max-width: 768px) {
	.products_list_key.balance_food,
	.products_list_key.fresh_food,
	.products_list_key.jerky,
	.products_list_key.wet_food,
	.products_list_key.dental{
		background-color: #fff;
		background-image: none;
		padding: 5% 0 0 0;
		background-color: #faf5ec;
	}
}
@media screen and (max-width: 480px) {
	.products_list_key.balance_food,
	.products_list_key.fresh_food,
	.products_list_key.jerky,
	.products_list_key.wet_food,
	.products_list_key.dental{
		margin-bottom: 5.33%;
	}
}
.products_list_key video{
	width: 96%;
	margin: 0 2%;
}
@media screen and (max-width: 768px) {
	.products_list_key video{
		width: 94%;
		margin: 0 3%;
	}
}
#top .products_service{
	background-color: #f5f5f5;
}
#top .products_service_list li{
	border: 1px solid #775b52;
}
#top .products_service_list li img{
	width: 100%;
}
.products_service .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 56px 0 60px;
}
@media screen and (max-width: 768px) {
	.products_service .container{
		padding: 30px 5% 30px;
	}
}
@media screen and (max-width: 480px) {
	.products_service .container{
		padding: 0 5% 5.33%;
	}
}
/*#products .products_service{
	background-color: #faf5ec;
}
#products .products_service .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 56px 0 0;
}
@media screen and (max-width: 768px) {
	#products .products_service .container{
		padding: 30px 5% 0;
	}
}*/

#cart_area {
    display: block;
    padding-top: 640px;
    margin-top: -640px;
}
.products_service h2{
	color: #231815;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 58px 0;
}
@media screen and (max-width: 768px) {
	.products_service h2{
		display: none;
	}
}
.products_service_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.products_service_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
.products_service_list li{
	margin: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
	.products_service_list li{
		margin: 0 0 20px 0;
		flex-basis: 100%;
	}
}
.products_service_list li:last-child{
	margin: 0;
}
.products_another_store{
	background-image: url("img/product/bg_another_store.jpg");
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: 100%;
}
.products_another_store .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 56px 0 60px;
}
@media screen and (max-width: 768px) {
	.products_another_store .container{
		padding: 30px 5% 30px;
	}
}
@media screen and (max-width: 480px) {
	.products_another_store .container{
		margin-bottom: 10%;
	}
}
.products_another_store h2{
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.products_another_store h2{
		font-size: 4vw;
		margin: 0 0 30px 0;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.products_another_store h2{
		font-size: 5.86vw;
	}
}
.products_another_store h2 br{
	display: none;
}
@media screen and (max-width: 768px) {
	.products_another_store h2 br{
		display: block;
	}
}
.products_another_store .another_store_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.products_another_store .another_store_list{
		display: flex;
		justify-content: center;
	}
}
@media screen and (max-width: 768px) {
	.another_store_list li{
		margin: 0 0 20px 0;
	}
	.another_store_list li:last-child{
		margin: 0
	}
}
.products_sdgs{
	background-color: #faf5ec;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 80px 0 60px 0;
}
.products_sdgs .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 92px 0 100px;
}
@media screen and (max-width: 768px) {
	.products_sdgs .container{
		padding: 45px 5% 50px;
	}
}
.products_sdgs h2{
	color: #231815;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.products_sdgs h2{
		font-size: 4vw;
		margin: 0 0 30px 0;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.products_sdgs h2{
		font-size: 5.86vw;
		margin: 0 0 30px 0;
		line-height: 1.4;
	}
}
.products_sdgs .products_sdgs_img{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.products_sdgs .products_sdgs_img{
		display: flex;
		justify-content: center;
	}
}
.products_sdgs .products_sdgs_img dt{
	margin: 0 0 30px 0;
}
.products_sdgs .products_sdgs_txt{
	background-color: #fff;
	padding: 50px;
	line-height: 1.8;
}
/*
@media screen and (max-width: 768px) {
	.products_sdgs .products_sdgs_txt{
		padding: 5%;
		font-size: 2.08vw;
	}
}
@media screen and (max-width: 480px) {
	.products_sdgs .products_sdgs_txt{
		font-size: 3.73vw;
	}
}
*/
.products_list_fresh_food_box a .total_review,
.products_list_topping_food_box a .total_review,
.product_common_box a .total_review{
	padding: 0;
}
.products_list_fresh_food_box a .total_review .total_review_star,
.products_list_topping_food_box a .total_review .total_review_star,
.product_common_box a .total_review .total_review_star{
	color: #f5c113;
	font-size: 14px;
	margin: 0;
}
.products_list_fresh_food_box a .total_review .total_review_number,
.products_list_topping_food_box a .total_review .total_review_number,
.product_common_box a .total_review .total_review_number{
    color: #000;
	font-weight: normal;
	font-size: 14px;
    text-decoration: none;
	margin: 0;
}
.products_list_fresh_food_box a .total_review .total_review_number:before,
.products_list_topping_food_box a .total_review .total_review_number:before,
.product_common_box a .total_review .total_review_number:before{
	display: none;
}
.products_list_inner{
	background-color: #faf5ec;
	padding: 8% 10% 0;
}
@media screen and (max-width: 768px) {
	.products_list_inner{
		background-color: #faf5ec;
		padding: 30px 5% 0;
	}
}
#balance_food_anchor,
#fresh_food_anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}
@media screen and (max-width: 480px) {
	#balance_food_anchor,
	#fresh_food_anchor{
		display: block;
		padding-top: 120px;
		margin-top: -120px;
	}
}
.products_list_inner h2{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.products_list_inner h2{
		font-size: 4vw;
		margin: 0 0 30px 0;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.products_list_inner h2{
		font-size: 5.86vw;
	}
}
.products_list_inner h2 br{
	display: none;
}
@media screen and (max-width: 768px) {
	.products_list_inner h2 br{
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.products_list_inner h2 span{
		font-size: 4.26vw;
	}
}

.products_list_intro{
	font-size: 18px;
	line-height: 1.8;
	margin: 0 0 40px 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.products_list_intro{
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 480px) {
	.products_list_intro{
		font-size: 3.73vw;
		text-align: left;
	}
}
.products_list_intro .pc{
	display: block;
}
.products_list_intro .sp{
	display: none;
}
@media screen and (max-width: 480px) {
	.products_list_intro .pc{
		display: none;
	}
	.products_list_intro .sp{
		display: block;
	}
}

.line_contact{
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 30px;
	margin: 0 270px 40px;
}
@media screen and (max-width: 768px) {
	.line_contact{
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 5%;
		margin: 0 5% 5.33%;
	}
}
.line_contact_txt{
	text-align: center;
	line-height: 1.6;
	margin: 0 0 30px;
}
@media screen and (max-width: 480px) {
	.line_contact_txt{
		font-size: 4vw;
		margin: 0 0 5%;
	}
	.line_contact_txt br{
		display: none;
	}
}
.line_contact_btn{
	text-align: center;
}
.products_list_inner .products_list_fresh_food{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin: 0 0 100px;
}
@media screen and (max-width: 768px) {
	.products_list_inner .products_list_fresh_food{
		justify-content:space-between;
		margin: 0;
	}
}
.products_list_inner .products_list_topping_food{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
}
@media screen and (max-width: 768px) {
	.products_list_inner .products_list_topping_food{
		display: flex;
		justify-content: space-between;
	}
}
.products_list_fresh_food_box,
.products_list_topping_food_box{
	flex-basis: 22%;
	margin: 0 30px 30px 0;
	position: relative;
}
@media screen and (max-width: 768px) {
	.products_list_fresh_food_box,
	.products_list_topping_food_box{
		flex-basis: 47%;
		margin: 0 0 15px 0;
	}
}
.products_list_fresh_food_box .icon_new,
.products_list_topping_food_box .icon_new{
	position: absolute;
	top: 0;
	left: 0;
}
.products_list_fresh_food .products_list_fresh_food_box:nth-child(4n),
.products_list_topping_food .products_list_topping_food_box:nth-child(4n){
	margin: 0 0 30px 0;
}
.products_list_fresh_food .products_list_fresh_food_box:last-child,
.products_list_topping_food .products_list_topping_food_box:last-child{
	margin: 0 0 30px 0;
}
.products_list_fresh_food_box img,
.products_list_topping_food_box img{
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.products_list_fresh_food_box img,
	.products_list_topping_food_box img{
		width: 100%;
		height: auto;
	}
}
.products_list_fresh_food_box a,
.products_list_topping_food_box a{
	text-decoration: none;
}
.products_list_fresh_food_box a h3,
.products_list_topping_food_box a h3{
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.products_list_fresh_food_box a h3,
	.products_list_topping_food_box a h3{
		font-size: 2.4vw;
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	.products_list_fresh_food_box a h3,
	.products_list_topping_food_box a h3{
		font-size: 3.73vw;
	}
}
.products_list_fresh_food_box a p,
.products_list_topping_food_box a p{
	color: #e01b01;
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.products_list_fresh_food_box a p,
	.products_list_topping_food_box a p{
		font-size: 4.8vw;
	}
}
.products_list_fresh_food_box a p span,
.products_list_topping_food_box a p span{
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.products_list_fresh_food_box a p span,
	.products_list_topping_food_box a p span{
		font-size: 3.2vw;
	}
}
.products_list_fresh_food_box a .products_list_fresh_food_txt,
.products_list_topping_food a .products_list_topping_food_txt{
	color: #000;
	font-weight: normal;
	font-size: 16px;
}
@media screen and (max-width: 480px) {
	.products_list_fresh_food_box a .products_list_fresh_food_txt,
	.products_list_topping_food a .products_list_topping_food_txt{
		font-size: 3.73vw;
	}
}

/*各カテゴリ商品一覧ページ*/
.product_common_list{
	background-color: #faf5ec;
	padding: 10% 5%;
 }
@media screen and (max-width: 768px) {
	.product_common_list{
		padding: 10% 5% 10%;
	 }
}
.product_common_list h1{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 60px 0;
 }
@media screen and (max-width: 768px) {
	.product_common_list h1{
		font-size: 20px;
		margin: 0 0 30px 0;
	 }
}
.product_common_list_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.product_common_list_inner{
		justify-content: space-between;
	}
}
.product_common_box{
	flex-basis: 22%;
	margin: 0 20px 20px 0;
}
@media screen and (max-width: 768px) {
	.product_common_box{
		flex-basis: 48%;
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 480px) {
	.product_common_box{
		flex-basis: 100%;
		margin: 0 0 20px 0;
	}
}
.product_common_box:last-child{
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.product_common_box:last-child{
		margin: 0;
	}
}
.product_common_box a{
	text-decoration: none;
}
.product_common_box a img{
	margin: 0 0 10px 0;
}
@media screen and (max-width: 480px) {
    .product_common_box a img{
        width: 100%;
    }
}
.product_common_box a h2{
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.product_common_box a h2{
		font-size: 22px;
	}
}
@media screen and (max-width: 480px) {
	.product_common_box a h2{
		font-size: 4.8vw;
		margin: 0;
	}
}
.product_common_box a p{
	color: #e01b01;
	font-size:20px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.product_common_box a p{
		font-size: 22px;
	}
}
.product_common_box a .product_common_txt{
	color: #000;
	font-weight: normal;
	font-size: 16px;
}
@media screen and (max-width: 480px) {
	.product_common_box a .product_common_txt{
		font-size: 4vw;
	}
}
.product_common_box a p span{
	font-size: 14px;
}
/*商品詳細ページ*/

.product_key_pc{
	display: block;
}
@media screen and (max-width: 480px) {
	.product_key_pc{
		display: none;
	}
}
.product_key_pc h1{
	font-size: 35px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
	.product_key_pc h1{
		line-height: 1.6;
	}
}
.product_key_pc h1 > span{
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
}
.total_review{
	padding-bottom: 30px;

}

.product_info_detail{
	margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
	.product_info_detail{
		background-color: #faf5ec;
		padding: 0 5% 5%;
		margin-bottom: 0;
	}
}
.product_info_txt{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
	.product_info_txt{
		font-size: 3.73vw;
		line-height: 1.6;
		margin-bottom: 5.33%;
	}
}
.product_info_use{
	display: flex;
	margin-bottom: 10px;
}
.product_info_use dt{
	align-items: center;
	background-color: #644c3f;
	color: #fff;
	display: flex;
	flex-basis: 20%;
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	justify-content: center;
}
@media screen and (max-width: 480px) {
	.product_info_use dt{
		font-size: 3.2vw;
		flex-basis: 28%;
		line-height: 1.4;
	}
}
.product_info_use dt br{
	display: none;
}
@media screen and (max-width: 480px) {
	.product_info_use dt br{
		display: block;
	}
}
.product_info_use dd{
	align-items: center;
	border: 1px solid #644c3f;
	background-color: #fff;
	color: #e01b01;
	font-size: 15px;
	font-weight: bold;
	flex-basis: 80%;
	display: flex;
	padding: 10px 0 10px 10px;
	line-height: 1.4;
}
@media screen and (max-width: 480px) {
	.product_info_use dd{
		font-size: 3.73vw;
		line-height: 1.4;
		padding: 4%;
	}
}
.product_info_age{
	display: flex;
}
.product_info_age dt{
	align-items: center;
	background-color: #e58c00;
	color: #fff;
	flex-basis: 20%;
	font-size: 15px;
	display: flex;
	text-align: center;
	padding: 10px 0;
	justify-content: center;
}
@media screen and (max-width: 480px) {
	.product_info_age dt{
		font-size: 3.2vw;
		flex-basis: 28%;
	}
}
.product_info_age dd{
	border: 1px solid #e58c00;
	background-color: #fff;
	flex-basis: 80%;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 10px 10px;
}
@media screen and (max-width: 480px) {
	.product_info_age dd{
		display: flex;
		font-size: 3.73vw;
		line-height: 1.4;
		justify-content: center;
		padding: 4%;
	}
}
.product_key_sp{
	display: none;
}
@media screen and (max-width: 480px) {
	.product_key_sp{
		background-color: #faf5ec;
		display: block;
		padding: 10% 5% 0;
	}
}
@media screen and (max-width: 480px) {
	.product_key_sp h1{
		font-size: 8vw;
		font-weight: bold;
		line-height: 1.2;
		padding: 0 0 10px 0;
		width: 100%;
	}
	.product_key_sp h1 span{
		font-size: 4.26vw;
		display: block;
		margin-bottom: 3%;
	}
}

.product_top{
	background-color:#fff;
}
@media screen and (max-width: 480px) {
	.product_top{
		background-color:#faf5ec;
	}
}
.product_top_inner{
	display: flex;
	margin: 0 5%;
	padding: 54px 0 30px;
}
@media screen and (max-width: 768px) {
	.product_top_inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0 3.5%;
		padding: 3% 0 30px;
	}
}
@media screen and (max-width: 480px) {
	.product_top_inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 5.33% 0 0;
	}
}
.product_top_img{
	flex-basis: 50%;
}
@media screen and (max-width: 768px) {
	.product_top_img{
		flex-basis: 100%;
	}
}
.product_common__key_slide{
	width: 534px;
}
@media screen and (max-width: 768px) {
	.product_common__key_slide{
		width: 336px;
		margin: 0 auto;
	}
}
.slick-slide{
	margin: 0 0 15px 0;	
}
.product_common__key_slide_thumbnail{
	display: flex;
}
.product_common__key_slide_thumbnail > li{
	margin: 0 10px 0 0;
	width: 60px;
}
.product_common__key_slide_thumbnail > li:last-child{
	margin: 0;
}
.product_top_info{
	background-color: #fff;
	flex-basis: 50%;
}
@media screen and (max-width: 768px) {
	.product_top_info{
		flex-basis: 100%;
	}
}
.product_top_info_stage{
	display: flex;
	margin: 0 0 20px 0;
}
.product_top_info_stage li{
	background-color: #faf5ec;
	margin: 0 10px 0 0;
	padding: 8px 10px 6px;
	font-size: 14px;
}
.product_top_info_stage li:last-child{
	margin: 0;
}
.product_top_info_ttl{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 1.4;
}
@media screen and (max-width: 480px) {
	.product_top_info_ttl{
		font-size: 5.86vw;
	}
}
.product_top_info_ttl span{
	display: block;
}

@media screen and (max-width: 480px) {
	.product_top_info_ttl span{
		font-size: 3.73vw;
		margin-bottom: 2.66%;
	}
}

/*.product_top_info_ttl .is_pc{
	display: block;
}
@media screen and (max-width: 480px) {
	.product_top_info_ttl .is_pc{
		display: none;
	}
}*/

@media screen and (max-width: 480px) {
	.scroll-container{
		overflow-x: scroll!important;
		width: 92vw;
		margin-bottom: 5.33%;
		padding-bottom: 5.33%;
	}
}
@media screen and (max-width: 480px) {
	/* スクロールの幅の設定 */
	.scroll-container::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	/* スクロールのつまみ部分の設定 */
	.scroll-container::-webkit-scrollbar-thumb {
		background: #571b06;
	}
}
.product_top_info_variation{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.product_top_info_variation{
		justify-content: space-between;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_variation{
		flex-wrap: nowrap;
		width: max-content;
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_variation.none{
		overflow-x:hidden;
		min-width: 100%;
	}
}
.product_top_info_variation li{
	align-items: center;
	display: flex;
	justify-content:center;
	border: 1px solid #222;
	padding: 4px 0 3px;
	margin: 0 10px 10px 0;
	width: 18.2%;
	font-size: 14px;
	text-align:center;
	line-height: 1.4;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.product_top_info_variation li{
		margin: 0 0 10px 0;
		padding: 8px 0 6px;
		width: 49%;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_variation li{
		margin: 0 15px 0 0;
		padding: 4px 0 3px;
		width: 130px;
		min-height: 12.53vw;
	}
	.product_top_info_variation li:nth-child(2n){
		margin: 0 15px 0 0;
	}
}
.product_top_info_variation .owners_voice_list_detail:nth-child(5){
	margin: 0 0 10px 0;
}
.product_top_info_variation li.regular{
	flex-basis: 100%;
	padding: 14px 0 12px;
}
@media screen and (max-width: 480px) {
	.product_top_info_variation li.regular{
		margin: 0 15px 0 0;
		flex-basis: 260px;
	}
}
.product_top_info_variation li.regular_select{
	width: 48%;
	padding: 14px 0 12px;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
	.product_top_info_variation li.regular_select{
		margin: 0;
		width: 49%;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_variation li.regular_select{
		margin: 0 15px 0 0;
		width: 233px;
	}
}
.product_top_info_price{
	align-items: center;
	color: #e01b01;
	display: flex;
	font-size: 37px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.product_top_info_price{
		font-size: 5vw;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_price{
		flex-wrap: wrap;
		font-size: 9.06vw;
		margin: 0 0 4% 0;
		padding: 0;
	}
}
.product_top_info_price strike{
	color: #000;
	font-size: 30px;
}
.product_top_info_price .tax,
.product_top_point_price .tax{
	color: #000;
	font-size: 16px;
	font-weight: normal;
}
@media screen and (max-width: 480px) {
	.product_top_info_price .tax,
	.product_top_point_price .tax{
		font-size: 3.2vw;
	}
}
.amount{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.amount{
		display: block;
		font-size: 2.7vw;
		line-height: 1.4;
		margin-bottom: 4%;
	}
}
@media screen and (max-width: 480px) {
	.amount{
		font-size: 3.2vw;
	}
}
.product_delivery{
	display: flex;
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	.product_delivery{
		display: flex;
		margin-bottom: 2.66%;
	}
}
.product_delivery .product_delivery_free{
	background-color: #58d09c;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 10px 8px 7px;
	margin-right: 6px;
}
@media screen and (max-width: 480px) {
	.product_delivery .product_delivery_free{
		background-color: #58d09c;
		color: #fff;
		font-weight: bold;
		font-size: 3.2vw;
		flex-basis: 26%;
		text-align: center;
		padding: 10px 0 7px;
	}
}
.product_delivery .product_delivery_oneday{
	background-color: #60c6e3;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 10px 8px 7px;
}
@media screen and (max-width: 480px) {
	.product_delivery .product_delivery_oneday{
		background-color: #60c6e3;
		color: #fff;
		font-weight: bold;
		font-size: 3.2vw;
		flex-basis: 74%;
		text-align: center;
		padding: 10px 0 7px;
	}
}

.product_top_cartbox{
	margin-bottom: 20px;
}
.product_top_info_regular{
	border: 2px solid #5f2a11;
	border-radius: 10px;
	padding: 20px 20px 10px;
	margin: 0 0 20px 0;
	position: relative;
}
@media screen and (max-width: 480px) {
	.product_top_info_regular{
		padding: 20px 12px 10px;
	}
}
.product_top_info_regular_sttl{
	font-size: 18px;
	font-weight: bold;
}
.product_top_info_price .discount{
	display: inline-block;
	background-color: #ef2b04;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding:8px 10px 6px;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 480px) {
	.product_top_info_price .discount{
		width: 100%;
		margin: 0 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_price strike{
		font-size: 6vw;
	}
}
.product_top_info_price .regular_price{
	color: #ef2b04;
	font-weight: bold;
}
.product_top_point_price{
	align-items: center;
	background-color: #ffe1de;
	display: flex;
	padding: 20px;
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	.product_top_point_price{
		padding: 4% 0 4% 2%;
		margin-bottom: 10px;
	}
}
.product_top_point_price .txt_price{
	line-height: 1.4;
	font-size: 14px;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 480px) {
	.product_top_point_price .txt_price{
		font-size: 2.88vw;
		margin: 0;
	}
}

.product_top_point_price .txt_price .is_sp{
	display: block;
}
@media screen and (max-width: 480px) {
	.product_top_point_price .txt_price .is_sp{
		display: none;
	}
}
.product_top_point_price .txt_price a{
	text-decoration: underline;
}
.product_top_point_price .down_price{
	color: #ef2b04;
	font-weight: bold;
	font-size: 37px;
}
@media screen and (max-width: 480px) {
	.product_top_point_price .down_price{
		font-size: 8.4vw;
	}
}
.product_top_info_regular .product_top_info_regular_list{
	margin: 0 0 15px 0;
}
.product_top_info_regular .product_top_info_regular_list li{
	border-bottom: 1px dotted #4c5153;
	padding: 12px 20px 8px 0;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 480px) {
	.product_top_info_regular .product_top_info_regular_list li{
		align-items: flex-start;
	}
}
.product_top_info_regular_sttl{
	text-align: center;
}
.product_top_info_regular_list li .privilege{
	background-color: #ef2b04;
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 10px 10px;
	font-size: 14px;
	flex-basis: 13%;
	margin: 0 10px 0 0;
}
@media screen and (max-width: 480px) {
	.product_top_info_regular_list li .privilege{
		padding: 10px 5px 10px;
		font-size: 3.7vw;
		flex-basis: 17%;
	}
}
.product_top_info_regular_list li .privilege_txt{
	flex-basis: 61%;
	line-height: 1.4;
}
@media screen and (max-width: 480px) {
	.product_top_info_regular_list li .privilege_txt{
		flex-basis: 56%;
		font-size: 3.7vw;
	}
}
.product_top_info_regular_list li .privilege_txt strong{
	color: #ef2b04;
	font-weight: bold;
}
.privilege3 {
    position: absolute;
    top: 63px;
    right: 18px;
    width: 24%;
}
@media screen and (max-width: 480px) {
	.privilege3 {
		position: absolute;
		top: 22%;
		right: 3%;
		width: 25%;
	}
}
.privilege_notice{
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 8px 0;
	text-indent: -1em;
	padding-left: 1em;
}
.privilege4 {
    position: absolute;
    top: 200px;
    right: 24px;
    width: 26%;
}
@media screen and (max-width: 480px) {
	.privilege4 {
		top: 46%;
		right: 3%;
	}
}

.product_top_info_txt{
	margin: 0 0 20px 0;
	line-height: 1.8;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.product_top_info_txt{
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_txt{
		font-size: 3.73vw;
	}
}
.product_top_info_txt span{
	font-weight: bold;
}
.product_top_info_reccomend{
	color: #e01b01;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 0;
	line-height: 1.2;
	background-color: #faf5ec;
    padding: 10px;
}
@media screen and (max-width: 768px) {
	.product_top_info_reccomend{
		font-size: 2.4vw;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_reccomend{
		font-size: 4.26vw;
	}
}
.product_top_info_calorie{
	font-size: 14px;
	margin: 0 0 6px 0;
	line-height: 1.6;
	background-color: #faf5ec;
    padding: 10px;
}
@media screen and (max-width: 768px) {
	.product_top_info_calorie{
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_calorie{
		font-size: 3.73vw;
	}
}
.product_top_info_delivery{
	background-color: #f0f0f0;
	padding:10px;
	margin: 0 0 20px 0;
}
.product_top_info_delivery li{
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.6;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 768px) {
	.product_top_info_delivery li{
		margin: 0 0 7px 0;
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 480px) {
	.product_top_info_delivery li{
		font-size: 4.26vw;
	}
}
.product_top_info_delivery li:last-child{
	margin: 0;
}
.product_top_info_delivery li strong{
	color: #e01b01;
	font-weight: bold;
}
.product_top_info_supply{
	margin: 0 0 20px 0;
	padding: 0 0 0 74px;
	background-image:url("img/common/icon_dogfood.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 65px;
}
@media screen and (max-width: 480px) {
	.product_top_info_supply{
		padding: 0 0 0 13.5%;
		margin: 0 5% 5%;
		background-position: 0 46%;
		background-size: 40px;
	}
}
.product_top_info_supply a{
	text-decoration: underline;
	line-height: 1.8;
}
@media screen and (max-width: 480px) {
	.product_top_info_supply a{
		font-size: 3.2vw;
	}
}
.product_delivery_notice{
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 16px;
}

.product_top_info_number{
	margin: 0 30px 0 0;
}

.product_top_cartbox{
	display: flex;
	align-items: center;
}

.product_top_cartbox.is_pc{
	display: block;
}
.product_top_cartbox.is_sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.product_top_cartbox.is_pc{
		display: none;
	}
	.product_top_cartbox.is_sp{
		display: block;
	}
}

.soldout{
    background-color: #ccc;
    width: 252px;
    padding: 17px 0;
    text-align: center;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
	margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
	.soldout{
		width: 100%;
	}
}
.product_top_info_number input[type="text"]{
	width: 50px;
	padding: 3px;
}

.product_top_info_cart a{
	color: #5b1f06;
	display: block;
	padding: 17px 0 17px 60px;
	background-color: #fbc300;
	width: 250px;
	position: relative;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
@media screen and (max-width: 768px) {
	.product_top_cartbox.is_sp .product_top_info_cart a{
		width: 100%;
		text-align: center;
		padding: 17px 0;
	}
}
.product_top_info_cart a:hover{
	color: #fff;
	background-color: #5b1f06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.product_top_info_cart a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #5b1f06;
    border-right: 2px solid #5b1f06;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.product_top_info_cart a:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.product_top_info_cart a::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 29%;
    left: 28px;
    z-index: 2;
	background-image: url("img/product/common/bg_icon_cart.png");
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: 0 0;
}
@media screen and (max-width: 768px) {
	.product_top_info_cart a::before {
		left: 27%;
	}
}
.product_top_info_cart a:hover::before {
	background-image: url("img/product/common/bg_icon_cart_on.png");
}

/*定期購入用ボタン*/
/*.product_top_cartbox.regular a{
	background-color: #659046;
	color: #fff;
}
.product_top_cartbox.regular a::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.product_top_cartbox.regular a::before {
	background-image: url("img/product/common/bg_icon_cart_on.png");
}*/

@media screen and (max-width: 480px) {
	.group{
		padding: 10% 4% 0;
	}
}
/*タブ切り替え*/
.panel{
    display:none;
}
.tab.is-active{
    background:#231815;
    color:#fff;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}

.product_detail_info_sttl{
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 60px 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.product_detail_info_sttl{
		font-size: 20px;
		margin: 0 0 30px 0;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_info_sttl{
		font-size: 5.33vw;
	}
}
.product_detail_info_sttl br{
	display: none;
}
@media screen and (max-width: 480px) {
	.product_detail_info_sttl br{
		display: block;
	}
}
.product_detail_inner{
	margin: 0 10%;
	padding: 30px 0;
}
@media screen and (max-width: 768px) {
	.product_detail_inner{
		margin: 0 5%;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_inner{
		padding: 10% 0 0;
	}
}
.product_detail_info{
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.product_detail_info{
		margin: 0 0 30px 0;
	}
}
.product_detail_info dl{
	display: table;
	width: 100%;
	font-size: 14px;
}
.product_detail_info dl:nth-child(1),
.product_detail_info dl:nth-child(3),
.product_detail_info dl:nth-child(5){
	background-color: #faf5ec;
}
.product_detail_info dl{
	display: table;
	width: 100%;
	font-size: 14px;
}
.product_detail_info dl dt{
	display: table-cell;
	width: 25%;
	vertical-align: middle;
	padding: 20px 0 20px 10px;
	font-weight: bold;
}
.product_detail_info dl dd{
	display: table-cell;
	width: 75%;
	vertical-align: middle;
	padding: 20px 10px 20px 0;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.product_detail_info dl:nth-child(1),
	.product_detail_info dl:nth-child(3),
	.product_detail_info dl:nth-child(5){
		background-color:#fff;
	}
	.product_detail_info dl{
		display:inline-block;
		background-color:none;
	}
	.product_detail_info dl dt{
		display: inline-block;
		background-color: #faf5ec;
		font-size: 3vw;
		width: 100%;
	}
	.product_detail_info dl dd{
		display: inline-block;
		font-size: 2.4vw;
		width: 100%;
		padding: 20px 3%;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_info dl dt{
		font-size: 4.26vw;
		padding: 4% 0 3% 3%;
	}
	.product_detail_info dl dd{
		font-size: 3.73vw;
		padding: 5.33% 3%;
	}
}

.seven_days{
	max-width: 1023px;
	margin: 0 auto;
	padding:20px 0 30px;
}
@media screen and (max-width: 480px) {
	.seven_days{
		padding:5% 0 12%;
	}
}
@media screen and (max-width: 768px) {
	.seven_days img{
		width: 90%;
		margin: 0 5%;
	}
}
@media screen and (max-width: 480px) {
	.seven_days img{
		width: 100%;
		margin: 0%;
	}
}
#products .awards{
	margin-bottom: 0;
}
#products .lifespan_story{
	padding: 80px 0 100px;
}
@media screen and (max-width: 768px) {
	#products .lifespan_story{
		display: none;
	}
}
#products .lifespan_story.health_area{
	padding: 0;
}
@media screen and (max-width: 768px) {
	#products .lifespan_story.health_area{
		display: block;
	}
}
.product_detail_explanation_sttl{
	font-weight: bold;
	font-size: 40px;
	margin: 0 0 40px 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.product_detail_explanation_sttl{
		font-size: 20px;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_explanation_sttl{
		font-size: 5.33vw;
		margin: 0 0 6.4% 0;
	}
}
.product_detail_explanation{
	align-items: flex-start;
	display: flex;
	justify-content: flex-start;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.product_detail_explanation{
		align-items: flex-start;
		flex-wrap: wrap;
		display: flex;
		justify-content: flex-start;
		margin: 0 0 60px 0;
	}
}
.product_detail_explanation_comment{
	font-weight: bold;
	font-size: 32px;
	line-height: 1.4;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.product_detail_explanation_comment{
		font-size: 16px;
	}
}
.product_detail_explanation video{
	width: 50%;
}
.product_detail_explanation img{
	width: 28%;
}
.product_detail_explanation div{
	background-color:#faf5ec;
	box-shadow: 0.5px 0.866px 5px 0px rgba(1, 0, 0, 0.2);
	padding: 20px;
	margin: 30px -20px 0 0;
	min-height: 283px;
	width: 60%;
}
.product_detail_explanation h4{
	font-weight: bold;
	margin: 0 0 20px 0;
	line-height: 1.6;
}
.product_detail_explanation p{
	line-height: 1.6;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.product_detail_explanation video{
		width: 100%;
	}
	.product_detail_explanation img{
		width: 100%;
	}
	.product_detail_explanation div{
		width: 100%;
		padding: 20px;
	}
	.product_detail_explanation p{
		font-size: 2.4vw;
		line-height: 1.8;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_explanation p{
		font-size: 3.73vw;
	}
}
.product_detail_explanation p strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}
.product_detail_explanation .product_detail_explanation_txt{
	line-height: 1.6;
	font-size: 14px;
	background-color:#faf5ec;
	box-shadow: 0.5px 0.866px 5px 0px rgba(1, 0, 0, 0.2);
	padding: 40px;
	margin: 0 auto;
	min-height: auto;
	width: 80%;
}
@media screen and (max-width: 768px) {
	.product_detail_explanation .product_detail_explanation_txt{
		width: 100%;
		padding: 20px;
	}
}

.product_balance_sttl{
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 60px 0 40px;
}
@media screen and (max-width: 768px) {
	.product_balance_sttl{
		font-size: 21px;
	}
}
@media screen and (max-width: 480px) {
	.product_balance_sttl{
		font-size: 5.6vw;
		margin: 0 0 5.33%;
	}
}
.product_balance_box{
	margin: 0 10%;
	padding: 0 0 100px;
}
@media screen and (max-width: 480px) {
	.product_balance_box{
		margin: 0 5%;
		padding: 0 0 12%;
	}
}
.product_balance_main{
	margin: 0 0 30px 0;
}
@media screen and (max-width: 480px) {
	.product_balance_main{
		margin: 0 0 5.33%;
	}
}
.product_balance_inner{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
	.product_balance_inner{
	}
}
.product_balance_img{
	flex-basis: 40%;
	margin: 0 20px 0 0;
}
@media screen and (max-width: 480px) {
	.product_balance_img{
		flex-basis: 100%;
		margin: 0;
	}
}
.product_balance_img img{
	width: 100%;
}
@media screen and (max-width: 480px) {
	.product_balance_img img{
		margin-bottom: 5.33%;
	}
}
.product_balance_txt{
	flex-basis: 55%;
}
@media screen and (max-width: 480px) {
	.product_balance_txt{
		flex-basis: 100%;
	}
}
.product_balance_trial{
	font-size: 14px;
	margin: 0 0 30px;
	line-height: 1.8;
}
@media screen and (max-width: 480px) {
	.product_balance_trial{
		font-size: 3.73vw;
	}
}
@media screen and (max-width: 480px) {
	.product_balance_trial br{
		display: none;
	}
}
.product_balance_trial span{
    color: #e01b01;
    font-weight: bold;
    text-decoration: underline;
}
.product_balance_link a{
    background-color: #faf5ec;
    color: #010101;
    display: block;
    padding: 17px 40px;
    width: 280px;
	margin: 0 auto;
	position: relative;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
.product_balance_link a::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.product_balance_link a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.product_balance_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.product_detail_others{
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.product_detail_others{
		flex-wrap: wrap;
	}
}
.product_detail_others.column_2{
	display: flex;
	justify-content:flex-start;
}
.product_detail_others > div{
	flex-basis: 30%;
}
@media screen and (max-width: 768px) {
	.product_detail_others > div{
		flex-basis: 100%;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_others > div{
		margin-bottom: 8%;
	}
}
.product_detail_others.column_2 > div{
	margin: 0 60px 0 0;
}
@media screen and (max-width: 768px) {
	.product_detail_others.column_2 > div{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
}
.product_detail_others > div > img{
	margin: 0 0 26px 0;
}
@media screen and (max-width: 768px) {
	.product_detail_others > div > img{
		width: 100%;
		height: auto;
		order: 2;
	}
}
.product_detail_others > div > dl{
}
@media screen and (max-width: 768px) {
	.product_detail_others > div > dl{
		order: 1;
		margin: 0 0 20px 0;
	}
}
.product_detail_others > div dt{
	border-bottom: 1px dotted #bababa;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.4;
	text-align: center;
}
.product_detail_others > div dd{
	font-size: 14px;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	.product_detail_others > div dd{
		font-size: 2.4vw;
	}
}

.product_detail_others.balance_detail dl dd span{
	font-weight: bold;

}
@media screen and (max-width: 480px) {
	.product_detail_others > div dd{
		font-size: 3.73vw;
	}
}
.product_detail_others > div dd strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}
.product_detail_others > div p{
	font-size: 14px;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	.product_detail_others > div p{
		font-size: 2.4vw;
		margin-bottom: 6%;
	}
}
@media screen and (max-width: 480px) {
	.product_detail_others > div p{
		font-size: 3.73vw;
		margin-bottom: 4%;
	}
}
.product_detail_others > div p strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}

.product_customer_voice{
	background-color:#faf5ec;
	padding: 100px 0 80px;
}
@media screen and (max-width: 768px) {
	.product_customer_voice{
		padding: 50px 0 0;
	}
}
.product_customer_voice_sttl{
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.product_customer_voice_sttl{
		font-size: 21px;
	}
}
.product_customer_voice_inner{
	display: flex;
	flex-wrap: wrap;
	margin: 0 15%;
}
@media screen and (max-width: 768px) {
	.product_customer_voice_inner{
		margin: 0 5%;
	}
}
.product_customer_voice_box{
	background-color: #fff;
	flex-basis:48%;
	padding: 15px;
	margin: 0 23px 20px 0;
}
@media screen and (max-width: 768px) {
	.product_customer_voice_box{
		flex-basis:100%;
		margin: 0 0 20px 0;
	}
}
.product_customer_voice_inner .product_customer_voice_box:nth-child(2n){
	margin: 0 0 20px 0;
}
.product_customer_voice_box dl{
	display: flex;
	align-items: baseline;
	margin: 0 0 10px 0;
}
.product_customer_voice_name{
	font-size: 12px;
	flex-basis: 40px;
}
.product_customer_voice_name span{
	font-size: 18px;
}
.product_customer_voice_buy{
	font-size: 12px;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.product_customer_voice_buy{
		font-size: 2.4vw;
	}
}
@media screen and (max-width: 480px) {
	.product_customer_voice_buy{
		font-size: 3.73vw;
	}
}
.product_customer_voice_star{
	color: #ffbb00;
	margin: 0 0 10px 0;
	font-size: 20px;
}
.product_customer_voice_comment{
	font-weight: bold;
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.product_customer_voice_comment{
		font-size: 3.2vw;
	}
}
@media screen and (max-width: 480px) {
	.product_customer_voice_comment{
		font-size: 4.26vw;
	}
}
.product_customer_voice_txt{
	font-size: 14px;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.product_customer_voice_txt{
		font-size: 2vw;
	}
}
@media screen and (max-width: 480px) {
	.product_customer_voice_txt{
		font-size: 3.73vw;
	}
}
.product_supply{
	padding: 100px 0 80px;
}
@media screen and (max-width: 768px) {
	.product_supply{
		padding: 50px 0 40px;
	}
}
@media screen and (max-width: 480px) {
	.product_supply{
		padding: 0 0 8%;
	}
}
.kidney .product_supply{
	padding: 0 0 80px;
}
@media screen and (max-width: 768px) {
	.kidney .product_supply{
		padding: 10% 0 40px;
	}
}
@media screen and (max-width: 480px) {
	.kidney .product_supply{
		padding: 5% 0 16%;
	}
}
.product_supply_sttl{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.product_supply_sttl{
		font-size: 20px;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.product_supply_sttl{
		font-size: 5.33vw;
		margin-bottom: 5.33%;
	}
}
.product_supply_sttl br{
	display: block;
}
@media screen and (max-width: 768px) {
	.product_supply_sttl br{
		display: none;
	}
}
.product_supply_inner{
	align-items: flex-start;
	display: flex;
	margin: 0 15% 40px;
}
@media screen and (max-width: 768px) {
	.product_supply_inner{
		flex-wrap: wrap;
		margin: 0 5% 40px;
	}
}
@media screen and (max-width: 480px) {
	.product_supply_inner{
		margin: 0 5% 10%;
	}
}
.product_supply_inner img{
	margin: 0 20px 0 0;
	width: 50%;
}
.product_supply_inner p{
	line-height: 1.6;
	width: 50%;
}
.product_supply_inner p strong{
		color: #e01b01;
		font-weight: bold;
}
@media screen and (max-width: 768px) {
	.product_supply_inner img{
		margin: 0 0 20px 0;
		width: 100%;
	}
	.product_supply_inner p{
		width: 100%;
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 480px) {
	.product_supply_inner p{
		font-size: 3.73vw;
	}
}
.product_supply_inner p span{
	font-size: 14px;
}
.product_supply_simulation a{
    background-color: #faf5ec;
    color: #010101;
    display: block;
    padding: 17px 40px;
    width: 280px;
    margin: 0 auto;
	position: relative;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
.product_supply_simulation a::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.product_supply_simulation a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.product_supply_simulation a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}

.product_supply_simulation.balance_block{
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.product_supply_simulation.balance_block{
		margin-bottom: 6.4%;
	}
}
.product_reccomend{
	margin: 100px 0 150px;
}
@media screen and (max-width: 768px) {
	.product_reccomend{
		margin:50px 0 75px;
	}
}
.product_reccomend_sttl{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin: 0 0 78px 0;
}
@media screen and (max-width: 768px) {
	.product_reccomend_sttl{
		font-size: 4vw;
		margin: 0 0 35px 0;
	}
}
@media screen and (max-width: 480px) {
	.product_reccomend_sttl{
		font-size: 5.86vw;
		margin: 0 0 35px 0;
	}
}
.product_reccomend_list{
	margin: 0 5% 0;
}
.product_reccomend_list li{
	margin: 0 12.5px 0;
}
@media screen and (max-width: 768px) {
	.product_reccomend_list li{
		margin: 0;
	}
}
.product_reccomend_list li a:hover{
	text-decoration: none;
}
.product_reccomend_list li a .product_reccomend_name{
	color: #231815;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.product_reccomend_list li a .product_reccomend_name{
		font-size: 2.08vw;
	}
}
@media screen and (max-width: 480px) {
	.product_reccomend_list li a .product_reccomend_name{
		font-size: 3.73vw;
		margin-right: 10%;
	}
}
.product_reccomend_list li a:hover img{
	opacity: 0.7;
}
.product_reccomend_list li a:hover .product_reccomend_name{
	text-decoration: underline;
}
/*.product_reccomend_name::after{
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #571b06;
    border-right: 2px solid #571b06;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin: 0 0 0 5px;
}
@media screen and (max-width: 768px) {
	.product_reccomend_name::after{
		display: none;
		margin: 0;
	}
}*/

.product_reccomend_review{
	align-items: center;
	display: flex;
	margin-top: 8px;
}
.product_reccomend_star{
	color: #f5c113;
}
.product_reccomend_number{
	color: #231815;
	font-size: 14px;
}
.common_category h3{
	text-align: center;
}
.common_category_sttl {
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 30px 0;
    text-align: center;
}
.common_category .container{
	background-color: #ededed;
	max-width: 1000px;
	margin: 0 auto;
	padding: 48px 48px 8px;
}
@media screen and (max-width: 480px) {
	.common_category .container{
		padding: 8% 5% 2%;
		margin-bottom: 8%;
	}
}
.common_category .common_category_list{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
	.common_category .common_category_list{
		justify-content: space-between;
	}
}
.common_category .common_category_list li{
	flex-basis: 23%;
	margin: 0 22px 40px 0;
	position: relative;
}
@media screen and (max-width: 768px) {
	.common_category .common_category_list li{
		flex-basis: 22%;
	}
}
@media screen and (max-width: 480px) {
	.common_category .common_category_list li{
		flex-basis: 46%;
		margin: 0 4% 5.33% 0;
		font-size: 3.2vw;
	}
}
.common_category .common_category_list li .icon_new{
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 480px) {
	.common_category .common_category_list li:nth-child(2n){
		margin: 0 0 5.33% 0;
	}
}
.common_category .common_category_list li a{
	color: #000;
}
.common_category .common_category_list li a:hover{
	opacity: 0.8;
}
.common_category .common_category_list li:nth-child(4n){
	margin: 0;
}
.common_category .common_category_list li img{
	margin-bottom: 12px;
}
.common_category .common_category_list li a p{
	align-items: center;
	display: flex;
}
.common_category .common_category_list li a p::after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #571b06;
	border-right: 2px solid #571b06;
	-webkit-transform: rotate(
	45deg
	);
	transform: rotate(
	45deg
	);
	margin: 0 0 0 5px;
}

/*5種お試しセット*/
.set5_limit{
	color: #e01b01;
	font-size: 14px;
	margin-bottom: 10px;
}
.set5_trial_notice{
	border: 3px solid #ccc;
	font-size: 14px;
	padding: 15px;
	line-height: 1.6;
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.set5_trial_notice{
		margin-bottom: 5.33%;
	}
}
.set5_trial_notice > span{
	color: #e01b01;
	font-weight: bold;
}

/*バランス栄養食共通コンテンツ部分*/
.balance_conditions{
	padding: 60px 0;
}
@media screen and (max-width: 480px) {
	.balance_conditions{
		padding: 8% 4%;
	}
}
.balance_conditions_ttl{
	text-align: center;
	margin-bottom: 34px;
}
@media screen and (max-width: 480px) {
	.balance_conditions_ttl{
		margin-bottom: 4.53vw;
	}
}
.balance_conditions_img{
	text-align: center;
	margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
	.balance_conditions_img{
		margin-bottom: 5.33vw;
	}
}

.balance_sns img{
	width: 100%;
}
.balance_sns .balance_sns_pc{
	display: block;
}
.balance_sns .balance_sns_sp{
	display: none;
}
@media screen and (max-width: 480px) {
	.balance_sns .balance_sns_pc{
		display: none;
	}
	.balance_sns .balance_sns_sp{
		display: block;
	}
}
.awards img{
	width: 100%;
}
.seven_years_lifespan img{
	width: 100%;
}
.balance_nutrition{
	background-color: #faf5ec;
	padding: 60px 0;
}
@media screen and (max-width: 480px) {
	.balance_nutrition{
		padding: 8% 1% 8% 4%;
	}
}
.balance_sns_txt{
	background-color: #fffff6;
	padding: 40px 0 60px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.balance_sns_txt{
		padding: 4%;
	}
}
.balance_sns_txt img{
	width: 65.6%;
}
@media screen and (max-width: 768px) {
	.balance_sns_txt img{
		width: 100%;
	}
}
.balance_nutrition_ttl{
	text-align: center;
	margin-bottom: 60px;
}
@media screen and (max-width: 480px) {
	.balance_nutrition_ttl{
		margin-bottom: 8%;
	}
}
.balance_nutrition_img{
	text-align: center;
	margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
	.balance_nutrition_img{
		text-align: center;
		margin-bottom: 5.33vw;
	}
}

/*100%ヒューマングレード*/
.human_grade_key{
	background-image:url("img/human_grade/bg_key.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	padding: 100px 5%;
	height: 52.8vw;
}
@media screen and (max-width: 768px) {
	.human_grade_key{
		background-image:url("img/human_grade/sp/bg_key.jpg");
		background-size:cover;
		background-position: center 26%;
		height: 115vw;
		padding: 37% 5% 0;
	}
}
.human_grade_key h1{
	color: #fff;
	font-size: 90px;
	font-weight: bold;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.human_grade_key h1{
		font-size: 9vw;
	}
}
.human_grade_premium{
	margin: 0 10% 60px;
}
@media screen and (max-width: 768px) {
	.human_grade_premium{
		margin: 0 5% 30px;
	}
}
.human_grade_premium_inner{
	display: flex;
	justify-content:space-between;
}
@media screen and (max-width: 480px) {
	.human_grade_premium_inner{
		flex-wrap: wrap;
		justify-content:center;
		flex-direction:column-reverse;
	}
}
.human_grade_premium_inner img{
	margin: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
	.human_grade_premium_inner img{
		width: 45%;
		margin: 0 0 0 20px;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_premium_inner img{
		width: 100%;
		margin: 0 0 20px 0;
	}
}
.human_grade_premium_ttl{
	color: #231815;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 50px 0;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.human_grade_premium_ttl{
		font-size: 6.4vw;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_premium_ttl{
		font-size: 8vw;
	}
}
.human_grade_premium_ttl br.sp{
	display:none;
}
.human_grade_premium_ttl br.pc{
	display: block;
}
@media screen and (max-width: 768px) {
	.human_grade_premium_ttl br.sp{
		display:block;
	}
	.human_grade_premium_ttl br.pc{
		display: none;
	}
}
.human_grade_premium_txt{
	line-height: 1.6;
}
.human_grade_premium_txt h3{
	font-size: 23px;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 1px dotted #b8b8b8;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_premium_txt h3{
		font-size: 17px;
		padding: 0 0 10px 0;
	}
}
.human_grade_material{
	background-color:#faf5ec;
	padding: 80px 5% 100px;
}
@media screen and (max-width: 768px) {
	.human_grade_material{
		background-color:#faf5ec;
		padding: 40px 3% 50px;
	}
}
.human_grade_material_ttl{
	color: #231815;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
	.human_grade_material_ttl{
		font-size: 6.4vw;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_ttl{
		font-size: 8vw;
		margin: 0 0 8%;
	}
}
.human_grade_material_sttl{
	color: #231815;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_material_sttl{
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_sttl{
		font-size: 5.86vw;
	}
}
.human_grade_material_sttl.mineral,
.human_grade_material_sttl.vegetable{
	margin: 60px auto 30px;
}
.human_grade_material_sttl.protein::after,
.human_grade_material_sttl.mineral::after,
.human_grade_material_sttl.vegetable::after{
	content: "";
	display: block;
	height: 2px;
	margin: 0 auto;
}
.human_grade_material_sttl.protein::after{
	background-color: #b1564a;
	width: 24%;
}
@media screen and (max-width: 768px) {
	.human_grade_material_sttl.protein::after{
		width: 38%;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_sttl.protein::after{
		width: 58%;
	}
}
.human_grade_material_sttl.mineral::after{
	background-color: #f1c704;
	width: 38%;
}
@media screen and (max-width: 768px) {
	.human_grade_material_sttl.mineral::after{
		width: 59%;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_sttl.mineral::after{
		width: 88%;
	}
}
.human_grade_material_sttl.vegetable::after{
	background-color: #67a449;
	width: 17%;
}
@media screen and (max-width: 768px) {
	.human_grade_material_sttl.vegetable::after{
		width: 26%;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_sttl.vegetable::after{
		width: 41%;
	}
}
.human_grade_material_link{
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
@media screen and (max-width: 480px) {
	.human_grade_material_link{
		margin-bottom: 13.3%;
	}
}
.human_grade_material_link li{
	margin-bottom: 20px;
	text-align: center;
	flex-basis: 31.5%;
}
@media screen and (max-width: 480px) {
	.human_grade_material_link li{
		margin-bottom: 5.33%;
	}
}
.human_grade_material_link li br{
	display: none;
}
@media screen and (max-width: 480px) {
	.human_grade_material_link li br{
		display: block;
	}
}
.human_grade_material_link li a{
	align-items: center;
	background-color: #fff;
	border: 2px #ccc solid;
	color: #231815;
	font-size: 18px;
	font-weight: bold;
	padding: 4% 0 10%;
	display: flex;
	position: relative;
	text-decoration: none;
	height: 100%;
	line-height: 1.4;
	justify-content: center;
}
@media screen and (max-width: 480px) {
	.human_grade_material_link li a{
		font-size: 3.73vw;
		padding: 7% 0 25%;
	}
}
.human_grade_material_link li a::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(
135deg
);
    transform: rotate(
135deg
);
    position: absolute;
    bottom: 20%;
	left: 0;
	right: 0;
	margin: auto;
    z-index: 2;
}
@media screen and (max-width: 480px) {
	.human_grade_material_link li a::before {
		bottom: 14%;
	}
}
.human_grade_material_link .about_protein a::before {
    border-top: 2px solid #b1564a;
    border-right: 2px solid #b1564a;
}
.human_grade_material_link .about_mineral a::before {
    border-top: 2px solid #f1c704;
    border-right: 2px solid #f1c704;
}
.human_grade_material_link .about_vegetable a::before {
    border-top: 2px solid #67a449;
    border-right: 2px solid #67a449;
}


.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

.human_grade_material_box{
	margin: 0 0 30px 0;
}
.human_grade_material_doctor{
	background-color: #fff;
	padding: 5% 5% 0;
}
.human_grade_material_doctor h3{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_material_doctor h3{
		font-size: 22px;
	}
}
.human_grade_material_doctor h3 br.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.human_grade_material_doctor h3 br.sp{
		display: block;
	}
}
.human_grade_material_doctor h3 > strong{
	color: #e01b01;
	font-weight: bold;
}
.human_grade_material_doctor_inner{
	align-items: center;
	display: flex;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 480px) {
	.human_grade_material_doctor_inner{
		align-items:flex-start;
		flex-wrap: wrap;
	}
}
.human_grade_material_doctor_inner > img{
	margin: 0 20px 0 0;
}
@media screen and (max-width: 480px) {
    .human_grade_material_doctor_inner > img{
        margin: 0 0 5.33%;
    }
}
.human_grade_material_info_nutrition{
	background-color: #fef9d5;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 16px;
    padding: 8px 5px 5px 10px;
}


.human_grade_material_doctor_txt{
	line-height: 1.6;
}
@media screen and (max-width: 480px) {
	.human_grade_material_doctor_txt{
		line-height: 1.8;
		font-size: 3.73vw;
	}
}
.human_grade_material_doctor h4{
	font-size: 49px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px 0;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.human_grade_material_doctor h4{
		font-size: 22px;
		margin: 0 0 30px 0;
	}
}
.human_grade_material_doctor h4 + p{
	text-align: center;
	line-height: 1.6;
	border-bottom: 1px dotted #bebebe;
	padding: 0 0 30px 0;
}
@media screen and (max-width: 480px) {
    .human_grade_material_doctor h4 + p{
        text-align: left;
		line-height: 1.8;
		font-size: 3.73vw;
    }
}
.human_grade_material_doctor h4 + p > strong{
	color: #e01b01;
	font-weight: bold;
}
.human_grade_material_graph{
	background-color: #fff;
	text-align: center;
	padding: 100px 0;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_material_graph{
		padding: 30px 3% 40px;
		margin: 0 0 30px 0;
	}
}
.human_grade_material_graph h3{
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 30px 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.human_grade_material_graph h3{
		font-size: 20px;
		margin: 0 0 30px 0;
	}
}
.human_grade_material_graph_inner{
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 0 16%;
	margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
	.human_grade_material_graph_inner{
		padding: 0;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_graph_inner{
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
		margin-bottom: 35px;
	}
}
.human_grade_material_graph_inner dt{
	background-color:#5a3f28;
	color: #fff;
	font-size: 13px;
	text-align: center;
	padding: 10px 5px;
	line-height: 1.6;
	margin: 0 0 15px 0;
}
.human_grade_material_graph_inner ul{
	margin: 0 30px 0 0;
}
@media screen and (max-width: 480px) {
	.human_grade_material_graph_inner ul{
		margin: 0 0 30px 0;
	}
}
.human_grade_material_graph_inner ul li{
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_material_graph_inner ul li{
		margin: 0 0 15px 0;
	}
}
.human_grade_material_graph_inner ul li:last-child{
	margin: 0;
}

.human_grade_material_component{
	display: flex;
	justify-content: center;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_material_component{
		flex-wrap: wrap;
	}
}
.human_grade_material_component dl:nth-child(2n){
	background-color: #faf5ec;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_material_component dl{
		display: flex;
		width: 100%;
		font-size: 15px;
	}
}
.human_grade_material_component dl dt{
	padding: 20px 30px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.human_grade_material_component dl dt{
		width: 30%;
		padding: 20px 0;
	}
}
.human_grade_material_component dl dd{
	padding: 20px 30px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.human_grade_material_component dl dd{
		padding: 20px 0;
		width: 33%;
	}
}
.human_grade_material_component_notice{
	font-size: 12px;
	text-align: left;
	margin: 0 0 0 12%;
}
@media screen and (max-width: 768px) {
	.human_grade_material_component_notice{
		line-height: 1.6;
		margin: 0;
	}
}
.human_grade_material_top{
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.human_grade_material_top{
		margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_top{
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
	}
}
.human_grade_material_top.wildbore,
.human_grade_material_top.awaji_chicken,
.human_grade_material_top.pumpkin,
.human_grade_material_top.broccoli,
.human_grade_material_top.sesame{
	flex-direction:row-reverse;
}
.human_grade_material_top img{
	width: 47%;
}
@media screen and (max-width: 768px) {
	.human_grade_material_top img{
		width: 35%;
		margin: 0 0 -10% 0;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_top img{
		width: 100%;
	}
}
.human_grade_material_top.venison img,
.human_grade_material_top.redsnapper img{
	margin: 0 -6% 0 0;
}
.human_grade_material_top.wildbore img,
.human_grade_material_top.awaji_chicken img{
	margin: 0 0 0 -6%;
}
@media screen and (max-width: 768px) {
	.human_grade_material_top.venison img,
	.human_grade_material_top.redsnapper img{
		margin: 0 -6% 0 0;
		width: 45%;
	}
	.human_grade_material_top.wildbore img,
	.human_grade_material_top.awaji_chicken img{
		margin: 0 0 0 -6%;
		width: 45%;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_material_top.venison img,
	.human_grade_material_top.redsnapper img{
		margin: 0 0 -10% 0;
		width: 100%;
	}
	.human_grade_material_top.wildbore img,
	.human_grade_material_top.awaji_chicken img{
		margin: 0 0 -10% 0;
		width: 100%;
	}
}

.human_grade_material_top.img_reverse{
	flex-direction:row-reverse;
}

.human_grade_material_info{
	background-color: #fff;
	flex-basis: 53%;
	padding: 5% 3.5%;
	position: relative;
}
@media screen and (max-width: 768px) {
	.human_grade_material_info{
		flex-basis: 100%;
		padding: 5% 3.5%;
	}
}
.human_grade_material_info_name{
	border-bottom: 1px dotted #b8b8b8;
	display: flex;
	align-items: center;
	font-size: 80px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.human_grade_material_info_name.chicken{
	font-size: 40px;
}
.human_grade_material_info_name.name_tuna{
	font-size: 72px;
}
.human_grade_material_info_name.name_oil{
	font-size: 64px;
}
@media screen and (max-width: 768px) {
	.human_grade_material_info_name{
		font-size: 6.51vw;
	}
	.human_grade_material_info_name.chicken{
		font-size: 5.2vw;
	}
	.human_grade_material_info_name.name_tuna{
		font-size: 3.9vw;
	}
	.human_grade_material_info_name.name_oil{
		font-size: 5.2vw;
	}
}

.human_grade_material_info_name > span{
	font-size: 23px;
	margin: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
	.human_grade_material_info_name > span{
		font-size: 16px;
		margin:0 0 0 15px;
		display: block;
		width: 40%;
	}
}
.human_grade_material_top.sweet_potato .human_grade_material_info_name,
.human_grade_material_top.pumpkin .human_grade_material_info_name,
.human_grade_material_top.carrots .human_grade_material_info_name,
.human_grade_material_top.broccoli .human_grade_material_info_name,
.human_grade_material_top.bonito .human_grade_material_info_name,
.human_grade_material_top.sesame .human_grade_material_info_name,
.human_grade_material_top.green_laver .human_grade_material_info_name{
	font-size: 60px;
}
@media screen and (max-width: 768px) {
	.human_grade_material_top.sweet_potato .human_grade_material_info_name,
	.human_grade_material_top.pumpkin .human_grade_material_info_name,
	.human_grade_material_top.carrots .human_grade_material_info_name,
	.human_grade_material_top.broccoli .human_grade_material_info_name,
	.human_grade_material_top.bonito .human_grade_material_info_name,
	.human_grade_material_top.sesame .human_grade_material_info_name,
	.human_grade_material_top.green_laver .human_grade_material_info_name{
		font-size: 3.9vw;
	}
}
.human_grade_material_info_txt{
	line-height: 1.6;
}
@media screen and (max-width: 480px) {
	.human_grade_material_info_txt{
		line-height: 1.8;
		font-size: 3.73vw;
	}
}
.human_grade_material_info_txt > strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}
.human_grade_cook{
	padding: 80px 10% 100px;
}
@media screen and (max-width: 768px) {
	.human_grade_cook{
		padding: 40px 5% 50px;
	}
}
.human_grade_cook_ttl{
	border-bottom: 1px dotted #bbbab8;
	color: #231815;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.human_grade_cook_ttl{
		font-size: 5.86vw;
		font-size: 30px;
	}
}
.human_grade_cook_txt{
	line-height: 1.6;
	background-color: #faf5ec;
	padding: 5%;
}
.human_grade_cook_inner{
	align-items: center;
	display: flex;
}
@media screen and (max-width: 480px) {
	.human_grade_cook_inner{
		flex-wrap: wrap;
	}
}
.human_grade_cook_inner p{
	margin: 0 0 20px 0;
	line-height: 1.6;
}
@media screen and (max-width: 480px) {
	.human_grade_cook_inner{
		line-height: 1.8;
		font-size: 3.73vw;
	}
}
.human_grade_cook_inner p strong{
	margin: 0 0 20px 0;
	color: #e01b01;
	text-decoration:underline;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.human_grade_cook_inner img{
		width: 45%;
	}
}
@media screen and (max-width: 480px) {
	.human_grade_cook_inner img{
		width: 100%;
	}
}
.human_grade_products_link a{
    color: #fff;
    display: block;
    padding: 15px 20px;
	margin: 0 auto 60px;
    background-color: #e75c00;
    width: 300px;
    text-align: center;
}
@media screen and (max-width: 480px) {
	.balance_detail_link{
		margin-bottom: 12%;
	}
}
.balance_detail_link a{
    background-color: #faf5ec;
    color: #010101;
    display: block;
    padding: 17px 40px;
    width: 280px;
    margin: 40px auto 0;
	position: relative;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
@media screen and (max-width: 480px) {
	.balance_detail_link a{
		margin: 0 auto;
	}
}
.balance_detail_link a::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.balance_detail_link a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.balance_detail_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}

/*ジビエと農業のこと*/
.gibier_farm_key{
	background-image:url("img/gibier_farm/bg_key_gibier_farm.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	padding: 180px 5% 0;
	height: 595px;
}
@media screen and (max-width: 768px) {
	.gibier_farm_key{
		background-image:url("img/gibier_farm/sp/bg_key_gibier_farm.jpg");
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center center;
		padding: 45% 5% 0;
		height: 131vw;
	}
}
.gibier_farm_key h1{
	color: #231815;
	font-size: 90px;
	font-weight: bold;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.gibier_farm_key h1{
		font-size: 9vw;
	}
}
.gibier_farm_history_ttl{
	color: #231815;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 80px 0;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_ttl{
		font-size: 4vw;
		line-height: 1.4;
		margin: 0 0 40px 0;
	}
}
@media screen and (max-width: 480px) {
	.gibier_farm_history_ttl{
		font-size: 5.86vw;
	}
}
.gibier_farm_history_ttl br.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_ttl br.sp{
		display: block;
	}
}
.gibier_farm_history{
	background-color: #faf5ec;
	padding: 80px 8% 120px;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history{
		background-color: #faf5ec;
		padding: 40px 5% 60px;
	}
}
.gibier_farm_history_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 60px 0;
	flex-direction:row;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_box{
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 0 10px 0;
	}
}
.gibier_farm_history_box.even{
	flex-direction:row-reverse;
}
.gibier_farm_history_box img{
	width: 61%;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_box img{
		width: 100%;
	}
}
.gibier_farm_history_box p{
	width: 100%;
	line-height: 1.6;
}
.gibier_farm_history_txt{
	background-color: #fff;
	padding: 3%;
	margin: 0 0 0 -5%;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_txt{
		padding: 5%;
		margin: 0;
	}
}
.gibier_farm_history_box.even .gibier_farm_history_txt{
	margin: 0 -5% 0 0;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_box.even .gibier_farm_history_txt{
		margin:0;
	}
}
.gibier_farm_history_txt h3{
	border-bottom: 1px dotted #c8c8c8;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 23px;
}
@media screen and (max-width: 768px) {
	.gibier_farm_history_txt h3{
		font-size: 20px;
	}
}
.gibier_farm_history_txt h3 span{
	color: #571b06;
	font-weight: bold;
	font-size: 40px;
	display: block;
	margin: 0 0 10px 0;
}
.gibier_farm_production{
	padding: 80px 17% 80px;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production{
		padding: 40px 5% 40px;
	}
}
.gibier_farm_production_ttl{
	color: #231815;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 80px 0;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_ttl{
		font-size: 4vw;
		margin: 0 0 40px 0;
	}
}
@media screen and (max-width: 480px) {
	.gibier_farm_production_ttl{
		font-size: 5.86vw;
	}
}
.gibier_farm_production_ttl br.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_ttl br.sp{
		display: block;
	}
}
.gibier_farm_production_img{
	margin: 0 30px 30px 0;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_img{
		margin: 0;
	}
}
.gibier_farm_production_img img{
	margin: 0 0 50px 0;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_img img{
		margin: 0 0 20px 0;
	}
}
.gibier_farm_production_img h3{
	border-bottom: 1px dotted #c6c6c6;
	color: #571b06;
	font-size: 30px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_img h3{
		font-size: 20px;
		padding: 0 0 10px 0;
		margin: 0 0 30px 0;
		text-align: center;
	}
}
.gibier_farm_production_txt{
	margin: 0 30px 30px 0;
	font-size: 14px;
	line-height: 1.6;
	flex-basis: 50%;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_txt{
		font-size: 2.08vw;
		flex-basis: 100%;
	}
}
@media screen and (max-width: 480px) {
	.gibier_farm_production_txt{
		font-size: 14px;
		margin: 0 0 30px 0;
	}
}
.gibier_farm_production_txt strong{
	color: #e01b01;
	font-weight: bold;
	text-decoration: underline;
}
.gibier_farm_production_inner{
	align-items: center;
	display: flex;
}
@media screen and (max-width: 768px) {
	.gibier_farm_production_inner{
		flex-wrap: wrap;
		justify-content: center;
	}
}

/*よくあるご質問*/
.faq_key{
	background-image:url("img/faq/bg_key_faq.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	padding: 220px 5% 0;
	margin: 0 0 30px 0;
	height: 595px;
}
@media screen and (max-width: 768px) {
	.faq_key{
		background-image:url("img/faq/sp/bg_key_faq.jpg");
		background-size:cover;
		background-position: center center;
		padding: 53% 5% 0;
		height: 131vw;
	}
}
.faq_key h1{
	color: #fff;
	font-size: 90px;
	font-weight: bold;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.faq_key h1{
		font-size: 9vw;
	}
}
.faq_list{
	margin: 0 15%;
}
@media screen and (max-width: 768px) {
	.faq_list{
		margin: 0 5%;
	}
}
.faq_list dl{
	border-top: 1px dotted #ccc;
	padding: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
	.faq_list dl{
		padding: 0;
	}
}
.faq_list dl dt{
	background-image: url("img/faq/icon_qestion.png");
	background-repeat: no-repeat;
	background-position: 0 60%;
	color: #231815;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 20px 0 14px 45px;
}
@media screen and (max-width: 768px) {
	.faq_list dl dt{
		line-height: 1.4;
		background-position: 0 50%;
	}
}
.faq_list dl dd{
	border-bottom: 1px dotted #ccc;
	margin: 0 0 60px 0;
	padding: 6px 0 80px 47px;
	line-height: 1.6;
	font-size: 14px;
	background-image: url("img/faq/icon_answer.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
@media screen and (max-width: 768px) {
	.faq_list dl dd{
		margin: 0 0 30px 0;
		padding: 6px 0 40px 47px;
	}
}
.faq_list_simulation{
	text-align: right;
	display: block;
}
.faq_list_simulation a{
	text-decoration: underline;
}

/*プライバシーポリシー*/
.privacy_ttl{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 80px 0 60px 0;
}
@media screen and (max-width: 768px) {
	.privacy_ttl{
		font-size: 5.33vw;
		margin: 130px 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
	.privacy_ttl{
		font-size: 5.33vw;
		margin: 16% 0 8%;
	}
}
.privacy_txt{
	text-align: center;
	margin: 0 0 80px 0;
	line-height: 1.6;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.privacy_txt{
		padding: 0 5%;
		margin: 0 0 40px 0;
	}
}
.privacy_list{
	padding: 0 22%;
}
@media screen and (max-width: 768px) {
	.privacy_list{
		padding: 0 5%;
	}
}
.privacy_list dt{
	border-bottom: 1px dotted #ccc;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 12px 0;
	margin: 0 0 14px 0;
}
@media screen and (max-width: 768px) {
	.privacy_list dt{
		line-height: 1.4;
	}
}
.privacy_list dd{
	margin: 0 0 80px 0;
	line-height: 1.6;
    font-size: 14px;
}
@media screen and (max-width: 768px) {
	.privacy_list dd{
		margin: 0 0 40px 0;
	}
}
.privacy_company{
	text-align: right;
	line-height: 1.6;
	font-size: 14px;
	padding: 0 21% 0 0;
	margin: 0px 0 80px 0;
}
@media screen and (max-width: 768px) {
	.privacy_company{
		padding: 0;
		margin: 0px 6% 40px 0;
	}
}
.privacy_sttl{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
	.privacy_sttl{
		font-size: 21px;
		margin: 0 0 20px 0;
	}
}
/*特定商取引に関する法律に基づく表記*/
.transactions_ttl{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 80px 0 60px 0;
}
@media screen and (max-width: 768px) {
	.transactions_ttl{
		font-size: 5.33vw;
		margin: 130px 0 20px 0;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	.transactions_ttl{
		font-size: 5.33vw;
		margin: 16% 0 6.4%;
		line-height: 1.4;
	}
}
.transactions_ttl br{
	display: none;
}
@media screen and (max-width: 768px) {
	.transactions_ttl br{
		display: block;
	}
}
.transactions_box{
	padding: 0 22%;
}
@media screen and (max-width: 768px) {
	.transactions_box{
		padding: 0 5%;
	}
}
.transactions_box dl{
	display: table;
	width: 100%;
}
.transactions_box dl dt{
	border-bottom: 1px dotted #b8b8b8;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	padding: 5% 0;
	width: 30%;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.transactions_box dl dt{
		padding: 5% 5% 5% 0;
		line-height: 1.4;
	}
}
.transactions_box dl dd{
	border-bottom: 1px dotted #b8b8b8;
	display: table-cell;
	vertical-align: middle;
	padding: 5% 0;
	font-size: 14px;
	line-height: 1.6;
}

/*給与シミュレーター*/

.simulator_key{
	background-image:url("img/simulator/bg_key_simulator.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	padding: 245px 5% 0;
	margin: 0;
	height: 52.8vw;
}
@media screen and (max-width: 768px) {
	.simulator_key{
		background-image:url("img/simulator/sp/bg_key_simulator.jpg");
		background-size:cover;
		background-position: center center;
		margin: 0 0 35px 0;
		padding: 41% 5% 0;
		height: 131vw;
	}
}
.simulator_key h1{
	color: #fff;
	margin: 0 0 20px 0;
	font-size: 86px;
	font-weight: bold;
	line-height: 1.2;
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.simulator_key h1{
		margin: 0;
		font-size: 8.2vw;
	}
}
@media screen and (max-width: 480px) {
	.simulator_key h1{
		margin: 0;
		font-size: 40px;
	}
}
.simulator_key h1 span{
	display: block;
	font-size: 37px;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.simulator_key h1 span{
		font-size: 20px;
		margin: 0 0 10px 0;
	}
}
.simulator_key h1 br.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.simulator_key h1 br.sp{
		display: block;
	}
}
.simulator_supply{
	padding: 0 10% 60px;
}
@media screen and (max-width: 768px) {
	.simulator_supply{
		padding: 0 5% 30px;
	}
}
.simulator_supply_ttl {
    color: #231815;
    font-weight: bold;
    font-size: 30px;
	line-height: 1.4;
    margin: 0 0 20px;
}
@media screen and (max-width: 480px) {
	.simulator_supply_ttl {
		font-size: 4.8vw;
		margin: 0 0 5.33% 0;
	}
}
.simulator_supply_inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.simulator_supply_inner{
		flex-wrap: wrap;
		margin: 0 0 60px 0;
	}
}
@media screen and (max-width: 480px) {
	.simulator_supply_inner{
		flex-direction: column-reverse;
		margin: 0 0 5.33% 0;
	}
}
.simulator_supply_inner.supply_mince{
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 768px) {
	.simulator_supply_inner.supply_mince{
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	.simulator_supply_inner.supply_mince{
		flex-direction: column-reverse;
	}
}
.simulator_supply_inner .simulator_supply_img{
	flex-basis:45%;
}
@media screen and (max-width: 768px) {
	.simulator_supply_inner .simulator_supply_img{
		flex-basis: 100%;
		margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 768px) {
	.simulator_supply_inner .simulator_supply_img img{
		width: 100%;
	}
}
.simulator_supply_link{
	margin-top: 20px;
}
.simulator_supply_link a{
    background-color: #faf5ec;
    color: #010101;
    display: block;
    padding: 17px 40px;
    width: 280px;
    margin: 0 auto;
	position: relative;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
.simulator_supply_link a::before {
    background-color: #571b06;
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.simulator_supply_link a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.simulator_supply_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}

.simulator_supply_txt{
	flex-basis:50%;
}
@media screen and (max-width: 768px) {
	.simulator_supply_txt{
		flex-basis:100%;
	}
}
.simulator_supply_txt h3{
	border-bottom: 1px dotted #bdbdbd;
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.simulator_supply_txt h3{
		font-size: 26px;
	}
}
@media screen and (max-width: 480px) {
	.simulator_supply_txt h3{
		font-size: 4.8vw;
	}
}
.simulator_supply_txt h3 br{
	display: none;
}
@media screen and (max-width: 480px) {
	.simulator_supply_txt h3{
		display: block;
	}
}
.simulator_supply_use{
	display: flex;
}
.simulator_supply_use li{
	background-color: #f2870a;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	display: inline-block;
	padding: 8px 10px 5px;
	margin-right: 10px;
}
@media screen and (max-width: 480px) {
	.simulator_supply_use li{
		font-size: 3.73vw;
	}
}
.simulator_supply_calorie{
	border-bottom: 1px dashed #c6c6c6;
	font-weight: bold;
	padding:16px 0;
}
@media screen and (max-width: 480px) {
	.simulator_supply_calorie{
		padding:5% 0 5% 0;
	}
}
@media screen and (max-width: 480px) {
	.simulator_supply_calorie br{
		display: none;
	}
}
.simulator_supply_txt p{
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
	.simulator_supply_txt p{
		font-size: 2.08vw;
		line-height: 1.6;
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 480px) {
	.simulator_supply_txt p{
		font-size: 3.73vw;
		line-height: 1.8;
	}
}
.simulator_supply_txt p span{
	color: #e01b01;
	font-weight: bold;
}

.simulator{
	display: flex;
	justify-content: space-between;
	padding: 40px 10% 130px;
}
@media screen and (max-width: 768px) {
	.simulator{
		flex-wrap: wrap;
		padding: 0 5% 150px;
	}
}
@media screen and (max-width: 480px) {
	.simulator{
		padding: 0 5% 40%;
	}
}
.simulator_faq{
	width: 60%;
}
@media screen and (max-width: 768px) {
	.simulator_faq{
		width: 100%;
		margin: 0 0 30px 0;
	}
}
.simulator_box{
	align-items: center;
	background-color: #faf5ec;
	display: flex;
}
.simulator_box.even{
	background-color: #fff;
}
.simulator_box ul{
	display: flex;
	font-size: 14px;
}
.simulator_box_sub{
	background: #fff;
	padding: 1em 1em;
}
.simulator_box_sub_txt{
	margin: 0 0 20px 0;
}
.simulator_box_sub ul{
	display: flex;
	flex-wrap: wrap;
}
.simulator_box_sub ul li{
	flex-basis: 20%;
	font-size: 14px;
	margin: 0 0 20px 0;
}
.simulator_box_sub ul li label{
	align-items: center;
	display: flex;
}
.question {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.25;
	padding: 1em 1em;
	width: 40%;
}
@media screen and (max-width: 768px) {
	.question {
		width: 50%;
	}
}
.record {
	background: #faf5ec;
	color: #000;
	font-size: 100%;
	margin: 0;
	padding: 4% 3.5% 3.5%;
	width: 35%;
}
@media screen and (max-width: 768px) {
 .record {
	margin: 0;
	padding: 4% 3.5% 3.5%;
	width: 100%;
  }
}
.record_heading{
	font-weight: bold;
	text-align:center;
	margin: 0 0 20px 0;
}
.record_tag {
	background-color: #fff;
	border: 1px solid;
	border-radius: .125em;
	display: inline-block;
	line-height: 1;
	margin: .25em .125em;
	padding: .25em .25em;
	text-align: center;
}
.record table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.25;
  width: 100%;
}
.record table th,
.record table td {
  border-top: 1px dotted #bababa;
  padding: .75em 0;
  text-align-last: left;
}
.record table th {
  width: 7em;
}
.record table tr:last-child th {
	font-weight: bold;
}
.record table tr:last-child td {
	color: #e01b01;
	font-weight: bold;
	font-size: 24px;
}
@media screen and (max-width: 480px) {
	.record table tr:last-child td {
		font-size: 5.33vw;
		line-height: 1.4;
	}
}
.simulator_advise{
	background-color: #faf5ec;
}

.simulator_advise_inner{
	max-width: 1000px;
	margin: 0 auto 80px;
	padding: 70px 0 60px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.simulator_advise_inner{
		padding: 9.6% 5% 5%;
	}
}
@media screen and (max-width: 480px) {
	.simulator_advise_inner{
		padding: 15.5% 5% 6.4%;
	}
}
.simulator_advise_inner .simulator_advise_img{
	position: absolute;
	top: -100px;
	left: 0;
}
@media screen and (max-width: 480px) {
	.simulator_advise_inner .simulator_advise_img{
		top:-19%;
		left: 0;
		right: 0;
		margin: auto;
		width: 90%;
	}
}
.simulator_advise_list li{
	background-image: url("img/simulator/bg_simulator_advise_list.gif");
	background-position: left top 6px;
	background-repeat: no-repeat;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0 0 0 30px;
	line-height: 1.6;
}
@media screen and (max-width: 480px) {
	.simulator_advise_list li{
		font-size: 4.26vw;
	}
}
@media screen and (max-width: 480px) {
	.simulator_advise_list li br{
		display: none;
	}
}
.inner_link_txt{
	color: #231815;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	margin-bottom: 60px;
}
@media screen and (max-width: 480px) {
	.inner_link_txt{
		font-size: 6.4vw;
		margin-bottom: 5.33%;
	}
}

@media screen and (max-width: 480px) {
	.inner_link{
		margin: 0 5% 10%;
	}
}
.inner_link_list{
	display: none;
}
@media screen and (max-width: 480px) {
	.inner_link_list{
		align-items:stretch;
		display: flex;
		justify-content: space-between;
	}
}
@media screen and (max-width: 480px) {
	.inner_link_list li{
		flex-basis: 31.5%;
	}
}
@media screen and (max-width: 480px) {
	.inner_link_list li a{
		align-items: center;
		border: 2px #ccc solid;
		color: #231815;
		font-size: 3.73vw;
		display: flex;
		line-height: 1.4;
		justify-content: center;
		text-align: center;
		width: 100%;
		height: 100%;
		padding: 5% 0 24%;
		text-decoration: none;
		position: relative;
	}
}
.inner_link_list li a::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #f2870a;
    border-right: 2px solid #f2870a;
    -webkit-transform: rotate(
135deg
);
    transform: rotate(
135deg
);
    position: absolute;
    bottom: 20%;
	left: 0;
	right: 0;
	margin: auto;
    z-index: 2;
}
@media screen and (max-width: 480px) {
	.inner_link_list li a::before {
		bottom: 14%;
	}
}
@media screen and (max-width: 480px) {
	#inner_link_balance,
	#inner_link_mince,
	#inner_link_fresh{
		display: block;
		padding-top: 90px;
		margin-top: -90px;
	}
}

/*お問い合わせ*/
.contact_ttl{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 80px 0 60px 0;
}
@media screen and (max-width: 768px) {
	.contact_ttl{
		font-size: 5.86vw;
		margin: 130px 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
	.contact_ttl{
		margin: 16% 0 8%;
	}
}
.contact_select{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	max-width: 980px;
	padding: 0 0 200px;
}
@media screen and (max-width: 768px) {
	.contact_select{
		padding: 0 5% 100px;
	}
}
.contact_customer,
.contact_retail{
	flex-basis: 48%;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.contact_customer,
	.contact_retail{
		flex-basis: 100%;
	}
}
.contact_customer{
	margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
	.contact_customer{
		margin: 0 0 40px;
	}
}
.contact_retail{
	margin: 0 0 0 10px;
}
@media screen and (max-width: 480px) {
    .contact_retail{
        margin: 0;
    }
}
.contact_customer a,
.contact_retail a{
	background-color: #faf5ec;
	color: #231815;
	display: block;
	padding: 60px 20px;
	position: relative;
}
.contact_customer a:hover,
.contact_retail a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.contact_customer a::after,
.contact_retail a::after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-top: 2px solid #231815;;
    border-right: 2px solid #231815;;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 44%;
    right: 20px;
    z-index: 2;
}
.contact_customer dl dt,
.contact_retail dl dt{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.contact_customer dl dt,
	.contact_retail dl dt{
		font-size: 6.4vw;
	}
}
.contact_retail dl dd br{
	display: none;
}
@media screen and (max-width: 768px) {
	.contact_customer dl dd,
	.contact_retail dl dd{
		font-size: 3.73vw;
		line-height: 1.4;
	}
	.contact_retail dl dd br{
		display: block;
	}
}
/*お問い合わせフォーム*/
.contact_box{
	padding: 0 22% 60px;
}
@media screen and (max-width: 768px) {
	.contact_box{
		padding: 0 5% 60px;
	}
}
.contact_box_txt{
	margin: 0 0 20px 0;
	line-height: 1.4;
}
.contact_box_link{
	margin: 0 0 40px 0;
}
.contact_box_link a {
	position: relative;
	padding: 0 0 0 20px;
}
.contact_box_link a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #231815;;
    border-right: 2px solid #231815;;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 19%;
    left: 0;
    z-index: 2;
}
.contact_box_form dl{
	display: table;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.contact_box_form dl{
		display: block;
	}
}
.contact_box_form dl:first-child,
.contact_box_form dl:nth-child(3),
.contact_box_form dl:nth-child(5){
	background-color: #faf5ec;
}
@media screen and (max-width: 768px) {
	.contact_box_form dl:first-child,
	.contact_box_form dl:nth-child(3),
	.contact_box_form dl:nth-child(5){
		background-color: #fff;
	}
}
.contact_box_form dl dt{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
    padding: 20px 0 20px 10px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
	.contact_box_form dl dt{
		background-color: #faf5ec;
		display: block;
		padding: 14px 0 12px 10px;
		width: 100%;
	}
}
.contact_box_form dl dd{
	display: table-cell;
	width: 70%;
	padding: 20px 0 20px 10px;
}
@media screen and (max-width: 768px) {
	.contact_box_form dl dd{
		display: block;
		width: 100%;
	}
}
.contact_box_form dl dd input[type='text'] {
	padding: 5px;
	width: 80%;
}
@media screen and (max-width: 768px) {
	.contact_box_form dl dd input[type='text'] {
		width: 92%;
	}
}
.contact_box_form dl dd textarea {
	padding: 5px;
	width: 80%;
}
@media screen and (max-width: 768px) {
	.contact_box_form dl dd textarea {
		width: 92%;
	}
}
.contact_box_form .submit{
	margin: 40px 0 0;
	text-align: center;
}
.contact_box_form .submit input[type='submit']{
	border: none;
	color: #fff;
	text-align: center;
	background-color: #231815;
	padding: 10px 0;
	width: 300px;
	margin: 0 auto;
	font-size: 24px;
	cursor: pointer;
}

.contact_sttl{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 80px 0 60px 0;
}
@media screen and (max-width: 768px) {
	.contact_sttl{
		font-size: 21px;
		margin: 130px 0 30px 0;
	}
}
.contact_box table{
	margin: 0 0 40px 0;
}
.contact_box table th{
	padding: 10px;
	width: 120px;
    line-height: 1.4;
}
.contact_box table td{
	padding: 10px;
	 line-height: 1.4;
}
.submit-btn{
	text-align: center;
}

/*初めてのお客様へ*/
.guide_top{
  background:url("img/guide/key_guide.png") no-repeat;
  background-size: cover;  
  color:#fff;
  padding: 90px 0 40px 0;
}
@media screen and (max-width: 768px) {
	.guide_top{
		background:url("img/guide/sp/key_guide.png") no-repeat;
		background-position: 0 0;
		background-size: 100%;
		padding: 30% 0 0 0;
		height: 110.5vw;
	}
}
@media screen and (max-width: 480px) {
	.guide_top{
		padding: 42% 0 0 0;
		height: 110.5vw;
	}
}
.guide_top .container{
	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.guide_top .container{
		padding: 0 5%;
	}
}
.guide_top .guide_txt{
	width:60%;
	border-top:2px solid #fff;
	padding-top: 10px;
}
@media screen and (max-width: 768px) {
	.guide_top .guide_txt{
		width:100%;
	}
	.guide_top .guide_txt br{
		display: none;
	}
}
.top_txt_area .container{
  	max-width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.top_txt_area .container{
		padding: 0 5%;
	}
}
.top_txt_area .container .top_txt{
	margin: 50px 0 70px 0;
	text-align: center;
	line-height: 1.6;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.top_txt_area .container .top_txt{
		margin: 10% 0;
	}
}
@media screen and (max-width: 480px) {
	.top_txt_area .container .top_txt{
		line-height: 1.8;
		text-align: left;
	}
}
.top_txt_area .container .top_txt span{
	color:#e01b01;
}

.guide_link_box{
	display: flex;
	width: 61%;
	justify-content: center;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.guide_link_box{
		width: 100%;
		flex-wrap: wrap;
	}
}
.top_txt_area .guide_link.pc{
	display: block;
	font-weight: bold;
	margin: 0 auto 80px;
}
.top_txt_area .guide_link.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.top_txt_area .guide_link.pc{
		display: none;
	}
	.top_txt_area .guide_link.sp{
		display: block;
		font-weight: bold;
		margin: 0 auto 60px;
	}
}
.top_txt_area .guide_link a{
	color:#010101;
	background-color: #faf5ec;
	display: block;
	padding: 25px 0 24px 20px;
	position: relative;
	width: 270px;
	margin: 0 auto;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
@media screen and (max-width: 768px) {
	.top_txt_area .guide_link a{
		width: 310px;
	}
}
.top_txt_area .guide_link a::before{
	background-color: #571b06;
	content: "";
	display: block;
    width: 50px;
    height: 66px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.top_txt_area .guide_link a::after{
	content: "";
	display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 20px;
    z-index: 2;
}
.top_txt_area .guide_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.top_txt_area .guide_link a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

/*amazonリンク*/
.top_txt_area .amazon_link.pc{
	display: block;
	font-weight: bold;
	margin: 0 auto 80px;
}
.top_txt_area .amazon_link.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.top_txt_area .amazon_link.pc{
		display: none;
	}
	.top_txt_area .amazon_link.sp{
		display: block;
		font-weight: bold;
		margin: 0 auto 80px;
	}
}
.top_txt_area .amazon_link a{
	color:#010101;
	background-color: #faf5ec;
	display: block;
	padding: 13px 0 11px 20px;
	position: relative;
	width: 270px;
	margin: 0 auto;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
	line-height: 1.3;
}
@media screen and (max-width: 768px) {
	.top_txt_area .amazon_link a{
		width: 310px;
	}
}
.top_txt_area .amazon_link a::before{
	background-color: #571b06;
	content: "";
	display: block;
    width: 50px;
    height: 66px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.top_txt_area .amazon_link a::after{
	content: "";
	display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 20px;
    z-index: 2;
}
.top_txt_area .amazon_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.top_txt_area .amazon_link a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.guide_ttl{
	font-size: 30px;
	font-weight: bold;
	margin: 0px 0 12px 0;
}
@media screen and (max-width: 768px) {
	.guide_ttl{
		font-size: 9.06vw;
		margin: 0px 0 12px 0;
	}
}
@media screen and (max-width: 480px) {
	.guide_ttl{
		font-size: 5.86vw;
		margin: 0px 0 12px 0;
	}
}
.guide_privilege{
	background: #faf5ec;
}
.guide_sttl{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
	.guide_sttl{
		font-size: 4vw;
	}
}
@media screen and (max-width: 480px) {
	.guide_sttl{
		font-size: 6.4vw;
	}
}
.guide_txt{
	line-height: 1.6;
	margin: 0 0 20px 0;
}

.guide_privilege .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 80px 0;
}
@media screen and (max-width: 768px) {
	.guide_privilege .container{
		padding: 40px 5%;
	}
}
.guide_privilege .guide_txt{
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
    .guide_privilege .guide_txt{
      text-align: left;
    }
}
.guide_privilege_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 80px 0;
}
@media screen and (max-width: 768px) {
	.guide_privilege_list{
		justify-content: center;
		margin: 0 0 40px 0;
	}
}
.guide_privilege_list li{
	align-items: center;
	padding: 20px 30px 40px 30px;
	margin: 0 0 30px 0;
	background: #fff;
	flex-basis:313px;
}
@media screen and (max-width: 480px) {
	.guide_privilege_list li{
		padding: 20px 5% 40px;
	}
}
.guide_privilege_list li .text{
	line-height: 1.8;
	margin: 0 0 20px 0;
}
.guide_privilege_list li .text span{
	font-weight: bold;
}
.guide_notice{
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
	.guide_notice{
		font-size: 3.73vw;
		margin-bottom: 8%;
	}
}
@media screen and (max-width: 768px) {
	.guide_privilege_list li{
		flex-basis:100%;
	}
}
.guide_privilege_list li:nth-child(4){
	flex-basis:100%;
	margin: 0 auto 30px auto;
}

.guide_privilege_list li:nth-child(5),
.guide_privilege_list li:nth-child(6){
	flex-basis:487px;
	margin: 0;
}
@media screen and (max-width: 768px) {
	.guide_privilege_list li:nth-child(5){
		flex-basis:100%;
		margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 768px) {
	.guide_privilege_list li:nth-child(6){
		flex-basis:100%;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.guide_privilege_number{
		align-items: center;
		display: flex;
		margin: 0 0 20px 0;
		justify-content: center;
	}
}
@media screen and (max-width: 768px) {
	.guide_privilege_number > p{
		margin: 0 20px 0 0;
	}
}
@media screen and (max-width: 480px) {
	.guide_privilege_number > p{
		margin: 0 20px 0 0;
	}
}
.guide_privilege_list li .center{
  text-align: center;
}
.guide_privilege_list li .red{
	color:#e01b01;
	font-weight: bold;
	font-size:25px;
	margin: 20px 0;
}
@media screen and (max-width: 768px) {
	.guide_privilege_list li .red{
		text-align: left;
		margin: 10px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
	.guide_privilege_list li .red{
		flex-basis: 100%;
		font-size:5.33vw;
		line-height: 1.4;
	}
}
.guide_privilege_list li dd.text{
	line-height: 1.6;
	margin: 0;
}
.guide_privilege_list li .postscript{
	font-size:14px;
	margin-top: 20px;
	line-height: 1.5;
}
@media screen and (max-width: 480px) {
	.guide_privilege_list li .postscript{
		font-size:3.73vw;
	}
}
.guide_privilege_list dt{
	margin: 0 0 20px 0;
}
.guide_privilege{
	background: #faf5ec;
	padding: 5% 0;
}

.guide_privilege_mypage{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}
.guide_privilege_mypage_txt{
	flex-basis: 48%;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.guide_privilege_mypage_txt{
		flex-basis: 100%;
		margin: 0 0 30px 0;
	}
}
.guide_privilege_mypage_link a{
	color:#010101;
	background-color: #fff;
	display: block;
	padding: 17px 0 17px 20px;
	position: relative;
	width: 290px;
	margin: 0 auto;
	box-shadow: 2.121px 2.121px 0px 0px rgba(190, 190, 190, 0.51);
}
.guide_privilege_mypage_link a::before{
	background-color: #571b06;
	content: "";
	display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.guide_privilege_mypage_link a::after{
	content: "";
	display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 35%;
    right: 20px;
    z-index: 2;
}
.guide_privilege_mypage_link a:hover{
	color:#fff;
	background-color: #571b06;
	text-decoration: none;
	transition: all 0.5s ease-out;
}
.guide_privilege_mypage_link a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.guide_payment .guide_sttl{
	margin: 0 0 80px 0;
}
@media screen and (max-width: 768px) {
	.guide_payment .guide_sttl{
		margin: 0 0 40px 0;
	}
}
.guide_payment .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 63px 0;
}
@media screen and (max-width: 768px) {
	.guide_payment .container{
		padding: 63px 5%;
	}
}
.guide_payment_box .guide_payment_credit{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 3%;
	margin: 0 0 50px 0;
}
.guide_payment_box .guide_payment_credit dt{
	flex-basis: 48%;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.guide_payment_box .guide_payment_credit dt{
		flex-basis: 100%;
		margin: 0 0 20px 0
	}
}
.guide_payment_box .guide_payment_credit dd{
	flex-basis: 50%;
}
@media screen and (max-width: 768px) {
	.guide_payment_box .guide_payment_credit dd{
		flex-basis: 100%;
	}
}
.guide_payment_sttl{
	border-bottom: 1px solid #000;
	padding: 0 0 10px;
	margin: 0 0 30px 0;
}
.guide_payment_price{
	margin: 0 0 10px 0;
}
.guide_payment_price span{
	color: #e01b01;
}
.guide_payment_list dt{
    margin: 0 0 20px 0;
    width: 55%;
    height: auto;
}
@media screen and (max-width: 768px) {
	.guide_payment_list dt{
		width: 100%;
	}
}
.guide_payment_txt{
	line-height: 1.6;
}
.guide_payment_table{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	margin: 30px 0 30px 0;
}
.guide_payment_table dl{
	display: table;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.guide_payment_table dl{
		display: block;
	}
}
.guide_payment_table dl dt{
	background-color: #edeef0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	display: table-cell;
	text-align: center;
	padding: 20px 0;
	margin: 0;
	vertical-align: middle;
	width: 30%;
}
@media screen and (max-width: 768px) {
	.guide_payment_table dl dt{
		display: block;
		width: 100%;
	}
}
.guide_payment_table dl dd{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.guide_payment_table dl dd{
		display: block;
		width: 100%;
	}
}
.guide_returns .container{
	max-width: 1000px;
	margin: 0 auto;
	padding: 63px 0;
}
@media screen and (max-width: 768px) {
	.guide_returns .container{
		padding: 0 5%;
	}
}
.cat_btn_fixed{
	text-align: right;
	display: inline-block;
}

.fixed-offer {
	opacity: 0;
	transition: opacity .3s linear 0s;
	width: 100%;
	z-index: 20;
}
.floating_navi{
	display: none;
}
.btm_floating{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	max-width: 1130px;
	margin: 0 auto;
}
.btm_floating_cart{
	text-align: right;
	margin: 0 0 16px 0;
}
/*カートボタン非表示*/
#top .btm_floating_cart,
#products_top .btm_floating_cart,
#products_list .btm_floating_cart,
#guide .btm_floating_cart,
#privacy .btm_floating_cart,
#gibier_farm .btm_floating_cart,
#human_grade .btm_floating_cart,
#contact .btm_floating_cart,
#simulator .btm_floating_cart,
#transactions .btm_floating_cart,
#faq .btm_floating_cart{
	display: none;
}

#contact .btm_floating_bnr,
#faq.btm_floating_bnr,
#privacy.btm_floating_bnr,
#transactions .btm_floating_bnr{
		display: none;
}

#transactions .floating_navi,
#privacy .floating_navi{
	display: none;
}
.fixed-offer-is-invisible {
	opacity: 0;
	pointer-events: none;
}
.fixed-offer-is-invisible.fixed-offer-is-ended {
	left: 100%;
}
.fixed-offer-is-visible {
	opacity: 1 !important;
}

@media screen and (max-width: 480px) {
	/*フローティング全体*/
	.fixed-offer {
		opacity: 0;
		transition: opacity .3s linear 0s;
		width: 100%;
		z-index: 20;
	}
	/*フローティング上部*/
	.floating_navi {
		position: fixed;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		padding: 3% 5%;
		display: block;
		z-index: 11;
		width: 100%;
	}
	.floating_navi .container{
		align-items: center;
		display: flex;
	}
	.floating_navi_logo{
		flex-basis: 100px; 
		margin: 0 45% 0 0;
		position: absolute;
		top: 0;
	}
	.floating_navi_list{
		display: flex;
		justify-content: flex-end;
	}
	.floating_navi_list li{
		margin: 0 20px 0 0;
	}
	.floating_navi_list li:last-child{
		margin: 0;
	}
	.floating_navi_mypage a{
		background-image: url("img/common/icon_float_mypage.png");
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 26px;
		font-size: 3.2vw;
		padding: 52% 0 0 0;
		display: block;
		color: #571b06;
	}
	.floating_navi_cart a{
		background-image: url("img/common/icon_float_cart.png");
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 26px;
		font-size: 3.2vw;
		padding: 87% 0 0 0;
		display: block;
		color: #571b06;
	}
	
	/*フローティング下部*/
	.btm_floating{
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 10;
	}
	.btm_floating_cart{
		text-align: right;
		margin: 0 16px 16px 0;
	}

	.fixed-offer-is-invisible {
		opacity: 0;
		pointer-events: none;
	}

	.fixed-offer-is-invisible.fixed-offer-is-ended {
		left: 100%;
	}

	.fixed-offer-is-visible {
		opacity: 1 !important;
	}
	
	#contact .fixed-offer-is-visible,
	#customer .fixed-offer-is-visible,
	#retail .fixed-offer-is-visible {
		opacity: 0 !important;
		display: none;
	}

	.fixed-offer__close {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}
}

/*レシピサイト*/
.recipe .header{
	position: inherit;
}
.recipe .head_wrap:after {
	display: none;
}
.recipe_key{
	background-image:url("img/human_grade/bg_key.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	padding: 100px 5%;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
	.recipe_key{
		background-image:url("img/human_grade/sp/bg_key.jpg");
		background-size:cover;
		background-position: center 26%;
		height: 115vw;
		padding: 37% 5% 0;
	}
}
.recipe_key h1{
	color: #fff;
	font-size: 90px;
	font-weight: bold;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.recipe_key h1{
		font-size: 9vw;
	}
}

.recipe_list li {
	margin-bottom: 60px;
}
.recipe_list_head{
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	margin: 0 0 16px 0;
}
.recipe_list li img{
	width: 100%;
	height: auto
}
.recipe_list li a {
	text-decoration: none;
	color: #231815;
}
.recipe_list li a .recipe_sttl{
	color: #231815;
	font-size: 26px;
	font-weight: bold;
	margin: 0;
}
.recipe_list_head p{
	font-size: 14px;
}
.recipe .wrapper{
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 80px;
}
.recipe .wrapper .main{
	width: 66%;
}
.recipe .wrapper .sidebar{
	width: 30%;
}
.category_new{
	margin: 0 0 40px 0;
}
.category_new_list li {
	display: flex;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 14px 0;
	margin: 0 0 14px 0;
}
.entry_img {
	flex-basis: 30%;
	margin: 0 16px 0 0;
}
.entry_day{
	margin: 0 0 10px 0;
	font-size: 14px;
}
.entry_text{
	flex-basis: 60%;
}
.entry_text h4{
	line-height: 1.4;
}
.category_new h3{
	color: #231815;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.category{
	margin: 0 0 30px 0;
}
.category h3{
	color: #231815;
	font-weight: bold;
	margin: 0 0 20px 0;
}

/*詳細ページ*/
.recipe .main_contents{
	margin: 60px 0 0 0;
}
.breadcrumbs_box{
	margin: 0 0 0 10.5%;
}
.recipe h2{
	color: #231815;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 20px 0;
}
.recipe_copy{
	margin: 0 0 20px 0;
}
.recipe_material{
	display: flex;
	align-items: flex-start;
	margin: 0 0 60px 0;
}
.recipe_material img{
	margin: 0 20px 0 0;
	width: 54%;
}
.recipe_material h3{
	font-weight: bold;
	margin: 0 0 20px 0;
}
.recipe_material_list{
	width: 100%;
}
.recipe_material_list ul li{
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	padding: 10px 0 10px 0;
}

.recipe_process h3{
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #231815;
}
.recipe_process_list li{
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px dotted #ccc;
}
.recipe_process_list li::before{
    counter-increment: number 1;
    content: counter(number);
    width: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #231815;
}

.recipe_process_list li dl{
	display: flex;
}
.recipe_process_list li dl dt{
	margin: 0 20px 0 0;
	flex-basis: 230px;
}
.recipe_process_list li dl dd{
	line-height: 1.4;
	flex-basis: 62%;
}

.snap_widget{
	margin: 40px 0 80px 0;
}
@media screen and (max-width: 480px) {
	.snap_widget{
		margin: 0 0 30px 0;
	}
}
#human_grade .snap_widget{
	margin: 80px 0 80px;
}
@media screen and (max-width: 480px) {
	#human_grade .snap_widget{
		margin: 8.33%;
	}
}
#simulator .snap_widget{
	margin: 80px 0 80px;
}
@media screen and (max-width: 480px) {
	#simulator .snap_widget{
		margin: 8.33%;
	}
}
.snap_widget .snap_widget_ttl{
	align-items: center;
	display: flex;
	font-size: 20px;
	font-weight: bold;
	justify-content: center;
	margin: 0 0 35px 0;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.snap_widget .snap_widget_ttl{
		margin: 0 0 16px 0;
	}
}
.snap_widget .snap_widget_ttl span{
	margin: 0 10px 0 0;
}
@media screen and (max-width: 480px) {
	.snap_widget .snap_widget_ttl span{
	display: none;
	}
}
@media screen and (max-width: 480px) {
	.snap_widget iframe{
		margin-bottom: 15px;
	}
}

#products_top .snap_widget,
#products_list .snap_widget,
#products .snap_widget{
	margin: 40px 0 80px 0;
}
@media screen and (max-width: 480px) {
	#products_top .snap_widget,
	#products_list .snap_widget,
	#products .snap_widget{
		margin: 40px 0 40px;
	}
}

.snap_widget_sp_ttl{
	text-align: center;
	margin: 0 0 20px 0;
}
.snap_widget_sp iframe{
	margin: 0 0 20px 0;
}
.snap_widget_sp .insta{
	margin: 0 10px 0 0;
}


.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}
.snap_widget_follow{
	display: none;
}
@media screen and (max-width: 480px) {
	.snap_widget_follow{
		align-items: center;
		display: flex;
		justify-content: center;
		margin: 0 0 20px 0;
	}
}
.snap_widget_follow a{
	align-items: center;
	display: flex;
    justify-content: center;
}
.insta_btn .insta{/*アイコンの背景*/
	position: relative;/*相対配置*/
	display: inline-block;
	width: 50px;/*幅*/
	height: 50px;/*高さ*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	border-radius: 13px;/*角丸に*/
	margin: 0 10px 0 0;
}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

.retail_note{
	background-color: #faf5ec;
	padding: 40px 0 0;
	margin: 40px 0 0 0;
}
@media screen and (max-width: 480px) {
	.retail_note{
		background-color: #faf5ec;
		padding: 5.33% 0 0;
		margin: 5.33% 0 0 0;
	}
}
.retail_note p{
	background-color: #fff;
	border:4px solid #ccc;
	padding: 20px 0;
	width: calc(100% - 24%);
	text-align: center;
	margin: 0 auto;
}
@media screen and (max-width: 480px) {
	.retail_note p{
		font-size: 3.73vw;
		padding: 4%;
		line-height: 1.6;
		width: calc(100% - 9%);
	}
}
.retail_note p br{
	display: none;
}
@media screen and (max-width: 480px) {
	.retail_note p br{
		display: block;
	}
}


/*WPレビュー読み込み*/

.total_review{
	align-items: center;
	display: flex;
}
.total_review_average a{
	text-decoration: underline;
}
.total_review .total_review_star a{
	color: #f5c113;
	text-decoration: none;
	margin: 0 10px 0 0;
}
.total_review .total_review_star a:hover {
	text-decoration: none;
}
.total_review .total_review_number a{
	color: #2273bf;
	text-decoration: underline;
}
.total_review .total_review_number{
	position: relative;
	padding: 0 10px 0 0;
}
.total_review .total_review_number:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #0074d4;
	border-right: 1px solid #0074d4;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 10%;
	right: 0;
}
#review{
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}
.review{
	margin: 40px 5% 20px;
}
@media screen and (max-width: 480px) {
	.review{
		margin: 10% 5% 16%;
	}
}
.review h3{
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
	.review h3{
		font-size: 5.33vw;
		margin-bottom: 30px;
	}
}
.review_list {
	border: 5px solid #ececec;
    flex-basis: 100%;
    font-size: 16px;
    padding: 30px;
    height: 300px;
	overflow-y: scroll;
}
@media screen and (max-width: 480px) {
	.review_list {
		border: 5px solid #ececec;
		flex-basis: 100%;
		font-size: 3.73vw;
		padding: 5%;
		height: 300px;
		overflow-y: scroll;
	}
}

.review_list::-webkit-scrollbar{
	-webkit-appearance: none;
	width:5px;
}
.review_list::-webkit-scrollbar-track{
	background:#ececec;
}
.review_list::-webkit-scrollbar-thumb{
	background:#571b06;
}
.review_list li{
	margin-bottom: 30px;
}
.review_list li:last-child{
	margin-bottom: 0;
}
.review_head{
	align-items: center;
	display: flex;
	margin-bottom: 12px;
}
.review_star{
	color: #f5c113;
	width: 8%;
}
@media screen and (max-width: 480px) {
	.review_star{
		width: 27%;
	}
}
.review_name{
	font-weight: bold;
	margin-bottom: 10px;
}
.review_comment_ttl{
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.4;
	margin-bottom: 10px;
}
.review_comment_txt{
	line-height: 1.6;
}