@charset "UTF-8";

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

 Common style of lineup

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

/* ///////////////////////////////////////////////// index style */

* html div.lineup{
	width:1003px !important;
}

	* html div.lineup div#main{
		width:799px !important;
	}

.lineupTtl{
	margin-left:-5px;
}

ul#regularList{
	margin-left:-5px;
	width:795px;
}

ul#limitList{
	margin-left:-5px;
	/*padding-bottom:13px;*/
	width:799px;
	/*background:url(img/limit_fondan.jpg) no-repeat right -1px;*/
}

ul#regularList a.imageover span,
ul#limitList a.imageover span{
	top:-220px;
	left:-50px;
}

#summerTtl{
	margin-top:14px;
}
#regularTtl{
	margin-top:16px;
}
#limitTtl{
	margin-top:14px;
}

#bnrBtm{
	margin-top:57px;
}

/* ///////////////////////////////////////////////// lineup style */

div#itemhead{
	margin-bottom:20px;
	padding-bottom:25px;
	border-bottom:2px solid #f4f3f0;
}

div#itemhead h1{
	margin-top:-26px;
	position:relative;
	z-index:-10;
}

div#itemhead h2{
	margin-top:25px;
}

p#description{
	margin-top:10px;
	
}

div.secretBox{
	margin-top:17px;
}

div.secretTxt{
	float:right;
	width:350px;
}

	div.secretTxt p{
		margin-top:10px;
		padding-left:10px;
	}

div.secretImg{
	margin-left:-4px;
	padding-top:7px;
	float:left;
	width:398px;
}

div#itemInfo{
	margin-top:28px;
	padding:20px;
	background:url(img/info_bg.gif) repeat left top;
}

	div#itemInfo h2{
		margin-bottom:20px;
	}
	div#component{
		float:left;
		width:480px;
	}

		div#component table{
			width:100%;
		}

			div#component table th,
			div#component table td{
				padding:5px;
				text-align:center;
			}

			div#component table th{
				font-weight:bold;
				background-color:#fffbcc;
				white-space:nowrap;
			}

			div#component table th.energy{ width:98px; }
			div#component table th.protein{ width:70px; }
			div#component table th.lipid{ width:70px; }
			div#component table th.carbohydrate{ width:60px; }
			div#component table th.moisture{ width:70px; }
			div#component table th.ash{  }

			div#component table td{
				background-color:#FFF;
			}

div#itemInfo .set{
text-align: right;
	font-size: 80%;
	margin-top:5px;
}

	div#materials{
		float:right;
		width:230px;
	}
		div#materials h2{
			padding-left: 10px;
		}

		div#materials li{
			margin-right:5px;
			background-image:url(img/materials.gif);
			background-repeat:no-repeat;
			width:40px;
			height:56px;
			text-indent:-999em;
		}

		div#materials li.egg{ background-position:left top; }
		div#materials li.milk{ background-position:-45px top; }
		div#materials li.wheat{ background-position:-90px top; }
		div#materials li.almond{ background-position:-135px top; }
		div#materials li.cashewnuts{ background-position:-180px top; }
		div#materials li.soybean{ background-position:-225px top; }

		div#materials #btn-allergy{
			background: url(img/bg_allergy.gif) no-repeat left top;
			padding: 10px;
		}

p#backLineup{
	margin-top:14px;
	text-align:right;
}

/*フォンダンショコラ*/
div.howtoBox{
	margin-top:25px;
	margin-left:-20px;
}

		div.howtoBox div.howtoIn{
			float:left;
			width:240px;
			margin-left:20px;
		}

				div.howtoBox div.howtoIn h3{
					margin-bottom:15px;
				}

				div.howtoBox div.howtoIn .alignHeights{
					margin-bottom:10px;
				}

				div.howtoBox div.howtoIn ol{
					padding-left:1.75em;
				}

				div.howtoBox div.howtoIn ol li{
					list-style-type:decimal;
					margin-bottom:5px;
				}



/* ///////////////////////////////////////////////// season style */

div#contents.season h1{
	margin-top:25px;
}

div#contents.season div#imgBox{
	background:url(img/season_bg.gif) repeat center top;
	text-align:center;
	margin-top:25px;
	padding-bottom:20px;
}

div#contents.season div#imgBox div#mainImg{
	background:url(img/season_bg_main.png) no-repeat center top;
	padding:10px 10px 0;
	height:795px;
}

div#contents.season div#imgBox div#mainImg p#name{
	text-align:center;
	font-weight:bold;
	margin-top:9px;
	color:#331414;
	line-height:1.5;
}

div#contents.season div#imgBox p#txt,
div#contents.season div#imgBox .txt{
	text-align:left;
	width:525px;
	margin:10px auto 25px;
}

div#contents.season div#imgBox p#txt span.block,
div#contents.season div#imgBox .txt span.block{
	display: block;
	margin-top: 3px;
}


/*復活総選挙ランキング*/
div#contents.season div#imgBox p#txt span#rank{
	display: block;
	padding: 10px 0;
}

/*注意事項*/
div#contents.season div#imgBox ul.notes{
	text-align:left;
	width:525px;
	margin:10px auto 0;
	font-size:85%;
}
div#contents.season div#imgBox ul.notes li{
    margin: 0 0 0 15px;
    text-indent: -1.1em;
}
div#contents.season div#imgBox ul.notes li.important{
	color:#FF0000;
}

div#contents.season div#imgBox .notes-txt{
	text-align:left;
	width:525px;
	margin:0 auto;
	font-size:85%;
}
div#contents.season div#imgBox .border-top{
	border-top: 1px solid #ccc;
	padding-top: 15px;
}

/* ///////////////////////////////////////////////// gelato_chou style */

div#contents.gelato_chou .summerTtl{
	margin-left:-5px;
}

div#contents.gelato_chou h1{
	position:relative;
	z-index:10;
	margin-top:0;
}

div#contents.gelato_chou div.lineupBox{
	margin-top:25px;
	margin-bottom:35px;
}

div#contents.gelato_chou div.lineupTxt{
	float:right;
	width:500px;
	padding-top:25px;
}

	div#contents.gelato_chou div.lineupTxt p{
		margin-top:15px;
		padding-left:10px;
		padding-right:10px;
	}

div#contents.gelato_chou div.lineupImg{
	margin-left:-10px;
	float:left;
	width:270px;
}


div#contents.gelato_chou div#itemhead ul.notes li{
	font-size:85%;
    margin: 0 0 0 15px;
    text-indent: -1.1em;
}


div#contents.gelato_chou div.itemInfo{
	margin-top:15px;
	padding:20px 20px 10px;
	background:url(img/info_bg.gif) repeat left top;
}

	div#itemInfo h2{
		margin-bottom:20px;
	}
	div#component{
		float:left;
		width:480px;
	}

		div#contents.gelato_chou div.itemInfo table{
			width:100%;
		}

			div#contents.gelato_chou div.itemInfo table th,
			div#contents.gelato_chou div.itemInfo table td{
				padding:7px;
				text-align:center;
				font-size:92.3%;
			}

			div#contents.gelato_chou div.itemInfo table th{
				font-weight:bold;
				background-color:#fffbcc;
				white-space:nowrap;
			}

			div#contents.gelato_chou div.itemInfo table th.energy{ width:80px; }
			div#contents.gelato_chou div.itemInfo table th.protein{ width:80px; }
			div#contents.gelato_chou div.itemInfo table th.lipid{ width:45px; }
			div#contents.gelato_chou div.itemInfo table th.carbohydrate{ width:70px; }
			div#contents.gelato_chou div.itemInfo table th.moisture{ width:45px; }
			div#contents.gelato_chou div.itemInfo table th.ash{  }

			div#contents.gelato_chou div.itemInfo table td{
				background-color:#FFF;
			}

		div#contents.gelato_chou div.itemInfo h4{
			margin-top:13px;
			margin-bottom:8px;
			padding-left:6px;
		}

		div#contents.gelato_chou div.itemInfo li{
			margin-right:5px;
			background-image:url(img/materials.gif);
			background-repeat:no-repeat;
			width:40px;
			height:56px;
			text-indent:-999em;
		}

		div#contents.gelato_chou div.itemInfo li.egg{ background-position:left top; }
		div#contents.gelato_chou div.itemInfo li.milk{ background-position:-45px top; }
		div#contents.gelato_chou div.itemInfo li.wheat{ background-position:-90px top; }
		div#contents.gelato_chou div.itemInfo li.almond{ background-position:-135px top; }
		div#contents.gelato_chou div.itemInfo li.cashewnuts{ background-position:-180px top; }
		div#contents.gelato_chou div.itemInfo li.soybean{ background-position:-225px top; }

		div#contents.gelato_chou .btn-allergy{
			background: url(img/bg_allergy_gelato.gif) no-repeat left top;
			margin-top: 2px !important;
			padding: 10px;
		}

/* ///////////////////////////////////////////////// library style */

div#contents.library{
	margin-top:33px;
}

div.library div#main{
	width:970px !important;
}

div.library div#libraryWrap{
	background:url(img/library_bg_mdl.gif) repeat-y left top;
}
	div.library div#ttlArea{
		padding:48px 0 57px 39px;
		background:url(img/library_bg_top.gif) no-repeat left top;
	}

	div.library div#ttlArea h1{
		margin-bottom:24px;
	}

	div.library div#libraryIn{
		padding-bottom:60px;
		background:url(img/library_bg_btm.gif) no-repeat left bottom;
	}

div.libraryBox{
	padding-left:38px;
	/*margin:0 auto;
	width:895px;
	width:909px;*/
	letter-spacing:normal;
}

div.libraryBox h2{
	padding-right:16px;
	padding-top:11px;
	float:left;
	width:212px;
	display:inline;
}

div.libraryBox ul{
}

div.libraryBox ul,
div.libraryBox ul li{
	display:inline;
}

div.libraryBox h2,
div.libraryBox ul,
div.libraryBox ul li{
	letter-spacing:-.40em;
}

div.libraryBox ul li{
	padding-right:14px;
}

	div.libraryBox ul li img{
		padding-bottom:9px;
	}

div.libraryBox ul li.year{
	display:none;
}

p#libraryTxt{
	margin-top:41px;
	text-align:center;
}
.attention{
	color: #F00;
}


/* ///////////////////////////////////////////////// shiro style */

#shiro-desc{
	min-height: 429px;
	position: relative;
}
#shiro-desc .text{
	/*width: 432px;*/
	width: 450px;
	margin-top: 30px;
	margin-right: 30px;
}
#shiro-desc #poster{
	position: absolute;
	top: 0;
	right: 0;
}
#shiro-desc .note li{
	font-size: 93%;
	margin-top: 5px;
	text-indent: -1em;
	padding-left: 1em;
}


/* ///////////////////////////////////////////////// pie_chou モンドセレクションポスター追加 */


.side-poster{
	min-height: 429px;
	position: relative;
}
.side-poster .text{
	width: 432px;
	margin-top: 30px;
	margin-right: 30px;
}
.side-poster #poster{
	position: absolute;
	top: -26px;
	right: 0;
}
.side-poster .note li{
	font-size: 93%;
	margin-top: 5px;
	text-indent: -1em;
	padding-left: 1em;
}

/* ///////////////////////////////////////////////// 福袋2017　ボタン追加 */
ul.detail_btn{
	clear: both;
	display: block;
	margin:50px auto 10px;
	width:520px;
	height: 55px;
	text-align: center;}

ul.detail_btn li{
	float: left;
margin-right:14px;}

ul.detail_btn li:last-child{
	margin-right: 0;
}

/* ///////////////////////////////////////////////// ザクザク対決 */

.hush{
	font-size: 130%;
	color: #ce141f;
	line-height: 3.0;
	font-weight: 800;
	margin-right:20px;
	background: #FFEF00;
	padding:10px 15px;
}

.sub_ttl{
	font-size: 120%;
	font-weight: bold;
	display: block;
	text-indent: -10px;
}

#zakuzaku_sns{
	text-align: left !important;
    width: 600px;
    margin: 10px 0 25px 120px;
}

.account{
	font-size: 120%;
	line-height: 2.0;
	font-weight: 800;
	padding:10px 0;
	 display: inline-block;
	text-align: left;
}


.follow-button {
	width: 230px;
	display: block;
   /* background: #1b95e0;*/
    padding: 5px 10px;
    text-align: center;
    color: #fff;
	font-weight: normal;
	font-size: 14px;
    text-decoration: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
 a.follow-button:visited{
	 color: #fff;
}
.twitter_btn a{
	 background: #1b95e0;
}
.insta_btn a{
	background: #e2306c;
}

/*注意書き*/
ul.cation{
    text-align: left;
    width: 525px;
	margin: 0 auto 25px;
	font-size: 90%;
	}

ul.cation li.sub_ttl{
	font-size: 150%;
}
ul.cation li{
	margin-left:12px;
}
ul.cation li.ttl{
	text-indent: -12px;
	margin-top:10px;
}


/* ///////////////////////////////////////////////// 20th*/

#main #bp20th {
	margin-top:70px;
}

#main #bp20th  .main_img{
	margin-bottom:20px;
}

#main #bp20th h2{
	margin-top:50px;
}

#main #bp20th h3{
	color:#0e3e81;
	font-size: 140%;
	font-weight: 800;
	margin-bottom: 10px;
	margin-top:40px;
	/*border-bottom: 1px solid #0e3e81;*/
	
	padding-bottom: 10px;
}
#main #bp20th h3 span{
	border-bottom: 8px solid #fdfac7;
}

#main #bp20th p#description span{
	display: block;
	font-weight: 800;
	font-size: 110%;
	margin-top:10px;
}


#main #bp20th .side-poster {
    min-height: 660px;
    position: relative;
	clear: both;
}

#main #bp20th .side-poster #poster {
    position: absolute;
   	 /*top:100px;*/
	top:90px;
    right: 0;
}
#main #bp20th .side-poster #poster2 {
    position: absolute;
	top:0px;
    right: 0;
}

#main #bp20th .text {
   /* width: 380px;*/
	width: 350px;
    margin-top: 30px;
   /* margin-right: 30px;*/
}

#main #bp20th dl.info,#main #bp20th dl.set_info{
	margin-top:30px;
	font-size: 110%;
}

#main #bp20th dl.info dt{
	width:90px;
	display: inline-block;
	margin-bottom: 10px;
}

#main #bp20th dl.info dd{
	width:660px;
	margin-bottom: 10px;
	display: inline-block;
}


#main #bp20th dl.set_info dt{
	width:65px;
	display: inline-block;
	margin-bottom: 10px;
}

#main #bp20th dl.set_info dd{
	width:685px;
	margin-bottom: 10px;
	display: inline-block;
}

#main #bp20th .lineup_list{
	margin-top:30px;
	font-size: 110%;
	line-height: 2.0 !important;
}

#main #bp20th .lineup_list span{
	display: block;
	border-bottom: 1px dotted #C5C5C5;
	margin-bottom:10px;
	padding-bottom:10px;
}
#main #bp20th .lineup_list span.limit{
	display: block;
	border: none;
	font-weight: 600;
	font-size:120%;
	margin-bottom:0px;
	padding-bottom:0px;
}


#main #bp20th #description{
	line-height: 2.0 !important;
}

#main #bp20th .ml15{margin-left: 15px;}
#main #bp20th .ml20{margin-left: 20px;}

/*シューアイス*/
#chouice{
	margin-left: 50px;
}

#chouice .lineup li{
	display: inline-block;
	vertical-align: top;
	width:40%;
	margin:30px;
}

#chouice .lineup li p{
	text-align: center;
}

#main #bp20th .new{
	background-color: #E31619;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding:2px;
	padding-bottom:2px !important;
	display: inline !important;
	border-bottom: none !important;
	/*display: inline-block!important;*/
}