@charset "utf-8";



.pc{
	display:none!important;
}
.mp{
	display:block!important;
}

body{
	background: #fff;
	margin:0 auto;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 400;
	font-size: 1.6vw;
}

a {
	text-decoration: none;
}

.site-header{
	background: #fff;
	width: 100%;
}
.site-header .head-pan {
	padding: 20px 0 20px 3%;
}

.content{
	line-height: 0;
	margin: 0 auto;
	width: 100%;
}
.content .content-image img{
	width:100%;
}
.content .content-image .conte-cap {
	padding: 50px 25%;
	cursor: pointer;
}
.content .content-image .conte-conte {
}
.content .conte02,
.content .conte04 {
	margin-top: 50px;
}
.content .conte03 {
	background-color: #e0d3bd;
	padding: 24px 10%;
}
.content .conte03 .content-image {
	position: relative;
}
.content .conte03 .content-image p.cap {
	position: absolute;
	top: 8%;
	left: 40%;
	transform: translateX(-50%) scale(1.0);
	line-height: 1.3;
	font-weight: 400;
	text-align: right;
}
.content .conte03 .content-image p.cap span {
	font-size: 1.8em;
}
.content .conte03 .content-image p.txt {
	position: absolute;
	bottom: 8%;
	left: 29%;
	transform: translateX(-50%) scale(1.0);
	line-height: 1.3;
	font-weight: 400;
	text-align: left;
}
.content .conte04 {
	line-height: 2.0;
}
.content .conte04 .content-image .conte-conte {
	padding: 0 10%;
}
.content .recipe-box {
	border-top: 5px solid #e0d3bd;
	padding: 12px 0;
}
.content .last-box {
	border-bottom: 5px solid #e0d3bd;
}
.content .recipe-box .box-cap{
	font-size: 2.0em;
	font-weight: 700;
}
.content .recipe-box .box-wrap{
	display: flex;
	justify-content: space-between;
}
.content .recipe-box .box-wrap .box-conte:nth-child(1) {
	width: 47%;
}
.content .recipe-box .box-wrap .box-conte:nth-child(2) {
	width: 50%;
	position: relative;
}
.content .recipe-box .box-wrap .box-conte:nth-child(1) .conte-a,
.content .recipe-box .box-wrap .box-conte:nth-child(1) .conte-b{
	position: relative;
}
.content .recipe-box .box-wrap .box-conte:nth-child(1) .conte-a div.txt {
	position: absolute;
	top: 18%;
	left: 0;
	transform: scale(1.0);
	line-height: 1.5;
	font-weight: 400;
	text-align: left;
}
.content .recipe-box .box-wrap .box-conte:nth-child(1) .conte-a div.txt ol {
	padding-left: 11%;
	width: 100%;
}
.content .recipe-box .box-wrap .box-conte:nth-child(1) .conte-a div.txt li {
	padding-bottom: 6%;
}
.content .recipe-box .box-wrap .box-conte:nth-child(1) .conte-b div.txt {
	position: absolute;
	top: 46%;
	left: 18%;
	transform: translateY(-50%) scale(1.0);
	line-height: 1.5;
	font-weight: 400;
	text-align: left;
}
.content .recipe-box .box-wrap .box-conte:nth-child(2) .img1 {
	position: absolute;
	top: 1%;
	right: 0;
}
.content .recipe-box .box-wrap .box-conte:nth-child(2) .img2 {
	position: absolute;
	bottom: 3%;
	right: 0;
}
.site-footer{
	background: #fff;
	padding: 50px 0 20px;
}





.copyright{
	padding-top:30px;
	color: #000;
	font-size: 0.6em;
	text-align: center;
}


.ac-check{
	display: none;
}
.ac-label{
	display: block;
}
.ac-content{
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.ac-check:checked + .ac-label + .ac-content{
	height: 100%;
	opacity: 1;
	visibility: visible;
}



.fb {font-weight: 700!important;}
.fn {font-weight: 400!important;}

.left {text-align: left!important;}
.center {text-align: center!important;}
.right {text-align: right!important;}

.white {background-color: #fff!important;}

.fblue {color: #001e50!important;}

.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:10px!important;}
.mt100{margin-top:10px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:10px!important;}
.mb100{margin-bottom:10px!important;}



@media (min-width:768px){
	.pc{
		display:block!important;
	}
	.mp{
		display:none!important;
	}
	.copyright{
		font-size: 14px;
	}

	.mt10{margin-top:10px!important;}
	.mt20{margin-top:20px!important;}
	.mt30{margin-top:30px!important;}
	.mt40{margin-top:40px!important;}
	.mt50{margin-top:50px!important;}
	.mt100{margin-top:100px!important;}
	.mb10{margin-bottom:10px!important;}
	.mb20{margin-bottom:20px!important;}
	.mb30{margin-bottom:30px!important;}
	.mb40{margin-bottom:40px!important;}
	.mb50{margin-bottom:50px!important;}
	.mb100{margin-bottom:100px!important;}
}
@media (min-width:1001px){
	body{
		width:1000px;
		border-left:1px solid #000;
		border-right:1px solid #000;
		font-size: 16px;
	}
	.site-header{
		width:1000px;
	}
}