body{
	background:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	margin:0;
}
.top_bg{
/*		background:url(../images/footer_bg.svg) bottom center no-repeat;*/
}
img{
	max-width:100%;
}
/*
レイアウト
*/

/*
ヘッダー
*/
header{
}
.ttl-header{
	margin-top:10px;
}
.ttl_sub-header{
	display:none;
}
header p{
	margin:0;
}
	
#main{
}

/*
すぐできる
*/

#quick{
	background:url(../images/quick_bg.gif);
	padding:10px;
}
#quick ul{
	margin:0;
	padding:0;
	letter-spacing: -.4em;
}
#quick ul li{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width:50%;
	letter-spacing: normal;
}
#quick ul li.ttl_quick{
	margin-top:-8px;
}
#quick ul li.ttl_quick img{
	width:100%;
}
#quick ul li p{
	padding:10px;
	font-size:14px;
	font-weight:bold;
}
#quick ul li p.quick_text{
	margin-top:-10px;
}

/*
おすすめ
*/

#recommend{
	background:url(../images/recommend_bg.gif) center top 80px no-repeat #FBDCE9;
	background-size:contain;
	padding:10px;
}
#recommend a{
	text-decoration:none;
	color:#000;
}
#recommend ul{
	margin:0;
	padding:0;
	letter-spacing: -.4em;
}
#recommend ul li{
	display:inline-block;
	margin-bottom:10px;
	vertical-align:top;
	text-align:center;
	width:50%;
	letter-spacing: normal;
}
.recommend_ttl{
	text-align:center;
	margin-bottom:20px;
}
.recommend_image{
	text-align:center;
	margin-bottom:10px;
	padding:10px;
	}
.recommend_text1{
	color:#000;
	margin-bottom:10px;
	padding:0 10px 0 10px;
	font-size:14px;
	font-weight:bold;
}
.recommend_text2{
	padding:0 10px 0 10px;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

/*
レシピ一覧
*/

#list{
	padding:20px 0 0 0;
}
#list a{
	text-decoration:none;
	color:#000;
}
#list ul{
	margin:0;
	padding:0;
	letter-spacing: -.4em;
}
#list ul li{
	display:inline-block;
	margin-bottom:10px;
	vertical-align:top;
	text-align:center;
	width:50%;
	letter-spacing: normal;
}
#list ul li.mr0{
	margin-right:0px;
}
.list_ttl{
	text-align:center;
	margin-bottom:15px;
}
.list_image{
	text-align:center;
	margin-bottom:0;
	padding:10px;
}
.list_text1{
	color:#000;
	padding:0 10px 0 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:125%;
}

/*
フッター
*/
footer{
	bottom:0;
	background:url(../images/footer_nira.svg) center no-repeat;
	height:184px;
	width:100%;
	z-index:0;
	text-align:center;
	color:#fff;
}
footer .copyright{
		padding-top:165px;
		font-size:12px;
}

/*

レシピ詳細ページ

*/


#detail-wrapper{
	margin:70px 20px 10px 20px;
}
#content_left{
}
.ttl-detail{
	font-size:24px;
	margin-bottom:10px;
}
.ttl-detail-lead{
	font-size:15px;
	line-height:150%;
	font-weight:normal;
	margin-bottom:15px;
}
.photo{
	margin-bottom:15px;
}
#content_right{
}
.ttl-detail-zairyou{
	font-size:15px;
	color:#E85198;
	padding-left:5px;
	margin-bottom:10px;
}
.ttl-detail-zairyou span{
	font-size:12px;
}

ul.zairyou-list{
margin-top:10px;
border-top:dotted 1px #ccc;
font-size:15px;
}
.zairyou-list li{
border-bottom:dotted 1px #ccc;
padding:10px;
}

.other_zairyou{
	margin-top:20px;
}

.print{
	display:none;
}

#detail-howtomake{
	margin-top:40px;
	margin-bottom:40px;
}
.detail-ttl-howtomake{
	font-size:15px;
	color:#E85198;
	padding:0 0 5px 5px;
	border-bottom:dotted 1px #ccc;
	margin-bottom:10px;
}
ul.detail-howtomake-list{
	padding:0px;
	list-style:none;
}
ul.detail-howtomake-list li{
	padding-bottom:15px;
}
p.detail-num{
margin:0 0 5px 0;
}
p.detail-text{
	margin:0;
	font-size:14px;
	line-height:150%;
}

#detail-wrapper .copyright{
	margin-top:75px;
	font-size:10px;
	text-align:center;
}


/*共通クラス*/
.clear{
	clear:both;
}
.sp-hide{
	display:none;
}






/*ハンバーガーメニュー　トップ*/

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #fff;
    margin: 0 auto;
    padding: 0;
    width: 100%;
		box-shadow:0px 0px 5px #333;
}
 
nav.globalMenuSp ul li {
    list-style-type: none;
    width: 100%;
    border-bottom: 1px solid #999;
		font-size:12px;
		text-align:left;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em;
		text-decoration:none;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}


.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0px;
    top: 0px;
    width: 45px;
    height: 55px;
    cursor: pointer;
    z-index: 3;
    background: #000;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 35px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 38px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navToggle{
display: none; /*最初は非表示に設定*/
}





/*ハンバーガーメニュー詳細*/

.navToggle_detail{
}

.navToggle_detail {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0px;
    top: 0px;
    width: 45px;
    height: 55px;
    cursor: pointer;
    z-index: 3;
    background: #000;
    text-align: center;
}
 
.navToggle_detail span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 35px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle_detail span:nth-child(1) {
    top: 9px;
}
 
.navToggle_detail span:nth-child(2) {
    top: 18px;
}
 
.navToggle_detail span:nth-child(3) {
    top: 27px;
}
 
.navToggle_detail span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 38px;
}

/* 最初のspanをマイナス45度に */
.navToggle_detail.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle_detail.active span:nth-child(2),
.navToggle_detail.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon_recommend{
	vertical-align:middle;
	margin-left:5px;
}