@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(http://fonts.googleapis.com/css?family=Lora);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family: 'Lora', serif; min-width:1000px; min-height:620px; line-height:1; font-size:12px; color:#333;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:top}
.cFix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.cFix{ /min-height:1px; /display:inline-block;}
.wrapper{ width:1000px; margin:auto;}
.tE{font-family: 'EB Garamond', serif;}
.t10{ font-size:10px; line-height:16px;}
em{ font-style:italic;}
.btn_googlemaps{width:60px;height:13px}
/* header */
header{height:29px;padding:13px 0;position:fixed;z-index:5000;width:90%;min-width:1000px; background:#fffaf0;}
header h1{text-indent:100%;white-space:nowrap;overflow:hidden;width:135px;height:29px;background:url(../images/h1_logo.png) 0 0/135px 29px no-repeat;float:left;}
header #menu{float:left; margin:0 90px 0 130px; font-family: 'EB Garamond', serif; font-size:13px;}
header #menu ul{margin-top:9px}
header #menu ul>li{float:left; margin-left:40px}
header #menu a{ text-decoration:none; color:#666;}
header #sns{float:left}
header #sns ul{margin-top:9px}
header #sns ul li{float:left}
header #sns ul li a{text-decoration:none;height:11px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/sns.png) no-repeat}
header #sns ul li.fb a{width:6px;height:10px}
header #sns ul li.fb a:hover{background-position:0 -10px}
header #lang{float:left;margin-left:15px}
header #lang:after{content:"";display:block;clear:both}
header #lang ul{height:11px;margin-top:9px}
header #lang ul li{float:left;margin-right:9px}
header #lang ul li a{text-decoration:none;height:11px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/lang.png) no-repeat}
header #lang ul li:last-child{margin-right:0}
header #lang .ja a{width:27px;background-position:0 0}
header #lang .en a{width:30px;background-position:-37px -11px;pointer-events:none;cursor:default;text-decoration:none}
header #lang .it a{width:26px;background-position:-77px 0}
/* contents */
#container{margin:0;padding:0;position:relative}
section{background:#fffaf0;width:100%;min-height:100%;position:fixed;padding-top:100px;top:0;left:0;box-shadow:0 5px 12px #666;min-width:1000px}
.scroll{margin:0 auto 10px;width:27px;height:15px}
.scroll a{width:27px;height:15px;display:block;overflow:hidden}
.scroll img{width:27px;height:15px;position:absolute;bottom:10px;display:block}
#movie{z-index:3000;padding:0}
#movie .vimeo{ text-align:center; margin-top:90px;}
#movie .vimeo li{ margin-top:20px;}
#movie .logo{margin:0 auto;width:87px; margin:30px auto; display:none;}
#movie .logo img{bottom:45px}
#projects{z-index:999;}
#projects h2{text-indent:100%;white-space:nowrap;overflow:hidden;margin:0 auto 30px;width:147px;height:46px;background:url(../../images/projects/h2_projects.png) 0 0/147px 46px no-repeat}
#projects .chart{background:url(../../images/projects/chart_mark.png) top center no-repeat; padding:35px 0; margin-bottom:150px;}
#projects .chart .chart_left{ float:left; width:415px; text-align:right;}
#projects .chart .chart_left span:last-child{ margin-top:98px; display:inline-block;}
#projects .chart .chart_right{ float:right; width:400px; text-align:left;}
#projects .chart .chart_right span:last-child{ margin-top:74px; display:inline-block;}
#projects #peacerecipe,#projects #experience,#projects #interactivedining,#projects #peacefoodstories{margin-top:-100px; padding-top:100px;}
#projects li{ float:left; width:450px; line-height:22px;}
#projects li:nth-child(1),#projects li:nth-child(2){min-height:860px;}
#projects li:nth-child(3),#projects li:nth-child(4){ margin-bottom:160px;}
#projects li:nth-child(2n){ float:right;}
#projects li h3{ width:100%; text-align:center; margin-bottom:20px;}
#projects li h4{ width:100%; margin-bottom:10px;}
#projects li .logo{ width:100%; text-align:right; margin-top:20px;}
#projects li#peacerecipe iframe{ margin:20px 0;}
#projects li#interactivedining h4{ width:100%; text-align:center; margin:85px 0;}
#philosophy{z-index:998;}
#philosophy h2{text-indent:100%;white-space:nowrap;overflow:hidden;margin:0 auto 70px;width:224px;height:49px;background:url(../images/philosophy/h2_philosophy.png) 0 0/224px 49px no-repeat}
#philosophy .copy{text-indent:100%;white-space:nowrap;overflow:hidden;margin:0 auto;width:394px;height:476px;background:url(../images/philosophy/txt_copy.png) 0 0/394px 476px no-repeat}
#philosophy .logo{margin:60px auto 115px;text-indent:100%;white-space:nowrap;overflow:hidden;width:278px;height:87px;background:url(../images/philosophy/logo.png) 0 0/278px 87px no-repeat}
#philosophy h2.principles{text-indent:100%;white-space:nowrap;overflow:hidden;margin:0 auto 70px;width:497px;height:46px;background:url(../images/principles/h2_principles.png) 0 0/497px 46px no-repeat}
#philosophy .five_principles{margin:0 auto 75px;text-indent:100%;white-space:nowrap;overflow:hidden;width:1000px;height:1250px;background:url(../images/principles/txt_five_principles.png) 0 0/1000px 1250px no-repeat}
#about{z-index:997}
#about h2{margin:0 auto 80px;text-indent:100%;white-space:nowrap;overflow:hidden;width:130px;height:36px;background:url(../images/about/h2_about.png) 0 0/130px 36px no-repeat}
#about .contents{width:800px;margin:0 auto}
#about .contents .icon,#about .contents .txt{text-indent:100%;white-space:nowrap;overflow:hidden;float:left}
#about .contents .txt{position:relative}
#about .contents .icon{margin-right:30px}
#about .contents .company{margin-bottom:100px}
#about .contents .company .icon{margin-top:13px;width:169px;height:158px;background:url(../images/about/ico_logo.png) 0 0/169px 158px no-repeat}
#about .contents .company .txt{width:593px;height:122px;background:url(../images/about/txt_info.png) no-repeat;position:relative; overflow:hidden;}
#about .contents .company .txt .btn_googlemaps{text-indent:100%;white-space:nowrap;overflow:hidden}
#about .contents .company .txt .btn_googlemaps a{position:absolute;top:55px;left:353px;width:60px;height:13px}
#about .contents .cap:after,#about .contents .company:after{content:"";display:block;clear:both}
#about .contents .kogure .icon{width:167px;height:178px;background:url(../images/about/ico_kogure.png) 0 0/167px 178px no-repeat}
#about .contents .kogure .txt{margin-top:15px;width:593px;height:141px;background:url(../images/about/txt_kogure.png) no-repeat}
#about .contents .kogure .txt a{position:absolute;left:1px;top:128px;width:77px;height:13px}
#about .contents .furuta{margin-top:75px;margin-bottom:75px;margin-left:-7px}
#about .contents .furuta .icon{width:168px;height:179px;background:url(../images/about/ico_furuta.png) 0 0/168px 179px no-repeat}
#about .contents .furuta .txt{margin-top:15px;width:591px;height:210px;background:url(../images/about/txt_furuta.png) no-repeat}
#about .contents .furuta .txt a{position:absolute;left:0;top:196px;width:33px;height:13px}
#about .contents .shihaku{margin-bottom:115px;margin-left:-3px}
#about .contents .shihaku .icon{width:172px;height:180px;background:url(../images/about/ico_shihaku.png) 0 0/172px 180px no-repeat}
#about .contents .shihaku .txt{margin-top:15px;width:592px;height:157px;background:url(../images/about/txt_shihaku.png) no-repeat}
#about .contents .shihaku .txt a{position:absolute;left:1px;top:144px;width:40px;height:13px}
#partners{z-index:996; text-align:center;}
#partners h2{text-indent:100%;white-space:nowrap;overflow:hidden;margin:0 auto 50px;width:158px;height:49px;background:url(../../images/partners/h2_partners.png) 0 0/158px 49px no-repeat}
#partners .slowfood li{ display: inline; margin:0 30px;}
#partners .slowfood li:first-child img{ margin-top:130px;}
#partners h4{ margin:120px 0 30px 0;}
#partners .wrapper li{ float:left; width:250px; margin-bottom:20px; line-height:18px;}
#partners .wrapper li span{ display:table-cell; width:250px; height:135px; vertical-align:middle; text-align:center;}
#partners .wrapper li a{ text-decoration:none; color:#000;}
#partners ul.supporters li{ height:200px;}
#partners .t10{ color:#666; padding-bottom:50px;}
#contact{z-index:994;padding-top:120px}
#contact h2{margin:0 auto;text-indent:100%;white-space:nowrap;overflow:hidden;width:163px;height:36px;background:url(../images/contact/h2_contact.png) 0 0/163px 36px no-repeat}
#contact .icon_logo{margin:30px auto;width:40px;height:38px;background:url(../images/contact/ico_logo.png) 0 0/40px 38px no-repeat}
#contact .txt_contact{margin:0 auto;text-indent:100%;white-space:nowrap;overflow:hidden;width:333px;height:95px;background:url(../images/contact/txt_contact.png) 0 0/333px 95px no-repeat;position:relative}
#contact .txt_contact .mail{position:absolute;left:73px;top:82px;width:138px}

#loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background:#fffaf0}
#loading img{position:absolute;top:50%;left:50%;margin-top:-66px;margin-left:-62px}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
#loading{ display:none;}
header h1{background-image:url(../images/h1_logo@2x.png);background-size:135px 29px;background-repeat:no-repeat}
#philosophy h2{background-image:url(../images/philosophy/h2_philosophy@2x.png);background-size:224px 49px;background-repeat:no-repeat}
#philosophy .copy{background-image:url(../images/philosophy/txt_copy@2x.png);background-size:394px 476px;background-repeat:no-repeat}
#philosophy .logo{background-image:url(../images/philosophy/logo@2x.png);background-size:278px 87px;background-repeat:no-repeat}
#philosophy h2.principles{background-image:url(../images/principles/h2_principles@2x.png);background-size:497px 46px;background-repeat:no-repeat}
#philosophy .five_principles{background-image:url(../images/principles/txt_five_principles@2x.png);background-size:1000px 1250px;background-repeat:no-repeat}
#about h2{background-image:url(../images/about/h2_about@2x.png);background-size:130px 36px;background-repeat:no-repeat}
#about .contents .company .icon{background-image:url(../images/about/ico_logo@2x.png);background-size:169px 158px;background-repeat:no-repeat}
#about .contents .company .txt{background-image:url(../images/about/txt_info@2x.png);background-size:460px 231px;background-repeat:no-repeat}
#about .contents .kogure .icon{background-image:url(../images/about/ico_kogure@2x.png);background-size:167px 178px;background-repeat:no-repeat}
#about .contents .kogure .txt{background-image:url(../images/about/txt_kogure@2x.png);background-size:595px 150px;background-repeat:no-repeat}
#about .contents .furuta .icon{background-image:url(../images/about/ico_furuta@2x.png);background-size:168px 179px;background-repeat:no-repeat}
#about .contents .furuta .txt{background-image:url(../images/about/txt_furuta@2x.png);background-size:595px 129px;background-repeat:no-repeat}
#about .contents .shihaku .icon{background-image:url(../images/about/ico_shihaku@2x.png);background-size:172px 180px;background-repeat:no-repeat}
#about .contents .shihaku .txt{background-image:url(../images/about/txt_shihaku@2x.png);background-size:593px 168px;background-repeat:no-repeat}
#span{background-image:url(../images/loading_bg@2x.png);background-size:1000px 1400px;background-repeat:repeat-y}
#contact h2{background-image:url(../images/contact/h2_contact@2x.png);background-size:163px 36px;background-repeat:no-repeat}
#contact .icon_logo{background-image:url(../images/contact/ico_logo@2x.png);background-size:40px 38px;background-repeat:no-repeat}
#contact .txt_contact{background-image:url(../images/contact/txt_contact@2x.png);background-size:410px 96px;background-repeat:no-repeat}
}