﻿@charset "UTF-8";
.kaoru-trial-wrap {
	width: 1270px;
	margin: 0 auto;
}

.kaoru-trial-wrap1270 {
	width: 1270px;
	margin: 0 auto;
}

.cta {
	position: relative;
}

.pc .cta .cta_btn01 {
	position: absolute;
	bottom: 14.0435835%;
	left: 44.2519685%;
}

.pc .cta .cta_dtl01 {
	max-width: 460px;
    position: absolute;
    bottom: 28px;
    left: 44.2519685%;
}

.pc .cta .cta_btn02 {
	position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.nekoposu {
	width: 850px;
	margin: 64px auto 0;
}

.bonus {
	margin: 64px auto 80px;
}

.cta_middle{
	margin: 80px auto 0;
}

.cta_last{
	margin: 80px auto 16px;
}

.cta_last02{
	width: 850px;
	margin: 0 auto 16px;
}


.recipe{
	margin: 80px auto;
}


.pc .twoways summary {
	list-style: none;
	position: relative;
	cursor: pointer;
  }
  
.pc .twoways summary::-webkit-details-marker {
	display: none;
  }

.pc .twoways summary::before {
    content: '+';
    position: absolute;
    top: 61%;
    right: 25.5%;
    transform: translateY(-50%);
    transition: transform 0.5s;
    font-size: 24px;
    color: #000000;
  }

.pc .twoways details[open] summary:before,
.pc .twoways summary details[open] summary:before {
	  content: "−";
  }


@media screen and (max-width: 767px) {
	.sp {
		width: 100%;
	}
	.sp .cta {
		position: relative;
	}

	.sp .cta .cta_btn01 {
		position: absolute;
		bottom: 12.2%;
		left: 50%;
		transform: translateX(-50%);
		width: 78.6666%;
	}
	
	.sp .cta .cta_dtl01 {
		position: absolute;
		bottom: 4.5%;
		left: 50%;
		transform: translateX(-50%);
		width: 78.6666%;
	}
	.sp .contentbox {
		width: 100%;
		margin: 0 auto 12.8%;
	}

	.sp .contentbox02 {
		width: 100%;
		margin: 0 auto 8.53%;
	}

	.sp .btnbox {
		width: 100%;
		margin: 4.27% auto 0;
	}

	.sp .twoways summary {
		list-style: none;
		position: relative;
		cursor: pointer;
	  }
	  
	.sp .twoways summary::-webkit-details-marker {
		display: none;
	  }

	.sp .twoways summary::before {
		content: '+';
		position: absolute;
		top: 60%;
		right: 9%;
		transform: translateY(-50%);
		transition: transform 0.5s;
		font-size: 4.5vw;
		color: #000000;
	  }
	
	.sp .twoways details[open] summary:before,
	.sp .twoways summary details[open] summary:before {
		  content: "−";
	  }

	.sp .recipe-ac summary {
		list-style: none;
		position: relative;
		cursor: pointer;
	  }
	  
	  .sp .recipe-ac summary::-webkit-details-marker {
		display: none;
	  }

	  .sp .recipe-ac summary::before {
		content: '+';
		position: absolute;
		top: 78%;
		right: 9%;
		transform: translateY(-50%);
		transition: transform 0.5s;
		font-size: 4.5vw;
		color: #fff;
	  }
	
	  .sp .recipe-ac  details[open] summary:before,
	  .sp .recipe-ac summary details[open] summary:before {
		  content: "−";
	  }}

	  
	@media screen and (min-width: 768px) {
		a:hover {
			opacity: 0.8;
			transition: 0.2s;
		}
	}	  


#footer {
	display: none;
}

#lp_foot {
	text-align: center;
	margin-top: 100px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#lp_foot .bk_b {
	background-color: #000;
	padding: 30px 0;
	color: #fff;
}

#lp_foot .bk_b a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0.05em
}

#lp_foot .bk_b a:hover {
	opacity: 0.7;
}

#lp_foot .copy {
	color: #666;
	font-size: 13px;
	padding: 20px 0
}