@charset "UTF-8";
/* CSS Document */


html{
	height:100%;
	width:100%;
}

body{
	height:100%;
	width:100%;
	min-width:750px;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#4C4C4C;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-font-smoothing: subpixel-antialiased;
}
img{
	vertical-align:bottom;
}




header{
	width:96%;
	max-width:1100px;
	margin:0 auto;
	position:relative;
	margin-top:30px;
	
}

header .image{
	position:relative;
	width:100%;
	padding-top:40px;
}
header .image .topnum{
	position:absolute;
	bottom:0;
	right:0;
	width:20%;
}
header h1{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:90%;
}

header nav{
	width:100%;
	margin:0 auto;
	margin-top:1.5em;
}
header nav ul{
	text-align:center;
}
header nav ul li{
	display:inline-block;
	text-align:left;
	margin:0.8em 1.5em;
	line-height:1;
}
header nav ul li a{
	display:block;
	padding: 0.2em 0em;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#EAA0A7;
	font-size:1.4em;
	text-decoration:none;
	letter-spacing:0.05em;
}

header nav ul li a:hover{
	color:#4C4C4C;
}






section.p01,
section.p02,
section.p03,
section.p04,
section.p05,
section.p06,
section.p07{
	width:95%;
	text-align:left;
	max-width:1100px;
	min-width:700px;
	margin:0 auto;
	margin-top:8%;
	
}





section .p_title{
	color:#EAA0A7;
	line-height:1.2;
	margin-bottom:20px;
}
section .p_title .num{
	float:left;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:9em;
	margin-right:0.2em;	
}
section .p_title h2{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:5.2em;
	padding-top:0.15em;
}
section .p_title h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:2.8em;
	
}

section h4{
	font-size:1.8em;
	margin-bottom:0.5em;
}
section .copy{
	font-size:1.1em;
	line-height:1.6;
}


section .subtitle{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:2.5em;
	letter-spacing:0.05em;
	color:#EAA0A7;
}


/* =======================================
                   01
======================================= */

section.p01{
}
section.p01 .copy{
}
section.p01 .p01_left{
	float:left;
	width:65%;
}
section.p01 .p01_right{
	float:right;
	width:30%;
}
section.p01 .p01_right h3{
	font-size:1.1em;
	padding:0.5em 0 0.2em 0;
}
section.p01 .p01_right p{
	font-size:0.95em;
	line-height:1.3;
}

/* =======================================
                   02
======================================= */

section.p02 .p02_left{
	float:left;
	width:55%;
}
section.p02 .p02_right{
	float:right;
	width:40%;
}
.camp{
	margin-top:4%;
}
.camp ul{}
.camp ul li{
	width:47.5%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.camp ul li h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:2.0em;
	letter-spacing:0.05em;
	color:#EAA0A7;
	margin-top:0.5em;
	line-height:1;
}
.camp ul li h3{
	font-size:1.1em;
	margin-top:0.2em;
}
.camp ul li p{
	margin-top:0.8em;
}

.camp ul li.c01,
.camp ul li.c03{
	margin-right:5%;
}

.goods{
	border-top:1px solid #CCC;
	margin-top:4%;
	padding-top:3%;
}
.goods ul{
	margin-top:2%;
}
.goods ul li{
	width:17.5%;
	margin-right:3.1%;
	margin-bottom:2.5%;
	float:left;
	line-height:1.4;
}
.goods ul li.g05{
	margin-right:0;
}
.goods ul li h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:1.3em;
	letter-spacing:0.05em;
	color:#EAA0A7;
}


.recipe{
	border-top:1px solid #CCC;
	margin-top:5%;
	padding-top:3%;
}

.recipeIn{
	margin-top:2%;
}
.recipeIn.second{
	margin-top:4%;
	padding-top:4%;
	background:url(../images/dot.png) 0 0 repeat-x;
}
.recipeimg{
	float:left;
	width:50%;
}
.recipetxt{
	float:right;
	width:45%;
}
.recipetxt h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:2.5em;
	line-height:1.2;
}
.recipetxt h3{
	font-size:1.1em;
	margin-top:0.2em;
	margin-bottom:3em;
}
.recipeIn ul{
	margin-bottom:2%;
}
.recipeIn ul li{
	width:22.5%;
	margin-right:3.3%;
	margin-top:1.5em;
	float:left;
}
.recipeIn ul li.r04{
	margin-right:0;
}

.recipeIn .rem01{
	width:32.6666666%;
	float:left;
	margin-right:1%;
}
.recipeIn .rem02{
	width:32.6666666%;
	float:left;
	margin-right:1%;
}
.recipeIn .rem03{
	width:32.6666666%;
	float:left;
}


.supervision{
	border:1px solid #CCC;
	margin-top:25px;
	text-align:center;
	padding:1em 0;
}

.supervision .left{
	width:50%;
	float:left;
}
.supervision .right{
	width:50%;
	float:right;
}
.supervision h2{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.5em;
	line-height:1.2;
	margin-top:0.4em;
}
.supervision h3{
	font-size:1.1em;
	margin-bottom:0.3em;
}
.supervision h3 span{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.4em;
}
@media only screen and (max-width: 950px) {
.goods ul li{
	width:21.6%;
	margin-right:4.5%;
}
.goods ul li.g04{ margin-right:0;}
.goods ul li.g08{ margin-right:0;}
.goods ul li.g05{ margin-right:4.5%;}
}

/* =======================================
                   03
======================================= */

section.p03{
}
section.p03 ul{
}
section.p03 ul li{
	width:31.3%;
	margin-right:3%;
	margin-top:2.5%;
	float:left;
	line-height:1.25;
}
section.p03 ul li p{
	margin:0.2em 0;
}
section.p03 ul li.l03,
section.p03 ul li.l06{
	margin-right:0;

}
section.p03 ul li h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.2em;
	margin:0.5em 0 0.2em 0;
	color:#EAA0A7;
	line-height:1.0;
}
section.p03 ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.95em;
	line-height:1.0;
	color:#EAA0A7;
	text-decoration:none;
	letter-spacing:0.05em;
}
section.p03 ul li a:hover{
	color:#4C4C4C;
	text-decoration:underline;
}

section.p03 .shield{
	border:2px solid #EAA0A7;
	margin-top:30px;
	padding:18px;
}
section.p03 .shield h2{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	letter-spacing:0.05em;
	font-size:2.2em;
	color:#EAA0A7;
	line-height:1.0;
}
section.p03 .shield h3{
	font-size:1.6em;
	margin-top:0.3em;
	margin-bottom:0.5em;
}
section.p03 .shield .left{
	width:57%;
	float:left;
}
section.p03 .shield .right{
	width:40%;
	float:right;
	display:inline-table;
	margin-top:1%;
}

@media only screen and (max-width: 850px) {
section.p03 .shield .left{width:50%;}
section.p03 .shield .right{width:47%; margin-top:2%;}
}



/* =======================================
                   04
======================================= */

section.p04{
}

section.p04 .copy{
	margin-bottom:2%;
}
section.p04 .list_title{
	margin-top:4%;
}

section.p04 .list_title h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:2.5em;
	letter-spacing:0.05em;
	color:#EAA0A7;
	float:left;
	width:34%;
	line-height:1.2;
}
section.p04 .list_title p{
	float:right;
	line-height:1.5;
	width:66%;
}

section.p04 ul{
}
section.p04 ul li{
	width:31.3%;
	margin-right:3%;
	margin-top:1.5%;
	margin-bottom:1.5%;
	float:left;
	line-height:1.25;
}
section.p04 ul li.l03,
section.p04 ul li.l06{
	margin-right:0;
}

section.p04 ul li h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.2em;
	margin:0.5em 0 0.2em 0;
	line-height:1.0;
}
section.p04 ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.95em;
	line-height:1.0;
	color:#4C4C4C;
	text-decoration:none;
	letter-spacing:0.05em;
}
section.p04 ul li a:hover{
	color:#EAA0A7;
	text-decoration:underline;
}

@media only screen and (max-width: 950px) {
section.p04 .list_title h3{
	float:none;
	width:100%;
}
section.p04 .list_title p{
	float:none;
	width:100%;
}
	
}

/* =======================================
                   05
======================================= */

section.p05{
}
section.p05 ul{
}
section.p05 ul li{
	margin:10px 0;
	line-height:1.25;
}
section.p05 ul li.img01{
	width:43.2%;
	float:left;
}
section.p05 ul li.img02{
	width:54%;
	float:right;
}
section.p05 ul li.img03{
	width:55%;
	float:left;
}
section.p05 ul li.img04{
	width:42.2%;
	float:right;
}
section.p05 ul li.img05{
	width:55%;
	float:left;
}


section.p05 ul li h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.2em;
	margin:0.5em 0 0.2em 0;
	line-height:1.0;
}
section.p05 ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.95em;
	line-height:1.0;
	color:#4C4C4C;
	text-decoration:none;
	letter-spacing:0.05em;
}
section.p05 ul li a:hover{
	color:#EAA0A7;
	text-decoration:underline;
}

/* =======================================
                   06
======================================= */

section.p06{
}
section.p06 ul{
}
section.p06 ul li{
	margin:10px 0;
	line-height:1.25;
}
section.p06 ul li.img01{
	width:65.3%;
	margin-right:40%;
	float:left;
}
section.p06 ul li.img02{
	width:31.3%;
	margin-right:3%;
	float:left;
}
section.p06 ul li.img03{
	width:31.3%;
	margin-right:3%;
	float:left;
}
section.p06 ul li.img04{
	width:31.3%;
	float:right;
}
section.p06 ul li.img05{
	width:31.3%;
	float:left;
}
section.p06 ul li.img06{
	width:65.6%;
	float:right;
}


section.p06 ul li h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:1.2em;
	margin:0.5em 0 0.2em 0;
	line-height:1.0;
}
section.p06 ul li p{
	margin:0.3em 0;
}
section.p06 ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.95em;
	line-height:1.0;
	color:#4C4C4C;
	text-decoration:none;
	letter-spacing:0.05em;
}
section.p06 ul li a span{
	font-weight:400;
}
section.p06 ul li a:hover{
	color:#EAA0A7;
	text-decoration:underline;
}


/* =======================================
                   07
======================================= */

section.p07{
	text-align:left;
}
section.p07 h2{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:5.5em;
	padding-top:0.15em;
	color:#EAA0A7;
}


section.p07 .news01{
	padding:1.5em 0 2em 0;
}
section.p07 .news02{
	padding:2em 0 2em 0;
}

section.p07 .news01_left{
	float:left;
	width:70%;
}
section.p07 .news01_right{
	float:right;
	width:25%;
}
section.p07 .news01_right img{
	margin-bottom:5px;
}

section.p07 h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:2.6em;
	letter-spacing:0.05em;
	color:#EAA0A7;
	line-height:1.2;
}
section.p07 .news02 h4{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:2.0em;
}
section.p07 .news02 p{
	margin:0.7em 0;
}


section.p07 .item01{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height:1.2;
	color:#4C4C4C;
	text-decoration:none;
	letter-spacing:0.05em;
	width:67%;
	float:left;
}
section.p07 .item02{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height:1.2;
	color:#4C4C4C;
	text-decoration:none;
	letter-spacing:0.05em;
	width:25%;
	float:right;
}


section.p07 .store{
	margin-top:2%;
	border-top:4px double #EAA0A7;
	padding-top:2%;
	padding-bottom:8%;
}

section.p07 .store dl{
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:8px;
	padding-bottom:5px;
}
section.p07 .store dl.top{
	border-top:1px solid #CCC;
	padding-top:8px;
	margin-top:2%;
}
section.p07 .store dd{
	font-size:1.5em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	float:left;
	width:45%;
	padding-top:1em;
}
section.p07 .store dt{
	float:right;
	width:55%;
}


section.p07 .store .blog{
	margin-top:0.4em;
	line-height:1.1;
}
section.p07 .store .blog a{
	display:inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	color:#4c4c4c;
	font-size:1.3em;
	text-decoration:none;
}
section.p07 .store .blog a:hover{
	color:#EAA0A7;
}

@media only screen and (max-width: 950px) {
}



@media only screen and (max-width: 768px) {
}






/* ========================================================
                            Clerfix
   ======================================================== */

section:after,
ul:after,
dl:after,
section .p_title:after,
.recipeIn:after,
section.p03 .shield:after,
section.p04 .list_title:after,
section.p07 .news01:after,
section.p07 .news02:after,
.supervision:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}