@charset "utf-8";

/*=================================

	cmn_layout.css

================================ */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
#wrap {
	font-family: 'Noto Sans JP', sans-serif;
}

/* !Header
---------------------------------------------------------- */
header {
	padding: 10px 3% 10px 3%;
}
	header .logo01 {
		float: left;
		width: 111px;
		text-align: left;
	}
		header .logo01 img {
			width: 85px;
		}
header ul {
	padding: 0 0 0 111px;
	text-align: left;
}
	header ul li {
		font-size: 68.7%;
		display: inline-block;
		border-right: 1px solid #221815;
		line-height: 1;
		margin-left: 3px;
		padding-right: 5px;
		margin-bottom:5px;
	}
	header ul li.font01 a {
		font-family: arial;
	}
	header ul li:first-child {
		border-left: 1px solid #221815;
		padding-left: 5px;
	}
	header ul li a {
		color: #221815;
		text-decoration: underline;
	}



	body {
		max-width: 100%;
	}
	.l-header {
		padding: initial;
	}
	.m-header-link-list > li {
    margin: 0 0 25px;
		padding-right: initial;
	}
	.m-nav-list li:first-child,
	.l-header-link-list li:first-child {
		border-left: none;
    padding-left: 0;
	}
	.l-header-link-list ul li {
		border-right: initial;
	}
	#js-header ul li {
		margin-left: initial;
		line-height: 1.5;
	}
	.m-nav-list.js-nav-list li {
		margin-bottom: initial;
	}
	.m-nav-btn-list > li:nth-child(1) a {
		padding-left:49.5px;
	}


/* !Section Recipe, Special, Song
---------------------------------------------------------- */
#recipe,
#special,
#song {
	padding: 15px 10px 18px 13px;
	border-radius: 30px;
	box-shadow: 3px 3px 0 #f2f2f2;

}
#recipe {
	border: 2px solid #fbe3c5;
	background: url(../images/bg_recipe01.png) no-repeat center center;
	background-size: 100% 100%;
}
#special {
	border: 2px solid #f9d8e6;
	background: url(../images/bg_special01.png) no-repeat center center;
	background-size: 100% 100%;
}
	#recipe ul,
	#special ul {
		margin: 17px 0 0 0;
	}
		#recipe ul li,
		#special ul li {
			margin: 0 0 4px 0;
		}
#song {
	padding: 15px 10px 10px 13px;
	border: 2px solid #cbe9fa;
	background: url(../images/bg_song01.png) no-repeat center center;
	background-size: 100% 100%;
}
	#song p {
		margin: 3px 0 0 0;
	}

/* !Section Detail
---------------------------------------------------------- */
#detail {
	position: relative;
	padding: 35px 0 54px 0;
	background: url(../images/bg_detail02.png) repeat;
	background-size: 12px;
}
#detail:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 20px;
	background: url(../images/bg_detail01.png) repeat-x left top;
	background-size: 100% auto;
}
	#detail h2 {
		margin: 0 0 15px 0;
	}
	#detail p:first-of-type {
		margin: 0 0 25px 0;
		color: #eb6ea5;
		font-size: 88%;
		text-align: center;
	}
	#detail .link_button {
		margin: 30px 0 0 0;
	}

/* !Bnr area
---------------------------------------------------------- */
#bnr_area {
	position: relative;
	padding: 40px 0 70px 0;
	background: url(../images/bg_group01.png) repeat;
	background-size: 100% auto;
}
#bnr_area:before,
#bnr_area:after {
	position: absolute;
	content: "";
	display: inline-block;
}
#bnr_area:before {
	top: -10px;
	left: 0;
	width: 100%;
	height: 20px;
	background: url(../images/bg_group03.png) no-repeat;
	background-size: 100% auto;
}
#bnr_area:after {
	bottom: 0;
	right: 22px;
	width: 119px;
	height: 20px;
	background: url(../images/bg_group02.png) no-repeat;
	background-size: cover;
}
	#bnr_area .foot_banner {
		padding: 20px 14.2% 30px 14.2%;
		background: none;
	}

/* !Footer SNS
---------------------------------------------------------- */
#footer_sns {
	padding: 30px 0 10px 0;
}
	#footer_sns li {
		display: inline-block;
		width: 50px;
		margin: 0 8px 0 8px;
	}