@charset 'UTF-8';

/*common*/
html{-webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-text-size-adjust: 100%; font-size: 62.5%; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }
body,html{width: 100%; height: 100%; font-family:'Noto Sans', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { color: #160b00; background-color: #ffffff; position: relative; }
button { border: none; }
*{ outline:none; box-sizing: border-box;}
svg,img{ vertical-align: bottom; }
a{ text-decoration: none; color: #160b00; cursor: pointer;}
.flex { display: flex; }
.last_child { margin-right: 0; margin-bottom: 0; }

/*retina*/
.img-w { width: 100%; height: 100%; }
.js-bg{ width: 100%; height: 100%; }
.js-bg-img { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center;}

/*load*/
.loader { align-items: center; justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #ddd6cd;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.loader_in {
  height: 8.5%;
  width: auto;
  opacity: 1;
}

.is_loaded .loader {
  opacity: 0;
  /*opacity: 1;*/
  visibility: hidden;
  /*visibility: visible;*/
  transition: 0.3s;
}

.contents {
  visibility: hidden;
  opacity: 0;
}

.is_loaded .contents {
  visibility: visible;
  opacity: 1;
  /*opacity: 0;*/
}

.loader_img {
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
  animation: loadAnim 0.6s ease-in-out infinite alternate;
  margin-right: 6px;
  height: 100%;
  /*animation: anime_load 13s linear infinite;*/
  /*animation-play-state: running;*/
  /*width: 160px;*/
/*  position: absolute;
  top: 50%;
  left: 50%;*/
  /*margin-top: -80px;*/
  /*margin-left: -80px;*/
  z-index: -10;
}

/*.progress-count {
  font-size: 2.4rem;
  position: relative;
  color: #3e2606;
}*/

.loader_img:nth-child(1) {
  animation-delay: -0.25s;
}
.loader_img:nth-child(2) {
  animation-delay: -0.5s;
}
.loader_img:nth-child(3) {
  animation-delay: -0.75s;
  margin-right: -1px;
}
.loader_img:nth-child(4) {
  animation-delay: -1s;
  margin: 0;
}

@keyframes loadAnim {
  0% {
    transform: translateY(-10px) rotate(-2deg);
  }
  100% {
    transform: translateY(5px) rotate(2deg);
  }
}

.js-show {
  transition: all 1s;
}
.js-show_up {
  transition: all 0.8s;
  transform: translate(0, 32px)
}
.js-show, .js-show_up {
  opacity: 0
}
.is_loaded .js-show, .is_loaded .js-show_up {
  transform: translate(0, 0);
  opacity: 1
}

.fadein_anim, .fadein_anim2, .fadein_anim3 {
  visibility: hidden
}

.fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible!important
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

/*text*/
.nav_in_wrapMenu_product_li_a { text-align: center; line-height: 2.1rem; font-weight: 500;}
.nav_in_wrapMenu_product_li_a_jp { font-size: 15px; }
.nav_in_wrapMenu_product_li_a_en, .nav_in_wrapMenu_menu_li_a { font-size: 13px; line-height: 5px; }
.scroll_p, .dt_more { font-size: 13px; line-height: 2.3rem; }
.dt_link { text-decoration: underline; }
.ttl_h1 { color: #59322D; }
.ttl_h1_jp { font-size: 30px; font-weight: 500; letter-spacing: -0.05rem; }
.ttl_h1_en { font-size: 56px; font-weight: 700; line-height: 66px; }
.ttlHead { margin-bottom: 24px; }
.head_h2 { font-size: 36px; font-weight: 700; }
.head_h2_jp { font-size: 20px; font-weight: 500; display: inline-block; margin-bottom: 1px; }
.txtP { font-size: 17px; line-height: 3.4rem; letter-spacing: 0.018rem; }
.top_about_paragraph { text-align: center; }
.list_h3_jp { font-size: 27px; font-weight: 500; margin-bottom: 10px; display: block; }
.list_h3_en { font-size: 18px; font-weight: 500; display: block; }
.head_h4, .subh { font-size: 20px; font-weight: 500; margin-bottom: 24px; }
.subh { color: #59322D; }
.btn_conversion_a { text-transform: uppercase; font-size: 17px; font-weight: 500; color: #fff; }
.pr_conversion_link_li_a { font-size: 15px; color: #fff; }
.contact_list_li_p, .spec_ttl { font-size: 17px; font-weight: 500; }
.spec_ttl { color: #59322D; }
.contact_list_li_a { font-size: 16px; text-decoration: underline;}
.contact_list_li_p .li_span { font-size: 16px; font-weight: 300; }
.copy { font-size: 12px; }
.types_dt_typename { font-weight: 700; color: #59322D; }
.types_dt_type { font-size: 22px; }
.types_dt_type span { font-size: 30px; display: inline-block; margin-left: 4px; }
.product_chopsticks .types_dt_type { font-size: 24px; }
.types_dt_name { font-size: 19px; }
.types_dt_name span { font-size: 22px; }
.types_dt_ttl { font-size: 17px; font-weight: 500; line-height: 2.46rem; }
.types_dt_p { font-size: 15px; line-height: 164%; }
.product_about_paragraph, .product_history_paragraph { margin-bottom: 8px; }
.spec_txt { font-size: 16px; }

/*btn*/
.hp { background-color: #593D2D; }
.note { background-color: #41c9b4; }
.insta { background-image: -moz-linear-gradient( 10deg, rgb(255,214,84) 0%, rgb(252,82,68) 27%, rgb(181,49,184) 66%, rgb(130,71,193) 84%, rgb(79,93,202) 100%);
  background-image: -webkit-linear-gradient( 10deg, rgb(255,214,84) 0%, rgb(252,82,68) 27%, rgb(181,49,184) 66%, rgb(130,71,193) 84%, rgb(79,93,202) 100%);
  background-image: -ms-linear-gradient( 10deg, rgb(255,214,84) 0%, rgb(252,82,68) 27%, rgb(181,49,184) 66%, rgb(130,71,193) 84%, rgb(79,93,202) 100%); }
.ytb { background-color: #d62c2c; }

/*header*/
.header_in { width: 100%; height: 110px; position: fixed; z-index: 1000; background-color: #fff; /*box-shadow: 0px 9px 15.58px 3.42px rgba(21, 21, 21, 0.06);*/ }
.nav { width: 100%; height: 100%; }
.nav_in { height: 100%; justify-content: space-between; align-items: center; padding-left: 72px; padding-right: 40px; }
.nav_in_wrapLogo_a { display: block; width: 96px; transition: 0.2s; }
.nav_in_wrapMenu_menu {}
.nav_in_wrapMenu_product_li { margin-right: 40px; }
.nav_in_wrapMenu_product_li_a { display: block; transition: 0.3s; }
.nav_in_wrapMenu_product_li_a_jp { display: block; }
.nav_in_wrapMenu_product_li:last-child { margin: 0; }
.nav_in_wrapMenu_product { margin-right: 64px; align-items: center;}
.nav_in_wrapMenu_menu { padding-left: 32px; align-items: center; position: relative; margin-right: 32px; }
.nav_in_wrapMenu_menu:before { height: 20px; width: 1px; background-color: #EEEBEA; content: ''; display: block; position: absolute; left: 0; }
.nav_in_wrapMenu_menu_li { margin-right: 24px; }
.nav_in_wrapMenu_menu_li:last-child { margin: 0; }
.nav_in_wrapMenu_menu_li_a { transition: 0.3s; }
.nav_in_wrapMenu_btn_li { width: 100%; height: 100%; background-color: #EA872Dff; border-radius: 36px; transition: 0.3s; }
.nav_in_wrapMenu_btn_li_a { font-size: 1.5rem; font-weight: 500; color: #ffffff; display: flex; align-items: center; width: 100%; height: 100%; padding: 16px 40px; position: relative; text-transform: uppercase; }
.nav_in_wrapMenu_btn_li_a:before { content: url(../img/curt.svg); padding-right: 8px; height: 18px; }

/*top_fv*/
.top_fv,.top_fv_in,.top_fv_body { width: 100%; height: 100vh; }
.top_fv_body { justify-content: flex-end; }
.top_fv_ttl { width: 20vw; min-width: 315px; position: absolute; top: 50%; left: 8vw; z-index: 100; }
.top_fv_slide { width: 76.6%; height: 100%; }
.sliderframe,.sliderframe_in { width:100%;height:100%;overflow:hidden }
.sliderframe_body { height: 100% }
.sliderframe_img { height: 100vh; }
.slick-dots { position: absolute; bottom: 32px; right: 32px; display: flex; width: auto }
.slick-dots li { width: 10px; height: 10px; margin: 0 10px 0 0; }
.slick-dots li:last-child { margin: 0 }
.slick-dots li button { width: 100%; height: 100%; padding: 0 }
.slick-dots li button:before { content: ''; background-color: #fff; width: 100%; height: 100%; border-radius: 50%; transition: 0.4s; }
.slick-dots li.slick-active button:before { background-color: #EA872D; }
.top_fv_scroll { position: absolute; bottom: 0; left: 64px; height: 117px; }
.scroll_p { position: relative; width: 100%; height: 100%; opacity: 0.7; }
.scroll_span { position: absolute; top: 10px; left: -14px; transform: rotate(90deg); }
.scroll_p:after { position: absolute; bottom: 0; left: 50%; width: 1px; height: 72px; content: ''; background-color: #160B00; animation: scrollbar 3s 2s infinite ease-out; -webkit-animation: scrollbar 3s 2s infinite ease-out; }

/*top_about*/
.top_about, .product_history { position: relative; width: 100%; padding-top:144px; }
.top_about_in, .top_about_body, .product_history_in, .product_history_body { width: 100%; }
.top_about_in, .product_history_in { padding: 0px 17vw; }
.top_about_ttl { text-align: center; }
.top_about_headimg { width: 136px; margin-right: 8px; }
.top_about_paragraph { margin-bottom: 64px; }
.top_about_img, .product_history_img { justify-content: space-between; }
.top_about_img_l,.top_about_img_r, .product_history_img_l, .product_history_img_r { width: calc(50% - 36px); }
.top_about_img1, .product_history_img1 { margin-top: 56px; }
.top_about_img2, .product_history_img2 { margin-bottom: 56px; }
.top_about_img3, .product_history_img3 { width: 67%; }

/*products*/
.products { position: relative; width: 100%; padding-top:144px; margin-bottom: 80px; }
.products_in, .products_body, .products_list, .top_products_inner_body, .product_others_in { width: 100%; position: relative; }
.top_products_in { padding: 0 20px; }
.top_products_ttl { margin-bottom: 48px; padding: 0 11.1vw; z-index: 10; position: relative; }
.products_list { z-index: 9; flex-wrap: wrap;}
.products_li { width: 50%; }
.top_products_inner_body { transition: 0.4s; display: block; }
.top_products_txt { width: 75%; background-color: #fff; position: absolute; bottom: 0; left: 0;  padding: 32px 32px 0; }
.top_products_img { overflow: hidden; }
.top_products_unit { transition: 0.5s; }
.product_others_in { padding: 0 11.1vw; }
.product_others_ttl { width: 37.5vw; }
.product_others_list { width: 62.5vw; }
.product_others_list .products_li { width: 100%; }
/*商品が増えたら*/
/*.product_others { margin-bottom: 0; }*/
/*.product_others_list .products_li { margin-bottom: 96px; }*/

/*conversoin*/
.conversion { position: relative; width: 100%; padding:144px 0 112px; }
.conversion_in, .conversion_body { width: 100%; position: relative; }
.conversion_in { padding: 0 17.5vw; }
.btn_conversion { width: 100%; height: 100%; background-color: #EA872Dff; border-radius: 1000px; transition: 0.3s; }
.btn_conversion_a { width: 100%; height: 100%; padding: 96px 100px 96px 150px; align-items: center; position: relative; }
.btn_conversion_a:before { content: url(../img/curt.svg); padding-right: 8px; height: 19px; }
.btn_conversion_a:after { content: url(../img/arrow.svg); position: absolute; right: 100px; top: 50%; margin-top: -11px; }
.conversion_body:after { content: ''; width: 100%; height: 1px; background-color: #EEEBEA; position: absolute; margin-top: 112px;}

/*pr_conversion*/
.pr_conversion { position: relative; width: 100%; padding-top:112px; }
.pr_conversion_in, .pr_conversion_body { width: 100%; position: relative; }
.pr_conversion_in { padding: 0 17.5vw; }
.pr_conversion_ttl { margin-bottom: 40px; }
.pr_conversion_headimg { width: 136px; margin-right: 8px; }
.p_pr_conversion { display: inline-block; margin-bottom: 10px; }
.pr_conversion_link { flex-wrap: wrap; margin: 0 -16px; }
.pr_conversion_link_li { width: calc(100% / 2 - 32px); margin: 0 16px; height: 112px; margin-bottom: 24px; text-align: center; position: relative; transition: 0.2s;}
.pr_conversion_link_li_a { width: 100%; height: 100%; line-height: 112px; display: block; }
.pr_conversion_link_li.hp:after { content: url(../img/outside.svg); width: 16px; position: absolute; right: 24px; top: 50%; margin-top: -8px; }
.pr_conversion_link_li.insta:after { content: url(../img/insta.svg); width: 16px; position: absolute; right: 24px; top: 50%; margin-top: -8px; }
.pr_conversion_link_li.note:after { content: url(../img/note.svg); width: 14.22px; position: absolute; right: 24px; top: 50%; margin-top: -8px; }
.pr_conversion_link_li.ytb:after { content: url(../img/youtube.svg); width: 22.71px; position: absolute; right: 24px; top: 50%; margin-top: -8px; }

/*contact*/
.contact { position: relative; width: 100%; padding-top:120px; }
.contact_in, .contact_body { width: 100%; position: relative; }
.contact_body { background-color: #F9F9F9; padding: 72px 96px; }
.contact_in { padding: 0 64px; }
.contact_list { justify-content: flex-end; }
.contact_list_li { position: relative; margin-right: 64px; }
.contact_li_fir:after { content: ''; width: 1px; height: 100%; background-color: #EEEBEA; position: absolute; top: 0; right: -32px; }
.contact_list_li_p { margin-bottom: 8px; }
.copy { padding: 0 64px 32px; margin-top: 64px; }
.contact_list_li_a.insta { width: 62px; height: 62px; border-radius: 100px; position: relative; margin-right: 10px; transition: 0.3s; }
.contact_list_li_a.insta:after { content: url(../img/insta.svg); width: 16px; position: absolute; right: 50%; top: 50%; margin-top: -8px; margin-right: -8px; }
.contact_list_li:last-child { margin-right: 0; }
.contact_ttl { margin-bottom: 0; }

/*product_fv*/
.product_fv { width: 100%; height: 76.6vh; position: relative; }
.product_fv_in,.product_fv_body { width: 100%; height: 100%; position: relative; }
.product_fv_ttl { width: 100%; height: calc(100% - 110px); position: absolute; top: 110px; left: 0; }
.ttl_h1 { position: absolute; top: 50%; left: 8vw; z-index: 100; margin-top: -60px; }
.product_fv_bg { width: 100%; height: 100%; overflow: hidden; }
.ttl_h1_jp { margin-bottom: 1px; }
.ttl_h1_span { display: block; }
.product_chopsticks .ttl_h1 { margin-top: -88px; }

/*product_about*/
.product_about { position: relative; width: 100%; padding-top:144px; }
.product_about_in, .product_about_body { width: 100%; position: relative; }
.product_about_in { padding: 0 64px; }
.product_about_body { justify-content: space-between; }
.product_about_img, .product_about_container { width: calc(50% - 36px); }
.product_about_container { padding-right: 6.6vw; }
.product_about_ttl { margin-bottom: 32px; }
.product_about_img_youtube { width: 100%; height: 100%; }

/*product_types*/
.product_types { position: relative; width: 100%; padding-top:144px; }
.product_types_in, .product_types_body { width: 100%; position: relative; }
.product_types_ttl { padding: 0 11.1vw; margin-bottom: 48px; }
.product_types_container { padding: 0 17vw; }
.product_types_container.mb {margin-bottom: 32px;}
.product_types_list { justify-content: space-between; }
.product_types_li { width: calc(50% - 36px); }
.product_types_img, .product_types_dt { margin-bottom: 32px; position: relative; }
.type_1 .product_types_img:after { content: ''; width: 1px; height: 100%; background-color: #EEEBEA; display: block; position: absolute; top: 0; right: -36px; }
.product_spoons .type_2 .product_types_dt:before { content: ''; width: 1px; height: 100%; background-color: #EEEBEA; display: block; position: absolute; top: 0; left: -36px; }
.product_chopsticks .type_1 .product_types_dt:after { content: ''; width: 1px; height: 100%; background-color: #EEEBEA; display: block; position: absolute; top: 0; right: -36px; }
.product_types_dt { margin-bottom: 24px; }
.types_img1 { margin-bottom: 16px; }
.types_dt_typename { align-items: baseline; margin-bottom: 16px; }
.types_dt_type { margin-right: 16px; }
.types_dt_ttl { margin-bottom: 10px; }

/*product_design*/
.product_design { position: relative; width: 100%; padding-top:144px; }
.product_design_in, .product_design_body { width: 100%; position: relative; }
.product_design_in { background: linear-gradient(270deg, #EEEDF2 0%, #F7F7F9 100%); padding-bottom: 80px; }
.product_chopsticks .product_design_in { background: linear-gradient(270deg, #F6F6F6 0%, #FBFBFB 100%); }
.product_bed .product_design_in { background: linear-gradient(270deg, #D3E1E3 0%, #E9F1F3 15.45%, #E8F0F3 84.66%, #DFE9EE 100%); }
.product_design_body { overflow: hidden; }
.product_design_img, .product_design_img_abs { width: 100%; }
.product_design_img { position: relative; z-index: 10; }
.product_design_img_abs { position: absolute; top: 0; left: 0; z-index: 9; }
.product_design_container { padding: 0 17.5vw; }
.product_design_bg { background-color: #fff; padding-top: 88px; }
.product_design_ttl { margin-bottom: 32px; padding: 0 9vw; }
.product_design_discription { margin-bottom: 72px; padding: 0 9vw; }
.product_design_imgset { width: 100%; align-items: baseline; }
.design_img1 { width: 61.5%; }
.design_img2 { width: 38.5%; }
.product_design_each { margin-bottom: 80px; }
.product_design_paragraph { margin-bottom: 24px; }

/*product_history*/
.product_history_ttl { text-align: center; margin-bottom: 32px; padding: 0 9vw; }
.product_history_paragraph { padding: 0 9vw; }
.product_history_paragraph.last_child { margin-bottom: 64px; }

/*product_spec*/
.product_spec { position: relative; width: 100%; padding-top: 144px; }
.product_spec_in, .product_spec_body { width: 100%; position: relative; }
.product_spec_in { background-color: #F9F9F9; padding: 88px 0;}
.product_spec_ttl { margin-bottom: 64px; padding: 0 11.1vw; position: relative; }
.product_spec_container { padding: 0px 17vw; width: 100%; }
.product_spec_img { width: 100%; margin-bottom: 64px; }
.product_spec_list { margin: 0 -16px; flex-wrap: wrap; margin-bottom: 16px; }
.product_spec_li { width: calc(100% / 3 - 32px); margin: 0 16px; padding-bottom: 26px; margin-bottom: 24px; position: relative; }
.product_spec_li:after { content: ''; width: 100%; height: 1px; background-color: #160B00; opacity: 0.2; position: absolute; bottom: 0; left: 0; }
.product_spec_p { display: block; }
.spec_ttl, .spec_txt { display: block; }
.spec_ttl { margin-bottom: 5px; }



/*animation*/
@keyframes scrollbar {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
  15% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
  50% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
  70% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
}


/*hover*/
@media screen and (min-width:1024px) {
.nav_in_wrapMenu_product_li_a:hover, .nav_in_wrapMenu_menu_li_a:hover { color: #EA872Dff; }
.nav_in_wrapMenu_btn_li:hover, .btn_conversion:hover { background-color: #ED7B15; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.pr_conversion_link_li:hover { box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.1); }
/*.top_products_inner_body:hover { opacity: 0.7; }*/
.top_products_img:hover > .top_products_unit:hover { transform: scale(1.06); }
.contact_list_li_a.insta:hover { box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.1); }
}

/*tablet*/
@media screen and (max-width:1024px) {
}

/*mobile*/
@media screen and (max-width:740px) {
}