@charset "utf-8";

.only_pc{display: block!important;}
.only_sp{display: none!important;}

footer{margin-top:0;}
#area-main{border-top:0;}

#contents{margin:0;}
.clearfix {zoom: 1;}
.clearfix:before,
.clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}


header .lightbtn.caution.top{margin:9px 0 0 19px;}


.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.center{text-align:center;}
.indent{text-indent: -1em; padding-left: 1em;}

.indent02{
    text-indent: -2em;
    padding-left: 2em;
}

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

	.only_pc{display: none!important;}
	.only_sp{display: block!important;}
	
	body{margin:0;}
	
	.shokuiki-top #area-main{margin-top:0; border-top:0;}
	#area-main{margin-bottom:0;}

	
}

/*  */
@media(min-width:741px){
#content .bg{
	background: #F4EBF0;
	padding: 40px;
	margin: 0 auto;
	margin-bottom: 50px;
}
#content h1{
	font-size: 45px;
	color: #34333C;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#content .sub-tit{
	font-size: 25px;
	color: #34333C;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#content .nom-heading-L{
	font-size: 20px;
	color: #34333C;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#content .tyuto-inner{
	width:800px;
	margin:50px auto;
}
#content h2{
	margin-bottom:30px;
}
#content h3{
	text-align:center;
}
#content .tyuto-box{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
#content h4{
	font-size:25px;
	color:#b60081;
	margin-bottom:10px;
	text-align:left;
}
#content p{
	font-size:17px;
	color: #34333C;
	text-align:left;
}
#content .b{font-weight:bold;}
#content .top{margin-top:80px;}
#content .tyuto-item01{
	float:left;
	width:80px;
}
#content .tyuto-item02{
	float:left;
	width:585px;
	margin-left:35px;
}
#content .tyuto-txt{
	font-size:20px;
	text-align:left;
}
#content .sup{
	vertical-align: super;
	font-size:12px;
}
#content .kome{
	font-size:14px;
	text-align:left;
}
#content .tyuto-btn01{
	float:left;
	width:308px;
	margin-left:80px;
	margin-bottom:25px;
}
#content .tyuto-btn02{
	float:right;
	width:308px;
	margin-right:80px;
	margin-bottom:25px;
}
#content .tyuto-btn03{
	float:left;
	width:308px;
	margin-left:80px;
	margin-bottom:40px;
}
#content .tyuto-btn04{
	float:right;
	width:308px;
	margin-right:80px;
	margin-bottom:40px;
}
#content .komeC{
	font-size:14px;
	text-align:center;
}
#content .tyuto-btn05{
	float:left;
	width:170px;
	margin-left:105px;
	margin-bottom:50px;
}
#content .tyuto-btn06{
	float:left;
	width:170px;
	margin-left:40px;
	margin-bottom:50px;
}
#content .tyuto-btn07{
	float:right;
	width:170px;
	margin-right:105px;
	margin-bottom:50px;
}
.kome-no{
	font-size:12px;
	text-align:right;
}


}



@media screen and (max-width:740px) {
	#content .sub-tit{
		font-size: 4vw;
		color: #34333C;
		text-align: left;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	#content h1{
		font-size: 2rem;
		color: #34333C;
		text-align: center;
		letter-spacing: 1px;
		margin-bottom: 2%;
	}
	#content .tyuto-inner{
		width:90%;
		margin:5%;
	}
	.nom-heading-L{
		font-size: 3.5vw;
		color: #34333C;
		margin-bottom: 2%;
		text-align:left;
	}
	#content h2{
		margin-bottom:3%;
	}
	#content h3{
		text-align:center;
		margin:0 40% 3%;
	}
	.tyuto-box{
		width:90%;
		margin:0 5% 5%;
	}
	#content h4{
		font-size:18px;
		color:#b60081;
		margin-bottom:10px;
		text-align:center;
	}
	#content p{
		font-size:14px;
		color: #34333C;
		text-align:left;
	}
	#content .b{font-weight:bold;}
	#content .top{margin-top:13%;}
	#content .tyuto-item01{
		float:left;
		width:20%;
	}
	#content .tyuto-item02{
		float:left;
		width:75%;
		margin-left:5%;
		font-size:17px;
		text-align:left;
		margin-top:10px;
	}
	#content .tyuto-txt{
		font-size:17px;
		text-align:left;
	}
	#content .tyuto-item03{
		font-size:17px;
		text-align:left;
	}
	#content .sup{
		vertical-align: super;
		font-size:12px;
	}
	#content .kome{
		font-size:12px;
		text-align:left;
	}
	#content .tyuto-btn01{
		margin:0 5% 20px;
		width:90%;
	}
	#content .tyuto-btn02{
		margin:0 5% 20px;
		width:90%;
	}
	#content .tyuto-btn03{
		margin:0 5% 20px;
		width:90%;
	}
	#content .tyuto-btn04{
		margin:0 5% 20px;
		width:90%;
	}
	#content .komeC{
		font-size:12px;
		text-align:center;
	}
	#content .tyuto-btn05{
		float:left;
		width:30%;
		margin-left:3%;
		margin-bottom:50px;
	}
	#content .tyuto-btn06{
		float:left;
		width:30%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom:50px;
	}
	#content .tyuto-btn07{
		float:right;
		width:30%;
		margin-right:3%;
		margin-bottom:50px;
	}
	#content .tyuto-btn-08{
		margin-left:3%;
		margin-right:3%;
		width:94%;
	}
	#content .tyuto-btn-09{
		margin-left:3%;
		margin-right:3%;
		width:94%;
	}
	.kome-no{
		font-size:12px;
		text-align:right;
	}


}




/* スライドショーのページネーション及びprev&nextボタンの色調整 */

#mainSlider .swiper-button-next:after,
#mainSlider .swiper-rtl .swiper-button-prev:after,
#mainSlider .swiper-button-prev:after,
#mainSlider .swiper-rtl .swiper-button-next:after{
	content: none;
}

#mainSlider .swiper-pagination-bullet-active{	
	background-color: #f3eded;
}