@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
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: 'Libre Baskerville', serif;"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;min-width:1000px;min-height:620px; line-height:1; font-size:14px;background:#fffaf0;}
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: 'Libre Baskerville', serif;}
.t12{ font-size:12px; line-height:18px;}
.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: 'Libre Baskerville',, 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 -11px;pointer-events:none;cursor:default;text-decoration:none}
header #lang .en a{width:30px;background-position:-37px 0}
header #lang .it a{width:26px;background-position:-77px 0}
h2{width:1000px;font-size:2.7em;color:#e60012;text-align:center;}

header#project_head{width:1015px;margin:0 auto;position:static;}
header#project_head h1{text-indent:0;background:none;}
header #sns2{float:right;}
header #sns2 ul{margin-top:9px;}
header #sns2 ul li{float:left;}
header #sns2 ul li a{text-decoration:none;height:11px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/sns.png) no-repeat}
header #sns2 ul li.fb a{width:6px;height:10px}
header #sns2 ul li.fb a:hover{background-position:0 -10px}
header #lang2{float:right;margin-left:15px}
header #lang2:after{content:"";display:block;clear:both}
header #lang2 ul{height:11px;margin-top:9px}
header #lang2 ul li{float:left;margin-right:9px}
header #lang2 ul li a{text-decoration:none;height:11px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/lang.png) no-repeat}
header #lang2 ul li:last-child{margin-right:0}
header #lang2 .ja a{width:27px;background-position:0 -11px;pointer-events:none;cursor:default;text-decoration:none}
header #lang2 .en a{width:30px;background-position:-37px 0}
header #lang2 .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:150px;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:999;overflow:hidden;}
#movie h2{margin:10px auto 70px;text-align:center;}
#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:1000;padding-bottom:0;}
#projects h2{margin:0 auto 70px;}
#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 ul{margin-bottom:50px;}
#projects li{ float:left; width:23%;margin:0 2% 70px 0; line-height:22px;text-align:center;}
#projects li img{width:100%;margin-bottom:20px;}
#projects li .fb-page{margin-bottom:20px;}
#projects li iframe{border:2px #e60012 solid!important;box-sizing:border-box;margin-bottom:20px;padding:2px;}
#projects li a{color:#231815;text-decoration:none;font-size:1.1em;}

#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; }
#projects li#peacerecipe iframe{ margin:20px 0;}
#projects li#interactivedining h4{ width:100%; text-align:center; margin:85px 0;}

div.pdetail{width:1000px;margin:0 auto;padding-top:80px;}
div.pdetail div.con_l{width:660px;margin-right:40px;float:left;}
div.pdetail div.con_l h2{font-size:2em;width:100%;text-align:left;}
div.pdetail div.con_l h3{font-size:1.5em;color:#000;margin:20px 0 30px;}
div.pdetail div.con_l h4{margin-bottom:5px;}
div.pdetail div.con_l p{line-height:1.5;}
div.pdetail div.con_r{width:300px;float:left;}
div.pdetail div.con_r img{width:100%;}


#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:460px;height:138px;background:url(../images/about/txt_info.png) 0 0/460px 231px 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;left:300px;top:63px;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:595px;height:150px;background:url(../images/about/txt_kogure.png) 0 0/595px 150px no-repeat}
#about .contents .kogure .txt a{position:absolute;left:1px;top:138px;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:592px;height:129px;background:url(../images/about/txt_furuta.png) 0 0/592px 129px no-repeat}
#about .contents .furuta .txt a{position:absolute;left:0;top:116px;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:593px;height:168px;background:url(../images/about/txt_shihaku.png) 0 0/593px 168px no-repeat}
#about .contents .shihaku .txt a{position:absolute;left:1px;top:156px;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; font-size:16px; line-height:22px;}
#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 .t12{ color:#666; padding:50px 0;}
#contact{z-index:995;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:410px;height:96px;background:url(../images/contact/txt_contact.png) 0 0/410px 96px no-repeat;position:relative}#contact .txt_contact .mail{position:absolute;left:109px;top:81px}#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}
#principles h2{background-image:url(../images/principles/h2_principles@2x.png);background-size:497px 46px;background-repeat:no-repeat}
#principles .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}
}


/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// マージン設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.m_auto{margin-left:auto !important;margin-right:auto !important;}

.m_t0{margin-top:0px !important;}.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}.m_t15{margin-top:15px !important;}
.m_t20{margin-top:20px !important;}.m_t30{margin-top:30px !important;}
.m_t25{margin-top:25px !important;}
.m_t50{margin-top:50px !important;}.m_t100{margin-top:100px !important;}

.m_b0{margin-bottom:0px !important;}.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}.m_b15{margin-bottom:15px !important;}
.m_b20{margin-bottom:20px !important;}.m_b30{margin-bottom:30px !important;}
.m_b100{margin-bottom:100px !important;}
.m_b120{margin-bottom:120px !important;}

.m_r0{margin-right:0px !important;}.m_r5{margin-right:5px !important;}
.m_r10{margin-right:10px !important;}.m_r15{margin-right:15px !important;}
.m_r20{margin-right:20px !important;}.m_r30{margin-right:30px !important;}

.m_l0{margin-left:0px !important;}.m_l5{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}.m_l15{margin-left:15px !important;}
.m_l20{margin-left:20px !important;}.m_l30{margin-left:30px !important;}
.m_l35{margin-left:35px !important;}

.m_l50{margin-left:50px !important;}

.allnone{padding:0!important;margin:0!important;border:none!important;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// パディング設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.p_5{padding:5px !important;}
.p_10{padding:10px !important;}

.p_t0{padding-top:0px !important;}.p_t5{padding-top:5px !important;}
.p_t10{padding-top:10px !important;}.p_t15{padding-top:15px !important;}
.p_t20{padding-top:20px !important;}.p_t30{padding-top:30px !important;}

.p_b0{padding-bottom:0px !important;}.p_b5{padding-bottom:5px !important;}
.p_b10{padding-bottom:10px !important;}.p_b15{padding-bottom:15px !important;}
.p_b20{padding-bottom:20px !important;}.p_b30{padding-bottom:30px !important;}

.p_r0{padding-right:0px !important;}.p_r5{padding-right:5px !important;}
.p_r10{padding-right:10px !important;}.p_r15{padding-right:15px !important;}
.p_r20{padding-right:20px !important;}.p_r30{padding-right:30px !important;}

.p_l0{padding-left:0px !important;}.p_l5{padding-left:5px !important;}
.p_l10{padding-left:10px !important;}.p_l15{padding-left:15px !important;}
.p_l20{padding-left:20px !important;}.p_l25{padding-left:25px !important;}
.p_l30{padding-left:30px !important;}


div.textoutline p{font-weight:bold;}

.w100{width:100%;}

.t-center{text-align:center;}
.t-right{text-align:right;}
.t-left{text-align:left;}
.tsmall{font-size:18px;}

.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after,
.container:after {
  clear: both;
}