@charset "UTF-8";

#container {
	width:100%;
	margin:0 0 0 0;
	padding:0;
	background:#fff;
}
#container img{
	max-width:100%;
}
#container .capsuleNav {
	width:100%;
	border-top:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	background-color:#000;
}
#container .capsuleNav ul {
	padding:0;
}
#container .capsuleNav ul:after {content: "";clear: both;display: block;}
#container .capsuleNav li{
  float: left;
		width:50%;
		height:62px;
}
#container .capsuleNav li p{
	height:62px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border-right:1px solid #7f7f7f;
}
#container .capsuleNav li p a {
	display:block;
	width:100%;
	height:100%;
}
#container .capsuleNav li p {
	background-size:100% auto;
}
#container .capsuleNav .capsuleNav01 p {
	background:#000 url(sp_campaign_nav01.png) no-repeat center center;
}
#container .capsuleNav .capsuleNav01.active p {
	background:#545454 url(sp_campaign_nav01_ac.png) no-repeat center center;
}
#container .capsuleNav .capsuleNav02 {
	width:50%;
}
#container .capsuleNav .capsuleNav02 p {
	background:#000 url(sp_campaign_nav02_recipe_1.gif) no-repeat center center;
}
#container .capsuleNav .capsuleNav02.active p {
	background:#545454 url(sp_campaign_nav02_ac.png) no-repeat center center;
}
#container .capsuleNav .capsuleNav03 p {
	background:#000 url(sp_campaign_nav03_campaign_2.gif) no-repeat center center;
	border:none;
}
#container .capsuleNav .capsuleNav03.active p {
	background:#545454 url(sp_campaign_nav03_ac.png) no-repeat center center;
}
@media (max-width: 500px) {
	#container .capsuleNav .capsuleNav01 p {
		background-size:auto 50px;
	}
	#container .capsuleNav .capsuleNav02 p {
		background-size:auto 50px;
	}
	#container .capsuleNav .capsuleNav03 p {
		background-size:auto 50px;
	}
}
#container .pageLogo {
	text-align:center;
}
/*campaign.html*/
#container .contWrapper {
	width:100%;
}
#container .campTitleArea {
	width:100%;
	text-align:center;
}
#container .campTitleArea .campTitle {
	background:transparent url(sp_campaign_mv.jpg) no-repeat bottom center;
	background-size: 100% auto;
	margin-bottom:5px;
}
#container .campTitleArea .campTitleNote {
	font-size:8px;
	margin-bottom:20px;
	color:#555;
	padding:0 4.6%;
	font-weight:bold;
}
#container .campTitleArea .campTitleTearm {
	padding:15px 4.6%;
	background-color:#000;
	color:#fff;
	font-size:16px;
}

#container .campContArea {
	width:100%;
	margin:0 auto;
}
#container .campContArea .campRead {
	padding:22px 0;
	border-bottom:2px solid #aaa;
	text-align:center;
}
#container .campContArea .campSpecialBox {
	border-bottom:2px solid #aaa;
	text-align:center;
	padding-top:20px;
}
#container .campContArea .campSpecialBox .specialTitle {
	margin-bottom:15px;
}
#container .campContArea .campPlusBox {
	border-bottom:2px solid #aaa;
	height:35px;
	position:relative;
}
#container .campContArea .campPlusBox .plusIcon {
	position:absolute;
	top:-20%;
	left:0;
	right:0;
	margin:auto;
	width:50px;
}
#container .campContArea .campProductArea {
	text-align:center;
	padding:40px 0 25px 0;
}
#container .campContArea .campProductArea:after {content: "";clear: both;display: block;}
#container .campContArea .campProductArea .areaTitle {
	margin-bottom:40px;
}
#container .campContArea .campProductArea .campProductBox {
	width:100%;
}
#container .campContArea .campProductBox .productCont {
	width:100%;
	font-size:14px;
	line-height:1.8em;
}
#container .campContArea .campProductBox .productCont dt {
	margin-bottom:15px;
}
#container .campContArea .campProductBox .productCont .productTxt {
	padding:0 4.6%;
}
#container .campContArea .campProductBox .productCont .productNote {
	padding:0 4.6%;
	font-size:12px;
}
#container .campContArea .campProductBox .productCont .productBtn {
	padding-top:20px;
}
#container .campContArea .campProductBox .productCont .productBtn p {
	margin:5px 0 0 0;
	text-align:center;
}

#container .campContArea .campBnrBox {
	text-align:center;
	margin-top:50px;
}
#container .campContArea .campBnrBox p {
	margin-bottom:8px;
	font-size:15px;
}

#container .campContArea .campDisclaimerBox {
	border:2px solid #ccc;
	padding:0 25px 10px 25px;
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	background-color:#fff;
	margin:40px 3%;
}
#container .campContArea .campDisclaimerBox .boxTitle {
	margin:28px 0 20px 0;
	text-align:center;
}
#container .campContArea .campDisclaimerBox ul li {
	background:none;
	list-style-type:disc;
	margin:0 0 1.5em 1.6em;
	padding-left:0;
}
#container .campContArea .campDisclaimerBox ul li.noStyle {
	background:none;
	list-style-type:none;
	margin-left:0;
}
#container .campContArea .campDisclaimerBox ul li ul li {
	margin-bottom:0.1em;
}


/*recipe.html*/
#container .rcpPageLogo {
	text-align:center;
	border-bottom:1px solid #cecece;
}
#container .rcpVisualArea {
	width:100%;
	background:transparent url(pc_recipe_cont_bg01.jpg) center center;
	border-top:1px solid #eaeaea;
	padding:25px 0 30px 0;
}

/*------- bx-slider -----------*/
.rcpVisualArea #recipeSlider {
	width:100%;
	overflow:hidden;
}
.rcpVisualArea #recipeSlider li{
	width:100%;
}
.rcpVisualArea #recipeSlider li img{
	width:100%;
}
.rcpVisualArea .bx-wrapper {
	margin: 0 auto 0;
}
.rcpVisualArea .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 0;
  background: transparent;
}
.rcpVisualArea .bx-wrapper .bx-pager,
.rcpVisualArea .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -25px; /*pager の位置の変更 */
  width: 100%;
}
.rcpVisualArea .bx-wrapper .bx-pager.bx-default-pager a {
  background: #000;  /*ページャーの色の変更*/
  width: 10px;
		height: 10px;
		margin: 0 10px;
		outline: 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
}
.rcpVisualArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.rcpVisualArea .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #cecece;  /**ページャーの色（フーバー、アクティブ）の変更*/
}

#container .rcpRecipeArea {
	width:100%;
	/*padding-bottom:80px;*/
}
#container .rcpRecipeArea.feature01 {
	background:transparent url(pc_recipe_cont_bg02.jpg) top center;
}
#container .ohanami {
	background:transparent url(pc_recipe_cont_bg03.jpg) top center !important;
}
#container .summer {
	background:transparent url(pc_recipe_cont_bg05.jpg) top center !important;
}
#container .rcpRecipeArea .recipeTitle {
	width:100%;
}
#container .rcpRecipeArea .recipeTitle img {
	width:100%;
}
#container .rcpRecipeArea .rcpRecipeCont{
	width:100%;
}
#container .rcpRecipeArea .recipeList {
	width:100%;
}
#container .rcpRecipeArea .recipeList img {
	width:100%;
}
#container .rcpRecipeArea .recipeList .tglHead {
	display:block;
	line-height:1;
}
#container .rcpRecipeArea .recipeList .tglHead img{
	vertical-align:top;
}
/*-------------------*/
/* modal*/
/*-------------------*/
#container .recipeWin {
	display: none;
}
#container .recipeWin {
	width: 100%;
	position:relative;
	background-color:#fff;
	padding-bottom:80px;
}
#container .recipeWin .closeBtn{
	position:absolute;
	bottom:0;
	height:80px;
	width:100%;
	background:#C4C4C4 url(sp_winclose_btn.png) center center no-repeat;
	background-size:190px auto;
}
#container .recipeWin .closeBtn img{
	display:none;
}
#container .recipeWin .recipeWinSchroll {
	width:100%;
}
#container .recipeWin .recipeWinInner {
	width:100%;
}
#container .recipeWin .recipeWinHead {
	display:none;
}
#container .recipeWin .recipeWinTitle {
	display:none;
}
#container .recipeWin .recipeWinLead {
	text-align:left;
	margin:0 4.1%;
	padding:20px 0;
	font-size:15px;
	line-height:1.8;
	color:#5f5c16;
}
#container .recipeWin .recipeWinPh {
	text-align:center;
	margin-bottom:20px;
}
#container .recipeWin .recipeWinCont {
	margin:0 4.1%;
	font-size:15px;
	line-height:1.8;
	color:#505050;
}
#container .recipeWin .recipeWinCont dt {
	font-weight:bold;
}
#container .recipeWin .recipeWinCont dd {
	margin-bottom:30px;
}
#container .recipeWin .recipeWinCont .ingredientList {
	margin-top:20px;
}
#container .recipeWin .recipeWinCont ol.howtoList {
	counter-reset:li;
	list-style:none;
	margin-top:20px;
}
#container .recipeWin .recipeWinCont ol.howtoList li:before {
	font-weight: bold;
	counter-increment: li;
	content: counter(li) ". ";
}



#container .rcpFootArea {
	background-color:#ededed;
}
#container .rcpFootArea .rcpFootCont {
	width:100%;
	padding:35px 0 15px 0;
	position:relative;
}
#container .rcpFootArea .rcpFootCont .rcpCampbnr{
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
#container .rcpFootArea .rcpFootCont .rcpCopy {
	width:100%;
	text-align:center;
	margin-bottom:15px
}
#container .rcpFootArea .rcpFootCont .rcpLogo {
	width:100%;
	text-align:center;
	margin-bottom:15px
}

#container .rcpFootArea .rcpFootCont .toTopBtn {
	position:absolute;
	bottom:0;
	right:4.1%;
	line-height:1;
}
#container .rcpFootArea .rcpFootCont .toTopBtn img {
	vertical-align:top;
}



#header{ background: url(sp_header_img.jpg) no-repeat left top;
	background-size:320px auto;
	height:82px;
	margin:0 auto;
	padding:0;
	}
#logo_amwaylive{ width:100%;
	height:82px;
	margin:0;
	padding:0;
	overflow: hidden;
	text-indent:-9999em;
	}
#logo_amwaylive a{ display:block;
	width:100%;
	height:82px;
	}

#socialBtn{ margin:0;
	padding:20px 0 20px 15px;
	border-top: solid 1px #c7c7c7;
	overflow:hidden;
	}
#socialBtn ul{ margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	}
#socialBtn li{ float:left;
	white-space:nowrap;
	}
#socialBtn li.facebook_fb{ display:block;
	width:115px;
	height:20px;
	margin:0;
	padding:0 10px 0 0;
	font-size:0;
	line-height:0;
	}
#socialBtn li.twitter{ display:block;
	width:65px;
	height:20px;
	padding:0 10px 0 0;
	}
#socialBtn li.twitter a:hover{ background-position:0 -20px;
	}
#socialBtn li.line_sns{ display:block;
	width:85px;
	height:20px;
	padding:0;
	}
#socialBtn li.line_sns a{ display:block;
	background:url(https://www1.amwaylive.com/psl/common/img/btn_line.png) no-repeat 0 0;
	width:89px;
	height:20px;
	}