Notice (8): Undefined index: HTTP_ACCEPT_LANGUAGE [APP/controllers/template_controller.php, line 446]Code | Context$sessionLang = $this->Session->read('language');
if(!$sessionLang){
$firstLoadLanguage = explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']);
$language = "" $sessionLang = nullTemplateController::setFirstLanguage() - APP/controllers/template_controller.php, line 446 TemplateController::index() - APP/controllers/template_controller.php, line 38 Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 204 Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171 require - APP/webroot/index.php, line 86 [main] - CORE/index.php, line 55
Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 10]Code | Context$___viewFn = "/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp" $___dataForView = array( "prelim2Data" => "", "finishData" => array( "news" => array(), "code" => array() ), "fabricData" => array( "news" => array(), "code" => array() ), "yarnData" => array( "news" => array(), "code" => array() ), "yarn1Data" => array( "news" => array(), "code" => array() ), "farmData" => array( "news" => array(), "code" => array() ), "farm1Data" => array( "news" => array(), "code" => array() ), "farmToFabricData" => array( "news" => array() ), "language" => "en", "rootPath" => "/trace/cms/app/webroot/", "listMenu" => array( array(), array(), array(), array(), array(), array(), array(), array(), array(), array() ), "content_for_layout" => " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> ", "scripts_for_layout" => "", "title_for_layout" => "Template", "fullPage" => FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object, "image" => ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object, "form" => FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object, "html" => HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL, "session" => SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULL ) $loadHelpers = false $cached = true $loadedHelpers = array() $prelim2Data = "" $finishData = array( "news" => array( "id" => "231", "user_id" => "1", "code" => "CODE6", "value" => "03", "place_jp" => " 栃木県足利市", "place_en" => "Ashikaga Tochigi, JAPAN", "content" => "", "bg_photo" => "userdata/231-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2019-07-31 15:51:44", "created" => "2018-02-09 13:03:40" ), "code" => array( "code" => "CODE6", "code_name" => "FINISH", "code_name_jp" => null ) ) $fabricData = array( "news" => array( "id" => "209", "user_id" => "1", "code" => "CODE4", "value" => "12", "place_jp" => "大阪府泉大津市", "place_en" => "Izumiotsu Osaka, JAPAN", "content" => "", "bg_photo" => "userdata/209-bg.jpeg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2022-07-05 12:29:56", "created" => "2018-02-09 12:35:45" ), "code" => array( "code" => "CODE4", "code_name" => "FABRIC", "code_name_jp" => "糸から布地へ" ) ) $yarnData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $yarn1Data = array( "news" => array( "id" => "185", "user_id" => "1", "code" => "CODE2", "value" => "05", "place_jp" => "ペルー/リマ", "place_en" => "Lima, PERU", "content" => "", "bg_photo" => "userdata/185-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-02-05 16:50:33", "created" => "2018-02-09 12:07:45" ), "code" => array( "code" => "CODE2", "code_name" => "YARN", "code_name_jp" => "綿から糸へ" ) ) $farmData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farm1Data = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farmToFabricData = array( "news" => array( "id" => "140", "user_id" => "1", "code" => "CODE0", "value" => "", "place_jp" => "", "place_en" => "", "content" => "一粒の種から一枚の布地へと至る オーガニックコットンの旅路。 世界で最も"透明"なテキスタイル。 その足跡を追体験する旅に出よう。 ", "bg_photo" => "userdata/140-bg.png", "bg_photo_2" => "", "bg_photo_3" => "", "active" => "1", "updated" => "2020-03-10 17:41:20", "created" => "2018-02-05 10:22:23" ) ) $language = "en" $rootPath = "/trace/cms/app/webroot/" $listMenu = array( array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ) ) $content_for_layout = " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> " $scripts_for_layout = "" $title_for_layout = "Template" $fullPage = FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object $image = ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object $form = FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object $html = HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL $session = SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULLheader - [internal], line ?? include - APP/views/layouts/template3.ctp, line 10 View::_render() - CORE/cake/libs/view/view.php, line 736 View::renderLayout() - CORE/cake/libs/view/view.php, line 494 View::render() - CORE/cake/libs/view/view.php, line 440 Controller::render() - CORE/cake/libs/controller/controller.php, line 909 Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207 Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171 require - APP/webroot/index.php, line 86 [main] - CORE/index.php, line 55
Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 11]Code | Context$___viewFn = "/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp" $___dataForView = array( "prelim2Data" => "", "finishData" => array( "news" => array(), "code" => array() ), "fabricData" => array( "news" => array(), "code" => array() ), "yarnData" => array( "news" => array(), "code" => array() ), "yarn1Data" => array( "news" => array(), "code" => array() ), "farmData" => array( "news" => array(), "code" => array() ), "farm1Data" => array( "news" => array(), "code" => array() ), "farmToFabricData" => array( "news" => array() ), "language" => "en", "rootPath" => "/trace/cms/app/webroot/", "listMenu" => array( array(), array(), array(), array(), array(), array(), array(), array(), array(), array() ), "content_for_layout" => " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> ", "scripts_for_layout" => "", "title_for_layout" => "Template", "fullPage" => FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object, "image" => ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object, "form" => FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object, "html" => HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL, "session" => SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULL ) $loadHelpers = false $cached = true $loadedHelpers = array() $prelim2Data = "" $finishData = array( "news" => array( "id" => "231", "user_id" => "1", "code" => "CODE6", "value" => "03", "place_jp" => " 栃木県足利市", "place_en" => "Ashikaga Tochigi, JAPAN", "content" => "", "bg_photo" => "userdata/231-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2019-07-31 15:51:44", "created" => "2018-02-09 13:03:40" ), "code" => array( "code" => "CODE6", "code_name" => "FINISH", "code_name_jp" => null ) ) $fabricData = array( "news" => array( "id" => "209", "user_id" => "1", "code" => "CODE4", "value" => "12", "place_jp" => "大阪府泉大津市", "place_en" => "Izumiotsu Osaka, JAPAN", "content" => "", "bg_photo" => "userdata/209-bg.jpeg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2022-07-05 12:29:56", "created" => "2018-02-09 12:35:45" ), "code" => array( "code" => "CODE4", "code_name" => "FABRIC", "code_name_jp" => "糸から布地へ" ) ) $yarnData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $yarn1Data = array( "news" => array( "id" => "185", "user_id" => "1", "code" => "CODE2", "value" => "05", "place_jp" => "ペルー/リマ", "place_en" => "Lima, PERU", "content" => "", "bg_photo" => "userdata/185-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-02-05 16:50:33", "created" => "2018-02-09 12:07:45" ), "code" => array( "code" => "CODE2", "code_name" => "YARN", "code_name_jp" => "綿から糸へ" ) ) $farmData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farm1Data = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farmToFabricData = array( "news" => array( "id" => "140", "user_id" => "1", "code" => "CODE0", "value" => "", "place_jp" => "", "place_en" => "", "content" => "一粒の種から一枚の布地へと至る オーガニックコットンの旅路。 世界で最も"透明"なテキスタイル。 その足跡を追体験する旅に出よう。 ", "bg_photo" => "userdata/140-bg.png", "bg_photo_2" => "", "bg_photo_3" => "", "active" => "1", "updated" => "2020-03-10 17:41:20", "created" => "2018-02-05 10:22:23" ) ) $language = "en" $rootPath = "/trace/cms/app/webroot/" $listMenu = array( array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ) ) $content_for_layout = " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> " $scripts_for_layout = "" $title_for_layout = "Template" $fullPage = FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object $image = ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object $form = FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object $html = HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL $session = SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULLheader - [internal], line ?? include - APP/views/layouts/template3.ctp, line 11 View::_render() - CORE/cake/libs/view/view.php, line 736 View::renderLayout() - CORE/cake/libs/view/view.php, line 494 View::render() - CORE/cake/libs/view/view.php, line 440 Controller::render() - CORE/cake/libs/controller/controller.php, line 909 Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207 Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171 require - APP/webroot/index.php, line 86 [main] - CORE/index.php, line 55
Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 12]Code | Context$___viewFn = "/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp" $___dataForView = array( "prelim2Data" => "", "finishData" => array( "news" => array(), "code" => array() ), "fabricData" => array( "news" => array(), "code" => array() ), "yarnData" => array( "news" => array(), "code" => array() ), "yarn1Data" => array( "news" => array(), "code" => array() ), "farmData" => array( "news" => array(), "code" => array() ), "farm1Data" => array( "news" => array(), "code" => array() ), "farmToFabricData" => array( "news" => array() ), "language" => "en", "rootPath" => "/trace/cms/app/webroot/", "listMenu" => array( array(), array(), array(), array(), array(), array(), array(), array(), array(), array() ), "content_for_layout" => " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> ", "scripts_for_layout" => "", "title_for_layout" => "Template", "fullPage" => FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object, "image" => ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object, "form" => FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object, "html" => HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL, "session" => SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULL ) $loadHelpers = false $cached = true $loadedHelpers = array() $prelim2Data = "" $finishData = array( "news" => array( "id" => "231", "user_id" => "1", "code" => "CODE6", "value" => "03", "place_jp" => " 栃木県足利市", "place_en" => "Ashikaga Tochigi, JAPAN", "content" => "", "bg_photo" => "userdata/231-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2019-07-31 15:51:44", "created" => "2018-02-09 13:03:40" ), "code" => array( "code" => "CODE6", "code_name" => "FINISH", "code_name_jp" => null ) ) $fabricData = array( "news" => array( "id" => "209", "user_id" => "1", "code" => "CODE4", "value" => "12", "place_jp" => "大阪府泉大津市", "place_en" => "Izumiotsu Osaka, JAPAN", "content" => "", "bg_photo" => "userdata/209-bg.jpeg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2022-07-05 12:29:56", "created" => "2018-02-09 12:35:45" ), "code" => array( "code" => "CODE4", "code_name" => "FABRIC", "code_name_jp" => "糸から布地へ" ) ) $yarnData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $yarn1Data = array( "news" => array( "id" => "185", "user_id" => "1", "code" => "CODE2", "value" => "05", "place_jp" => "ペルー/リマ", "place_en" => "Lima, PERU", "content" => "", "bg_photo" => "userdata/185-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-02-05 16:50:33", "created" => "2018-02-09 12:07:45" ), "code" => array( "code" => "CODE2", "code_name" => "YARN", "code_name_jp" => "綿から糸へ" ) ) $farmData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farm1Data = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farmToFabricData = array( "news" => array( "id" => "140", "user_id" => "1", "code" => "CODE0", "value" => "", "place_jp" => "", "place_en" => "", "content" => "一粒の種から一枚の布地へと至る オーガニックコットンの旅路。 世界で最も"透明"なテキスタイル。 その足跡を追体験する旅に出よう。 ", "bg_photo" => "userdata/140-bg.png", "bg_photo_2" => "", "bg_photo_3" => "", "active" => "1", "updated" => "2020-03-10 17:41:20", "created" => "2018-02-05 10:22:23" ) ) $language = "en" $rootPath = "/trace/cms/app/webroot/" $listMenu = array( array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ) ) $content_for_layout = " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> " $scripts_for_layout = "" $title_for_layout = "Template" $fullPage = FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object $image = ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object $form = FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object $html = HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL $session = SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULLheader - [internal], line ?? include - APP/views/layouts/template3.ctp, line 12 View::_render() - CORE/cake/libs/view/view.php, line 736 View::renderLayout() - CORE/cake/libs/view/view.php, line 494 View::render() - CORE/cake/libs/view/view.php, line 440 Controller::render() - CORE/cake/libs/controller/controller.php, line 909 Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207 Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171 require - APP/webroot/index.php, line 86 [main] - CORE/index.php, line 55
Warning (2): Cannot modify header information - headers already sent by (output started at /home/users/1/nsv/web/panoco.co.jp/trace/cms/cake/libs/debugger.php:686) [APP/views/layouts/template3.ctp, line 13]Code | Context$___viewFn = "/home/users/1/nsv/web/panoco.co.jp/trace/cms/app/views/layouts/template3.ctp" $___dataForView = array( "prelim2Data" => "", "finishData" => array( "news" => array(), "code" => array() ), "fabricData" => array( "news" => array(), "code" => array() ), "yarnData" => array( "news" => array(), "code" => array() ), "yarn1Data" => array( "news" => array(), "code" => array() ), "farmData" => array( "news" => array(), "code" => array() ), "farm1Data" => array( "news" => array(), "code" => array() ), "farmToFabricData" => array( "news" => array() ), "language" => "en", "rootPath" => "/trace/cms/app/webroot/", "listMenu" => array( array(), array(), array(), array(), array(), array(), array(), array(), array(), array() ), "content_for_layout" => " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> ", "scripts_for_layout" => "", "title_for_layout" => "Template", "fullPage" => FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object, "image" => ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object, "form" => FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object, "html" => HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL, "session" => SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULL ) $loadHelpers = false $cached = true $loadedHelpers = array() $prelim2Data = "" $finishData = array( "news" => array( "id" => "231", "user_id" => "1", "code" => "CODE6", "value" => "03", "place_jp" => " 栃木県足利市", "place_en" => "Ashikaga Tochigi, JAPAN", "content" => "", "bg_photo" => "userdata/231-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2019-07-31 15:51:44", "created" => "2018-02-09 13:03:40" ), "code" => array( "code" => "CODE6", "code_name" => "FINISH", "code_name_jp" => null ) ) $fabricData = array( "news" => array( "id" => "209", "user_id" => "1", "code" => "CODE4", "value" => "12", "place_jp" => "大阪府泉大津市", "place_en" => "Izumiotsu Osaka, JAPAN", "content" => "", "bg_photo" => "userdata/209-bg.jpeg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2022-07-05 12:29:56", "created" => "2018-02-09 12:35:45" ), "code" => array( "code" => "CODE4", "code_name" => "FABRIC", "code_name_jp" => "糸から布地へ" ) ) $yarnData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $yarn1Data = array( "news" => array( "id" => "185", "user_id" => "1", "code" => "CODE2", "value" => "05", "place_jp" => "ペルー/リマ", "place_en" => "Lima, PERU", "content" => "", "bg_photo" => "userdata/185-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-02-05 16:50:33", "created" => "2018-02-09 12:07:45" ), "code" => array( "code" => "CODE2", "code_name" => "YARN", "code_name_jp" => "綿から糸へ" ) ) $farmData = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farm1Data = array( "news" => array( "id" => "163", "user_id" => "1", "code" => "CODE1", "value" => "D", "place_jp" => " ペルー/ランバイェケ県", "place_en" => "Lambayeque, PERU", "content" => "", "bg_photo" => "userdata/163-bg.jpg", "bg_photo_2" => null, "bg_photo_3" => null, "active" => "1", "updated" => "2020-03-23 16:48:59", "created" => "2018-02-07 16:59:03" ), "code" => array( "code" => "CODE1", "code_name" => "FARM", "code_name_jp" => "綿花栽培" ) ) $farmToFabricData = array( "news" => array( "id" => "140", "user_id" => "1", "code" => "CODE0", "value" => "", "place_jp" => "", "place_en" => "", "content" => "一粒の種から一枚の布地へと至る オーガニックコットンの旅路。 世界で最も"透明"なテキスタイル。 その足跡を追体験する旅に出よう。 ", "bg_photo" => "userdata/140-bg.png", "bg_photo_2" => "", "bg_photo_3" => "", "active" => "1", "updated" => "2020-03-10 17:41:20", "created" => "2018-02-05 10:22:23" ) ) $language = "en" $rootPath = "/trace/cms/app/webroot/" $listMenu = array( array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ), array( "code" => array() ) ) $content_for_layout = " <link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/style.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/animate.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/waypoints.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/jquery.fullPage.css" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/template4/swiper.min.css?v=20240728121256" /><link rel="stylesheet" type="text/css" href="/trace/cms/app/webroot/css/custom_style.css?v=20240728121256" /><link href="https://fonts.googleapis.com/css?family=Acme|EB+Garamond:400,500" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!-------------------------------- Hamburger menu 2019 add --------------------------------> <input type="hidden" id="rootPath" value="/trace/cms/app/webroot/"/> <div class="menu-wrap"> <input type="checkbox" class="toggler"> <div class="hamburger"> <div></div> </div> <div class="menu"> <div> <div> <ul class="accordion"> <li> <p class="mainMenu1"><a class='nav-logo' href="#top"><img src="/trace/cms/app/webroot/images/panocoLogoMarkBlack.png" alt=""></a></p> </li> <li> <p class="mainMenu2"><a href="#####">JOURNEY</a></p> <ul class="accordionInner"> <li class="subMenu1-1"><a class='menu-item' href="#farm"> FARM <span class="subMenuJap">綿花栽培</span></a></li> <li class="subMenu1-2"><a class='menu-item' href="#yarn"> YARN <span class="subMenuJap">綿から糸へ</span></a></li> <li class="subMenu1-4"><a class='menu-item' href="#fabric"> FABRIC <span class="subMenuJap">糸から布地へ</span></a></li> <li class="subMenu1-6"><a class='menu-item' href="#finish"> FINISH <span class="subMenuJap">仕上げ</span></a></li> </ul> </li> <li> <p class="mainMenu3"><a href="index.php/template/about?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ABOUT</a></p> </li> <li> <p class="mainMenu4"><a href="index.php/template/organic_cotton?tr_code=D05XXXXXXXXX-XX-12-XX-03-XX-02-XX-XX">ORGANIC COTTON</a></p> </li> <li> <p class="mainMenu5"><a href="#####">BACK STORY</a></p> <ul class="accordionInner"> <li class="subMenu4-1"><a href="https://www.panoco.co.jp/bioRe_COTTON.html" target="_blank"> bioRe <span class="subMenuJap">インド/タンザニア</span></a></li> <li class="subMenu4-2"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> PIMA <span class="subMenuJap">ペルー</span></a></li> <li class="subMenu4-3"><a href="#####"> GIZA <span class="subMenuJap">エジプト</span></a></li> <li class="subMenu4-4"><a href="https://www.panoco.co.jp/WHITE_WILD_COTTON.html" target="_blank"> COLORED <span class="subMenuJap">ペルー/ブラジル</span></a></li> <li class="subMenu4-5"><a href="#####"> CRAFTSMANSHIP <span class="subMenuJap">日本</span></a></li> </ul> </li> </ul> </div> </div> </div> </div> <!-- For Initial Fullpage anchors --> <input type="hidden" id="avaiableAnchors" value="top,flow,farm,yarn,fabric,finish,bottom" /> <!-------------------------------- Hamburger menu 2019 add end --------------------------------> <!---------------- Top ----------------> <div id="fullpage"> <div class="section" id="section1" data-anchor="top"> <div class="fp-bg"></div> <div class="content"> <h1 class=logobox><img src="/trace/cms/app/webroot/images/panocoLogoMarkWhite.png" alt="Logo"></h1> <p class="link-lang" id="change_language"><a id="language_jp" href="javascript:void()" class="">JP</a> / <a id="language_en" href="javascript:void()" class="active">EN</a></p> <p id="topscript"><img src="/trace/cms/app/webroot/images/topScript05.png" alt=""></p> <p class="arrow"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" enable-background="new 0 0 22 14" xml:space="preserve"> <polyline fill="none" stroke="#FFFFFF" stroke-miterlimit="10" points="21,1 11,13 1,1 " /> </svg> </p> <p class="stf" data-menuanchor="flow"><a href="#flow">Scroll to Flight</a></p> </div> </div> <!---------------- Flow ----------------> <div class="section" id="section2" data-anchor="flow"> <div class="fp-bg" style="background-image:url(/trace/cms/app/webroot/userdata/140-bg.png?v=20240728121256)"></div> <div id="flowline"></div> <div id="flowline2"></div> <div id="flowline3"></div> <div class="content2"> <div class="flowhead"> <p class="text1">FARM to FABRIC</p> <div class="line2"></div> <p class="text2">This fabric is made of Organic Cotton</p> </div> <div class="flowtext"> <p> 一粒の種から一枚の布地へと至る<br /> オーガニックコットンの旅路。<br /> <br /> 世界で最も"透明"なテキスタイル。<br /> その足跡を追体験する旅に出よう。<br /> <!-- 遠い国で摘み取られたひとふさの綿花は<br>やがて一本の糸に紡がれ<br>一枚の美しい布地に生まれ変わります<br><br>少しだけ想像してみてください<br><br>時間をさかのぼれば<br>土の中から瑞々しい若葉が芽吹いたことや<br>多くの人の手を経てようやくあなたに<br>たどり着いたということを<br><br>そして、今この瞬間もその世界は<br>躍動しているということを --> </p> </div> </div> </div> <!---------------- Code1 A ----------------> <div class="section" id="section3" data-fp-styles="null" data-page-anchor="farm" data-anchor="farm"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide3-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/163-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box"> <div class="linkArea"> <!-- <a href="detail/detail.html"> --> <a href="index.php/template/preview/163"> <p class="code-en">FARM</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lambayeque, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="yarn"> <a href="#yarn"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code1 B ----------------> <!---------------- Code1 D ----------------> <!---------------- Code1 E ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code2 YARN 01 ----------------> <div class="section" id="section4" data-page-anchor="yarn" data-anchor="yarn"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="slide4-1"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/185-bg.jpg?v=20240728121256)"></div> <div class="code1bg"><!--背景画像--> <div class="box4"> <div class="linkArea"> <a href="index.php/template/preview/185"> <p class="code-en">YARN</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Lima, PERU</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="fabric"> <a href="#fabric"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code2 YARN 02 ----------------> <!---------------- Code2 YARN 03 ----------------> <!---------------- Code2 YARN 04 ----------------> </div> <!-- Add Pagination --> <div class="swiper-pagination"></div> </div> </div> <!---------------- Code3 YARN DYEING 02 ----------------> <!---------------- Code4 FABRIC ----------------> <div class="section" id="section6" data-page-anchor="fabric" data-anchor="fabric"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/209-bg.jpeg?v=20240728121256)"></div> <div class="code1bg"> <div class="box6"> <div class="linkArea"> <a href="index.php/template/preview/209"> <p class="code-en">FABRIC</p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Izumiotsu Osaka, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="finish"> <a href="#finish"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code5 OTHER PROCESS ----------------> <!---------------- Code6 OTHER 01 ----------------> <div class="section" id="section8" data-page-anchor="finish" data-anchor="finish"> <div class="fp-bg-swiper" style="background-image:url(/trace/cms/app/webroot/userdata/231-bg.jpg?v=20240728121256)"></div> <div class="code1bg"> <div class="box8"> <div class="linkArea"> <a href="index.php/template/preview/231"> <p class="code-en">FINISH</p> <p class="code-jp"></p> <div class="placeArrow"> <img src="/trace/cms/app/webroot/images/placeSpotArrowWh.png"> </div> <div class="place"> <div class="pe lang_first_line">Ashikaga Tochigi, JAPAN</div> <div class="pj"></div> </div> <div class="en view_more_btn">VIEW MORE</div> </a> </div> <div class="nextArrow" data-menuanchor="bottom"> <a href="#bottom"> <p class="arrow2"> <img src="/trace/cms/app/webroot/images/downArrow02.png" alt=""> </p> <img src="/trace/cms/app/webroot/images/handwNext02.png" alt> </a> </div> </div> </div> </div> <!---------------- Code7 FABRIC DYE ----------------> <!---------------- Code7 PRELIM2 ----------------> <!---------------- Code7 PRELIM3 ----------------> <!---------------- Code7 PRELIM4 ----------------> <!---------------- bottom ----------------> <div class="section" id="section13" data-anchor="bottom"> <div class="fp-bg"></div> <div class="bottomcontents"> <div class="bottomlogo"> <img src="/trace/cms/app/webroot/images/slogo.png" width="50" height="46" alt="" /> </div> <div class="bottomtext1"> <p>In a gentle way, <br>we can shake the world.</p> </div> <div class="bottomtext2"> <p>Journey of Organic Cotton</p> </div> <div class="bottomtext3"> <p>Copyright ©PANOCO TRADING CO., LTD. <br><a href="https://www.panoco.co.jp/" target="_blank" class="bottomtext"> www.panoco.co.jp</a></p> </div> <div id="totopdiv"> <svg version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 14" style="enable-background:new 0 0 22 14;" xml:space="preserve"> <style type="text/css"> .st2 { fill: none; stroke: #000; stroke-miterlimit: 10; } </style> <polyline class="st2" points="1,13 11,1 21,13 " /> </svg> </div> <div id="totoptext">Back to Top</div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.waypoints.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/waypoints.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/style.js?v=20240728121256"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/raphael.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/fullpage.parallax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.fullpage.extensions.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/jquery.easings.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/scrolloverflow.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TweenMax.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/TextPlugin.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/CustomEase.min.js"></script><script type="text/javascript" src="/trace/cms/app/webroot/js/template4/swiper.min.js"></script><script type="text/javascript"> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 0, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); $(document).ready(function() { var pageHash = window.location.hash.substr(1); var isHistory = false; var language = "en"; //For history back if(localStorage.getItem("page") !== null && localStorage.getItem("page") !== '') { isHistory = true; var page = localStorage.getItem("page"); var slide = localStorage.getItem("slide"); var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == (parseInt(page) + 1)) { $.fn.fullpage.moveTo(countUp, slide); break; } } localStorage.removeItem("page") localStorage.removeItem("slide") } //For List page if(pageHash != "" && isHistory == false) { var pageHashSection = $('*[data-page-anchor="' + pageHash + '"]'); var hashSectionIndex = $( ".section" ).index( pageHashSection ); if(hashSectionIndex != -1) { var countUp = 0; while(true) { countUp++; $.fn.fullpage.moveTo(countUp); if(countUp == hashSectionIndex+1) break; } // $.fn.fullpage.moveTo(hashSectionIndex); // $.fn.fullpage.moveTo(hashSectionIndex+1); // _currentPageIndex = hashSectionIndex -1 ; } } //For history back $("a").on('click', function() { if ($(this).text() == "ENTER") { setActivePageAndSlide() } }) function setActivePageAndSlide() { var rawStr = $("body").attr('class'); var pageAndSlide = rawStr.split("viewing-"); console.log(rawStr, "test") var page = pageAndSlide[1].split("-")[0]; var slide = pageAndSlide[1].split("-")[1] || '0' localStorage.setItem("page", page); localStorage.setItem("slide", slide); } //Disable slider when only have 1 photo $.each($(".swiper-container"), function(index, _this) { var totalSlide = $(_this).find(".swiper-pagination").find(".swiper-pagination-bullet").length; if(totalSlide == 1) { $(_this).find(".swiper-wrapper").addClass( "disabled" ); $(_this).find(".swiper-pagination").addClass( "disabled" ); } }) //For history back $("#change_language").on('click', function() { console.log(language); if(language == 'jp'){ language = 'en'; setGetParameter('language','en'); } else{ language = 'jp' setGetParameter('language','jp'); } }); // $("#language_jp").on('click', function() { // setGetParameter('language','jp'); // }) // $("#language_en").on('click', function() { // setGetParameter('language','en'); // }) function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName + "=")); var suffix = url.substring(url.indexOf(paramName + "=")); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url + hash); window.location.href = url + hash; } }); </script> " $scripts_for_layout = "" $title_for_layout = "Template" $fullPage = FullPageHelper FullPageHelper::$helpers = array FullPageHelper::$base = "/trace/cms/index.php" FullPageHelper::$webroot = "/trace/cms/app/webroot/" FullPageHelper::$theme = NULL FullPageHelper::$here = "/trace/cms/index.php/" FullPageHelper::$params = array FullPageHelper::$action = "index" FullPageHelper::$plugin = NULL FullPageHelper::$data = NULL FullPageHelper::$namedArgs = NULL FullPageHelper::$argSeparator = NULL FullPageHelper::$validationErrors = NULL FullPageHelper::$tags = array FullPageHelper::$__tainted = NULL FullPageHelper::$__cleaned = NULL FullPageHelper::$Html = HtmlHelper object $image = ImageHelper ImageHelper::$helpers = array ImageHelper::$base = "/trace/cms/index.php" ImageHelper::$webroot = "/trace/cms/app/webroot/" ImageHelper::$theme = NULL ImageHelper::$here = "/trace/cms/index.php/" ImageHelper::$params = array ImageHelper::$action = "index" ImageHelper::$plugin = NULL ImageHelper::$data = NULL ImageHelper::$namedArgs = NULL ImageHelper::$argSeparator = NULL ImageHelper::$validationErrors = NULL ImageHelper::$tags = array ImageHelper::$__tainted = NULL ImageHelper::$__cleaned = NULL ImageHelper::$Html = HtmlHelper object $form = FormHelper FormHelper::$helpers = array FormHelper::$fieldset = array FormHelper::$__options = array FormHelper::$fields = array FormHelper::$requestType = NULL FormHelper::$defaultModel = NULL FormHelper::$_inputDefaults = array FormHelper::$base = "/trace/cms/index.php" FormHelper::$webroot = "/trace/cms/app/webroot/" FormHelper::$theme = NULL FormHelper::$here = "/trace/cms/index.php/" FormHelper::$params = array FormHelper::$action = "index" FormHelper::$plugin = NULL FormHelper::$data = NULL FormHelper::$namedArgs = NULL FormHelper::$argSeparator = NULL FormHelper::$validationErrors = NULL FormHelper::$tags = array FormHelper::$__tainted = NULL FormHelper::$__cleaned = NULL FormHelper::$Html = HtmlHelper object $html = HtmlHelper HtmlHelper::$tags = array HtmlHelper::$_crumbs = array HtmlHelper::$__includedScripts = array HtmlHelper::$_scriptBlockOptions = array HtmlHelper::$__docTypes = array HtmlHelper::$helpers = NULL HtmlHelper::$base = "/trace/cms/index.php" HtmlHelper::$webroot = "/trace/cms/app/webroot/" HtmlHelper::$theme = NULL HtmlHelper::$here = "/trace/cms/index.php/" HtmlHelper::$params = array HtmlHelper::$action = "index" HtmlHelper::$plugin = NULL HtmlHelper::$data = NULL HtmlHelper::$namedArgs = NULL HtmlHelper::$argSeparator = NULL HtmlHelper::$validationErrors = NULL HtmlHelper::$__tainted = NULL HtmlHelper::$__cleaned = NULL $session = SessionHelper SessionHelper::$helpers = array SessionHelper::$__active = true SessionHelper::$valid = false SessionHelper::$error = false SessionHelper::$_userAgent = "e61387b275016c0cfab7fdb97088316a" SessionHelper::$path = "/" SessionHelper::$lastError = NULL SessionHelper::$security = "low" SessionHelper::$time = 1722093176 SessionHelper::$sessionTime = 1722111176 SessionHelper::$cookieLifeTime = false SessionHelper::$watchKeys = array SessionHelper::$id = NULL SessionHelper::$host = NULL SessionHelper::$timeout = NULL SessionHelper::$base = "/trace/cms/index.php" SessionHelper::$webroot = "/trace/cms/app/webroot/" SessionHelper::$here = "/trace/cms/index.php/" SessionHelper::$params = array SessionHelper::$action = "index" SessionHelper::$data = NULL SessionHelper::$theme = NULL SessionHelper::$plugin = NULLheader - [internal], line ?? include - APP/views/layouts/template3.ctp, line 13 View::_render() - CORE/cake/libs/view/view.php, line 736 View::renderLayout() - CORE/cake/libs/view/view.php, line 494 View::render() - CORE/cake/libs/view/view.php, line 440 Controller::render() - CORE/cake/libs/controller/controller.php, line 909 Dispatcher::_invoke() - CORE/cake/dispatcher.php, line 207 Dispatcher::dispatch() - CORE/cake/dispatcher.php, line 171 require - APP/webroot/index.php, line 86 [main] - CORE/index.php, line 55
FARM to FABRIC
This fabric is made of Organic Cotton
一粒の種から一枚の布地へと至る
オーガニックコットンの旅路。
世界で最も"透明"なテキスタイル。
その足跡を追体験する旅に出よう。
In a gentle way,
we can shake the world.
Journey of Organic Cotton
Copyright ©PANOCO TRADING CO., LTD.
www.panoco.co.jp