/********************

メインビジュアル

********************/

.slick-dots{
	bottom:10px !important;
}

.slick-dotted.slick-slider{
	margin-bottom: 0 !important;
}

.slick-dots li button:before{
	font-size: 12px !important;
	color:#009944 !important;
}

.slick-dots li.slick-active button:before{
	opacity: 1 !important;
}

#top main{
	display: block;
	margin-bottom: -5px;
}

#top .main{
	margin-left:0px;
}

#top .main a:hover{
	opacity: 1;
}

#top .main .rightLogo{
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 9999;
	width: 12vw;
	max-width: 185px;
	transition: 0.5s;
}
#top .main .rightLogo.none {
	opacity: 0;
}



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

.slick-dots{
	bottom:-25px !important;
}

.slick-dotted.slick-slider{
	margin-bottom: 0 !important;
}

.slick-dots li button:before{
	font-size: 9px !important;
	color:#009944 !important;
}

.slick-dots li.slick-active button:before{
	opacity: 1 !important;
}

#top .main{
		margin-left:0;
		padding-left:0px;
	}

#top .main .rightLogo{
	display: none;
}

#top .main{
		padding-top:45px;
	}
}







/********************

セクション lead_txt

********************/


#top .lead_txt{
	text-align: center;
	margin-bottom:20px;
}

#top .lead_txt h2{
   font-size: 20px;
   letter-spacing: 0.2em;
   margin-bottom: 15px;
   font-weight: bold;
   position: relative;
}


#top .lead_txt h2:before{
	content:" ";
    background-size: contain;
    position: absolute;
    top: -50px;
    left: 48%;
    z-index: 999;
}

#top .recipe .lead_txt h2:before{
    background:url( ../img/common/icon_recipe.png) no-repeat;
    width: 35px;
    height: 30px;
    left: 48%;
    top: -40px;
}

#top .items .lead_txt h2:before{
    background:url( ../img/common/icon_items.png) no-repeat;
    width: 35px;
    height: 39px;
}

#top .pickup .lead_txt h2:before{
    background:url( ../img/common/icon_pickup.png) no-repeat;
    width: 45px;
    height: 38px;
}

#top .news .lead_txt h2:before{
    background:url( ../img/common/icon_news.png) no-repeat;
    width: 37px;
    height: 38px;
}


#top .lead_txt span{
	display: block;
	width:50px;
	margin:0 auto;
	border:1px solid #db97cd;
}

#top .priority_txt{
	border:1px solid #c8c7c7;
	padding: 5px 0;
	margin-bottom: 30px;
	line-height: 1.5;
	text-align: center;
}

@media screen and (max-width:850px) {
   #top .lead_txt h2:before{
    left: 47.0%;
}
}


@media screen and (max-width:767px) {
	#top .lead_txt h2:before{
    left: 46%;
   }

  #top .recipe .lead_txt h2:before{
    left: 45%;
   }

   
}




/********************

おすすめコンテンツ

********************/

#top .pickup{
	background: #fafafa;
}

#top .pickup .pickup_bnr{
	display: flex;
	flex-wrap: wrap;
}

#top .pickup .pickup_bnr a{
	width:23%;
	margin-bottom: 60px;
	margin-right: 2.6%;
}

#top .pickup .pickup_bnr a:nth-child(4n){
	margin-right: 0;
}

#top .pickup .pickup_bnr dl dd{
	line-height: 1.7;
	margin-top:10px;
	font-size: 15px;
}



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

#top .pickup .pickup_bnr{
	justify-content: space-between;
}

#top .pickup .pickup_bnr a:nth-child(4n){
	margin-right: 0;
}


#top .pickup .pickup_bnr a{
	width:48%;
	margin-bottom: 40px;
	margin-right: 0%;
}


#top .pickup .pickup_bnr a:last-child,
#top .pickup .pickup_bnr a:nth-last-child(2){
	margin-bottom: 0px;
}



}



/********************

レシピ

********************/


#top .recipe{
	font-size: 0;/****inline-block 隙間対策****/
}

#top .recipe .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#top .recipe .box a{
	width:30%;
	margin-bottom: 30px;

}

#top .recipe dl{
	width:100%;
    box-shadow:0px 0px 7px 3px #ebe8e9;
}


#top .recipe dl:hover{
    box-shadow:0px 0px 1px 1px #ebe8e9;
    transition: 0.2s;
}

#top .recipe dl dd{
	font-size: 15px;
	font-weight: bold;
	padding:10px 10px 0 10px;
	line-height: 1.8;
}

#top .recipe dl dd span{
	background-color: #db97cd;
	color:#fff;
	padding:4px 5px;
	margin-right: 5px;
}

#top .recipe dl dd:last-child{
	font-size: 12px;
	font-weight: lighter;
	padding-bottom: 12px;
}

#top .recipe .button{
    clear:both;
}

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

#top .recipe .box a{
	width: 47.7%;
	display: block;
	margin-right:0%;
	float:  left;
	margin-bottom:3%;
}

#top .recipe .box a:nth-child(3n){
	margin-right:0%;
}

#top .recipe .box a:nth-child(2n){
	margin-right:0%;
	float:right;
}

#top .recipe dl{
	height:auto;
}

#top .recipe dl dd{
	font-size: 18px;
	font-weight: bold;
	padding:10px 10px 0 10px;
}

#top .recipe dl dd span{
	padding:3px 5px;
	margin-right: 5px;
	font-size: 11px;
}

#top .recipe dl dd:last-child{
	font-size: 13px;
	line-height: 1.7;
}
}









/********************

ニュース

********************/

#top .news table{
	font-size: 15px;
}

#top .news table tr{
	margin-bottom: 15px;
	display: block;
}

#top .news table th span{
   background-color: #db97cd;
    color:#fff;
    width:76px;
    font-size: 12px;
    padding:5px 0px;
    display: block;
    text-align: center;
}

#top .news table td{
	padding-left:20px;
	line-height: 1.5;
	padding-top: 5px;
}

#top .news table td a:hover{
	color: #db97cd;
	opacity: 1;
	text-decoration: underline;
}

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

#top .news{
	padding-top: 20px;
}

#top .news table{
	font-size: 18px;
}

#top .news table th{
    width:100%;
    display: block;
    text-align: left;
    margin-bottom: 8px;
}

#top .news table td{
    padding-left:0;
    font-size: 15px;
}

}




/********************

ページ下 外部リンクバナー

********************/

#foot_bnr{
	font-size: 0;/****inline-block 隙間対策****/
	width:90%;
	max-width: 1000px;
	margin:0 auto;
}

#foot_bnr li{
	display: inline-block;
	width:22%;
	margin-right:4%;
}

#foot_bnr li:last-child{
	margin-right:0;
}


@media screen and (max-width:767px) {
	
#foot_bnr{
	padding-left: 0px;
	width:90%;

}

#foot_bnr li{
	width:48%;
	margin-right:0%;
	margin-bottom:20px;
}

#foot_bnr li:nth-child(2n){
	float:right;
}

}