@charset "utf-8";
/*****************************
1. index
2. about
3. secret
4. recipe
5. 
6. 
*****************************/

h2 {
  clear: both;
  margin: 0 0 20px 0;
  padding: 10px 0;
  font-size: 1.4em;
  color: #fff;
  text-align: center;
  background: #000;
}

h4 {
	border-bottom:dotted 1px #0e335f;
	border-top:dotted 1px #0e335f;
	padding:5px 0;
	margin-bottom:10px;
	text-align:center;
	}

h5 {
	margin-bottom:5px;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	}



#ContBox {
	width:95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0 auto;
}
#ContBoxIn {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
}
#ContHad {
	display:block;
	position:relative;
	height:63px;
	width:100%;
}
#ContHad h3 {
	display:block;
	position: absolute;
	left:10px;
	top:7px;
}
#ContHad a {
	display:block;
	width:68px;
	height:25px;
	position: absolute;
	right:0;
	bottom:0;
}
#ContWhite {
	display:block;
	background:#FFF;
	padding-top:5px;
	padding-bottom:5px;
}

.LineBulue {
	border-bottom:dotted 1px #0e335f;
}
.LineBulueT {
	border-top:dotted 1px #0e335f;
}

/*****************************
1. index
*****************************/
/* Back */
#TopPage {
	width:100%;
	background-image: url("/smartphone/dairies/cheese/meijitokachi/cocottecamem/images/background.png");
	background-repeat:no-repeat;
	background-position:center 0 ;
	background-size:100% auto;
	text-align:center;
}

.hk_t_Btn { width:90%; margin:0 auto 10px; display:block;}


/* slider */
/*#SlidVisual {
	width:100%;
	text-align:center;
}*/

#slider {
	width:100%;
	max-width:640px;
}

/*#bxslider .slider_cont {
	width:100%;
	border:1px #F00 solid;
}

#bxslider .slider_cont img {
	width:100%;
	height:auto;
}

#bxslider img {
	width:100%;
	height:auto;
}*/

/*ラインナップ*/
div#lineup{
	width:320px;
	height:88px;
	margin:0 auto;
	position:relative;
	background:url(/smartphone/dairies/cheese/meijitokachi/cocottecamem/images/lineup_bakground.png) no-repeat 0 0;
	background-size:100% auto;
	margin-bottom:20px;
}

div#lineup .lineup-inner{
	width:213px;
	height:61px;
	position:absolute;
	left: 90px;
	top: 17px;
}

/*div#lineup img{
	max-width:100%;
	height:auto;
	margin-bottom:15px;
}*/

div#page-top{
	width:100%;
	text-align:center;
	margin-bottom:15px;
}

div#page-top img{
	max-width:90%;
	height:auto;
}


/*****************************
2. about
*****************************/
#About {
	width:100%;
	background-position:center 0 ;
	background-size:100% auto;
	text-align:center;
}

#About img {
	max-width:100%;
	height:auto;
}



/*****************************
3. secret
*****************************/
#Secret {
	width:100%;
	background-position:center 0 ;
	background-size:100% auto;
	text-align:center;
}

#Secret img {
	max-width:100%;
	height:auto;
}



/*****************************
4. recipe
*****************************/
#Recipe {
	background-position:center 0 ;
	background-size:100% auto;
	text-align:center;
}

#recipe-title-area{
	margin-bottom:30px;
}

#recipe-title-area img{
	max-width:100%;
	height:auto;
}

/*材料*/
#material{
	width:80%;
	margin:0 auto;
	margin-bottom:30px;
}

#material img{
	max-width:100%;
	height:auto;
}

#material table{
	border-collapse:collapse;
}

#material table td{
	border-bottom:1px #000 dashed;
	padding:5px 0px;
	text-align:left;
}

/*作り方*/
#howto{
	width:80%;
	margin:0 auto;
}

#howto table{
	border-collapse:separate;
	border-spacing:0px 15px;
}

#howto table th{
	width:10%
}

#howto table th{
	width:10%
}

#howto table td{
	vertical-align:top;
	text-align:left;
}

#howto img.howto{
	max-width:100%;
	height:auto;
}

#howto img.number{
	max-width:50%;
	height:auto;
}

/*アドバイス*/
#advice{
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
}

#advice img{
	max-width:100%;
	height:auto;
}


/*前・次のレシピボタン*/
#pre_next_btn{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

#pre_next_btn img{
	width:68px;
	height:12px;
}

#pre_next_btn ul{
	/*display:block;*/
	width:177px;
	margin:0 auto;
}

#pre_next_btn ul li{
	float:left;
}

#pre_next_btn ul li a{
	display:block;
}

#pre_next_btn ul li.pre{
	padding-right:20px;
	margin-right:20px;
	border-right:1px #000 solid;
}
