/** Shopify CDN: Minification failed

Line 548:0 Unexpected "}"
Line 1471:20 Expected ":"
Line 1471:26 Expected ":"

**/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }

html, body { height: 100%; }
html { scroll-behavior: smooth; }

body {
    margin: 0;
    padding: 0;
    color: #231f20;
    background: #fff;
    font-family: 'Yu Mincho Demibold', 'Noto Serif JP', serif;
    line-height: 220%;
    letter-spacing: 0.03em;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%; /* ブラウザ側で自動調整しない */
    -webkit-font-smoothing: antialiased; /* アンチエイリアス */
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
    }


/* 2024年12月追記 */


.main-page-title { display: none; } /* アップデートで表示された h1 を消す */

#MainContent { margin-top: 85px; } /* 画面上余白がなくなる現象の対策 */

#menu_2024 li { list-style: none; vertical-align: top; }

/* -------★ a */

#menu_2024 a:link,
#menu_2024 a:visited { color: #000; }
#menu_2024 a:hover { color: #069; }

/* -------★ menu header footer label */

.apparel_menu p { padding: 10px; color: #000; font-weight: bold; text-align: left; }

.kimono_menu a:link,
.apparel_menu a:link,
.kimono_menu a:visited,
.apparel_menu a:visited,
.menu_3 a:link,
.menu_3 a:visited,
.menu_3_2 a:link,
.menu_3_2 a:visited { color: #000; }

.kimono_menu a:hover,
.apparel_menu a:hover,
.menu_3 a:hover,
.menu_3_2 a:hover { color: #069; }

.kimono_menu label,
.apparel_menu label {
 display: block;
 padding: 20px;
 text-align: center;
 }

label:hover { transition: 0.4s; cursor: pointer; }
.container input[type="checkbox"].on-off { display: none; }
.container input[type="checkbox"].on-off + div { height: 0; overflow: hidden; transition: .3s ease; }
.container input[type="checkbox"].on-off:checked + div { height: auto; padding: 30px 0; }

#menu_2024 label:checked { background: #fff; }

.kimono_menu label { background: #069; color: #fff; font-weight: bold; }
.apparel_menu label { background: #000; color: #fff; font-weight: bold; }

.kimono_menu li,
.apparel_menu li,
.kimono_menu a,
.apparel_menu a { display: block; }

.kimono_menu a,
.apparel_menu a { position: relative; }

.kimono_menu a::after,
.apparel_menu a::after {
position: absolute;
left: 50%;
transform: translateX(-50%);
content: '';
width: 70%;
height: 1px;
background: #069;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: .3s;
}

.kimono_menu a:hover::after,
.apparel_menu a:hover::after { visibility: visible; bottom: 0; opacity: 1 }

.kimono_menu .silk { background: #231916; }
.kimono_menu .traditional { background: #5a2a82; }

.kimono_menu .silk,
.kimono_menu .traditional { max-width: 300px; margin: auto; padding: 20px; }

.kimono_menu .silk a:hover::after,
.kimono_menu .traditional a:hover::after { opacity: 0; }

.kimono_menu .silk img,
.kimono_menu .traditional img { width: 60%; }

/* -------★ container */

.container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.kimono_menu,
.apparel_menu { width: 40%; margin: 5px; }

.kimono_menu li,
.apparel_menu li {margin-bottom: 20px; }

@media screen and (min-width: 640px) { 
  
.kimono_menu { order: 1; }
.apparel_menu { order: 2; }

}

@media (max-width: 640px) {

.kimono_menu,
.apparel_menu { width: 80%; margin-bottom: 10px; }

.kimono_menu { order: 2; }
.apparel_menu { order: 1; }

}

/* -------★ menu_3 */

.menu_3 { width: 100%; margin: 80px 0; text-align: center; }
.menu_3 li { display: inline-block; margin: 20px; }

.menu_3_2 { display: inline-block; }
.menu_3_2 li { display: block; }
.menu_3_2 img { height: 80px; }
.menu_3_2 input[type="checkbox"].on-off + div { width: 0; }
.menu_3_2 input[type="checkbox"].on-off:checked + div { width: 100%; }

.copy_2024 { padding-bottom: 100px; text-align: center; }

@media (max-width: 640px) {
.menu_3 { margin: 40px 0; }
.menu_3 li { display: block; }
.copy_2024 { padding-bottom: 60px; }
}

/* -------★ menu_3 popup */

.popup { display: none !important; }
.popup-overlay { display: none; }

.popup:checked ~ .popup-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: #00000099; /* 黒背景 透明度99 */
  z-index: 900;
  }

.popup-overlay { animation: fadeIn 1s; }
@keyframes fadeIn { 
  0% {  opacity: 0; }
  100% { opacity: 1; }
  }

.popup-window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  }

.popup-open { color: #000; cursor: pointer; }
.popup-close2 { display: block !important; margin-top: 10px; cursor: pointer; z-index: 901; text-align: center; }

.sns_img img { width: 180px; }

@media (max-width: 640px) {
.popup-window { width: 80%; }
}

/* -------★ topへもどるボタン */

.backtotop { padding: 40px; text-align: right; }

.arrow {
 position: relative;
 display: inline-block;
 padding: 0 0 0 50px;
 vertical-align: middle;
}
.arrow::before,
.arrow::after {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
 }
.triangle::before {
 box-sizing: border-box;
 width: 36px;
 height: 36px;
 border: 1px solid #000;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 }

.triangle::after {
 margin-bottom: 11px;
 left: 13px;
 border: 5px solid transparent;
 border-bottom: 8px solid #000;
 }

@media screen and (max-width: 640px) {
.backtotop { display: none; }
}

/* 2024年12月追記 ここまで */



h1 { font-size: 140%; margin: 0; padding: 40px 0; }

h2 { font-size: 120%; margin: 0; padding: 0 0 0px 0; }

h3 { font-size: 120%; margin: 0 0 40px 0; padding: 40px 0; text-align: center; border-bottom: solid 1px #ccc; }

h4 { font-size: 120%; margin: 0; padding: 20px 0; }

.price-item { font-size: 110%; } /* 価格 span */

.price__regular { margin: 0 0 30px 0; padding: 0; } /* 価格余白 */

.product__tax { font-size: 100%; } /* 税込 */

.form__label { font-size: 100%; } /* 数量 */

.product-form__buttons button { max-width: 300px; font-size: 100%; } /* 商品ページボタン */

@media screen and (max-width: 640px) {
  
.product-form__buttons button { margin: 20px auto; }
  
}

.button { font-size: 100%; } /* 送信ボタン */

.color-background-1 { background: #fff; z-index: 100; } /* 購入時ポップアップ */ 

.button-label { font-size: 100%; text-decoration: none;  } /*  購入時ポップアップ　買い物を続ける */

.button-tailoring { width: 100%; background: #e2d2c8; font-size: 100%; text-decoration: none;  } /*  購入時ポップアップ　お仕立てを見るボタン */

.button-tailoring a { display: block; padding: 20px 10px; }

.button-tailoring a:link,
.button-tailoring a:visited,
.button-tailoring a:hover { color: #000; }

@keyframes fadeIn {
    0% { opacity: 0 }
  100% { opacity: 1 }
  }

@-webkit-keyframes fadeIn {
    0% { opacity: 0 }
  100% { opacity: 1 }
  }


@media screen and (min-width: 1920px) {

#ebara { 
  width: 1920px;
  margin: auto;
  font-size: 17px;
  }
  
}

@media screen and (max-width: 1200px) {

#ebara { font-size: 80%; }
  
}

/* --------------------------------------------------------------------------------- ★ ポイント */

.point p { text-align: left; }

.point h5 { padding: 20px; background: #ccc; text-align: left; }

.point table { font-size: medium; margin: auto; text-align: center; }

.point img { margin-top: 30px; }

.pointbtn { margin-top: -10px; padding: 10px; background: #534544; }


/* --------------------------------------------------------------------------------- ★ a */


a { transition: 0.4s; text-decoration: none; }

#ebara a:hover,
#ebara .active { color: #069; }

#products a:link { color: #231f20; }
#products a:visited { color: #888; }
#products a:hover { color: #069; }

#news a:link { color: #231f20; text-decoration: none; }
#news a:visited { color: #888; }
#news a:hover,
#news .active { color: #069; }

#ebara .linkcolor a:link,
#ebara .lnkcolor a:visited { color: #ccc; }
#ebara .linkcolor a:hover { color: #069; }

#ebara .createaccount a:link,
#ebara .accoun2t a:link,
#ebara .cart a:link,
#ebara .createaccount a:visited,
#ebara .account2 a:visited,
#ebara .cart a:visited { color: #231f20; }

#ebara .createaccount a:hover,
#ebara .account2 a:hover,
#ebara .cart a:hover { color: #09c; }


/* --------------------------------------------------------------------------------- ★ img */


#ebara img { max-width: 100%; height: auto; border: none; vertical-align: bottom; transition: 0.4s; } /* DIV内で画像の下にできる隙間をなくす */
#ebara a:img { max-width: 100%; }
#ebara a:hover img { opacity: 0.7; filter: alpha(opacity=70); }


/* --------------------------------------------------------------------------------- ★ 表示切替 */


@media screen and (max-width: 640px) {
.pc { display: none; }
}

@media screen and (min-width: 640px) {
.sp { display: none; }
}

@media screen and (max-width: 1550px) {
.pc2 { display: none; }
}

@media screen and (min-width: 1550px) {
#ebara .sp2 { display: none; }
}

.border { border: solid 1px #ccc; }


/* --------------------------------------------------------------------------------- ★ p text color */


#ebara p { margin: 0; }

.text2 { text-align: center; }

.text p,
.text2 p { margin-bottom: 23px; }

.center,
.center2 { text-align: center; }

.left { text-align: left; }

@media screen and (max-width: 640px) {

#ebara .text2,
#ebara .center2 { text-align: left; }
  
}

.white { color: #fff; }

#form .memo { margin: -30px 0 20px 0; font-size: 80%; }


/* --------------------------------------------------------------------------------- ★ li */

ol, ul { margin: 0; padding: 0; }

li { display: inline-block; max-width: 100%; vertical-align: top; }


.list li,
.list3 li {
  display: block;
  margin-bottom: 10px;
  text-align: left;
  }

.list2 li {
  list-style-position: inside;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: 10px;
  text-align: left;
  }


/* --------------------------------------------------------------------------------- ★ h */


#ebara h1,
#news h1 { 
  font-size: 180%;
  margin-bottom: 60px;
  letter-spacing: 0.2em;
  text-align: center;
  }


#ebara h4  { 
  font-size: 130%;   
  margin-bottom: 40px;
  letter-spacing: 0.2em;
  text-align: center;
  }

.contact h5 { 
  font-size: 100%;
  margin-bottom: 80px;
  letter-spacing: 0.2em;
  text-align: center;
  }

#ebara h10 { 
  display: inline-block;
  font-size: 120%;   
  margin-bottom: 60px;
  padding: 20px 60px;
  color: #231f20;
  background: #e2d2c8;
  letter-spacing: 0.1em;
  text-align: center;
  }

.sp h10 { padding: 15px; }

@media screen and (max-width: 640px) {

#ebara h1,
#news h1 { font-size: 150%; margin-bottom: 30px; }
  
#process h1 { width: 100%; }

}

/* --------------------------------------------------------------------------------- ★ hr */


#ebara hr { margin: 20px 0; border: 0; height: 1px; background-image: url('/cdn/shop/files/line.gif'); clear: both; }

#ebara .clear { height: 0; }


/* --------------------------------------------------------------------------------- ★ LR */


.L,
.L3 { float: left; }

.R,
.R3 { overflow: hidden; }

.L2 { float: left; min-width: 100px; margin-left: 10px; font-weight: bold; vertical-align: top; }

@media screen and (max-width: 640px) {

.L,
.R { width: 100%; }

}


/* --------------------------------------------------------------------------------- ★ slider.js */


#slider,
.bx-pager { text-align: center; }

#slider li { vertical-align: middle; float: none !important; }

#slider img { width: 80%; }

.bx-pager li { margin: 0 10px; cursor: pointer; }


/* --------------------------------------------------------------------------------- ★ box */


section { margin: 0; padding: 0; }

.box { max-width: 1920px; margin: auto; padding: 0 40px; }

.box2 { max-width: 900px; margin: auto; padding: 60px 40px; text-align: center; line-height: 220%; }

.box3 { max-width: 900px; margin: auto; padding: 60px 40px; text-align: left; line-height: 220%; }
  
.shopify-policy__container { max-width: 1200px; margin: auto; padding: 80px 40px; }

}

@media screen and (max-width: 640px) {

.box2,
.box3,
.shopify-policy__container { text-align: left; padding: 60px 20px; }

}

/* --------------------------------------------------------------------------------- ★ Concept */


#concept,
#concept3 { line-height: 200%; }


@media screen and (max-width: 640px) {

#concept,
#concept2,
#concept3 { 
  font-size: 13px;
  letter-spacing: 0;
  }

}

/* --------------------------------------------------------------------------------- ★ Concept 1 */


@media screen and (min-width: 1000px) {

#concep1 .L { width: 40%; margin: 0 10% 140px 0; }

#concept .R { width: 50%; }

#concept .text { margin-left: 56px; }
  
}

@media screen and (min-width:640px) {
  
#concept { max-width: 1400px; margin: auto; padding: 80px 0 60px 0; }

#concept .L { width: 40%; margin: 0 5% 140px 0; }

#concept .R { width: 55%; }

#concept .svg-concept { width: 80%; margin: 30px 0 40px 0; }

}

@media screen and (max-width: 640px) {

#concept { margin: 110px 0 60px 0; }

#concept .L { margin: 0; }

#concept .c1img { margin: 0 0 50px 0; text-align: right; }

#concept .c1img img { width: 90%; }

#concept .svg-concept img { height: 70px; margin: 0 0 30px 0; }

}


/* --------------------------------------------------------------------------------- ★ Concept 2 */


@media screen and (min-width: 640px) {
  
#concept2 { max-width: 1400px; margin: auto; padding-bottom: 100px; line-height: 400%; }

#concept2 .L { width: 55%; }

#concept2 .R { width: 35%; }

#concept2 .R img { width: 80%; }

#concept2 .R li { display: block; margin-bottom: 30px; text-align: center; }

#concept2 .svg-300 { height: 110px; margin: 40px 0 80px 0; }

#concept2 .text { margin-left: 10%; }

#concept2 p { font-size: 120%; margin-left: 40px; }

#concept2 span { font-size: 150%; }

}

@media screen and (max-width: 640px) {

#concept2 { line-height: 300%; }

#concept2 span { font-size: 130%; }

#concept2 .svg-300 { width: 300px; margin: 0 0 60px 0; }

#concept2 .text { margin: 40px 0 0 0; }

}


/* --------------------------------------------------------------------------------- ★ Concept 3 */


#concept3 { max-width: 1400px; margin: auto; }
  
#concept3 .L,
#concept3 .R,
#concept3-2 .L,
#concept3-2 .R { width: 45%; }

#concept3 .L,
#concept3-2 .L { margin-right: 10%; }

#concept3 .svg-free { height: 110px; margin: 0 0 60px 0; }

#concept3 .L img { margin-bottom: 60px; }

#concept3-2 .L { text-align: right; }

#concept3-2 .L img { width: 70%; }

#concept3 .text { margin-bottom: 40px; }

@media screen and (max-width: 640px) {

#concept3 { width: 100%; margin-bottom: 40px; }

#concept3 .svg-free-box { position: relative; margin: 160px 0 60px 0; }

#concept3 .svg-free {
   position: absolute;
   top: -195px;
   right: 0;
   height: 360px;
   z-index: 2;
   }

#concept3 .c3img { width: 100%; margin: -80px 0 -20px 0; }

#concept3 ul li { width: 100%; text-align: right; }

#concept3 li img { margin-bottom: 20px; }
  
}


/* --------------------------------------------------------------------------------- ★ Kimono New Normal */


.knn {
  position: absolute;
  right:95px;
  bottom: 250px;
  width: 400px;
  z-index: 1;
  }

@media screen and (max-width: 1280px) {

.knn {
  right: 100px;
  top: 250px;
  width: 350px;
  }

}

@media screen and (max-width: 640px) {

.knn {
  top:60%;
  left: 50%; 
  width: 270px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  }

}

.knn-stock {
  position: absolute;
  right: 100px;
  bottom: 150px;
  z-index: 1;
  }

@media screen and (min-width: 920px) {

.knn-stock { width: 400px; }

}

@media screen and (min-width: 1920px) {

.knn-stock { width: 662px; }

}


@media screen and (max-width: 920px) {

.knn-stock {
  top: 400px;
  left: 50%; 
  width: 70%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  }

}


/* --------------------------------------------------------------------------------- ★ process */


#process .L { margin-right: 60px; font-size: 250%; }

#process .R { text-align: left; }

#process hr { margin: 20px 0 50px 0; padding: 0; border-bottom: solid 1px; }

#contact .tel { margin: 40px 0; padding: 30px 0; border-top: solid 1px; border-bottom: solid 1px; text-align: center; }

#contact .tel p { display: inline-block; width: 70%; }  

@media screen and (max-width: 640px) {

#process .L,
#process .R { width: auto; }

#process .L { margin: 0 20px 10px 0; }

}


/* --------------------------------------------------------------------------------- ★ value */


#value { color: #fff; text-align: center; }

#value .title { font-size: 130%; margin-bottom: 30px; color: #fff; } 

.value-text  {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  padding: 30px;
  }

#value .sp { line-height: 200%; }
  

/* --------------------------------------------------------------------------------- ★ BG images */


.bgimg { max-width: 1920px; margin: auto; padding-top: 90px; }

.bgimg img { width: 100%; }

.bg-custom,
.bg-order,
.bg-value,
.bg-tailoring { max-width: 1920px; height: 600px; margin: auto; overflow: hidden; }

.bg-styling { max-width: 1920px; height:1080px; margin: auto; padding-top: 90px; overflow: hidden; }

@media screen and (max-width: 1366px) {
  
.bg-styling { max-width: 1366px; height:768px; }
  
}

.bg-custom { background: url('/cdn/shop/files/bg-custom.jpg?v=1647441523') right center / cover no-repeat; }
.bg-order { background: url('/cdn/shop/files/bg-order.jpg?v=1647449037') right center / cover no-repeat; }
.bg-value { background: url('/cdn/shop/files/bg-value.jpg') right center / cover no-repeat; }
.bg-styling { background: url('/cdn/shop/files/bg-styling-1366768.jpg?v=1648202811') center / cover no-repeat; }
.bg-tailoring { background: url('/cdn/shop/files/bg-tailoring.jpg?v=1648081189') center / cover no-repeat; }

.bg-value1,
.bg-value2,
.bg-value3 { max-width: 1920px; margin: auto; height: 600px; margin-top: 20px; overflow: hidden; }

.bg-value1 { background: url('/cdn/shop/files/bg-value1.jpg?v=1647460596') right center / cover no-repeat; }
.bg-value2 { background: url('/cdn/shop/files/bg-value2.jpg') right center / cover no-repeat; }
.bg-value3 { background: url('/cdn/shop/files/bg-value3.jpg') right center / cover no-repeat; }


@media screen and (max-width: 920px) {

.bg-custom,
.bg-order,
.bg-value,
.bg-styling,
.bg-tailoring { width: 100%; height: 600px; }

.bg-custom { background: url('/cdn/shop/files/bg-custom-sp_4ddaa71d-16d9-4dfc-8bf5-41af0f479737.jpg?v=1647443119') right center / cover no-repeat; }
.bg-order { background: url('/cdn/shop/files/bg-order-sp.jpg?v=1648390855') right center / cover no-repeat; }
.bg-value { background: url('/cdn/shop/files/bg-value-sp.jpg?v=1647460320') center center / cover no-repeat; }
.bg-styling { background: url('/cdn/shop/files/bg-styling-sp.jpg?v=1648298888') center center / cover no-repeat; }
.bg-tailoring { background: url('/cdn/shop/files/bg-tailoring-sp.jpg?v=1647454748') right center / cover no-repeat; }
  
.bg-value1,
.bg-value2,
.bg-value3 { width: 100%; height: 700px; margin-top: 20px; }

.bg-value1 { background: url('/cdn/shop/files/bg-value1-sp.jpg?v=1647460816') center center / cover no-repeat; }
.bg-value2 { background: url('/cdn/shop/files/bg-value2-sp.jpg?v=1647459904') center center / cover no-repeat; }
.bg-value3 { background: url('/cdn/shop/files/bg-value3-sp.jpg?v=1647461262') center center / cover no-repeat; }

}

.bg {
  position: relative;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  font-size: 170%;
  letter-spacing: 0.1em;
  text-align: center;
  }

.bg-stock {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  padding: 30px;
  font-size: 150%;
  letter-spacing: 0.1em;
  text-align: center;
  }

.bg-stock p {
  display: inline-block;
  background: rgba(255,255,255,0.8);
  padding: 30px 50px;
  }

/* --------------------------------------------------------------------------------- ★ シーラクリフさんの着付け */


#ebara .book img { width: 120px; margin-right: 20px; background: #fff; }
#ebara .book .R { vertical-align: middle; }

#ebara .video a { display: inline-block; padding: 20px 30px; color: #fff; background: #231f20; line-height: 150%; letter-spacing: 0.2em; }
#ebara .video a:link,
#ebara .video a:visited { color: #fff; }
#ebara .video a:hover { color: #fff; background: #ccc; }

#ebara .video { z-index: 10; }

.howto img { margin-bottom: 20px; }

.howto .frame { padding: 30px 30px 100px 30px; background: #eee; }

.howto .l { float: left; padding: 20px 0; }
.howto .r { float: right; writing-mode: vertical-rl; }

.howto .num p,
.howto .num2 p { padding: 20px 0; color: #fff; background: #231f20; font-weight :bold; text-align: center; }

.howto .num p { width: 50px; line-height: 50px; }
.howto .num2 p { width: 50px; }

.howto .num3 { position: relative; top: 160px; left: -45px; height: 200px; padding: 30px 20px; background: #ced8ab; font-size: 150%; writing-mode: vertical-rl; }

.howto .num3-2 { margin-top: -170px; }



@media screen and (min-width: 920px) {

.bg-sheilacliffe { 
  border-top: solid 100px #fff; 
  border-left: solid 200px #fff; 
  width: 100%; 
  height: 764px; 
  background: url('/cdn/shop/files/bg-sheilacliffe.jpg?v=1646560757') center center / cover no-repeat; }

.bg2  {
  position: relative;
  top: 50px;
  left: 120px;
  font-size: 15px;
  line-height: 200%;
  }

#ebara .book { position: absolute; top: 770px; left: 460px; font-size: small; line-height: 150%; z-index: 10; }
  
#ebara .video { position: absolute; top: 830px; left: 900px; }

.sheilacliffe { margin-right: 60px; } 

.sheilacliffe img { width: 230px; } 

.sheila-name { padding-bottom: 30px; font-size: 130%; font-weight: bold; }
  
.sheilacliffe-1 { position: relative; top: -30px; left: -65px; height: 130px; }

.sheilacliffe-2 { height: 30px; margin-bottom: 60px; }

.sheilacliffe-3 { position: absolute; top: 60px; left: 20px; width: 45px; }

.howto { max-width: 1400px; margin: auto; padding: 200px 20px 80px 20px; text-align: center; }
  
.howto li { width: 32%; margin: 30px 50px; font-size: 15px; line-height: 150%; text-align: left; }
  
}


@media screen and (max-width: 920px) {

.bg-sheilacliffe {
  border-top: solid 40px #fff; 
  border-left: solid 100px #fff; 
  height: 500px; 
  background: url('/cdn/shop/files/bg-sheilacliffe-sp.jpg?v=1646560757') center center / cover no-repeat; }

.bg2  {
  position: relative;
  top: 20px;
  left: -80px;
  margin-bottom: 40px; 
  }
  
.sheilacliffe img { width: 160px;  z-index: 1;} 

.sheila-name { font-size: 130%; font-weight: bold; }
  
.sheilacliffe-1 { position: relative; top: -15px; left: -80px; width: 300px; }

.sheilacliffe-2 { position: absolute; top: 30px; left: 45%; width: 200px; z-index: 190; }
 
.sheilacliffe-3 { position: absolute; top: 20px; left: 20px; width: 25px; }

#ebara .book { margin-top: 30px; text-align: left; line-height: 150%; }

#ebara .book img { width: 100px; border-right: solid 10px #fff; }
  
#ebara .video { position: absolute; top: 150px; left: 160px; padding: 0; font-size: small; white-space: nowrap; }

.howto { width: 100%; padding: 60px 20px 60px 20px; text-align: center; }
  
.howto li { width: 280px; margin: 30px 50px; font-size: 15px; line-height: 150%; text-align: left; }
  
.howto .frame { padding: 20px 20px 100px 20px; }

.howto .l { width: 160px; }
  
.howto .r { width: 60px; }
  
.howto .num3-2 { font-size: 80%; }
  
}


/* --------------------------------------------------------------------------------- ★ 会社概要 */


.company .L { width: 160px; margin-right: 20px; }


/* --------------------------------------------------------------------------------- ★ Products */


.item { line-height: 150%; }

@media screen and (min-width: 640px) {

.item { width: 900px; margin: auto; text-align: center; }

.item li { width: 220px; margin: 0 30px 30px 30px; }

.item img { width: 220px; margin-bottom: 25px; }

.svg-products { width: 600px; padding: 80px 0 40px 80px; }

}

@media screen and (min-width: 1920px) {

.item { width: 1320px; }

.item li { width: 320px; margin: 0 60px 90px 60px; }

.item img { width: 320px; margin-bottom: 30px; }

.svg-products { width: 1200px; padding: 200px 0 200px 280px; }

.svg-products img { width: 100%; }

}


@media screen and (max-width: 640px) {

.item { margin-bottom: 20px; text-align: center; }

.item li { width: 140px; margin: 10px 15px; }

.item img { margin-bottom: 20px; }

.svg-products { width: 100%; padding: 40px; }

}


/* --------------------------------------------------------------------------------- ★ フォーム */


#form { text-align: left; }


#form input,
#form select,
#form textarea { width: 100%; padding: 15px; margin: 0 0 30px 0; }

#form input[type=checkbox] { position: relative; width: 20px; height: 20px; margin: 0 15px 0 0; }



/* --------------------------------------------------------------------------------- ★ btn */


#ebara .btn1 { margin: auto; text-align: center; }

#ebara .btn1 li { display: inline-block; border: solid 1px; }

#ebara .btn1 a { display: block; }
#ebara .btn1 a:link,
#ebara .btn1 a:visited { color: #231f20; }
#ebara .btn1 a:hover { color: #09c; }
#ebara .btn1 li:hover { border: solid 1px #09c; }

@media screen and (min-width: 640px) {

#ebara .btn1 { width: 840px; margin: auto; padding: 80px 0; }

#ebara .btn1 li { width: 400px; margin: 10px; }

#ebara .btn1 a { padding: 15px; }

}

@media screen and (min-width: 1920px) {

#ebara .btn1 { width: 1080px; margin: auto; padding-bottom: 90px; }

#ebara .btn1 li { width: 500px; margin: 20px; }

#ebara .btn1 a { padding: 15px; }

}

@media screen and (max-width: 640px) {

#ebara .btn1 { width: 100%; padding: 0 40px; }

#ebara .btn1 li { width: 400px; margin-bottom: 13px; }

#ebara .btn1 a { padding: 10px; }

}


/* --------------------------------------------------------------------------------- ★ btn2 */


#ebara .btn2 { text-align: center; }

#ebara .btn2 a { width: 60%; display: inline-block; margin: 20px 0; padding: 30px; background: #eee; }

#ebara .btn2 a:link,
#ebara .btn2 a:visited { color: #231f20; }
#ebara .btn2 a:hover { background: #e2d2c8; color: #231f20; }

@media screen and (max-width: 640px) {
 
#ebara .btn2 a { width: 100%; }
  
}  
  

/* --------------------------------------------------------------------------------- ★ btn3 */


#ebara .btn3 { margin-top: 40px; text-align: center; }

#ebara .btn3 img { height: 20px; vertical-align: middle; }

#ebara .btn3 a { display: inline-block; padding: 20px; border: solid 1px; color: #231f20; }

#ebara .btn3 a:visited { color: #231f20; }

#ebara .btn3 a:hover { color: #09c; border: solid 1px #09c; }


/* --------------------------------------------------------------------------------- ★ News */


#news { padding: 0 20px 80px 20px; }

#news ul { max-width: 1000px; margin: auto; border-top: solid 1px; }

#news li { display: block; padding: 30px; border-bottom: solid 1px; }


@media screen and (max-width: 640px) {

#news { padding: 20px 20px 55px 20px; }

#news h1 { margin-bottom: 30px; }

#news li { padding: 20px; }

}


/* --------------------------------------------------------------------------------- ★ footer  */

#ebara footer a:link,
#ebara footer a:visited { color: #231f20; }
#ebara footer a:hover { color: #09c; }

#ebara footer .f-contents li,
#ebara footer .f-contents2 li { display: block; text-align: left; }

#ebara footer { position: relative; margin-top: 80px; padding: 100px 0 80px 0; border-top: solid 1px; text-align: center; }

#ebara footer li  { margin-bottom: 12px; }

#ebara .f-logo { text-align: center; }

#ebara .f-logo img { height: 30px; }

#ebara .f-space { margin-right: 60px; }

#ebara .copy-pc { 
  position: absolute;
  right: 40px;
  bottom: 80px;
  font-size: small;
  }

#traditional { margin: auto; text-align: center; }

#traditional li { margin: 10px; } 

#traditional .fabric { background: #00665e; }
#traditional .silk { background: #231916; }
#traditional .traditional { background: #5a2a82; }
#traditional img { width: 120px; } 
#traditional a { display: table-cell; vertical-align: middle; width: 240px; height: 100px; }

@media screen and (min-width: 900px) {

.footer-sp,
#ebara .copy-sp{ display: none; }

}

@media screen and (max-width: 900px) {

.footer-pc { display: none; }
  
#ebara footer { margin-top: 40px; padding: 40px 0 0 0; font-size: 12px; letter-spacing: 0; }

#ebara .f-contents li { margin: 0 20px 0 0; text-align: left; }

#ebara .f-contents2 li { margin: 0; }

#ebara .f-logo { margin-bottom: 40px; }

#ebara .f-logo img { height: 30px; }

#ebara .copy-sp { padding-bottom: 40px; font-size: small; text-align: center; }

#traditional img { width: 90px; margin-bottom: 5px; } 
#traditional a { width: 200px; height: 70px; }

}

/* --------------------------------------------------------------------------------- ★ logo */


#ebara .logo img { height: 40px; }

#ebara .logo {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  }

@media screen and (max-width: 640px) {

  #ebara .logo img { height: 30px; }
  
}
  
/* --------------------------------------------------------------------------------- ★ login & Cart */


#ebara .cart {
  position: fixed;
  right: 40px;
  top: 30px;
  width: 40px;
  z-index: 10;
  }

#ebara .account2 {
  position: fixed;
  right: 100px;
  top: 20px;
  width: 20px;
  height: 20px;
  z-index: 10;
  }


#ebara .createaccount {
  position: fixed;
  right: 155px;
  top: 19px;
  font-size: 14px;
  z-index: 10;
  }

#ebara .overseas1 { margin-right: 30px; }

@media screen and (max-width: 1100px) {
  
#ebara .overseas1  { display: none; }

#ebara .overseas2 {
  position: fixed;
  right: 50px;
  top: 45px;
  font-size: 14px;
  z-index: 10;
  }
  
}

@media screen and (min-width: 1100px) {
  
#ebara .overseas2 { display: none; }

}
  
@media screen and (max-width: 640px) {
 
#ebara .account2,
#ebara .createaccount,
#ebara .overseas2 { display: none; }
  
#ebara .cart { right: 20px; } 
  
}

.header__icon { margin-top: -10px; }

.header__icon--account { width: 20px; }

.header__icon--cart { width: 40px; margin: -18px 0 0 0; }

.cart-count-bubble { margin-left: -10px; }



/* --------------------------------------------------------------------------------- ★ main-menu */


.main-menu { margin: 80px 0 -65px 0; font-size: 14px; text-align: center; }

.main-menu a { margin: 0 5px; padding: 10px; }

#ebara .main-menu a:link,
#ebara .main-menu a:visited { color: #231f20; }
#ebara .main-menu a:hover { color: #09c; }

@media screen and (max-width: 1370px) {

.main-menu { display: none; }
    
}


/* --------------------------------------------------------------------------------- ★ size:v */


/* メニューのCSSは上記「2024年12月追記」に記載 */

.check { display: none; }

.gnav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 60px 0;
  background: #fff;
  visibility: hidden;
  overflow-y: auto;
  opacity: 0;
  z-index: 100;
  }

.gnav.on { visibility: visible; opacity: 1; }

#ebara .gnav .fabric { background: #00665e; }
#ebara .silk { background: #231916; }
#ebara .gnav .traditional { background: #5a2a82; }

#ebara .gnav .fabric,
#ebara .gnav .silk,
#ebara .gnav .traditional { padding: 20px 0; } 

#ebara .gnav .fabric img,
#ebara .gnav .silk img,
#ebara .gnav .traditional img { width: 120px; margin-bottom: 5px; } 

@media screen and (max-width: 640px) {
  
#ebara .gnav a { padding: 7px; }
  
#ebara .gnav .fabric img,
#ebara .gnav .silk img,
#ebara .gnav .traditional img { width: 90px; } 
  
}

.icon-animation {
    position: fixed;
    display: block;
    left: 40px;
    top: 15px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 110;
    }

.icon-animation span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 1px;
    background: #231f20;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    }

.icon-animation:hover span,
.is-open .top,
.is-open .bottom { background: #61b1be; }


.icon-animation .top {
    transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
    }

.icon-animation .bottom {
    transform: translateY(13px);
    -webkit-transform: translateY(13px)
    }

.is-open .middle { background: rgba(51, 51, 51, 0)!important; }

.is-open .top { 
    transform: rotate(-45deg) translateY(0px);
    -webkit-transform: rotate(-45deg) translateY(0px);
    }
    
.is-open .bottom {
    transform: rotate(45deg) translateY(0px);
    -webkit-transform: rotate(45deg) translateY(0px);
    }

@media screen and (max-width: 640px) {
.icon-animation { left: 24px; }
}

/* --------------------------------------------------------------------------------- ★ submenu */

.submenu { margin: 60px 20px 0 20px; font-size: 13px; text-align: center; }

.submenu a { padding: 10px 15px; }

#ebara .submenu a:link,
#ebara .submenu a:visited { color: #231f20; }
#ebara .submenu a:hover { color: #09c; }
#ebara .pointbtn a:link,
#ebara .pointbtn a:visited,
#ebara .pointbtn a:hover{ color: #fff; }

@media screen and (max-width: 800px) {
.submenu a { display; none; }
}

@media screen and (max-width: 640px) {
.submenu li { border-left: solid 1px; margin: 5px; }
}

@media screen and (min-width: 1920px) {
#ebara .submenu { font-size: 16px; }
}

/* --------------------------------------------------------------------------------- ★ Slide Show */

.slideshow { position: relative; left: 0; top: 0; max-width: 1920px; height: 865px; overflow: hidden; z-index: 0; }

@media screen and (min-width: 640px) {
.slideshow { border-left: solid 40px #fff; border-right: solid 40px #fff; }
}

@media screen and (max-width: 1200px) {
.slideshow { height: 500px; }
}

@media screen and (max-width: 640px) {
.slideshow { height: 600px; }
}

.slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 24s linear infinite 0s;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    }

.slideshow li:nth-child(1) span { 
    background: url('/cdn/shop/files/main01-1.jpg?v=1648000774') center left  / cover no-repeat;
    }

.slideshow li:nth-child(2) span { 
    background: url('/cdn/shop/files/main02-1.jpg?v=1648000808') center left  / cover no-repeat;
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
    }

.slideshow li:nth-child(3) span { 
    background: url('/cdn/shop/files/main03-1.jpg?v=1648001047') center right / cover no-repeat;
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
    }

.slideshow li:nth-child(4) span { 
    background: url('/cdn/shop/files/main04-1.jpg?v=1648001078') center   / cover no-repeat;
    animation-delay: 18s;
    -webkit-animation-delay: 18s;
    }

@media screen and (max-width: 640px) {

.slideshow li:nth-child(1) span { background-image: url('/cdn/shop/files/sp_01_8138dd0a-f150-41c0-8ab2-770250e0c4dc.jpg?v=1647499766'); }
.slideshow li:nth-child(2) span { background-image: url('/cdn/shop/files/sp_02.jpg?v=1647715616'); }
.slideshow li:nth-child(3) span { background-image: url('/cdn/shop/files/sp_03.jpg?v=1647500213'); }
.slideshow li:nth-child(4) span { background-image: url('/cdn/shop/files/sp_04.jpg?v=1648300296'); }

}

/* Animation for the slideshow images */

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

@-webkit-keyframes imageAnimation { 
    0% { -webkit-animation-timing-function: ease-in; }
    8% { -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

/* -------------------------------------------------------- ダブルフェイス カスタムチェック表 */

.double_top {
  width: 84%;
  max-width: 527px;
  margin: 0 auto 46px;
}
@media only screen and (max-width: 767px) {
  .double_top {
    margin: 0 auto 10vw;
  }
}
.double_top_ttl {
  font-size: 31px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  border: 1px solid #0a0a0a;
  text-align: center;
  margin: 0 0 44px;
  padding: 16px 0;
}
@media only screen and (max-width: 767px) {
  .double_top_ttl {
    font-size: 3.4vw;
    padding: 3vw;
    margin: 0 0 8vw;
  }
}
.double_top_radio {
  text-align: center;
}
.double_top_radio label {
  font-size: 26px;
  cursor: pointer;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  
}
@media only screen and (max-width: 767px) {
  .double_top_radio label {
    font-size: 3.4vw;
  }
}
.double_top_radio label:nth-of-type(2) {
  margin: 0 0 0 38px;
}
@media only screen and (max-width: 767px) {
  .double_top_radio label:nth-of-type(2) {
    margin: 0 0 0 4vw;
  }
}
.double_top_radio label input {
  cursor: pointer;
}

.radiotable { margin: auto; }
.radiotable td { border: 0; margin: 0; padding: 15px; font-size: 15px; text-align: left; line-height: 2; font-size: 140%; }
.radiotable input { transform: scale(2.0); }

.double_table {
  width: 84%;
  max-width: 876px;
  margin: 0 auto 89px;
}
@media only screen and (max-width: 767px) {
  .double_table {
    margin: 0 auto 10vw;
  }
}
.double_table_ttl {
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  position: relative;
  margin: 0 0 42px;
}
@media only screen and (max-width: 767px) {
  .double_table_ttl {
    font-size: 3.4vw;
    margin: 0 0 8vw;
  }
}
.double_table_ttl::before {
  content: '';
  display: block;
  width: 257px;
  border-bottom: 1px solid #0a0a0a;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .double_table_ttl::before {
    width: 30vw;
  }
}
.double_table > table {
  width: 100%;
  border-top: 1px solid #0a0a0a;
  border-left: 1px solid #0a0a0a;
  border-collapse: collapse;
}
.double_table > table th, .double_table > table td {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 19px;
  font-weight: 400;
  border-bottom: 1px dashed #0a0a0a;
  border-right: 1px solid #0a0a0a;
  text-align: center;
  padding: 10px 25px;
}
@media only screen and (max-width: 767px) {
  .double_table > table th, .double_table > table td {
    font-size: 3.1vw;
    padding: 1vw 2vw;
  }
}
.double_table > table th input, .double_table > table td input {
  cursor: pointer;
}
.double_table > table th:nth-of-type(1) {
  text-align: left;
}
.double_table > table tr:nth-of-type(1) th {
  padding: 43px 10px;
  text-align: center;
  border-bottom: 1px solid #0a0a0a;
  border-right: 1px solid #0a0a0a;
}
@media only screen and (max-width: 767px) {
  .double_table > table tr:nth-of-type(1) th {
    padding: 3vw 2vw;
  }
}
.double_table > table tr:nth-of-type(1) th:nth-of-type(2) {
  background-color: #eee2d3;
}
.double_table > table tr:nth-of-type(1) th:nth-of-type(3) {
  background-color: #a6c3ac;
}
.double_table > table tr:nth-last-of-type(1) th, .double_table > table tr:nth-last-of-type(1) td {
  border-bottom: 1px solid #0a0a0a;
  border-right: 1px solid #0a0a0a;
}

#target {
  width: 84%;
  max-width: 1040px;
  margin: 0 auto;
}

.double_heimen, .double_chakuyo {
  width: 100%;
  text-align: center;
}
.double_heimen_ttl, .double_chakuyo_ttl {
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  display: inline-block;
  border: 2px solid #0a0a0a;
  padding: 0 60px;
}
@media only screen and (max-width: 767px) {
  .double_heimen_ttl, .double_chakuyo_ttl {
    font-size: 3.4vw;
    border: 1px solid #0a0a0a;
    padding: 0 4vw;
  }
}
.double_heimen_img, .double_chakuyo_img {
  display: block;
  width: 100%;
  position: relative;
}
.double_heimen_img img, .double_chakuyo_img img {
  width: 100%;
}
.double_heimen_img img.pc_block, .double_chakuyo_img img.pc_block {
  display: block;
}
@media only screen and (max-width: 767px) {
  .double_heimen_img img.pc_block, .double_chakuyo_img img.pc_block {
    display: none;
  }
}
.double_heimen_img img.sp_block, .double_chakuyo_img img.sp_block {
  display: none;
}
@media only screen and (max-width: 767px) {
  .double_heimen_img img.sp_block, .double_chakuyo_img img.sp_block {
    display: block;
  }
}
.double_heimen_img .double_h, .double_heimen_img .double_c, .double_chakuyo_img .double_h, .double_chakuyo_img .double_c {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: .2s;
  transition: .2s;
}
.double_heimen_img .double_h.active, .double_heimen_img .double_c.active, .double_chakuyo_img .double_h.active, .double_chakuyo_img .double_c.active {
  opacity: 1;
}

.double_heimen {
  margin: 0 0 55px;
}
@media only screen and (max-width: 767px) {
  .double_heimen {
    margin: 0 0 11vw;
  }
}
.double_heimen_ttl {
  margin: 0 0 19px;
}
@media only screen and (max-width: 767px) {
  .double_heimen_ttl {
    margin: 0 0 2vw;
  }
}

.double_chakuyo {
  margin: 0 0 109px;
}
@media only screen and (max-width: 767px) {
  .double_chakuyo {
    margin: 0 0 10vw;
  }
}
.double_chakuyo_ttl {
  margin: 0 0 51px;
}
@media only screen and (max-width: 767px) {
  .double_chakuyo_ttl {
    margin: 0 0 4vw;
  }
}

.double_main {
  display: none;
}