@charset "UTF-8";
@import "reset5.css";
@import url("https://use.typekit.net/jad1tgu.css");
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap');



body { color:#000; background:#faf0d2; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; -webkit-text-size-adjust: 100%; font-family: 'M PLUS Rounded 1c', sans-serif, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }
html {  min-height: 100%; }

* html body { font-family: 'M PLUS Rounded 1c', sans-serif, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif;  }
*:first-child+html body { font-family: 'M PLUS Rounded 1c', sans-serif, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size: 13px; line-height: 2.2; letter-spacing: 0.12em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

body p { font-weight: 300; letter-spacing: 0.24em }
h2,h3,h4,h5 { letter-spacing: 0.04em }

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align: middle }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt80 { padding-top:80px !important; }


.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { color: #2a0c06; text-decoration: none }
a:visited { color: #2a0c06; text-decoration: none }
a:hover { color: #2a0c06; text-decoration: underline }
a:active { color: #2a0c06; text-decoration: none }


/* リストの高さ揃える */
.list-flex { display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

html {  }
#wrapper { position: relative; width: 100%; text-align: center; overflow: hidden }


.contents { position: relative; padding:0; }


.contents h2 { color:#624849; line-height:1; font-size:40px; letter-spacing:0.2em; margin:100px 0 80px; padding:0 0 0 7px; display:inline-block; position:relative; }
.contents h2 .tit { position:relative; z-index:2; }
.contents h2 .line { background:#f3981e; width:100%; height:20px; display:inline-block; position:absolute; bottom:-5px; left:0; z-index:1; }


/* header */
#header { padding:0 0 50px; position:relative; background:url(../img/header_bg.jpg) repeat; }
#header .inner { background:url(../img/header_img01.png) repeat-x; background-size:50%; padding:75px 0 0; }
#header .kazari01 { position:absolute; bottom:-20px; left:50%; margin:0 0 0 -515px; }
#header .kazari02 { position:absolute; bottom:-20px; left:50%; margin:0 0 0 320px; }
#header .kazari03 { position:absolute; bottom:55px; left:50%; margin:0 0 0 -600px; }
#header .kazari04 { position:absolute; bottom:10px; left:50%; margin:0 0 0 505px; }
.btn_menu { display:none; }

body.lower #header { padding:0 0 30px; }
body.lower #header h1 img { height: 125px }
body.lower #header .inner { padding: 50px 0 0; }
body.lower #header .kazari01, body.lower #header .kazari02 { bottom: -16px }
body.lower #header .kazari01 img, body.lower #header .kazari02 img { height: 186px }


/* nav */
#gnav { background:#ccd94c; }
#gnav ul li { display:inline-block;  }
#gnav ul li a { color:#624849; font-weight:500; font-size:18px; line-height:1; padding:35px 0; display:block; }
#gnav ul li a:hover { color: #fff; text-decoration: none; }
#gnav ul li a.cur { color:#fff; }
#gnav ul li span { border-right:1px solid #fff; padding:0 30px 0 35px; }
#gnav ul li:last-child span { border-right:none; }


/* f-link */
.f-link { background:url(../img/f-link_bg.jpg) repeat; background-position:top; }
.f-link ul { background:url(../img/dots01.png) repeat-x; background-position:top; }
.f-link ul li { width:33.333%; float:left; background:url(../img/dots02.png) repeat-y; background-position:right; }
.f-link ul li:last-child { background:none; }
.f-link ul li a { padding:30px 0; display:block; }
.f-link ul li a:hover { background:rgba(204,204,204,0.25); }


/* footer */
#footer { padding:50px 0 30px; background:url(../img/footer_bg.jpg) repeat; }
#footer .address { font-size:15px; font-weight:500; line-height:1.8; letter-spacing:0.2em; margin:30px 0 0; }
#footer .copy { font-size:13px; letter-spacing:0.1em; margin:20px 0 0; }


/* pager */
.pager { width: 1000px; margin: 0 auto; } 
.pager { text-align: center; position: relative }
.pager p a { color:#624849; font-weight:500; padding: 10px 15px; margin: 0 5px; letter-spacing:0; }
.pager p a.cur { background-color: #fff;
	/* border-radius */ 
	border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; }
.pager .pager_next { position: absolute; right: 0; top: -10px; line-height: 41px; font-size: 16px; font-weight:500; font-style:italic; }
.pager .pager_prev { position: absolute; left: 0; top: -10px; line-height: 41px; font-size: 16px; font-weight:500; font-style:italic; }
.pager_prev img { margin:0 10px 0 0; }
.pager_next img { margin:0 0 0 10px; }


/* top */
#graphic { height: 600px; width: 100%; overflow: hidden; position: relative; }
#graphic ul { width: 8400px; position: absolute; left:  0; top: 0 }
#graphic ul li { float: left;  }

#whatsnew { padding: 30px 0; background:url(../img/whatsnew_bg.jpg) repeat;  z-index:2; }
#whatsnew .tit { margin:0 0 30px; }
#whatsnew li { text-align: left; display:inline-block; }
#whatsnew li .news_inner { position: relative; padding: 0 20px 0 130px; cursor: pointer; min-height: 80px }
#whatsnew li .news_thumb { position: absolute; left: 30px; top: 0;
/* border-radius */
border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;
/* box-shadow */
box-shadow:1px 1px 0px 0px #c4c0bc; -moz-box-shadow:1px 1px 0px 0px #c4c0bc; -webkit-box-shadow:1px 1px 0px 0px #c4c0bc; }
#whatsnew li .date { color: #fff; font-weight:500; }

#top-bnr { width:1080px; margin:0 auto; padding:80px 0 0; position:relative; z-index:3; }
#top-bnr img {-webkit-border-radius:10px;
	/* box-shadow */
	box-shadow:0 0 4px 0px #636363; -moz-box-shadow:0 0 4px 0px #636363; -webkit-box-shadow:0 0 4px 0px #636363; }

#sec01 { width:1080px; margin:0 auto; padding:80px 0; text-align:left; position:relative; z-index:1; }
#sec01 .pic { float:left; position:relative; }
#sec01 .pic .pic01 { margin:0 0 40px; position:relative; z-index:2;}
#sec01 .pic .pic02 { margin:0 0 0 100px; position:relative; z-index:2; }
#sec01 .pic .pic01 img { border:10px solid rgba(98,72,73,0.25); }
#sec01 .pic .pic02 img { border:10px solid rgba(98,72,73,0.25); }
#sec01 .kazari01 { position:absolute; bottom:-30px; left:-110px; z-index:1; }
#sec01 .kazari02 { position:absolute; top:-40px; right:-660px; z-index:1; }
#sec01 .tx { float:right; position:relative; z-index:2; }
#sec01 .tx h2 { margin:40px 0 50px; }
#sec01 .tx p { font-size:17px; font-weight:400; line-height:2.8; margin:0 0 80px; }
#sec01 .tx .btn { text-align:right; }
#sec01 .tx .btn a { color:#fff; font-size:14px; line-height:1; letter-spacing:0.2em; text-decoration:none; background:#624849; border-radius:40px; padding:20px 60px; display:inline-block; }

#sec02 { background:#edeff4; text-align:center; }
#sec02 .sec-inner { width:1080px; margin:0 auto; padding:80px 0 160px; }
#sec02 h3 { color:#624849; font-size:34px; font-weight:500; line-height:1; letter-spacing:0.2em; margin:0 0 40px; }
#sec02 .block01 { margin:0 0 120px; position:relative; }
#sec02 .block01 .img-l { text-align:left; width:45%; }
#sec02 .block01 .box-r { position:absolute; top:80px; left:540px; text-align:left; }
#sec02 .block01 .box-r h4 { color:#624849; font-size:24px; font-weight:400; line-height:1.5; letter-spacing:0.2em; margin:0 0 5px; }
#sec02 .block01 .box-r h4 span { font-size:18px; }
#sec02 .block01 .box-r p { font-size:16px; margin:0 0 20px; }
#sec02 .block01 .box-r img {/* box-shadow */
	box-shadow:0 0 6px 0px #cccccc; -moz-box-shadow:0 0 6px 0px #cccccc; -webkit-box-shadow:0 0 6px 0px #cccccc;}
#sec02 .block01 .btn a { color:#fff; font-size:16px; line-height:1; letter-spacing:0.2em; text-decoration:none; text-align:center; background:#ccd94c; width:540px; border-radius:40px; padding:20px 0; display:block; position:absolute; bottom:0; right:0; }
#sec02 .block01 .btn-2clm-l a { color:#fff; font-size:16px; line-height:1; letter-spacing:0.2em; text-decoration:none; text-align:center; background:#ccd94c; width:265px; border-radius:40px; padding:20px 0; display:block; position:absolute; bottom:0; left:540px; }
#sec02 .block01 .btn-2clm-r a { color:#fff; font-size:16px; line-height:1; letter-spacing:0.2em; text-decoration:none; text-align:center; background:#ccd94c; width:265px; border-radius:40px; padding:20px 0; display:block; position:absolute; bottom:0; right:0; }
#sec02 ul { margin:0 0 70px -50px; }
#sec02 ul li { width:33.333%; float:left; }
#sec02 ul li .inner { margin:0 0 0 50px; }
#sec02 ul li .inner a { overflow: hidden; display: block;
	/* box-shadow */
	box-shadow:5px 5px 0px 0px #c4c0bc; -moz-box-shadow:5px 5px 0px 0px #c4c0bc; -webkit-box-shadow:5px 5px 0px 0px #c4c0bc; }	
#sec02 ul li h4 { font-size:17px; font-weight:500; letter-spacing:0.1em; margin:15px 0 0; display:block; }
#sec02 .btn-event a { color:#fff; font-size:22px; line-height:1; letter-spacing:0.3em; text-decoration:none; background:#f3981e; padding:35px 0; display:block; position:relative;
	/* box-shadow */
	box-shadow:5px 5px 0px 0px #c4c0bc; -moz-box-shadow:5px 5px 0px 0px #c4c0bc; -webkit-box-shadow:5px 5px 0px 0px #c4c0bc; }
#sec02 .btn-event a:hover {-webkit-transform: translate(0,5px); -moz-transform: translate(0,5px); transform: translate(0,5px);
	/* box-shadow */
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#sec02 .btn-event .arw { position:absolute; top:50%; right:40px; margin:-10px 0 0 0; }

#bnr { padding:80px 0 60px; background:url(../img/footer_bg.jpg) repeat; }
#bnr .bnr-inner { width:1080px; margin:0 auto; }
#bnr ul { margin:0 0 0 -60px; }
#bnr ul li { width:50%; float:left;  }
#bnr ul li .inner { margin:0 0 0 60px; }
#bnr ul li .inner img { /* border-radius */ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	/* box-shadow */
	box-shadow:0 0 4px 0px #636363; -moz-box-shadow:0 0 4px 0px #636363; -webkit-box-shadow:0 0 4px 0px #636363; }


/* news */
#news { width: 1080px; margin: 0 auto; padding:0 0 160px; }
#news ul { text-align:left; padding:0 0 50px; }
#news li { font-size:16px; background:url(../img/line.png) repeat-x; background-position:bottom; position:relative; }
#news .news_inner { position: relative; padding: 35px 150px 35px 120px; cursor: pointer; }
#news .news_thumb { position: absolute; left: 10px; top: 50%; margin-top: -40px;
	/* border-radius */
	border-radius:60px; -moz-border-radius:60px; -webkit-border-radius:60px;
	/* box-shadow */
	box-shadow:1px 1px 0px 0px #c4c0bc; -moz-box-shadow:1px 1px 0px 0px #c4c0bc; -webkit-box-shadow:1px 1px 0px 0px #c4c0bc; }
#news h3 { font-weight:300; }
#news li .date { color: #624849; font-weight:500; }

#news .detail { width: 900px; margin: 0 auto 50px; background-color: #fff; padding: 20px 50px; text-align: left; }
#news .detail .news_tit { position: relative }
#news .detail .news_tit h3 { color:#624849; font-size:22px; font-weight:500; line-height:1.8; letter-spacing:0.2em; padding:30px 110px 30px 30px ; background: url(../../assets/img/line.png) repeat-x; background-position:bottom; }
#news .detail .news_tit .news_thumb { position: absolute; left: inherit !important; right: 10px !important; top: 0px !important; margin-top:0 !important; }
#news .detail .body { padding: 30px; }
#news .detail .date { color: #624849; font-weight:500; margin: 20px 0 }
#news .detail p { font-size:16px; margin:0 0 20px; }
#news .btn_backto_idx a { color: #624849; font-size:20px; font-weight:500; line-height:1; letter-spacing:0.2em; text-decoration:none; border-bottom:5px solid #624849; display: inline-block;  margin:80px auto 0; padding:0 0 10px; text-align: center; }


/* about */
#about { width:1080px; margin:0 auto; padding:0 0 100px; }
#about h3 { color:#624849; font-size:40px; font-weight:400; letter-spacing:0.3em; margin:0 0 30px; background:url(../../about/img/line.png) repeat-x; background-position:bottom; display:inline-block; }
#about .read { font-size:17px; font-weight:400; letter-spacing:0.2em; line-height:2em; }
#about .sec01 { margin:0 0 60px; }
#about .sec01 .box { background:#fff; font-size:15px; padding:80px 40px 40px; margin:60px auto 0; border-radius:10px; position:relative;
	/* box-shadow */
	box-shadow:1px 1px 5px -1px #999; -moz-box-shadow:1px 1px 5px -1px #999; -webkit-box-shadow:1px 1px 5px -1px #999; }
#about .sec01 .box h4 { position:absolute; top:-25px; left:50%; margin:0 0 0 -142px; }
#about .sec01 .box h5 { color:#624849; font-size:18px; letter-spacing:0.2em; padding:0 0 3px; margin:50px 0 30px; border-bottom:5px solid #b6c900; display:inline-block; }
#about .sec01 .box .cfix .pic01 { float:left; margin:0 40px 0 0; }
#about .sec01 .box .cfix p { text-align:left; }
#about .sec02 { margin:0 0 80px; }
#about .sec02 ul { padding:0 80px; margin: 0 auto; text-align: center; display: inline-block }
#about .sec02 ul li { font-weight:400; text-align: left; list-style-type:disc; }
#about .sec02 .sample { margin:30px 60px 0; position:relative; }
#about .sec02 .sample p { color:#624849; font-size:24px; font-weight:400; position:absolute; top:30px; left:40px; }
#about .sec03 { position:relative; }
#about .sec03 p { color:#993300; font-size:46px; font-weight:500; position:relative; z-index:400; }
#about .sec03 .kazari01 { position:absolute; bottom:100px; left:50%; margin:0 0 0 -430px; z-index:100; }
#about .sec03 .kazari02 { position:absolute; bottom:45px; right:50%; margin:0 -455px 0 0; z-index:100; }


/* products */
#products { width:1080px; margin:0 auto; padding:0 0 80px; }
#products .cate { margin:0 0 60px; }
#products .cate li { color: #624849; font-size:20px; font-weight:100; display:inline-block; }
#products .cate li a { font-weight:500; text-decoration:none; padding:0 40px 0 38px; }
#products .cate li a span { padding:0 0 0 2px; }
#products .cate li .cur { border-bottom:5px solid #f3981e; }
#products .idx { text-align:left; margin:0 0 0 -40px; }
#products .idx li { width:33.333%; float:left; }
#products .idx li .inner { margin:0 0 80px 40px; }
#products .idx .pic { position:relative; }
#products .idx .pic img { border:10px solid rgba(98,72,73,0.25); box-sizing:border-box; }
#products .idx .pic .ico { border:none; position:absolute; top:-20px; right:-20px; }
#products .idx li h3 { font-size:16px; margin:10px 0 0; }
#products .idx li p { letter-spacing:0.1em; margin:0 0 15px; }
#products .idx .btn01 { text-align:center; margin:0 0 5px; padding:0 30px; }
#products .idx .btn01 a { color:#fff; font-size:14px; line-height:1; text-align:center; text-decoration:none; background:#f3981e; padding:20px 0; border-radius:40px; display:block; }
#products .idx .btn02 { text-align:center; padding:0 30px; }
#products .idx .btn02 a { color:#fff; font-size:14px; line-height:1; text-align:center; text-decoration:none; background:#754e1d; padding:20px 0; border-radius:40px; display:block; }

#products .detail { width: 900px; margin: 0 auto 50px; background-color: #fff; padding:60px 50px; text-align: left; }
#products .detail .summary { background: url(../../assets/img/dots01.png) repeat-x; background-position:bottom; padding:0 0 40px; margin:0 0 40px; }
#products .detail .summary .cfix { position:relative; }
#products .detail .summary p { font-size:14px; }
#products .detail .summary .pic { width:45%; float:left; margin:0 0 40px; }
#products .detail .summary .tx { width:55%; float:left; margin:0 0 40px; }
#products .detail .summary .tx .inner { padding:0 0 0 50px; }
#products .detail .summary .tx .inner h3 { color:#624849; font-size:22px; line-height:1.6; letter-spacing:0.2em; margin:10px 0 30px; padding:0 0 15px; background: url(../../assets/img/line.png) repeat-x; background-position:bottom; }
#products .detail .summary .tx .inner .price { margin:20px 0 0; }
#products .detail .summary .tx .inner .price span.price-inner01 { font-size:20px; }
#products .detail .summary .btn-buy a {  color:#fff; font-size:14px; line-height:1; letter-spacing:0.2em; text-align:center; text-decoration:none; background:#754e1d; padding:20px 0;  border-radius:40px; display:inline-block; position:absolute; bottom:40px; right:50px; width:350px; }
#products .detail .cont { background: url(../../assets/img/dots01.png) repeat-x; background-position:bottom; padding:0 0 50px; margin:0 0 40px; }
#products .detail .cont h4 { color:#624849; font-size:18px; line-height:1; letter-spacing:0.2em; margin:0 0 30px; padding:0 0 2px 2px; border-bottom:3px solid #624849; display:inline-block; }
#products .detail .cont .pic { width:40%; float:left; }
#products .detail .cont ul { width:60%; float:left; } 
#products .detail .cont ul li { font-size:14px; font-weight: 300; padding:0 0 0 50px; }
#products .btn_backto_idx { padding:0 0 40px; }
#products .btn_backto_idx a { color: #624849; font-size:20px; font-weight:500; line-height:1; letter-spacing:0.2em; text-decoration:none; border-bottom:5px solid #624849; display: inline-block;  margin:0 auto; padding:0 0 10px; text-align: center; }
#products .detail #block01 { border-bottom:6px solid #754e1d; margin:0 0 80px; padding:0 0 80px; }
#products .detail .u-line { border-bottom:6px solid #754e1d; margin:0 0 80px; padding:0 0 80px; }
#products .btn-color_chart { padding:0 180px; margin:0 0 80px; text-align:center; }
#products .btn-color_chart a { color:#fff; text-decoration:none; font-size:14px; letter-spacing:0.2em; padding:20px 0; background:#754e1d; border-radius:40px; display:block; }


/* recipes */
#recipes { width:1080px; margin:0 auto; padding:0 0 80px;}
#recipes h3 { color:#624849; font-size:30px; font-weight:400; line-height:1; letter-spacing:0.2em; margin:0 0 35px; position:relative; display:inline-block; }
#recipes h3 .ico { position:absolute; top:4px; left:0; margin:0 0 0 -30px; }
#recipes h4 {font-size:15px; font-weight:400; line-height:1.6; letter-spacing:0.1em; margin:15px 0 0; text-align:left; position:relative; }
#recipes .catalog { background:url(../img/line.png) repeat-x; background-position:bottom; margin:0 0 60px -40px; font-size:0 }
#recipes .catalog .idx li { width:25%; display:inline-block }
#recipes .catalog .idx li .inner { margin:0 0 40px 40px; }
#recipes .catalog .idx li .inner a { overflow: hidden; display: block }
#recipes .catalog h4 { padding:0 30px 0 0; }
#recipes .catalog h4 .ico-pdf { position:absolute; top:-3px; right:0; }
#recipes .recipe { background:url(../img/line.png) repeat-x; background-position:bottom; margin:0 0 60px; }
#recipes .recipe .idx { margin:0 0 0 -40px; }
#recipes .recipe .idx li { width:25%; float:left; }
#recipes .recipe .idx li .inner { margin:0 0 40px 40px; }
#recipes .recipe .idx li .inner a { overflow: hidden; display: block }
#recipes .recipe .feature { margin:10px 0 0; }
#recipes .recipe .feature p { color:#fff; font-size:12px; font-weight:500; width:50%; }
#recipes .recipe .feature .fltL span { background:#f3981e; display:block; margin:0 1px 0 0; border-radius:4px; }
#recipes .recipe .feature .fltR span { background:#b6c900;  display:block; margin:0 0 0 1px; border-radius:4px; position:relative; }
#recipes .recipe .feature .fltR span .ico { position:absolute; top:50%; left:50%; margin:-8px 0 0 -36px;  }
#recipes .movie { margin:0 0 60px; }
#recipes .movie .idx { margin:0 0 0 -40px; }
#recipes .movie .idx li { width:33.333%; float:left; }
#recipes .movie .idx li .inner { margin:0 0 40px 40px; }
#recipes .movie .idx li .inner a { overflow: hidden; display: block }

#recipes .detail { width: 900px; margin: 0 auto 50px; background-color: #fff; padding: 40px 50px; text-align: left; }
#recipes .detail .tit { position:relative; }
#recipes .detail .tit h3 { color:#624849; font-size:28px; font-weight:500; line-height:1.8; letter-spacing:0.2em; padding:0 120px 30px 20px ; background: url(../../assets/img/line.png) repeat-x; background-position:bottom;  display:block;}
#recipes .detail .tit h3 span { font-size:18px; }
#recipes .detail .tit .level { position:absolute; bottom:40px; right:20px; }
#recipes .detail .tit .level p { color:#fff; font-size:14px; font-weight:500; line-height:1; letter-spacing:0.2em; background:#f3981e; padding:10px 20px; border-radius:4px; }
#recipes .detail .detail-inner { padding:30px 20px ０; }
#recipes .detail .detail-inner .pic { margin:0 0 40px; }
#recipes .detail .detail-inner h4 { color:#624849; font-size:20px; letter-spacing:0.2em; margin:0 0 10px; }
#recipes .detail .detail-inner .material-list { padding:0 0 0 14px; }
#recipes .detail .detail-inner .material-list li { font-size:14px; font-weight:300; text-indent:-14px; }
#recipes .detail .detail-inner .btn { margin:40px 0 60px; }
#recipes .detail .detail-inner .btn a { color:#fff; font-size:16px; font-weight:500; line-height:1; letter-spacing:0.3em; text-decoration:none; background:#f3981e; text-align:center; padding:25px 0; display:block; border-radius:40px; position:relative; }
#recipes .detail .detail-inner .btn .ico-pdf { position:absolute; top:50%; right:30px; margin:-10px 0 0; }
#recipes .detail .detail-inner .mov {background: url(../../assets/img/dots01.png) repeat-x; background-position:bottom; padding:0 0 50px; margin:0 0 50px; }
#recipes .detail .detail-inner .movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden; }
 
#recipes .detail .detail-inner .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%; }
#recipes .detail .detail-inner .item { margin:20px 0 0 -30px; }
#recipes .detail .detail-inner .item li { float:left; width:33.333%; }
#recipes .detail .detail-inner .item li .inner { margin:0 0 20px 30px; }
#recipes .detail .detail-inner .item li .inner p { font-size:12px; letter-spacing:0.1em; margin:5px 0 0; }
#recipes .detail .detail-inner .thumb { border:8px solid rgba(98,72,73,0.25); box-sizing:border-box; }
#recipes .detail .detail-inner .thumb a { overflow: hidden; display: block; }
#recipes .btn_backto_idx { padding:0 0 40px; }
#recipes .btn_backto_idx a { color: #624849; font-size:20px; font-weight:500; line-height:1; letter-spacing:0.2em; text-decoration:none; border-bottom:5px solid #624849; display: inline-block;  margin:0 auto; padding:0 0 10px; text-align: center; }
#recipes .btn { padding:40px 0 50px; }
#recipes .btn a { color:#fff; text-decoration:none; font-size:14px; letter-spacing:0.2em; padding:20px 0; background:#754e1d; border-radius:40px; display:block; }
#recipes .btn-color_chart { padding:0 180px; margin:0 0 60px; text-align:center; }
#recipes .btn-color_chart a { color:#fff; text-decoration:none; font-size:14px; letter-spacing:0.2em; padding:20px 0; background:#754e1d; border-radius:40px; display:block; }


/* nendocafe */ 
#nendocafe { background:url(../../nendocafe/img/bg.jpg) repeat; padding:0 0 160px; }
#nendocafe .inner { width:1080px; margin:0 auto; }
#nendocafe .read { font-size:20px; font-weight:400; letter-spacing:0.2em; line-height:2em; margin:0 0 60px; }
#nendocafe .sec01 { margin:0 0 60px; }
#nendocafe .sec01 h3 { text-align:left; margin:0 0 30px -90px; }
#nendocafe .sec01 .theme { margin:0 40px 0 0; }
#nendocafe .sec01 .pic { width:540px; border:20px solid #fff; 
	/* box-shadow */
	box-shadow:1px 1px 5px -1px #999; -moz-box-shadow:1px 1px 5px -1px #999; -webkit-box-shadow:1px 1px 5px -1px #999; }
#nendocafe .sec01 ul { position:relative; margin:0 0 40px; }
#nendocafe .sec01 .pic_l { transform:rotate(-3.45deg); padding:0 0 0 10px; }
#nendocafe .sec01 .pic_r { position:absolute; top:-50px; right:-50px; transform:rotate(3.45deg); }
#nendocafe .sec01 p { font-size:20px; letter-spacing:0.3em; font-weight:600; line-height:1.4em; margin:0 0 50px; display:inline-block; padding:8px 30px; background:#dddddd; border-radius:40px; }
#nendocafe .sec02 { margin:0 0 80px; }
#nendocafe .sec02 h3 { position:relative; display:inline-block; }
#nendocafe .sec02 .now { position:absolute; top:-35px; left:-150px; }
#nendocafe .sec02 .box { background:#fff; font-size:16px; padding:20px 50px; margin:30px auto 0; border-radius:10px; position:relative;
	/* box-shadow */
	box-shadow:1px 1px 5px -1px #999; -moz-box-shadow:1px 1px 5px -1px #999; -webkit-box-shadow:1px 1px 5px -1px #999; }
#nendocafe .sec02 th { font-size:18px; font-weight:600; line-height:2em; letter-spacing:0.2em; vertical-align:text-top; width:110px; padding:30px 10px 25px; }
#nendocafe .sec02 td { font-size:16px; line-height:2em; letter-spacing:0.1em; padding:30px 10px 25px; } 
#nendocafe .sec02 tr { background: url(../../nendocafe/img/dots.png) repeat-x; background-position:left bottom; }
#nendocafe .sec02 .last { background: none; }
#nendocafe .sec02 .notes { font-size:13px; color:#FF0000; }
#nendocafe .sec03 { position:relative; }
#nendocafe .sec03 h3 { font-size:38px; font-weight:400; line-height:1; letter-spacing:0.2em; margin:0 0 40px; padding:0 0 0 5px; display:inline-block; position:relative;  }
#nendocafe .sec03 h3 .tit { position:relative; z-index:2; }
#nendocafe .sec03 h3 .line { background:#aeb6d1; width:100%; height:16px; display:inline-block; position:absolute; bottom:-5px; left:0; z-index:1; }
#nendocafe .sec03 p { font-size:17px; margin:0 0 60px; }
#nendocafe .sec03 .btn_form { padding:0 60px; margin:80px 0 0; }
#nendocafe .sec03 .btn_form  a { color:#fff; font-size:28px; letter-spacing:0.2em; line-height:1; text-decoration:none; opacity:0.3; display:block; margin:27px auto 0; padding:42px 0; background: #4dbdbe; border-radius: 8px; box-shadow: inset 0 4px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); border: solid 1px #39a3a4; position:relative; width:950px; }
#nendocafe .sec03 .btn_form .arw { position:absolute; top:50%; right:35px; margin:-13px 0 0; }
#nendocafe .sec03 .notes { font-size:13px !important; color:#F00; margin:30px 0 0 !important; }

#nendocafe .soon { font-size:24px; background:none !important; padding:0 0 50px !important; }


/* event */
#event { width:1080px; margin:0 auto; padding:0 0 160px; }
#event ul { text-align:left; padding:0 0 20px; }
#event ul li { margin:0 0 30px; padding:0 0 34px; background:url(../img/line.png) repeat-x; background-position:bottom; position:relative; }
#event ul li .pic { float:left; margin:0 60px 0 0; }
#event ul li h3 { color:#624849; font-size:24px; letter-spacing:0.2em; line-height:1.6; margin:0 0 20px; }
#event ul li p { font-size:16px; }
#event ul li .btn a { color:#fff; font-size:14px; line-height:1; letter-spacing:0.2em; text-decoration:none; background:#624849; border-radius:40px; padding:15px 60px; display:inline-block; position:absolute; bottom:30px; right:0; }

#event .detail { width: 900px; margin: 0 auto 50px; background-color: #fff; padding: 20px 50px; text-align: left; }
#event .detail h3 { color:#624849; font-size:22px; font-weight:500; line-height:1.8; letter-spacing:0.2em; padding:30px 100px 30px 30px ; background: url(../../assets/img/line.png) repeat-x; background-position:bottom; }
#event .detail p { font-size:16px; margin:0 0 20px; }
#event .detail .body { padding: 30px; }
#event .detail .date { color: #624849; font-weight:500; margin: 20px 0 }
#event .btn_backto_idx a { color: #624849; font-size:20px; font-weight:500; line-height:1; letter-spacing:0.2em; text-decoration:none; border-bottom:5px solid #624849; display: inline-block;  margin:80px auto 0; padding:0 0 10px; text-align: center; }



.pc-none { display: none }
.sp-none { display: block }



@media screen and (max-width: 780px) {
	
	body { font-size:13px; line-height: 2.0; -webkit-text-size-adjust: none; }

	a { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
	
	.contents { padding:0; }

	
	.contents h2 { font-size:26px; letter-spacing:0.1em; margin:50px 0; padding:0 0 0 5px; }
	.contents h2 .line { height:14px; position:absolute; bottom:-4px; left:0; }	
	.contents h2 img { width:80%; height:auto; }	


	/* header */
	#header { padding:0 0 20px; border-bottom:15px solid #ccd94c; }
	#header .inner { background-size:100%; padding:20px 0 50px; }
	#header .kazari01 { position:absolute; bottom:-8px; left:50%; margin:0 0 0 -70px; }
	#header .kazari02 { position:absolute; bottom:-8px; left:50%; margin:0 0 0 10px; }
	#header .kazari03 { position:absolute; bottom:25px; left:50%; margin:0 0 0 -110px; }
	#header .kazari04 { position:absolute; bottom:10px; left:50%; margin:0 0 0 80px; }
	#header h1 img { height:65px; }
	#header .kazari01 img { height:70px; }
	#header .kazari02 img { height:70px; }
	#header .kazari03 img { height:35px; }
	#header .kazari04 img { height:35px; }
	.btn_menu { position: fixed; right:0; top: 0; cursor:pointer; z-index:3; display:block; }
	
	body.lower #header { padding:0 0 20px; }
	body.lower #header h1 img { height: 65px }
	body.lower #header .inner { padding: 20px 0 50px; }
	body.lower #header .kazari01, body.lower #header .kazari02 { bottom: -8px }
	body.lower #header .kazari01 img, body.lower #header .kazari02 img { height: 70px }

	/* nav */
	#gnav { display: block; position: fixed; width: 60%; height: 100%; left: 100%; top: 0; padding:0; z-index: 4; }
	#gnav ul li { display:block; border-bottom:1px solid #fff;  }
	#gnav ul li a { font-size:15px; padding:35px 0; }
	#gnav ul li span { border-right:none; padding:0; }
	#gnav ul li:last-child span { border-right:none; }
	
	
	/* f-link */
	.f-link ul li { width:100%; float:left; background:url(../img/dots01.png) repeat-x; background-position:top; }
	.f-link ul li:last-child { background:url(../img/dots01.png) repeat-x; background-position:top;}
	.f-link ul li a { padding:15px 0; }
	.f-link ul li img { height:40px; }


	/* footer */
	#footer { padding:20px 0 15px; }
	#footer .address { font-size:12px; line-height:1.6; margin:20px 0 0; }
	#footer .copy { font-size:10px; margin:10px 0 0; }
	#footer img { height:25px; }

	
	/* pager */
	.pager { width:auto; }
	.pager p a { display:none; }


	/* top */
    #graphic { height: 200px; width: 100%; overflow: hidden; position: relative; }
    #graphic ul { width: 2100px; position: absolute; left: 0; top: 0 }
    #graphic ul li { float: left }
    #graphic ul li img { height: 200px }
	
	#whatsnew { padding: 30px 10px 20px; }
	#whatsnew .tit { margin:0 0 20px; }
	#whatsnew .tit img { height: 16px; }
	#whatsnew li { margin: 0 0 20px; width:100%; line-height:1.6; }
	#whatsnew li:last-child { margin:0; }
	#whatsnew li .news_inner { position: relative; padding: 0 15px 0 100px; cursor: pointer; min-height: 65px; }
	#whatsnew li .news_thumb { position: absolute; left: 10px; top: 50%; margin-top: -35px; width:70px; }
	
	#top-bnr { width:auto; padding:40px 20px 0; }

	#sec01 { width:auto; padding:40px 20px; }
	#sec01 .pic { float:none; }
	#sec01 .pic .pic01 { margin:0 70px 15px 0; }
	#sec01 .pic .pic02 { margin:0 0 0 100px; }
	#sec01 .pic .pic01 img { border:8px solid rgba(98,72,73,0.25); width:100%; box-sizing:border-box; }
	#sec01 .pic .pic02 img { border:8px solid rgba(98,72,73,0.25); width:100%; box-sizing:border-box; }
	#sec01 .kazari01 { position:absolute; bottom:-20px; left:-50px; z-index:1; margin:0 60% 0 0; }
	#sec01 .kazari02 { position:absolute; top:-60px; right:-60px; z-index:1; margin:0 0 0 60%; }
	#sec01 .kazari01 img { width:100%; }
	#sec01 .kazari02 img { width:100%;  }
	#sec01 .tx { float:none; }
	#sec01 .tx h2 { margin:40px 0 30px; }
	#sec01 .tx p { font-size:15px; line-height:2; margin:0 0 30px; }
	#sec01 .tx .btn { text-align:center; padding:0 20px; }
	#sec01 .tx .btn a { font-size:12px; padding:20px 0; width:100%; }

	#sec02 .sec-inner { width:auto; padding:40px 20px 80px; }
	#sec02 h3 { font-size:22px; letter-spacing:0.1em; margin:0 0 20px; }
	#sec02 .block01 { margin:0 0 60px; }
	#sec02 .block01 .img-l { width:100%; margin:0 0 15px; }
	#sec02 .block01 .box-r { position:static; margin:0 0 25px; }
	#sec02 .block01 .box-r h4 { color:#624849; font-size:18px; letter-spacing:0.1em; margin:0 0 5px; }
	#sec02 .block01 .box-r h4 span { font-size:15px; }
	#sec02 .block01 .box-r p { font-size:13px; margin:0 0 20px; }
	#sec02 .block01 .box-r .pic { text-align:center;  padding:0 20px; }
	#sec02 .block01 .box-r .pic img { width:100%; height:auto; }
	#sec02 .block01 .btn { padding:0 20px; }
	#sec02 .block01 .btn a { font-size:13px; width:100%; padding:20px 0; position:static; }
	#sec02 .block01 .btn-2clm-l a { font-size:13px; width:100%; padding:20px 0; position:static; margin:0 0 10px; }
	#sec02 .block01 .btn-2clm-r a { font-size:13px; width:100%; padding:20px 0; position:static; }
	#sec02 ul { margin:0 0 10px; }
	#sec02 ul li { width:100%; }
	#sec02 ul li .inner { margin:0 0 30px; padding:0 30px; }
	#sec02 ul li .inner a {
		/* box-shadow */
		box-shadow:3px 3px 0px 0px #c4c0bc;
		-moz-box-shadow:3px 3px 0px 0px #c4c0bc;
		-webkit-box-shadow:3px 3px 0px 0px #c4c0bc; }		
	#sec02 ul li h4 { font-size:16px; margin:10px 0 0; }
	#sec02 .btn-event a { font-size:13px; letter-spacing:0.1em; padding:25px 0;
	 	/* box-shadow */
		box-shadow:3px 3px 0px 0px #c4c0bc;
		-moz-box-shadow:3px 3px 0px 0px #c4c0bc;
		-webkit-box-shadow:3px 3px 0px 0px #c4c0bc;}
	#sec02 .btn-event .arw { position:absolute; top:50%; right:20px; margin:-8px 0 0 0; height:16px; }

	#bnr { padding:40px 40px 20px; }
	#bnr .bnr-inner { width:auto; }
	#bnr ul { margin:0; }
	#bnr ul li { width:100%; }
	#bnr ul li .inner { margin:0 0 10px; }
	#bnr ul li:last-child .inner { margin:0; }
	
	
	/*　news　*/
	#news { width: auto; padding:0 20px 80px; }
	#news ul { padding:0 0 40px; }
	#news li { font-size:13px; padding: 0 0 2px; }
	#news li .news_inner { position: relative; padding: 15px 15px 15px 100px; cursor: pointer; min-height: 65px; }
	#news li .news_thumb { position: absolute; left: 10px; top: 50%; margin-top: -35px; width:70px; }
	
	#news .detail { width: auto; margin: 0 auto 30px; padding: 20px; }
	#news .detail .news_tit h3 { font-size: 15px; letter-spacing:0.1em; padding:10px 80px 20px 0; }
	#news .detail .news_tit .news_thumb { position: absolute; right: 0 !important; top:-10px !important; margin-top:0 !important; width:70px; }
	#news .detail .body { padding:0; }
	#news .detail p { font-size:13px; }
	#news .btn_backto_idx a { font-size:16px; border-bottom:4px solid #624849; margin:50px auto 0; padding:0 0 5px; }


	/* about */
	#about { width:auto; margin:0 auto; padding:0 20px 80px; }
	#about h3 { font-size:18px; letter-spacing:0.1em; margin:0 0 20px; padding:0 0 10px; background-position:left bottom; background-size:18%; }
	#about .read { font-size:15px; letter-spacing:0.1em; text-align:left; }
	#about .sec01 { margin:0 0 60px; padding:0; }
	#about .sec01 .box { font-size:13px; padding:40px 20px 20px; margin:40px auto 0; }
	#about .sec01 .box h4 { top:-15px; left:50%; margin:0 0 0 -86px; }
	#about .sec01 .box h4 img { height:40px; }
	#about .sec01 .box h5 { font-size:14px; padding:0; margin:25px 0 15px; border-bottom:4px solid #b6c900; }
	#about .sec01 .box .cfix .pic01 { float:none; margin:0 0 15px; }
	#about .sec01 .box p { text-align:left; }
	#about .sec01 .pic02 img { width:100%; }
	#about .graphic { height: 200px; width: 100%; overflow: hidden; position: relative; margin:0 0 25px; }
	#about .graphic ul { width: 2100px; position: absolute; left: 0; top: 0 }
	#about .graphic ul li { float: left }
	#about .graphic ul li img { height: 200px }
	#about .sec02 { margin:0 0 45px; }
	#about .sec02 ul { padding:0 0 0 20px; }
	#about .sec02 ul li { font-size:15px; letter-spacing:0.1em; }
	#about .sec02 .sample { padding:0; margin:20px 0 0; }
	#about .sec02 .sample p { font-size:16px; position:absolute; top:10px; left:10px; }
	#about .sec03 .message { padding:0 0 20px; }
	#about .sec03 p { font-size:20px; }
	#about .sec03 .kazari01 { bottom:0; left:50%; margin:0 0 0 -170px; height:82px; }
	#about .sec03 .kazari02 { bottom:0; right:50%; margin:0 -170px 0 0; height:96px; }
	
		
	/* products */
	#products { width:auto; padding:0 20px 30px; }
	#products .cate { margin:0 0 30px; }
	#products .cate li { font-size:15px; }
	#products .cate li a { padding:0 6px 0 0; }
	#products .idx { margin:0; }
	#products .idx li { width:100%; }
	#products .idx li .inner { margin:0 0 50px 0; }
	#products .idx .pic { padding:0 20px; }
	#products .idx .pic img { border:8px solid rgba(98,72,73,0.25); width:100%; }
	#products .idx .pic .ico { position:absolute; top:-20px; right:-0px; width:60px; }
	#products .idx h3 { font-size:15px; margin:10px 0 0; }

	#products .detail { width: auto; margin: 0 auto 50px; padding:30px 20px; }
	#products .detail .summary .cfix { margin:0 0 30px; }
	#products .detail .summary { padding:0 0 30px; margin:0 0 30px; }
	#products .detail .summary p { font-size:13px; }
	#products .detail .summary .pic { width:100%; margin:0 0 20px; }
	#products .detail .summary .tx { width:100%;margin:0 0 30px; }
	#products .detail .summary .tx .inner { padding:0; }
	#products .detail .summary .tx .inner h3 { font-size:18px; letter-spacing:0.1em; margin:0 0 15px; padding:0 0 15px; }
	#products .detail .summary .tx .inner .price { margin:10px 0 0; }
	#products .detail .summary .tx .inner .price span.price-inner01 { font-size:16px; font-weight:400; }
	#products .detail .summary .tx .inner .price span.price-inner02 { display:block; margin:0 0 0 50px; }
	#products .detail .summary .btn-buy a { font-size:12px; padding:15px 0;  position:static; width:100%; }
	#products .detail .cont { padding:0 0 30px; margin:0 0 30px; }
	#products .detail .cont h4 { font-size:16px; margin:0 0 20px; }
	#products .detail .cont .pic { width:100%; margin:0 0 20px; }
	#products .detail .cont ul { width:100%; }
	#products .detail .cont ul li { padding:0; font-size:13px; }
	#products .btn_backto_idx a { font-size:16px; border-bottom:4px solid #624849; margin:0 auto; padding:0 0 5px; }
	#products .detail #block01 { border-bottom:4px solid #754e1d; margin:0 0 60px; padding:0 0 60px; }
	#products .btn-color_chart { padding:0; margin:20px 0 30px; }
	#products .btn-color_chart a { padding:15px 0; }


	/* recipe */
	#recipes { width:auto; margin:0 auto; padding:0 20px 50px;}
	#recipes h3 { font-size:20px; letter-spacing:0.1em; margin:0 0 20px; }
	#recipes h3 .ico { position:absolute; top:1px; left:0; margin:0 0 0 -24px; height:18px; }
	#recipes h4 { font-size:13px; margin:8px 0 0; }
	#recipes .catalog { margin:0 0 40px; }
	#recipes .catalog .idx li { width:50%; }
	#recipes .catalog .idx li .inner { margin:0 0 40px; }
	#recipes .catalog h4 { padding:0 30px 0 0; }
	#recipes .catalog h4 .ico-pdf { position:absolute; top:5px; right:0; }
	#recipes .recipe { margin:0 0 40px; }
	#recipes .recipe .idx { margin:0 0 0 -20px; }
	#recipes .recipe .idx li { width:50%; }
	#recipes .recipe .idx li .inner { margin:0 0 30px 20px; }
	#recipes .recipe .feature { margin:5px 0 0; }
	#recipes .recipe .feature p { font-size:9px; letter-spacing:0.1em; }
	#recipes .recipe .feature .fltL span { border-radius:3px; }
	#recipes .recipe .feature .fltR span { border-radius:3px; }
	#recipes .recipe .feature .fltR span .ico { position:absolute; top:50%; left:8%; margin:-6px 0 0 0; height:12px; }
	#recipes .movie { margin:0 0 30px; }
	#recipes .movie .idx { margin:0 0 0 -20px; }
	#recipes .movie .idx li { width:50%; float:left; }
	#recipes .movie .idx li .inner { margin:0 0 30px 20px; }

	#recipes .detail { width: auto; margin: 0 auto 50px; padding:20px 20px 0; }
	#recipes .detail .tit h3 { font-size:20px; line-height:1.6; letter-spacing:0.1em; padding:0 0 15px; margin: 0 0 5px; }
	#recipes .detail .tit h3 span { font-size:15px; }
	#recipes .detail .tit .level { position:static; text-align:left; margin:0; }
	#recipes .detail .tit .level p { font-size:11px; letter-spacing:0.1em; padding:5px 10px; display:inline-block; }
	#recipes .detail .detail-inner { padding:10px 0 10px; }
	#recipes .detail .detail-inner .pic { margin:0 0 20px; }
	#recipes .detail .detail-inner h4 { font-size:16px; letter-spacing:0.1em; margin:0 0 5px; }
	#recipes .detail .detail-inner .material-list { padding:0 0 0 12px; }
	#recipes .detail .detail-inner .material-list li { font-size:12px; text-indent:-12px; }
	#recipes .detail .detail-inner .btn { margin:20px 0 30px; }
	#recipes .detail .detail-inner .btn a { font-size:13px; letter-spacing:0.1em; padding:20px 0; }
	#recipes .detail .detail-inner .btn .ico-pdf { position:absolute; top:50%; right:20px; margin:-10px 0 0; height:18px; }
	#recipes .detail .detail-inner .mov { padding:0 0 40px; margin:0 0 30px; }
	#recipes .detail .detail-inner .item { margin:15px 0 0 -15px; }
	#recipes .detail .detail-inner .item li { width:50%; }
	#recipes .detail .detail-inner .item li .inner { margin:0 0 20px 15px; }
	#recipes .detail .detail-inner .item li .inner p { font-size:11px; line-height:1.6; }
	#recipes .detail .detail-inner .thumb { border:6px solid rgba(98,72,73,0.25); }
	#recipes .btn_backto_idx a { font-size:16px; border-bottom:4px solid #624849; margin:0 auto; padding:0 0 5px; }
	#recipes .btn { padding:20px 0 30px; }
	#recipes .btn a { font-size:12px; padding:15px 0; }
	#recipes .btn-color_chart { padding:0 20px; margin:0 0 40px; }
	#recipes .btn-color_chart a { padding:15px 0; }


	/* nendocafe */
	#nendocafe { padding:0 20px 40px; }
	#nendocafe .inner { width:auto; }
	#nendocafe h2 { margin:40px 0 30px;  padding:0; }
	#nendocafe h2 img { width:80%; height:auto; }
	#nendocafe .read { font-size:15px; letter-spacing:0.1em; text-align:left; margin:0 0 40px; }
	#nendocafe .sec01 { margin:0 0 60px; }
	#nendocafe .sec01 h3 { margin:0 0 20px; }
	#nendocafe .sec01 .theme { margin:0 10px 0 0; height:25px; }
	#nendocafe .sec01 h3 img { height:25px;}
	#nendocafe .sec01 .pic { width:100%; border:12px solid #fff; box-sizing:border-box; }
	#nendocafe .sec01 ul { margin:0 0 30px; padding:0 20px; }
	#nendocafe .sec01 .pic_l { padding:0; margin:0 -10px 0 0; }
	#nendocafe .sec01 .pic_r { position:static; margin:0 0 0 -10px; }
	#nendocafe .sec01 p { font-size:13px; margin:0; }
	#nendocafe .sec02 { margin:0 0 60px; }
	#nendocafe .sec02 h3 img { height:45px; }
	#nendocafe .sec02 .now { position:absolute; top:-8px; left:-60px; height:50px; }
	#nendocafe .sec02 .box { padding:10px 20px; margin:15px auto 30px; }
	#nendocafe .sec02 th { font-size:15px; width:auto; padding:20px 10px 0; display:block; }
	#nendocafe .sec02 td { font-size:13px; padding:0 10px 15px; display:block; }
	#nendocafe .sec02 p { font-size:17px; text-align:left; }
	#nendocafe .sec02 .notes { font-size:11px !important; line-height:1.7em !important; display:inline-block; }
	#nendocafe .sec03 h3 { font-size:20px; margin:0 0 20px; }
	#nendocafe .sec03 h3 .line { height:13px; position:absolute; bottom:-2px; left:0; }
	#nendocafe .sec03 p { font-size:13px; text-align:left; margin:0 0 40px; }
	#nendocafe .sec03 .btn_form { padding:0; margin:30px 0 40px;  }
	#nendocafe .sec03 .btn_form  a { font-size:16px; letter-spacing:0.2em; margin:0 auto; padding:25px 0; width:100%; }
	#nendocafe .sec03 .btn_form .arw { top:50%; right:10px; height:15px; margin:-7px 0 0; }
	#nendocafe .sec03 .notes { font-size:11px !important; margin:15px 0 0 !important; padding:0 !important }
	#nendocafe .soon { padding:20px 0 10px !important; }


	/* event */
	#event { width:auto; padding:0 20px 80px; }
	#event ul { padding:0 0 10px; }
	#event ul li { margin:0 0 30px; padding:0 0 30px; }
	#event ul li .pic { float:none; margin:0 0 15px; text-align:center; }
	#event ul li .pic img { width:90%; }
	#event ul li h3 { font-size:16px; letter-spacing:0.1em; line-height:1.6; margin:0 0 5px; }
	#event ul li p { font-size:13px; }
	#event ul li .btn { text-align:center; margin:20px 0 0; }
	#event ul li .btn a { font-size:12px; position:static; }
	
	#event .detail { width: auto; margin: 0 auto 30px; padding: 20px; }
	#event .detail h3 { font-size: 15px; letter-spacing:0.1em; padding:10px 70px 20px 0; margin:0 0 20px; }
	#event .detail p { font-size:13px; }
	#event .detail .body { padding:0; }
	#event .btn_backto_idx a { font-size:16px; border-bottom:4px solid #624849; margin:50px auto 0; padding:0 0 5px; }

	
	.pc-none { display: block }
	.sp-none { display: none }
	
	
	.img-ex { width:100%; } 

}



@media screen and (max-width: 320px) {	
	.contents h2 { font-size:24px;}
	#about h3 { font-size:18px; letter-spacing:0; }
	#about .sec03 p { font-size:18px; letter-spacing:0.1em; }
}