@charset "utf-8";
#content{
	/* background-color: #130202; */
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/bg.png) repeat;
}

/*PCのみ*/
@media screen and (min-width: 641px) {

	/*------override IN------*/
	.nav_global .nav_global_menu > dd > ul > li {
		font-size: 14px !important;
	}
	/*------override OUT------*/
	
	#content.fixed{
	padding-top: 85px; /*ナビ固定時*/
	}
	
	body {
	position: relative;
	min-width: 900px;
	}
}

p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, address {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#content > .inner {
	max-width: 950px;
	margin:0 auto;
	padding:30px 0 0}

#mv {
	overflow: hidden;
}
#mv .inner {
	max-width: inherit;
	margin: 0 -500%;
	padding: 0;
	text-align: center;
}
#mv .inner img {
	width: auto;
	margin: 0 auto;
}

.product_recipe_area{
	position: relative;
	margin-bottom: 30px;
	background: url(/sweets/chocolate/chocokoka/recipe/common/images/product_recipe_bg.png) no-repeat top left;
	background-size: contain;
	color: #eecc8b;
	padding-bottom:22%;
}

.product_recipe_area h3{
	position: absolute;
	top: 17%;
	left: 0;
	right: 0;
	font-size: 26px;
	text-align: center;
	margin:  auto;
}

.product_recipe_area ul{
	position: absolute;
	top: 45%;
	left: 4.5%;
	text-align: center;
	width: 93.052%;
}

.product_recipe_area ul li{
	float: left;
	width: 33.33%;
}

.product_recipe_area dl dt{
	float: left;
	width: 39%;
}

.product_recipe_area dl dd{
	float: left;
	width: 60.5%;
	font-size: 16px;
	margin-top: 5%;
	line-height: 1.3;
}

.recipe_list{
  	color: #333333;
  	margin-left: -2%;
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*safari*/
	display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /*safari*/
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.recipe_list li{
	box-sizing: border-box;
	position: relative;
	width: 31.3%;
	margin:0 0 20px 2%;
	padding: 7px 1%;
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/recipe/common/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.recipe_list li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.recipe_list a:hover{
    background-color:#fff;
    filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.recipe_list li figure{
	margin-bottom: 5%;
}

.recipe_list li h4{
	font-size: 18px;
	font-weight: bold;
	margin:0 5px 10px;
}

.recipe_list li h4 span{
	font-size: 12px;
}

.recipe_list li > p{
	font-size: 14px;
	line-height: 1.3;
	margin:0 5px;
	padding-bottom: 28%;
}

.recipe_list li .choco_type{
	position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    border-top: #38110e dashed 1px;
    margin: 0 auto;
    text-align: center;
    padding-top: 8px;
    width: 93%;
}

.recipe_list li .choco_type dl{
	margin: 0 auto;
    text-align: center;
    width: 82%;
}

.recipe_list li .choco_type dt{
	float: left;
	width: 26.9%;
}

.recipe_list li .choco_type dd{
	float: left;
	margin: 2% 0 0 0;
	font-size: 14px;
	width: 69.1%;
}
.recipe_list li.recipe_healsio p{
	text-align: center;
	padding-bottom: 25%;
}

/*morning_recipe*/
.morning_recipe {
	background-color: #daeefa;
    padding: 10px 40px 20px;
    margin-bottom: 100px;
    border-radius: 10px;
}
.morning_recipe .morning_recipe_ttl {
    text-align: center;
	border-bottom: 4px dotted;
    padding-bottom: 0;
	margin-bottom: 20px;
	color: #00a63c;
	font-size: 26px;
	font-weight: bold;
}
.morning_recipe .morning_recipe_ttl:after{
  content: "";
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/morning_ttl_bg.png) no-repeat;
  display:  block;
  background-size: 40%;
  width: 100%;
  height: 120px;
  background-position: bottom center;
  margin-top: -118px;
}
.morning_recipe .morning_recipe_ttl img {
	width: auto;
	margin-right: 30px;
}
.morning_recipe_list{
  	color: #333333;
  	margin-left: -2%;
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*safari*/
	display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /*safari*/
	flex-wrap: wrap;
}
.morning_recipe_list li{
	box-sizing: border-box;
	position: relative;
	width: 31.3%;
	margin:0 0 20px 2%;
	padding: 7px 1%;
    border: 1px solid #00a63c;
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/recipe/common/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.morning_recipe_list li a{
    display: inline-block;
	color: #333333;
}
.morning_recipe_list li:hover{
    background-color:#fff;
    filter:alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
	color: #333333;
}
.morning_recipe_list li figure{
	margin-bottom: 5%;
}
.morning_recipe_list li h4{
	font-size: 18px;
	font-weight: bold;
	margin:0 5px 10px;
	padding-bottom: 28%;
}
.morning_recipe_list li h4 span{
	font-size: 12px;
}
.morning_recipe_list li .choco_type{
	position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    border-top: #38110e dashed 1px;
    margin: 0 auto;
    text-align: center;
    padding-top: 8px;
    width: 93%;
}
.morning_recipe_list li .choco_type dl{
	margin: 0 auto;
    text-align: center;
    width: 82%;
}

.morning_recipe_list li .choco_type dt{
	float: left;
	width: 26.9%;
}
.morning_recipe_list li .choco_type dd{
	float: left;
	margin: 2% 0 0 0;
	font-size: 14px;
	width: 69.1%;
}
.morning_recipe_list li.recipe_healsio p{
	text-align: center;
	padding-bottom: 25%;
}

/*kurashiru_recipe*/
.sonohoka_logo{
  margin: 110px auto 45px;
  width: 58%;
}
.kurashiru_recipe {
	background-color: #fffbf8;
    padding: 40px 40px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.kurashiru_recipe .kurashiru_recipe_ttl {
    text-align: center;
	/* border-bottom: 4px dotted; 　バレンタイン対応により */
    padding-bottom: 25px;
	margin-bottom: 20px;
	color: #dbb34d;
	font-size: 26px;
	font-weight: bold;
}
.kurashiru_recipe .kurashiru_recipe_ttl img {
	width: auto;
	margin-right: 30px;
}
.kurashiru_recipe_list{
  	color: #333333;
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*safari*/
	display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /*safari*/
	flex-wrap: wrap;
}
/* 3x1の場合 */
/* 
.kurashiru_recipe_list li{
	box-sizing: border-box;
	position: relative;
	width: 31.3%;
	margin:0 0 20px 2%;
	padding: 7px 1%;
    border: 1px solid #dbb34d;
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/recipe/common/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
*/
/* 2x2の場合 */
/*
.kurashiru_recipe_list li{
	box-sizing: border-box;
	position: relative;
	width: 35%;
	margin:0 0 40px 0;
	padding: 7px 1%;
    border: 1px solid #dbb34d;
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/recipe/common/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
*/
/* 4x1の場合 */
.kurashiru_recipe_list li{
	box-sizing: border-box;
	position: relative;
	width: 23.5%;
	margin:0 0 40px 0;
	padding: 7px 1%;
    border: 1px solid #dbb34d;
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/recipe/common/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.kurashiru_recipe_list li{
  margin-left: 2%;
}
.kurashiru_recipe_list li:first-of-type{
  margin-left: 0%;
}

.kurashiru_recipe_list li a{
    display: inline-block;
	color: #333333;
}
.kurashiru_recipe_list li a:hover{
    background-color:#fff;
    filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
	color: #333333;
}
.kurashiru_recipe_list li figure{
	margin-bottom: 5%;
}
.kurashiru_recipe_list li h4{
	font-size: 18px;
	font-weight: bold;
	margin:0 5px 10px;
}
.kurashiru_recipe_list li h4 span{
	font-size: 12px;
}
.kurashiru_recipe_list li a > p{
	font-size: 14px;
	line-height: 1.3;
	margin:0 5px;
	padding-bottom: 28%;
}
.kurashiru_recipe_list li .choco_type{
	position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    border-top: #38110e dashed 1px;
    margin: 0 auto;
    text-align: center;
    padding-top: 8px;
    width: 93%;
}
.kurashiru_recipe_list li .choco_type dl{
	margin: 0 auto;
    text-align: center;
    width: 82%;
}

.kurashiru_recipe_list li .choco_type dt{
	float: left;
	width: 26.9%;
}
.kurashiru_recipe_list li .choco_type dd{
	float: left;
	margin: 2% 0 0 0;
	font-size: 0.75em;
	width: 69.1%;
}
.kurashiru_recipe_list li.recipe_healsio p{
	text-align: center;
	padding-bottom: 25%;
}

/*valentine_kurashiru*/
.kurashiru_recipe > .kurashiru_recipe_ttl{
  padding-top: 30px;
  padding-bottom: 10px;
}
.regular_kurashiru{
  padding: 20px 0;
}
.kurashiru_recipe_list li > p{
  font-size: 14px;
  line-height: 1.3;
  margin: 0 5px;
  padding-bottom: 40%;
}
.kurashiru_recipe_list li a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

/* healthy_recipe */

.healthy_recipe .healthy_ttl_block{
  margin: 90px auto 20px;
  border-top: 3px solid #000;
  width: 91.4%;
  text-align: right;
  position: relative;
}
.healthy_recipe .healthy_ttl_block:before{
  content: "";
  position: absolute;
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block{
  margin-top: 50px;
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block:before{
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_cacao95.png) no-repeat;
  background-size: 200px 132px;
  width: 200px;
  height: 132px;
  left: 30px;
  top: -35px;  
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block:before{
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_cacao86.png) no-repeat;
  background-size: 200px 132px;
  width: 200px;
  height: 132px;
  left: 30px;
  top: -35px;  
}
.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block:before{
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_cacao72.png) no-repeat;
  background-size: 200px 132px;
  width: 200px;
  height: 132px;
  left: 30px;
  top: -35px;  
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block:before{
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_ice.png) no-repeat;
  background-size: 144px 136px;
  width: 144px;
  height: 136px;
  left: 30px;
  top: -35px;
}
.healthy_recipe .healthy_ttl_block h4{
  margin-top: 20px;
}
.healthy_recipe .healthy_ttl_block h4 .healthy_txt {
  margin-left: 8.063%
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block h4 .healthy_ttl {
  width: 197px;
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block h4 .healthy_txt {
  width: 324px;
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block h4 .healthy_ttl {
  width: 197px;
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block h4 .healthy_txt {
  width: 218px;
  margin-right: 9.22%;
}
.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block h4 .healthy_ttl {
  width: 197px;
}
.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block h4 .healthy_txt {
  width: 218px;
  margin-right: 9.22%;
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block h4 .healthy_ttl {
  width: 182px;
  vertical-align: super;
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block h4 .healthy_txt {
  width: 446px;
  margin-right: -3.5%;
  margin-left: 4%;
}

.healthy_recipe .recipe_list{
  margin-left: 0;
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 45px 40px;
}
.healthy_recipe .recipe_list li{
  width: auto;
  background-color: rgba(0,0,0,0);
  background-image: none;
  padding: 0;
}
.healthy_recipe .recipe_list li:nth-of-type(3n+1) {
    margin-left: 0;
}
.healthy_recipe_list li:nth-last-child(3),
.healthy_recipe_list li:nth-last-child(2),
.healthy_recipe_list li:last-child{
  margin-bottom: 0;
}
.healthy_recipe .recipe_list li figure{
  margin-bottom: 0;
}
.healthy_recipe .healthy_recipe_list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

/*modal*/
#movie_box {
    max-width: 720px;
    margin: 0 auto;
    position: relative;
}

.acord_btn{
  margin-bottom:40px;
}

/*contest_recipe*/
.contest_recipe {
	position: relative;
	background-color: #f8ffef;
    padding: 40px 40px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.contest_recipe .contest_recipe_ttl {
    text-align: center;
    border-bottom: 4px dotted;
    padding-bottom: 25px;
    margin-bottom: 20px;
    color: #086644;
    font-size: 26px;
    font-weight: bold;
}
.contest_recipe .contest_recipe_ttl span {
	font-size: 20px;
	padding-top: 15px;
	display: inline-block;
}
.contest_recipe .contest_recipe_ttl img {
	width: auto;
	margin-right: 30px;
}
.contest_recipe .contest_recipe_ttl_ic {
	position: absolute;
    top: -15px;
    left: 50%;
    margin-left: 205px;
}
.contest_recipe .contest_recipe_ttl_ic img {
	width: 120px;
}
.contest_recipe_list{
  	color: #333333;
  	margin-left: -2%;
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*safari*/
	display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /*safari*/
	flex-wrap: wrap;
}
.contest_recipe_list li{
	box-sizing: border-box;
	position: relative;
	width: 31.3%;
	margin:0 0 20px 2%;
	padding: 7px 1%;
    border: 1px solid #75b19b;
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/recipe/common/images/arrow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.contest_recipe_list li a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    display: inline-block;
	color: #333333;
}
.contest_recipe_list li a:hover{
    background-color:#fff;
    filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
	color: #333333;
}
.contest_recipe_list li figure{
	margin-bottom: 5%;
}
.contest_recipe_list li h4{
	font-size: 18px;
	font-weight: bold;
	margin:0 5px 10px;
}
.contest_recipe_list li h4 span{
	font-size: 12px;
}
.contest_recipe_list li > p{
	font-size: 14px;
	line-height: 1.3;
	margin:0 5px;
	padding-bottom: 28%;
}
.contest_recipe_list li p.radio_name {
	font-weight: bold;
	padding-bottom: 5%;
}
.contest_recipe_list li .choco_type{
	position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    border-top: #38110e dashed 1px;
    margin: 0 auto;
    text-align: center;
    padding-top: 8px;
    width: 93%;
}
.contest_recipe_list li .choco_type dl{
	margin: 0 auto;
    text-align: center;
    width: 82%;
}
.contest_recipe_list li .choco_type dt{
	float: left;
	width: 26.9%;
}
.contest_recipe_list li .choco_type dd{
	float: left;
	margin: 2% 0 0 0;
	font-size: 14px;
	width: 69.1%;
}



#footer_link{
	background-color: #5e0d0d;
}

#footer_link .inner{
	position: relative;
	max-width: 950px;
}

#footer_link .product_btn{
	padding: 50px 0;
	width: 68.42105263157895%;
	text-align: center;
	margin: 0 auto;
}

/* アコーディオン */
.js-accordion-head .accordion_btn{
  cursor: pointer;
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_open_pc.png) no-repeat;
  padding: 30px 0;
  background-size: 100%;
  width:100%;
  margin-bottom: 40px;
}
.js-accordion-head .accordion_btn p{
  font-size: 0;
}
.js-accordion-container.open .js-accordion-head .accordion_btn{
  cursor: pointer;
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_close_pc.png) no-repeat;
  padding: 30px 0;
  background-size: 100%;
  width:100%;
  margin-bottom: 40px;
}

/*====================== SP style ======================*/

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

	/*------override IN------*/
	.nav_global .nav_global_menu > dd > ul > li {
		font-size: 14px !important;
		line-height: 1.5!important;
	}
	/*------override OUT------*/
	
section > .inner {
    padding: 0;
}
#content > .inner {
    padding: 10px 10px 0;
}

#mv {
	overflow: visible;
}
#mv .inner {
	margin: 0;
}
#mv .inner h2{
	height: auto;
}
#mv .inner img {
	width: 100%;
}

.product_recipe_area {
	background: url(/sweets/chocolate/chocokoka/recipe/common/images/product_recipe_bg_sp.png) no-repeat top left;
	background-size: cover;
    padding-bottom: 86.3%;
    margin-bottom: 15px;

}

.product_recipe_area ul{
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 71.67%;
}

.product_recipe_area h3{
	top: 5%;
	font-size: 14px;
	width: 71.67%;
	line-height: 1.5;
}

.product_recipe_area ul li{
	float: none;
	width: 100%;
	margin-bottom: 15px;
}

.product_recipe_area dl dt{
	float: left;
	width: 34.41%;
}

.product_recipe_area dl dd{
	float: left;
	width: 65.59%;
	font-size: 12px;
	margin-top: 4%;
	line-height: 1.5;
}

.recipe_list{
	margin-bottom: 10px;
}
.recipe_list li{
	width: 48%;
	padding: 4px 4px;
	margin-bottom: 10px;
	background-size: 30px;
}
.recipe_list li h4 {
    font-size: 14px;
}
.recipe_list li > p{
	padding-bottom: 33%;
	font-size: 10px;
}
.recipe_list li .choco_type dl{
    width: 100%;
}
.recipe_list li .choco_type dd {
    font-size: 10px;
	margin: 0;
}
.recipe_list li .choco_type {
    width: 88%;
}
  
/*morning_recipe*/
.morning_recipe {
	padding: 7px 25px 15px;
    margin-bottom: 50px;
}
.morning_recipe .morning_recipe_ttl {
	border-bottom: 2px dotted;
	padding-bottom: 0;
    margin-bottom: 12px;
	font-size: 14px;
}
  .morning_recipe .morning_recipe_ttl:after{
    background-size: 60%;
  }
.morning_recipe .morning_recipe_ttl img {
	width: 100%;
	margin-right: 12px;
}
.morning_recipe_list li{
	width: 48%;
	padding: 4px 4px;
	margin-bottom: 10px;
	background-size: 30px;
}
.morning_recipe_list li h4 {
    font-size: 14px;
}
.morning_recipe_list li a > p{
	padding-bottom: 45%;
	font-size: 10px;
}
.morning_recipe_list li .choco_type dl{
    width: 100%;
}
.morning_recipe_list li .choco_type dd {
    font-size: 10px;
	margin: 0;
}
.morning_recipe_list li .choco_type {
    width: 88%;
}

/*kurashiru_recipe*/
.kurashiru_recipe {
	padding: 0;
    margin-bottom: 15px;
}
.kurashiru_recipe .kurashiru_recipe_ttl {
	/* border-bottom: 2px dotted; バレンタイン対応により */
	padding-bottom: 12px;
    margin-bottom: 12px;
	font-size: 14px;
}
.kurashiru_recipe .kurashiru_recipe_ttl img {
	width: 50%;
	margin-right: 12px;
}
.kurashiru_recipe_list li{
	width: 48%;
	padding: 4px 4px;
	margin-bottom: 10px;
	background-size: 30px;
}
.kurashiru_recipe_list li:nth-of-type(2n-1){
  margin-left: 2%;
}
.kurashiru_recipe_list li:nth-of-type(2n) {
  margin-left: 2%;
}
.kurashiru_recipe_list li h4 {
    font-size: 14px;
}
.kurashiru_recipe_list li a > p{
	padding-bottom: 45%;
	font-size: 10px;
}
.kurashiru_recipe_list li .choco_type dl{
    width: 100%;
}
.kurashiru_recipe_list li .choco_type dd {
    font-size: 10px;
	margin: 0;
}
.kurashiru_recipe_list li .choco_type {
    width: 88%;
}
/*valentine_kurashiru*/
.kurashiru_recipe > .kurashiru_recipe_ttl{
  padding-top: 25px;
}
.regular_kurashiru{
  padding: 10px 25px 15px;
}
.kurashiru_recipe .regular_kurashiru .kurashiru_recipe_ttl{
  font-size: 18px;
}
.kurashiru_recipe_list li > p{
  padding-bottom: 45%;
  font-size: 10px;
}
  
/* healthy_recipe */
.healthy_recipe .healthy_ttl_block{
  margin: 50px -2.5% 30px;
  width: 105%;
  text-align: left;
}
.healthy_recipe .healthy_ttl_block h4{
  margin: 20px 0 0 40%;
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block:before{
  background-size: 100% auto;
  width:31.5%;
  left: 5%;
  top: 15%;
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block h4 .healthy_ttl{
  width: 55%;
}
.healthy_recipe .cacao95_healthy_recipe .healthy_ttl_block h4 .healthy_txt{
  width: 90%;
  margin: 7% 0 0 0;
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block:before{
  background-size: 100% auto;
  width:31.5%;
  left: 5%;
  top: 15%;
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block h4{
  margin-top:40px;
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block h4 .healthy_ttl{
  width: 55%;
}
.healthy_recipe .cacao86_healthy_recipe .healthy_ttl_block h4 .healthy_txt{
  width: 90%;
  margin: 7% 0 0 0;
}

.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block h4{
  margin-top:40px;
}
.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block:before{
  background-size: 100% auto;
  width:31.5%;
  left: 5%;
  top: 15%;
}
.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block h4 .healthy_ttl{
  width: 55%;
}
.healthy_recipe .cacao72_healthy_recipe .healthy_ttl_block h4 .healthy_txt{
  width: 90%;
  margin: 7% 0 0 0;
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block h4{
  margin-left:30%;
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block:before{
  background-size: 100% auto;
  width:20%;
  left: 5%;
  top: 15%;
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block h4 .healthy_ttl{
  width: 70%;
}
.healthy_recipe .ice_healthy_recipe .healthy_ttl_block h4 .healthy_txt{
  width: 90%;
  margin: 7% 0 0 0;
}
  
.healthy_recipe .recipe_list{
      padding: 15px 3.3% 0;
}
.healthy_recipe .healthy_recipe_list{
  justify-content: space-between;
}
.healthy_recipe .recipe_list li{
  width: 48%;
}
.healthy_recipe .recipe_list li:nth-of-type(2n-1) {
    margin-left: 0;
}
.healthy_recipe_list li:nth-last-child(3), .healthy_recipe_list li:nth-last-child(2), .healthy_recipe_list li:last-child{
 margin-bottom: 10px
}
  
/*contest_recipe*/
.sonohoka_logo{
  margin: 11.7% auto 5.3%;
  width: 95%;
}
.contest_recipe {
	padding: 25px 25px 15px;
    margin-bottom: 15px;
}
.contest_recipe .contest_recipe_ttl {
	border-bottom: 2px dotted;
	padding-bottom: 12px;
    margin-bottom: 12px;
	font-size: 18px;
    padding-right: 70px;
}
.contest_recipe .contest_recipe_ttl img {
	width: 50%;
	margin-right: 12px;
}
.contest_recipe .contest_recipe_ttl span {
    font-size: 14px;
    padding-top: 10px;
}
.contest_recipe_list li{
	width: 48%;
	padding: 4px 4px;
	margin-bottom: 10px;
	background-size: 30px;
}
.contest_recipe_list li h4 {
    font-size: 14px;
}
.contest_recipe_list li > p{
	padding-bottom: 45%;
	font-size: 10px;
}
.contest_recipe_list li .choco_type dl{
    width: 100%;
}
.contest_recipe_list li .choco_type dd {
    font-size: 10px;
	margin: 0;
}
.contest_recipe_list li .choco_type {
    width: 88%;
}
.contest_recipe .contest_recipe_ttl_ic {
	top: 10px;
    margin-left: 80px;
}

.contest_recipe .contest_recipe_ttl_ic img {
    width: 70px;
}
.contest_recipe_list li p.radio_name {
	padding-bottom: 5%;
}



#footer_link .product_btn {
    width: 85%;
    text-align: center;
    margin: 0 auto;
    padding:30px 0;
}
  
/* アコーディオン */
.js-accordion-head .accordion_btn{
  cursor: pointer;
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_open_sp.png) no-repeat;
  background-size: 100%;
  width:100%;
  padding: 20px 0;
  margin-bottom: 5%
}
.js-accordion-container.open .js-accordion-head .accordion_btn{
  cursor: pointer;
  background: url(/sweets/chocolate/chocokoka/recipe/common/images/recipe_close_sp.png) no-repeat;
  background-size: 100%;
  width:100%;
  padding: 20px 0;
  margin-bottom: 5%
}

}