@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,img,q,samp,strong,ul,ol,li,dl,dt,dd,form,label,table,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}





ul{
list-style-type:none;
}

ol{
list-style-type:decimal;
}

img{
border:0;
line-height:1;
vertical-align: bottom;
}

a{
text-decoration: underline;
}

a:visited{
}



a:active{
}

em,
strong,
cite{
font-style:normal;
}


.red{
font-size:12px;
color:#CC0000;
}




.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body {
	background-color: #ded7e9;
}


.wrap {
	max-width: 750px;
	margin: 0 auto;
}



#wrapper {
	margin: 10px;
   font-size: 28px;
}
#wrapper section{
	width:96%;
	margin-left: auto;
	margin-right: auto;
}



/************************************************

	lpArea

*************************************************/
#lpArea{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}


/************************************************

	Header

*************************************************/
#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/************************************************

	section

*************************************************/
.block {
	width: 100%;
	margin: 0 auto;
}
.offer{
	position: relative;
}
.offer .btn {
	width: 100%;
	position: absolute;
	left:2px;
	top: 63%;;
	display:block;
	background: none;
	border: none;
}

.offer .btn02 {
	width: 100%;
	position: absolute;
	left:2px;
	top: 61%;;
	display:block;
	background: none;
	border: none;
}

#offer_block ul {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#offer_block ul.notesBox li {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 5px;
		padding-left: 1em;
		text-indent: -1em;
}




#offer_block ul.notesBox li a{
    color: #f03c3c;
}

#offer_block ul .strong_red {
    color: #f00;
    font-size: 180%;
    font-weight: bold;
}













/*--横幅調整--*/
.width_max3 {
	width: 50%;
}

.width_max4 {
	width: 21%;
}

.width_max5 {
	width: 3%;
}

/*--固定ナビ--*/
#nav {
	width: 100%;
	max-width: 750px;
	position: fixed;
	bottom: 0;
	z-index: 998;
	padding: 50px 0px 0px 0px;
}
#nav img { 
vertical-align:bottom;
padding: 0;
}
#nav-close {
	position: absolute;
	bottom: 85%;
	right: 1%;
	z-index: 999;
	cursor: pointer;
}

#ingredient {
	text-align: center;
	width: 70%;
	margin: auto;
}

#ingredient img{
	display: block;
	width: 100%;
}

.p-footer-did__txt {
	text-align: center;
}

.p-footer-tel__txt {
	text-align: center;
}