header{
	height: 130px;
	background-image: url("../img/common/batik01.png");
}

.header_left{
	box-sizing: border-box;
	width: calc((100% - 200px) / 2);
}

.header_right{
	box-sizing: border-box;
	width: calc((100% - 200px) / 2);
	position: relative;
}

.header_center{
	box-sizing: border-box;
	width: 200px;
	text-align: center;
	position: relative;
}

.header_center:before{
	content: '';
    position: absolute;
    top: 0;
    left:calc(50% - 37px);
    display: inline-block;
    width: 74px;
    height: 11px;
    background-color: #2c3437;
}

.header_center:after{
	content: '';
    position: absolute;
    bottom: 0;
    left:calc(50% - 37px);
    display: inline-block;
    width: 74px;
    height: 11px;
    background-color: #2c3437;
}

.sh_h1{
	margin:50px 0 0;
}

.sh_sub_ttl{
	padding: 50px 0  0 50px;
	font-size: 1.6rem;
	margin-right: 20px;
}

.sh_ico{
	width: 80px;

}

.header_right ul{
	position: absolute;
	top:50px;
	right: 30px;
}

.header_right ul li:first-child,.header_right ul li:nth-child(2){
	display: none;
}

.header_right ul li a{
	font-family: 'Lexend Deca', sans-serif;
	color:#2c3437;
	font-weight: 400;
	font-size: 1.4rem;
	padding-bottom: 0.9vh;
	display: block;
}

.header_right ul li a.selected,.header_right ul li a:hover{
	color: #c44035;
}

.header_right ul li{
	margin: 0 10px;
}



@media only screen and (max-width:1175px) {

	header{
		height: 11vw;
	}

	.header_left{
		width: calc((100% - 18vw) / 2);
	}

	.header_right{
		width: calc((100% - 18vw) / 2);
		position: relative;
	}

	.header_center{
		width: 18vw;
	}

	.header_center:before{
	    left:calc(50% - 3vw);
	    width: 6vw;
	    height: 0.9vw;
	}

	.header_center:after{
	    left:calc(50% - 3vw);
	    width: 6vw;
	    height: 0.9vw;
	}

	.sh_sub_ttl{
		padding: 4.5vw 0 0 4vw;
		font-size: 1.3vw;
	}

	.sh_h1{
		margin:4vw 0 0;
	}
	.sh_ico{
		width: 7vw;
	}

	.header_right ul{
		position: absolute;
		top:4.5vw;
		right: 2vw;
	}

	.header_right ul li a{
		font-size: 1.3vw;
	}

	.header_right ul li{
		margin: 0 0.5vw;
	}

}

@media only screen and  (max-width: 600px) {

	header{
		height: 20vw;
	}

	.header_right ul li:first-child,.header_right ul li:nth-child(2){
		display: block;
	}

	.header_right ul li:first-child{
		width: 50%;
		margin: 30vw auto 15vw;
	}
	.sh_sub_ttl{
		display: none;
	}

	.sh_ico{
		display: none;
	}

	.sh_h1{
		margin:7vw 0 0;
	}

	.header_left{
		width: 30vw;
	}

	.header_right{
		width: 24vw;
	}

	.header_center{
		width: 40vw;
	}

}



/*----------------------------------
ハンバーガーメニュー用
-----------------------------------*/
@media only screen and  (max-width: 600px) {

	header .inner nav {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
		background-color: rgba(44, 52, 55, 0.99); 
	}

	header .inner nav ul {
		position: absolute;
		top: 23vh;
		left:0;
		transform: translateY(-50%);
		flex-direction: column;
		width: 100%;
		text-align: center;
	}

	header .inner nav ul li {
		margin-bottom: 2vw;
	}

	header .inner nav ul li a {
		font-size: 4.0vw;
		color:#fff;
	}

	header .inner nav .sp_nav_sns {
		position: absolute;
		bottom:25vw;
		width:30vw;
		left:calc(50% - 15vw);
		border-top:1px #dfff solid;
		padding-top: 5vw;
	}

	header .inner nav .sp_nav_sns a{
		box-sizing: border-box;
		margin:0 2vw;
		display: block;
	}

	header .inner nav .sp_nav_sns a img{
		width:10vw;
	}
	
	.btn-trigger {
		position: absolute;
		top: 50%;
		right: 0;
		width: 36px;
		height: 28px;
		transform: translateY(-50%);
		cursor: pointer; 
	}

	.btn-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #383838;
		border-radius: 2px; 
	}

	.btn-trigger, .btn-trigger span {
		display: inline-block;
		transition: all .5s;
		box-sizing: border-box; 
	}

	.btn-trigger span:nth-of-type(1) {
		top: 0; 
	}

	.btn-trigger span:nth-of-type(2) {
		top: 12px;
	}

	.btn-trigger span:nth-of-type(3) {
		bottom: 0; 
	}



	#btn03.active {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
	#btn03.active span:nth-of-type(1) {
	  -webkit-transform: translateY(12px) rotate(-45deg);
	  transform: translateY(12px) rotate(-45deg);
	  background-color: #fff;
	}
	#btn03.active span:nth-of-type(2) {
	  -webkit-transform: translateY(0) rotate(45deg);
	  transform: translateY(0) rotate(45deg);
	  background-color: #fff;
	}
	#btn03.active span:nth-of-type(3) {
	  opacity: 0;
	}

}

@media only screen and  (min-width:601px) {
  .btn-trigger {
    display: none; } 
}

/*----------------------------------
サブページ　HEAD-img
-----------------------------------*/


.sub_head_img{
	height: 150px;
}

.sub_head_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}

iframe{
	width:100%;
}

@media only screen and (max-width:600px) {
	.sub_head_img{
		height: 20vw;
	}

}

/*----------------------------------
サブページ　COMPANY
-----------------------------------*/

.text_right{
	text-align: right;
	font-size: 1.35rem;
	line-height: 2.0;
	letter-spacing: 0.09em;
}

.tex_insta{
	margin-top:30px;
	width: 100%;
}
.tex_insta a img{
	display: inline-block;
	width: 50px;
}

.tex_insta a div{
	display: inline-block;
	width: 300px;
	padding:10px 0 0 15px;
}

.tex_insta a{
	color: #c44035;
}

@media only screen and (max-width:1175px) {
	.text_right{
		font-size: 1.2vw;
	}

	.tex_insta a img{
		width: 5vw;
	}

	.tex_insta a div{
		width: 30vw;
		padding:1vw 0 0 15px;
	}
}

@media only screen and (max-width:600px) {
	.text_right{
		font-size: 2.9vw;
		font-weight: bold;
	}

	.tex_insta{
		width: 90%;
		margin: 10vw auto 4vw;
	}

	.tex_insta a img{
		width: 20%;
	}

	.tex_insta a div{
		width: 75%;
		font-size:3.2vw;
		padding:4vw 0 0 5%;
	}
}
/*----------------------------------
サブページ　tbl_01
-----------------------------------*/

table.tbl_01{
	font-size: 1.35rem;
	letter-spacing: 0.05em;
	width: 590px;
	margin: 20px auto 50px;
}


table.tbl_01 tr th{
	width: 130px;
	font-weight: normal;
	padding-bottom: 20px;
}

table.tbl_01 tr td{
	padding-bottom: 20px;
}

@media only screen and (max-width:1175px) {
	table.tbl_01{
		font-size: 1.2vw;
		width: 55%;
	}

	table.tbl_01 tr th{
		width: 22%;
		padding-bottom: 2.5vw;
	}

	table.tbl_01 tr td{
		width: 78%;
		padding-bottom: 2.5vw;
	}
}

@media only screen and (max-width:600px) {
	table.tbl_01{
		font-size: 2.9vw;
		width: 90%;
	}

	table.tbl_01 tr th{
		width: 100%;
		padding-bottom: 1vw;
		padding-top: 2vw;
		display: block;
		border-bottom:1px #d2d4d3 dotted;
		font-weight: bold;
	}

	table.tbl_01 tr td{
		width: 100%;
		padding-bottom: 6vw;
		padding-top: 2vw;
		display: block;
	}
}


/*----------------------------------
サブページ　tbl_02
-----------------------------------*/

table.tbl_02{
	font-size: 1.35rem;
	letter-spacing: 0.05em;
	width: 390px;
	margin: 20px auto 50px;
}


table.tbl_02 tr th{
	width: 60px;
	font-weight: normal;
	padding-bottom: 20px;
}

table.tbl_02 tr td{
	padding-bottom: 20px;
}

@media only screen and (max-width:1175px) {
	table.tbl_02{
		font-size: 1.2vw;
		width: 40%;
	}

	table.tbl_02 tr th{
		width: 20%;
		padding-bottom: 2vw;
	}

	table.tbl_02 tr td{
		width: 80%;
		padding-bottom: 2vw;
	}
}

@media only screen and (max-width:600px) {
	table.tbl_02{
		font-size: 2.9vw;
		width: 90%;
	}

	table.tbl_02 tr th{
		width: 100%;
		padding-bottom: 1vw;
		padding-top: 2vw;
		display: block;
		border-bottom:1px #d2d4d3 dotted;
		font-weight: bold;
	}

	table.tbl_02 tr td{
		width: 100%;
		padding-bottom: 6vw;
		padding-top: 2vw;
		display: block;
	}
}

/*----------------------------------
サブページ　レシピ
-----------------------------------*/

.sub_section .colmn2 h3{
	text-align: center;
	font-weight: normal;
}

.sub_section .colmn2 .ico_range{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.r_ico_red{
	border: 2px #c44035 solid;
	padding:7px 12px;
	border-radius:6px;

}

.r_ico_red_in{
	position: relative;
	padding-left: 20px;
	color:#c44035;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}

.r_ico_red_in:before{
	content:"";
	display: inline-block;
	background-image: url(../img/common/chili02.svg);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -10px;
}

.r_ico_blue{
	border: 2px #2c3437 solid;
	padding:7px 12px;
	border-radius:6px;

}

.r_ico_blue_in{
	position: relative;
	padding-left: 20px;
	color:#2c3437;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}

.r_ico_blue_in:before{
	content:"";
	display: inline-block;
	background-image: url(../img/common/chili01.svg);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -10px;
}

.r_ico_yellow{
	border: 2px #da9321 solid;
	padding:7px 12px;
	border-radius:6px;

}

.r_ico_yellow_in{
	position: relative;
	padding-left: 20px;
	color:#da9321;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
}

.r_ico_yellow_in:before{
	content:"";
	display: inline-block;
	background-image: url(../img/common/chili03.svg);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -10px;
}

@media only screen and (max-width:1175px) {

}