/*繝壹�繧ｸ蜈ｨ菴�*/
/*繝壹�繧ｸ蜈ｨ菴�*/
/*繝壹�繧ｸ蜈ｨ菴�*/
body{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Noto Serif JP', sans-serif;
color: #313131 !important;
}
img{
width: 100%;
}

/*繝�Φ繝励Ξ繝ｼ繝井ｸ頑嶌縺榊､画峩*/
.ec-layoutRole{
  background-image: url("/html/template/customize/assets/img/top/background.jpg") !important;
  background-repeat: no-repeat;
  background-repeat: repeat-y;
  background-size: 100% auto;
width: 100%;
}
.ec-layoutRole .ec-layoutRole__main{
width: 100%;
}
.ec-layoutRole .ec-layoutRole__contents {
margin: 0 auto;
width: 100%;
max-width: 1200px;
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
}
.ec-role{
padding: 0;
}
.border{
border: none !important;
}

.ec-pageHeader h1, .ec-pageHeader .h1{
font-weight:normal !important;
border-bottom: 1px solid #313131;
font-size: 30px;
border-top: none !important;
}

 /*蝠上＞蜷医ｏ縺�*/
 .ec-zipInputHelp{
display: none;
 }

.ec-contactRole p{
margin: 0; 
}
.ec-contactRole p{
font-size: 13px;
}

.ec-contactRole p{
text-align: center;
 }
 /*繝ｭ繧ｰ繧､繝ｳ*/
.ec-login{
background: #fff;
border: 1px solid #313131;
padding: 5%;
}
.ec-login .ec-icon{
display: none;
}
.ec-shelfGrid a{
color: #313131;
}
.ec-blockTopBtn.pagetop{
display: none !important;
}
.ec-grid2.lowerlayer_login{
display: block !important;
}
.ec-grid2__cell.login_cell{
width: 100% !important;
margin-top: 5% !important;
}
.ec-off2Grid__cell.login_box{
width: 100%;
margin: 0;
}
.ec-blockBtn--cancel.login_button{
background: #313131;
color: #fff;
}
.ec-grid2__cell.login_cell{
text-align: left;
}

/*繝懊ち繝ｳ縺ｮ繝帙ヰ繝ｼ繧�け繝ｪ繝�け辟｡蜉ｹ蛹�*/
/*繝ｭ繧ｰ繧､繝ｳ繝懊ち繝ｳ*/
.ec-blockBtn--cancel.login_button:active,
.ec-blockBtn--cancel.login_button:focus,
.ec-blockBtn--cancel.login_button:hover
{
  background-color:#313131 !important;
  color:#fff !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  visibility: visible !important;
  display: block !important;
  outline: none !important;
}
/*蝠�刀隧ｳ邏ｰ縺頑ｰ励↓蜈･繧翫�繧ｿ繝ｳ*/
button#favorite.ec-blockBtn--cancel:active,
button#favorite.ec-blockBtn--cancel:focus,
button#favorite.ec-blockBtn--cancel:hover{
  border: 1px solid #313131;
  background: #fff;
  color: #313131;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  visibility: visible !important;
  display: block !important;
  outline: none !important;
}
/*蝠�刀隧ｳ邏ｰ縺頑ｰ励↓蜈･繧翫�繧ｿ繝ｳ謚ｼ縺励◆蠕�*/
.ec-blockBtn--cancel:disabled, .ec-blockBtn--cancel.disabled:active,
.ec-blockBtn--cancel:disabled, .ec-blockBtn--cancel.disabled:focus,
.ec-blockBtn--cancel:disabled, .ec-blockBtn--cancel.disabled:hover{
  border: 1px solid #313131;
  background: #fff;
  color: #313131;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  visibility: visible !important;
  display: block !important;
  outline: none !important;
}





p,h1{
margin: 0;
font-weight: normal;
}
p{
font-size: 15px;
line-height: 28px;

}
.header_pc{
font-size: 14px;
}
ul {
  list-style: none ;
  padding: 0;
  margin: 0 ;
}
a {
  text-decoration: none;
  color: #313131;
  
}
/*繧ｿ繧､繝医Ν闍ｱ蟄�*/
p.tit_en{
color: #8a729c;
font-weight: bold;
letter-spacing: 0.1rem;
}
/*繧ｿ繧､繝医Ν譌･譛ｬ隱�*/
h1.tit_ja{
letter-spacing: 0.5rem;
font-size: 30px;
}
/*繧ｿ繧､繝医Ν闍ｱ蟄玲ｨｪ譖ｸ縺�*/
.beside{
line-height: 25px;
}
/*繧ｿ繧､繝医Ν荳九�邵ｦ邱�*/
.border{
  width: 2px;
  height: 50px;
  background-color:#313131;
  margin: 10px auto;
}
/*繧ｿ繧､繝医Ν蜈ｨ菴�*/
.contents_tit{
text-align: center;
width: 50%;
margin: 0 auto;
}
/*繧ｳ繝ｳ繝�Φ繝��荳贋ｸ倶ｽ咏區*/
.box_space{
margin-top: 8% !important;
}
/*繝懊ち繝ｳ*/
.button01{
text-align: left;
margin-top: 8%;
}
.button01 a{
border: 1px solid #313131;
border-radius: 30px;
padding: 15px 70px;
transition: .3s;
}
.button01 a:hover{
background: #313131;
color: #fff;
}
button:active,
button:focus {
  outline: none !important;
  border: none !important;
  background-color: inherit !important; /* 濶ｲ螟牙喧縺後≠繧九↑繧牙�縺ｫ謌ｻ縺� */
  box-shadow: none !important; /* 荳€驛ｨ縺ｮ繝悶Λ繧ｦ繧ｶ縺ｯ繧ｯ繝ｪ繝�け譎ゅ↓蠖ｱ繧剃ｻ倥￠繧� */
  background-color: inherit !important;
  opacity: 1 !important;
}
.ec-blockBtn--action:active,
.ec-blockBtn--action:focus {
  background-color: inherit !important;  /* 縺ｾ縺溘�謖�ｮ夊牡 */
  color: inherit !important;             /* 蠢�ｦ√↑繧画枚蟄苓牡繧� */
  box-shadow: none !important;           /* 蠖ｱ縺御ｻ倥￥蝣ｴ蜷医�縺薙ｌ繧� */
  outline: none !important;              /* 繝輔か繝ｼ繧ｫ繧ｹ譫�縺御ｸ崎ｦ√↑繧� */
  border: none;
  opacity: 1 !important;
  background-color: inherit !important;
}
.ec-inlineBtn{/* 繝槭う繝壹�繧ｸ縺ｪ縺ｩ縺ｮ繝溘ル繝懊ち繝ｳ */
background-color: #fff;
}




/*pc繝倥ャ繝€繝ｼ*/
/*pc繝倥ャ繝€繝ｼ*/
/*pc繝倥ャ繝€繝ｼ*/

/*scss荳頑嶌縺�*/
.ec-headerNaviRole {
margin: 0 auto;
max-width: 1200px;
display: block;
align-items: center;
height: auto;
padding: 0;
}
.header_logo img{
width: 50%;
}
.header_logo img:hover{
opacity: 0.2;
}
.header_pc{
display: flex;
align-items: center;
justify-content: space-around;
padding: 2% 0;
font-family:"繝偵Λ繧ｮ繝取�譛� ProN","Hiragino Mincho Pro";
font-family:"MS Mincho","�ｭ�ｳ 譏取悃";
width: 100%;
box-sizing: border-box;
}
.menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu li {
  position: relative;
  width: 130px;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
}
.menu_main > li {
  flex: 1;
  text-align: left;
  font-weight: 600;
  position: relative;
}

.menu_main > li:hover > a {
color: #31313143;
}
.menu_main {
  display: flex;
  flex: 1;
}

/* 繝峨Ο繝��繝€繧ｦ繝ｳ*/
.menu_sab {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform: none; /* 竊蝉ｸｭ螟ｮ蟇�○縺ｮ隗｣髯､ */
  text-align: left;
  background-image: url(/html/template/customize/assets/img/header/headersab_back.jpg);
  padding: 10px 0;
  white-space: nowrap;
  z-index: 100000;
  width: max-content;
  min-width: 200px;
}
.li_sab::after{
content: "   >";
}
.menu_sab li {
  padding: 10px;
  font-weight: normal;
  padding: 10px 20px;
  width: 100%; 
  text-align: left;
  font-size: 12px;
  }
.menu_sab li:last-child {
  border-bottom: none;
}
.menu_main > li:hover .menu_sab {
  display: block;
}
li.li_sab:hover > a{
border-bottom: 1px solid #313131;
}


/*繝倥ャ繝€繝ｼ繝懊ち繝ｳ*/
li.header_button{
font-size: 12px;
padding: 10px;
color: #fff;
background: #8a729c;
border-radius: 30px;
width: 100%;
text-align: center;
}
li.header_button  a{
color: #fff;
font-weight: bold;
 font-size: 14px;
}
/*繧｢繧､繧ｳ繝ｳ*/
li.header_search,li.header_cart{
width: 120px;
margin-left: 20px;
}
.banner img{
width: 100%;
}
/*讀懃ｴ｢繧ｯ繝ｪ繝�け蠕�*/
nav.search_nav{
display: none;
position: absolute;
left: 0;
right: 0;
padding: 10px 0;
z-index: 1000000000000;
}
.search-toggle {
  cursor: pointer; /* 謖��繝ｼ繧ｯ�医�繧､繝ｳ繧ｿ繝ｼ�峨ｒ陦ｨ遉ｺ */
}
nav.search_nav.active {
  display: block; /* 繧ｯ繝ｩ繧ｹ縺瑚ｿｽ蜉�縺輔ｌ縺溘→縺阪↓陦ｨ遉ｺ */
}
.ec-headerSearch__category{
  display: none;
}
.ec-headerSearch .ec-headerSearch__keyword{
  width: 400px;
  border-radius: 0;
}


/*繧ｵ繧､繝峨ヰ繝翫�*/
.side_banner{
position: fixed;
right: 0;
z-index: 1000000;
top: 200px;
}
.banner_box{
margin-bottom: 15px;
}


/*縺薙％縺九ｉ繝医ャ繝励�繝ｼ繧ｸ*/
/*縺薙％縺九ｉ繝医ャ繝励�繝ｼ繧ｸ*/
/*縺薙％縺九ｉ繝医ャ繝励�繝ｼ繧ｸ*/

/*繝医ャ繝怜�騾�*/
.top_explanation{
text-align: center;
}
span.font-weight{
font-weight: 600;/*螟ｪ蟄�*/
}
.back_color{
background: #65527237;
width: 100vw;
margin-left: calc(-50vw + 50%);
}




/*繧ｹ繝ｩ繧､繝€繝ｼ*/
/*繧ｹ繝ｩ繧､繝€繝ｼ*/
/*繧ｹ繝ｩ繧､繝€繝ｼ*/
.ec-sliderRole {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  z-index: 1;
  max-width: none !important;
  padding:0;
}
.slick-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.ec-layoutRole__contents:first{
width: 100% !important;
}



/*繧ｳ繝ｳ繧ｻ繝励ヨ*/
/*繧ｳ繝ｳ繧ｻ繝励ヨ*/
/*繧ｳ繝ｳ繧ｻ繝励ヨ*/
.top_concept{
margin-top: 5%;
position: relative;
overflow: hidden;
}
img.t_c_back{
position: absolute;
width: 40%;
bottom: 0;
right: 0;
}
.t_c_left {
width: 50%;
float: left;
}
.t_c_left img{
margin-top: 5%;
}
.t_c_right{
float: right;
writing-mode: vertical-rl; /* 邵ｦ譖ｸ縺搾ｼ亥承縺九ｉ蟾ｦ�� */
width: 50%;
}
.t_c_right h1{
font-size: 28px;
letter-spacing: 20px;
line-height: 50px;
}
.button{
margin-top: 10%;
}
.button a{
padding: 5%;
border-radius: 30px;
border:  1px solid;
width: 20px;
}

/*譁ｰ逹€蝠�刀*/
/*譁ｰ逹€蝠�刀*/
/*譁ｰ逹€蝠�刀*/
p.button01.top_new{
margin-top: 3%;
text-align: center;
display:block;
}



/*蝠�刀繧ｫ繝�ざ繝ｪ*/
/*蝠�刀繧ｫ繝�ざ繝ｪ*/
/*蝠�刀繧ｫ繝�ざ繝ｪ*/
.left{
  float: left;
}
.right{
  float: right;
}
.item_box{
margin-top: 5%;
overflow: hidden;
}
.item_box_img{
width: 40%;
}
.item_box_txt{
width: 60%;
}
.item_box_contents{
padding-left: 10%;
padding-right: 10%;
}
p.item_box_tit{
font-size: 25px;
border-bottom: 1px solid #313131;
}
a.jyuzu_banner img{
width: 80%;
margin: 5% 0 0;
}
p.item_box_info{
font-size: 18px;
padding: 4% 0 2%;
}



/*蜉ｹ譫懊°繧画爾縺�*/
/*蜉ｹ譫懊°繧画爾縺�*/
/*蜉ｹ譫懊°繧画爾縺�*/
.top_effect{
display: flex;
align-items: center;
gap: 4%;
justify-content: center;
margin-top: 5%;
}
.effect_box{
width: 9.5%;
}
.effect_box a{
display: block;
}

.effect_box img{
width: 100%;
transition-property: opacity;
transition-duration: 0.5s;
}
.effect_box img:hover{
opacity: 0.2;
}


/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝峨↓縺､縺�※*/
/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝峨↓縺､縺�※*/
/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝峨↓縺､縺�※*/
.ordermade_botton{
display: flex;
justify-content: center;
gap: 5%;
margin-top: 5%;
}

.button02{
  text-align: center;
}
  .button02 a{
    font-size: 18px;
  border: 1px solid #313131;
  padding: 30px 100px;
  transition: .3s;
}
  .button02 a:hover{
  background: #313131;
  color: #fff;
}

/*謨ｰ迴�蜻顔衍繝舌リ繝ｼ*/
/*謨ｰ迴�蜻顔衍繝舌リ繝ｼ*/
/*謨ｰ迴�蜻顔衍繝舌リ繝ｼ*/
.announce{
width: 100vw;
margin-left: calc(-50vw + 50%);
}


/*菫ｮ逅�*/
/*菫ｮ逅�*/
/*菫ｮ逅�*/
.back_color_repair{
background-color: #bbbbbb84;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.top_repair{
overflow: visible;
min-height: auto; /* 驕ｩ蛻�↑蛟､縺ｫ隱ｿ謨ｴ */
padding: 5%;
}
.top_repair::after {
  content: "";
  display: block;
  clear: both;
}
.repair_left,.repair_right{
flex: 1;  /* 蝮�ｭ峨↓蠎�′繧� */
}
.repair_left{
width: 45%;
float: left;
text-align: center;
}
.repair_right{
width: 50%;
float: right;
}
.repair_right img{
width: 100%;
}
.repair_button{
clear: both; /* float縺ｮ蠖ｱ髻ｿ繧貞女縺代↑縺�ｈ縺�↓縺吶ｋ */
display: block;
text-align: center;
position: relative;
z-index: 10;
margin-top: auto; 
padding: 5% 0 0;
}
p.button01.repair_button a{
background: #fff;
}
p.button01.repair_button a:hover{
background: #313131;
color: #fff;
}
.re_or_box{
clear: both;
margin-bottom: 5%;
}
/*繧ｪ繝ｼ繝€繝｡繧､繝牙相遏･繝舌リ繝ｼ*/
.ordermade {
    position: relative;
    margin-top: -115px; /* 驕ｩ蛻�↑謨ｰ蛟､縺ｫ隱ｿ謨ｴ */
    z-index: 10;
}
.ordermade img {
  width: 100%;
  position: relative;
  top: 0; /* 菴咲ｽｮ繧偵Μ繧ｻ繝�ヨ */
}
p.top_explanation_tit{
font-size: 20px;
margin-bottom: 3%;
}

/*繝輔ャ繧ｿ繝ｼ*/
/*繝輔ャ繧ｿ繝ｼ*/
/*繝輔ャ繧ｿ繝ｼ*/
.ec-layoutRole__footer{
max-width: 100%;
border-top: 1px solid #313131;
}
.footer_pc{
width: 80%;
margin: 0 auto;
padding: 3% 0 0;
overflow: hidden;
}
.footer_menu{
font-family:"繝偵Λ繧ｮ繝取�譛� ProN","Hiragino Mincho Pro";
font-family:"MS Mincho","�ｭ�ｳ 譏取悃";
}
footer li{
font-size: 14px;
}
footer li:hover{
border-bottom: 1px solid #313131;
}
.footer_logo{
text-align: center;
}
.footer_logo img{
  width: 15%;
  }
  .footer_logo img:hover{
opacity: 0.2;
    }
.footer_contents{
margin-top: 5%;
}
.footer_contents:first-child{
margin: 0;
}
.footer_contents h1{
font-size: 23px;
border-bottom: 1px solid #313131;
}
p.fo_con_tit{
font-size: 18px;
margin-bottom: 0.5%;
font-weight: bold;
}
.footer_contents ul{
display: flex;
gap: 2%;
}
.footer_menu{
margin-top: 2%;
}
.footer_contents:nth-child(2){
margin-top: 5%;
}
.tel_mail_left{
width: 50%;
float: left;
text-align: -webkit-center;
}
.tel_mail_left_flex{
display: flex;
align-items: center;
justify-content: center;
margin-top: 2%;
gap: 3%;
}
.tel_mail_left_flex img{
width: 5%;
}
p.tel_mail_tit{
  padding: 10px;
  background-color: #fff;
  border: 1px solid #313131;
  text-align: center;
  width: 40%;
}
h1.tell{
font-size:40px;
border: none;
}
.tel_mail_right{
width: 50%;
float: right;
text-align: -webkit-center;
border-left: 1px solid #313131;
}
.tel_mail{
display: block;
margin-top: 5%;
overflow: hidden;
}
/*蝠上＞蜷医ｏ縺帙�繧ｿ繝ｳ*/
.contact_botton{
background: #313131;
color: #fff;
text-align: center;
padding: 20px 0 20px;
margin: 20px 0 0 20px;
}
.contact_botton a{
color: inherit;
display: block;
}
.tel_mail_left,p.contact_ja{
line-height: 10px !important;
}
p.contact_ja{
font-size: 18px;
}
.contact_botton img{
width: 5%;
}
.footer_contents.another{
clear: both;
}
/*繧ｳ繝斐�繝ｩ繧､繝�*/
.footer_contents.copyright{
text-align: center;
background: #8a729c;
width: 100vw;
margin-left: calc(-50vw + 50%);
}
.copyright p{
color: #fff;
font-size: 13px;
}
.footer_contents.another{
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 2%;
}
.another_box1{
width: 95%;
float: left;
}
.another_box2{
  width: 5%;
  float: right;
  display: flex;
  justify-content: right;
}
.another_box2 img{
width: 40px;
height: 40px;
}
.another_box2 img:hover{
opacity: 0.2;
}

footer.ec-layoutRole__footer {
margin-top: 5%;
}


/*縺薙％縺九ｉ荳句ｱ､繝壹�繧ｸ*/
/*縺薙％縺九ｉ荳句ｱ､繝壹�繧ｸ*/
/*縺薙％縺九ｉ荳句ｱ､繝壹�繧ｸ*/

/*荳句ｱ､繝壹�繧ｸ蜈ｱ騾�*/
.lowerpage{
margin-bottom: 5%;
}


/*繧ｵ繧､繧ｺ陦ｨ險�*/
/*繧ｵ繧､繧ｺ陦ｨ險�*/
/*繧ｵ繧､繧ｺ陦ｨ險�*/
.size_contents{
text-align: center;
}
.size_contents:nth-child(4),.size_contents:nth-child(5){
margin-top: 5%;
}
img.size_icon{
width: 8%;
}
p.size_contents_tit{
font-size: 23px;
border-bottom: 1px solid #313131;
padding-bottom: 3%;
}
.size_contents_box {
  display: flex;
  gap: 5%;
  margin: 0 auto;
  padding: 3% 0;
  text-align: justify;
  width: 80%;
  margin: 0 auto;
  align-items: center;
}
.size_example{
background-color: #bbbbbb36;
text-align: center;
padding: 5% 0 5%;
margin-top: 5%;
}
.size_contents_box img{
width: 30%;
}
.size_example_box{
display: flex;
gap: 6%;
justify-content: center;
align-items: center;
}
.size_example .size_example_box:nth-of-type(3),
.size_example .size_example_box:nth-of-type(4) {
  margin-top: 5%;
}
.example_txt{
text-align: left;
}
p.ex_txt_tit{
font-size: 16px;
border-bottom: 1px solid #313131;
}
.example_img img{
width: 90%;
}


/*雋ｷ縺�黄縺ｮ豬√ｌ*/
/*雋ｷ縺�黄縺ｮ豬√ｌ*/
/*雋ｷ縺�黄縺ｮ豬√ｌ*/
.flow_box{
display: flex;
margin-top: 5%;
justify-content: center;
}
.flow_box:first-child{
margin-top: 0;
}
.flow_box_img{
text-align: center;
}
.flow_box_img img{
width: 60%;
}
.flow_box_txt{
width: 60%;
}
p.flow_box_tit{
font-size: 18px;
border-bottom: 1px solid #313131;
}


/*MINAMI22910縺ｫ縺､縺�※*/
/*MINAMI22910縺ｫ縺､縺�※*/
/*MINAMI22910縺ｫ縺､縺�※*/

/*繧ｫ繝�ざ繝ｪ*/
.about_menu ul{
display: flex;
align-items: center;
justify-content: center;
gap: 5%;
}
.about_menu ul li img{
width: 20px; 
height: 20px; 
}

/*繧ｳ繝ｳ繧ｻ繝励ヨ*/
.about_concept{
position: relative;
background-image: url("/html/template/customize/assets/img/top/concept_back.png");
background-repeat:no-repeat;
background-size: 40%;
background-position:bottom;
}
.about_concept h1{
  writing-mode: vertical-rl; 
  line-height: 2;
  position: absolute;
  top: -70px;
  left: 0;
  letter-spacing: 8px;
  text-align: start; 
}
.about_concept h1 span{
background-color: #fff;
}
.about_concept img{
width: 80%;
text-align: left;
}
.a_con_sab{
margin-top: 3%;
}

/*縺薙□繧上ｊ*/
.a_com_tit p{
  writing-mode: vertical-rl; 
  line-height: 2;
  text-align: start;
  font-size: 25px;
  border-left: 1px solid #313131;
  border-right: 1px solid #313131;
  padding: 25px;
}
span.dot{
  text-emphasis: filled;
  -webkit-text-emphasis: filled;
}
.a_com_box_flex{
display: flex;
justify-content: left;
gap: 10%;
}
.a_com_box {
width: 40%;
}
.a_com_box_3{
margin-top: 10% !important;
width: 90%;
}
p.a_com_box_tit{
font-size: 18px;
border-bottom: 1px solid #313131;
}
.a_com_box p{
text-align: justify;
}
.a_com_contents{
width: 80%;
float: left;
}
.a_com_contents img{
margin-bottom: 3%;
}
.a_com_tit{
float: right;
width: 20%;
text-align: -webkit-right;
}
.about_commitment.box_space{
overflow: hidden;
}

/*逶ｸ隲��繧ｿ繝ｳ*/
.contact_botton2{
  clear: both; /*float蠖ｱ髻ｿ隗｣髯､*/
background-color: #fff;
border: 1px solid #313131;
padding: 3%;
width: 70%;
margin: 0 auto;
display: flex;
gap: 5%;
}
.contact_botton2 p{
  font-size: 18px;
}
.contact_botton2 img{
width: 55%;
height: auto;
}
.contact_botton2:hover{
opacity: 0.2;
}
a.block_link{
display: block;
}

/*莨夂､ｾ讎りｦ�*/
.about_company{
  padding: 5%;
  background-color: #fff;
  border: 1px solid #313131;
}
.company-table {
  width: 100%;
  border-collapse: collapse;
  margin: 40px auto;
  line-height: 1.8;
}
.company-table th,
.company-table td {
  border: 1px solid #313131;
  padding: 20px 15px;
  text-align: left;
  vertical-align: top;
}
.company-table th {
  text-align: center;         /* 讓ｪ譁ｹ蜷代そ繝ｳ繧ｿ繝ｼ */
  vertical-align: middle;     /* 邵ｦ譁ｹ蜷代そ繝ｳ繧ｿ繝ｼ */
  width: 25%;
  font-weight: normal !important;
  background: #E6E6E6;
}

/*繧｢繧ｯ繧ｻ繧ｹ*/
.about_access{
text-align: center;
}
.about_access p{
text-align: left !important;
}


/*螟ｩ辟ｶ遏ｳ縺九ｉ驕ｸ縺ｶ*/
/*螟ｩ辟ｶ遏ｳ縺九ｉ驕ｸ縺ｶ*/
/*螟ｩ辟ｶ遏ｳ縺九ｉ驕ｸ縺ｶ*/
.search_menu ul{
display: flex;
flex-wrap: wrap;
gap: 3%;
width: 80%;
margin: 0 auto;
justify-content: center;
}
.search_menu ul li{
  width: 150px; 
  background-color: #bbbbbb84;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 2%;
}
/*遏ｳ荳€隕ｧ*/
.stone_box{
display: flex;
gap: 5%;
background-image: url("/html/template/customize/assets/img/common/border.png");
background-repeat:no-repeat;
background-position:bottom;
padding: 3% 0;
width: 80%;
margin: 0 auto;
}
.stone_tit {
  display: flex;
  align-items: center;
  gap:20px;
}
.stone_tit p {
  writing-mode: vertical-rl; 
  font-size: 20px;
  margin: 0;
  line-height: 1.6;
  letter-spacing: 10px;
}
.stone_tit img {
  width: 60px;
  height: auto;
}
.stone_info {
  flex: 1;
}
.stone_catch {
  color: #a23b3b;
  font-size: 18px;
  margin-bottom: 20px;
}
.stone_tag {
  display: inline-block;
  border: 1px solid #000;
  background: #fff;
  padding: 5px 20px;
}


/*隕冗ｴ��繝昴Μ繧ｷ繝ｼ*/
/*隕冗ｴ��繝昴Μ繧ｷ繝ｼ*/
/*隕冗ｴ��繝昴Μ繧ｷ繝ｼ*/
.policy_box{
padding: 3% 0;
width: 80%;
margin: 0 auto;
}
.policy_box:first-child{
padding:0 0 ;
}
p.po_box_tit{
font-size: 18px;
border-bottom: 1px solid #313131;
margin-bottom: 2%;
}


/*迚ｹ螳壼膚蜿門ｼ墓ｳ輔↓縺､縺�※*/
/*迚ｹ螳壼膚蜿門ｼ墓ｳ輔↓縺､縺�※*/
/*迚ｹ螳壼膚蜿門ｼ墓ｳ輔↓縺､縺�※*/
.tradelaw_contents{
  padding: 3% 0;
  width: 80%;
  margin: 0 auto;
  }
.tradelaw_contents:first-child{
  padding:0 0 ;
}
.tradelaw_box{
margin-top: 5%;
}
.tradelaw_box:first-child{
margin-top:0;
}

/*驟埼€√�縺頑髪謇輔＞*/
/*驟埼€√�縺頑髪謇輔＞*/
/*驟埼€√�縺頑髪謇輔＞*/
.shi_pay_contents{
width: 80%;
margin: 0 auto;
}
.shi_pay_tit{
display: flex;
justify-content: left;
align-items: center;
gap: 2%;
border-bottom: 1px solid  #313131;
}
.shi_pay_tit p{
font-size:23px;
}
.shi_pay_tit img{
width: 8%;
}
.shi_pay_shiiping{
margin-top: 5%;
}
p.shi_pay_info_tit{
font-size: 18px;
}
.shi_pay_info{
margin-top: 4%;
}
p.payment_tit{
border-bottom: 1px solid  #313131;
width: 20%;
}
.shi_pay_choices img{
margin-top: 2%;
width: 30%;
}
.shi_pay_choices{
margin-top: 4%;
}
.return_exchange{
margin-top: 2%;
}
p.return_exchange_tit{
  border-bottom: 1px solid  #313131;
  width: 70%;
}


/*菫ｮ逅�*/
/*菫ｮ逅�*/
/*菫ｮ逅�*/
p.repair_tit{
font-size: 25px;
margin-bottom: 3%;
writing-mode: vertical-rl; /* 邵ｦ譖ｸ縺搾ｼ亥承縺九ｉ蟾ｦ�� */

}
.repair_box1{
display: flex;
justify-content: center;
gap: 5%;
}
p.re_box1_tit{
font-size: 23px;
margin-bottom: 3%;
border-bottom: 1px solid #313131;

}
.re_box1_img{
width: 40%;
}
.re_box1_info{
width: 60%;
}
.repair_contents2{
  padding: 5%;
text-align: center;
background: #fff;
border: 1px solid #313131;
overflow: auto;
}
.repair_tit{
float: right;
width: 20%;
text-align: -webkit-right;
}
.repair_box2{
margin-bottom: 5%;
}
.repair_tit p{
writing-mode: vertical-rl;
line-height: 2;
text-align: start;
font-size: 25px;
border-left: 1px solid #313131;
border-right: 1px solid #313131;
padding: 25px;
}
.re_box2_img{
width: 80%;
float: left;
}
.re_box2_info{
clear: both;
padding: 3%;
}
.repair_tit_beside p{
  line-height: 2;
  text-align: start;
  font-size: 25px;
  border-top: 1px solid #313131;
  border-bottom: 1px solid #313131;
  padding: 25px;
}
.re_box3_info{
border-bottom: 1px solid #313131;
padding: 3% 0;
}
.re_box3_info:last-child{
border-bottom: none;
}
p.repair_txt{
writing-mode: vertical-rl;
}
.re_box3_tit{
background: #65527237;
text-align: center;
width: 30%;
}
.re_box3_contents{
float: left;
width: 80%;
text-align: left;
}


/*蝠�刀荳€隕ｧ*/
/*蝠�刀荳€隕ｧ*/
/*蝠�刀荳€隕ｧ*/

.ec-topicpath .ec-topicpath__item, .ec-topicpath .ec-topicpath__divider, .ec-topicpath .ec-topicpath__item--active {
color: #313131;
}
.ec-searchnavRole .ec-searchnavRole__infos{
border-top: 1px solid #313131;
}


/*蝠�刀隧ｳ邏ｰ*/
/*蝠�刀隧ｳ邏ｰ*/
/*蝠�刀隧ｳ邏ｰ*/

/*scss荳頑嶌縺�*/
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input,.ec-input select, .ec-birth select, .ec-select select {
border:1px solid #9f9f9f;
}
.ec-productRole .ec-productRole__title .ec-headingTitle{
font-size: 25px;
}
.ec-headingTitle,.ec-productRole .ec-productRole__price{
color: #313131;
}
.ec-select label{
font-weight: normal;
}
.ec-select select{
background: #fff;
}
.ec-productRole .ec-productRole__tags,
.ec-productRole .ec-productRole__category,
.ec-productRole .ec-productRole__price{
border: none !important;
}
.ec-productRole .ec-productRole__tags,
.ec-productRole .ec-productRole__price,
.ec-price .ec-price__price,
.ec-productRole .ec-productRole__priceRegular{
margin: 0;
padding:0;
}
.ec-blockBtn--action{/*雉ｼ蜈･繝懊ち繝ｳ*/
background-color: #313131;
border-color: #313131;
}
.ec-blockBtn--action:hover{
background-color: #313131;
border-color: #313131;
}
.ec-blockBtn--cancel,
.ec-blockBtn--cancel
{ /*縺頑ｰ励↓蜈･繧翫�繧ｿ繝ｳ*/
border:1px solid #313131;
background: #fff;
color: #313131;
}
.ec-productRole .ec-productRole__btn,
.ec-productRole .ec-productRole__actions .ec-select select{
max-width: 100%;
min-width: 100%;
}
.ec-sliderItemRole .slideThumb img{/*逕ｻ蜒上し繧､繧ｺ*/
width: 90%;
}
.ec-sliderItemRole .slideThumb{
width: 18%;
}
.ec-productRole .ec-productRole__description{
margin-bottom: 8%;
}
.ec-productRole__description{
font-size: 15px;
width: 50%;
float: left;
}
/*隱ｬ譏弱ち繧､繝医Ν*/
p.item_description_tit{
border-bottom: 1px solid #313131;
font-size: 18px;
margin-bottom: 3%;
}
/*髢｢騾｣譁�ｭ励し繧､繧ｺ*/
.category_tit{
border-bottom: 1px solid #313131;
margin-bottom: 10px;
}
.ec-productRole__category li{
font-size: 13px;
}


/*繧ｫ繝ｼ繝�*/
/*繧ｫ繝ｼ繝�*/
/*繧ｫ繝ｼ繝�*/

/*scss荳頑嶌縺�*/
.ec-alert-warning{
background: #a23b3b;
}
  .ec-progress .is-complete .ec-progress__number{
  background: #8a729c;
  }
  .ec-progress .is-complete .ec-progress__label{
  color: #8a729c;
  }
  .ec-progress .ec-progress__number{
  background:#313131
  }
  .ec-progress .ec-progress__label{
  color: #313131;
  }
  .ec-cartHeader,.ec-cartHeader__label{
  background: #D8D8D8 !important;
  border-right: 1.5px solid #fff;
  }
  .ec-cartHeader,.ec-cartHeader__label:last-child{
  border: none;
  }
  .ec-cartRole .ec-cartRole__totalAmount{
  color: #a23b3b;
  }
  .ec-cartRole__totalText strong{
  font-size: 20px;
  }


/*蜉ｹ譫懊°繧蛾∈縺ｶ*/
/*蜉ｹ譫懊°繧蛾∈縺ｶ*/
/*蜉ｹ譫懊°繧蛾∈縺ｶ*/
.stone_effect{
background-image: url("/html/template/customize/assets/img/common/border.png");
background-repeat:no-repeat;
background-position:bottom;
padding: 5% 0;
}
.search_menu.effect li{
width: 160px;
}
.stone_box.stone_effect_box{
background-image: none !important;
}
.button01.effect_button{
margin: 0;
text-align: center;
}
.stone_effect2{
  background-image: url("/html/template/customize/assets/img/common/border.png");
  background-repeat:no-repeat;
  background-position:bottom;
padding: 5% 0;
}
p.effect_tit{
font-size: 23px;
width: 50%;
}



/*繧ｵ繧､繝峨Γ繝九Η繝ｼ*/
.mean_side_menu{
border-top: 1px solid #313131;
border-bottom: 1px solid #313131;
width: 20%;
padding: 20px 0;
}
.mean_side_menu ul{
line-height: 30px;
}
.mean_side_menu p{
font-size: 18px;
margin-bottom: 5px;
}

/*繝槭う繝壹�繧ｸ*/
/*繝槭う繝壹�繧ｸ*/
/*繝槭う繝壹�繧ｸ*/

/*scss荳頑嶌縺�*/
.ec-navlistRole .ec-navlistRole__navlist{
border: none;
}
.ec-navlistRole .ec-navlistRole__item{
border:none;
border-left: 1px solid #313131 !important;
}
.ec-navlistRole .ec-navlistRole__item:first-of-type{
border-left:none !important;
}
.ec-navlistRole .active a{
color: #000;
}

/*繝ｭ繧ｰ繧｢繧ｦ繝�*/
.logout{
margin-top: 3%;
}
.logout a{
text-decoration: underline;
color: #337ab7;
}


/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝�*/
/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝�*/
/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝�*/

/*蜈ｱ騾�*/
.top-controls button:hover,.save-button:hover,
.stone img:hover {
opacity: 0.2;
}
.top-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}
.top-controls button {
padding: 10px 20px;
border: 1px solid #313131;
}
.layout {
  display: flex;
 justify-content: right;
  gap: 65px;
  flex-wrap: wrap;
}
.left-panel {
  flex: 0 0 500px;
}
.circle-wrapper {
  position: relative;
  width: 500px;
  height: 500px;
  margin: 0 auto;
}
.circle {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #888;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 14px;
  cursor: pointer;
}
.circle.selected {
  border: 3px solid #007bff;
  box-shadow: 0 0 6px rgba(0, 123, 255, 0.6);
  transform: scale(1.1);
  transition: 0.2s;
}
.hidden-number {
  color: transparent;
}
.right-panel {
  width: 300px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.stone {
  padding: 10% 0;
  cursor: pointer;
  border: 1px solid #313131;
  background: white;
  font-size: 12px;
  text-align: center;
}
.stone p{
line-height: 20px;
}
.stone img {
  width: 50px;
  height: 50px;
  margin-bottom: 2%;
}
.toggle-display {
  text-align: center;
  margin: 30px 0 10px;
}
.save-button {
  display: block;
  margin: 0 auto;
  padding: 10px 60px;
  border: 1px solid #313131;
  background-color: white;
  cursor: pointer;
}
p.ordermade_box_tit{
font-size: 23px;
}
.ordermade_box1{
margin-top: 5%;
display: flex;
align-items: baseline;
gap: 3%;
}
p.ordermade_box1_tit{
font-size: 18px;
border-bottom: 1px solid #313131;
}
.ordermade_box img{
width: 70%;
margin-top: 2%;
}
.ordermade_box img:hover{
opacity: 0.2;
}
.ordermade_box1_info{
width: 80%;
}
.ordermade_box1_tit{
width: 400px;
}
.bracelet-group.bracelet_left{
display: none;
}
.ordermade_contact{
text-align: center;
}
.ordermade_contact p{
font-size: 18px;
margin-bottom: 1%;
}





/*繧ｿ繝悶Ξ繝�ヨ縺ｮ蝣ｴ蜷�*/
@media (min-width: 601px) and (max-width: 900px) {
  .right-panel {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    max-width: 600px;
    margin: 0 auto;
  }
.layout{
justify-content: center;
}

}

/*繧ｹ繝槭�縺ｮ蝣ｴ蜷�*/
@media (max-width: 600px) {
  html,
  body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    max-width: 100vw;
  }

  .container {
    max-width: 100%;
    padding: 20px 10px;
    box-sizing: border-box;
  }

  .layout {
    width: 100%;
    box-sizing: border-box;
  }

  .circle-wrapper {
    width: 324px;
    height: 320px;
  }

  .circle {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }

  .top-controls {
    order: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .top-controls button {
    padding: 12px 0;
  }

  .right-panel {
    order: 3;
    width: 95%;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 20px;
  }

  .toggle-display {
    order: 4;
    margin-bottom: 10px;
  }

  .save-button {
    order: 5;
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 30px;
  }

  .stone {
    font-size: 12px;
    padding: 5% 0;
  }

  .stone img {
    width: 35px;
    height: 35px;
  }
}
.contact_info{
text-align: center;
}
.contact_info img{
width: 60%;
margin-bottom: 2%;
}

/*繧ｲ繧ｹ繝郁ｳｼ蜈･*/
/*scss荳頑嶌縺�*/
.ec-blockBtn--cancel.guest_button,
.ec-blockBtn--cancel.guest_button:active,
.ec-blockBtn--cancel.guest_button:focus,
.ec-blockBtn--cancel.guest_button:hover{
border:  1px solid #313131;
background-color: #fff !important;
box-shadow: none !important;           /* 蠖ｱ縺御ｻ倥￥蝣ｴ蜷医�縺薙ｌ繧� */
outline: none !important;              /* 繝輔か繝ｼ繧ｫ繧ｹ譫�縺御ｸ崎ｦ√↑繧� */
opacity: 1 !important;
background-color: inherit !important;
}





.ec-guest .ec-guest__actions a{
color: #313131 !important;
}
.ec-guest{
border:  1px solid #313131;
margin: 0;
}
p.guest_tit{
font-size: 20px;
border-bottom: 1px solid #313131;
}

/*雉ｼ蜈･逕ｻ髱｢*/
/*雉ｼ蜈･逕ｻ髱｢*/
/*雉ｼ蜈･逕ｻ髱｢*/
.ec-orderRole__detail h2{
background: none !important;
border-bottom: 1px solid #313131;
font-weight: normal;
}
.ec-totalBox{
border: 1px solid #313131;
background: #fff;
}
a.ec-blockBtn--cancel.shopping_cartback{
color: #313131;
}



/*縺薙％縺九ｉ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/
/*縺薙％縺九ｉ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/
/*縺薙％縺九ｉ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/
/*縺薙％縺九ｉ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/
/*縺薙％縺九ｉ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/


/*900莉･荳矩←逕ｨ*/
/*900莉･荳矩←逕ｨ*/
/*900莉･荳矩←逕ｨ*/
@media screen and (max-width:900px){
/*繧ｵ繧､繝亥�菴灘�騾�*/
h1.tit_ja,.ec-pageHeader h1, .ec-pageHeader .h1{
font-size: 25px;
}
p {
line-height: 25px;
}
.button01{
padding: 0.5em 1em;
line-height: 1.5;
text-align: center;
overflow: visible;
height: auto;
}
.button01 a{
box-sizing: border-box;
display: inline-block;
}
.button01 .text {
display: inline-block;
}
.item_box{
clear: both;
}
.ec-layoutRole .ec-layoutRole__main {/*繧ｳ繝ｳ繝�Φ繝�ｹ�*/
width: 90%;
margin: 0 auto;
}
.policy_box,.shi_pay_contents,.tradelaw_contents,.flow_box_txt{
width: 100% !important;
}
.contact_botton2{
width: 90%;
}
.banner_box{
text-align: right;
}
.banner_box img{
width: 90%;
}

/*繝倥ャ繝€繝ｼ*/
.ec-headerNaviRole{
width: 90%;
}
.header_logo{
width: 100%;
}
li.header_button {
padding: 10px 0;
}
.menu li{
width: 100px;
text-align: center;
}
li.header_search{
margin-left: 10px;
}
li.header_search,li.header_cart{
width: 40px;
margin: 0;
}
li.header_search img,li.header_cart img{
width: 25px !important;
}
.header_logo img {
width: 60%;
}
li.header_button{
width: 160px;
}

/*繝輔ャ繧ｿ繝ｼ*/
.footer_pc{
width: 90%;
}
.footer_contents h1{
font-size: 18px;
}
p.fo_con_tit{
font-size: 16px;
}
.tel_mail_left,.tel_mail_right{
width: 100%;
float: none;
}
.tel_mail_right{
border-left: none;
border-top: 1px solid #313131;
padding: 3% 0 0;
}
.tel_mail_left{
padding: 0 0 3%;
}
h1.tell{
font-size: 40px;
}
.tel_mail_left_flex img{
width: 4%;
}
.contact_botton{
margin: 0 auto;
width: 80%;
margin: 20px 0 0 !important;
}


/*繝医ャ繝�*/
img.t_c_back{
top: 0;
}
.t_c_right h1 {
font-size: 25px;
letter-spacing: 10px;
line-height: 40px;
}
p.item_box_tit {
font-size: 23px;
margin-bottom: 3%;
}
.item_box_contents {
  padding-left: 5%;
  padding-right: 5%;
}
.ordermade_botton,.button02 a{
display: block;
}
.ordermade_botton{
width: 80%;
margin: 0  auto;
}
.button02{
margin-top: 30px;
}
.ec-checkProductRole{
padding: 5% !important;
}

/*雋ｷ縺�黄縺ｮ豬√ｌ*/
.flow_box_img{
text-align: left;
}

/*螟ｩ辟ｶ遏ｳ縺九ｉ謗｢縺�*/
.search_menu ul,.stone_box{
width: 100%;
}
.search_menu ul li{
width: 270px;
}

/*繧ｵ繧､繧ｺ陦ｨ險�*/
.size_example_box{
gap: 3%;
}
.example_img img{
width: 100%;
}
.size_example_box{
padding: 0 3%;
}
.size_contents_box{
width:100% ;
}

/*MINAMI22910縺ｫ縺､縺�※*/
.about_concept.box_space{
margin-top: 15% !important;
}

/*蝠�刀荳€隕ｧ*/
.ec-shelfRole,.ec-searchnavRole{
padding: 0;
}

/*蝠�刀隧ｳ邏ｰ*/
.ec-sliderItemRole,.ec-productRole{
padding:0;
}

/*繧ｫ繝ｼ繝�*/
.ec-cartRole .ec-cartRole__cart{
width: 100%;
margin: 0;
}
.ec-cartHeader .ec-cartHeader__label{
padding: 8px;
}
.ec-cartRole .ec-cartRole__actions{
width: 50%;
margin: 0;
}
li.ec-cartHeader__label {
font-size: 15px;
}

/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝�*/
.ordermade_box1{
display: block;
}
.ordermade_box1_tit,.ordermade_box1_info{
width: 100%;
}
.layout{
justify-content: center;
}
}


/*768莉･荳企←逕ｨ*/
/*繝ｭ繧ｰ繧､繝ｳ*/
@media only screen and (min-width: 768px) {
.ec-off2Grid {
display: flex;
width: 80%;
margin: 0 auto;
}
.ec-grid2.lowerlayer_login{
width: 70%;
margin: 0 auto;
}
.ec-login .ec-login__link{
margin: 0;
}
.ec-checkbox label{
font-weight: normal;
}

}


/*768莉･荳矩←逕ｨ*/
/*768莉･荳矩←逕ｨ*/
/*768莉･荳矩←逕ｨ*/

/* 繝倥ャ繝€繝ｼ陦ｨ遉ｺ髱櫁｡ｨ遉ｺ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/
.header_sp_box {
  display: none; 
}
.header_pc_box{
  display: block; 
}
@media screen and (min-width: 769px) {
.header_pc_box {
display: block;
}
.header_sp_box {
display: none !important;
}
}

@media screen and (max-width: 768px) {
.header_pc_box {
display: none;
}
.header_sp_box{
display: block;
}
}
/* 繝倥ャ繝€繝ｼ陦ｨ遉ｺ髱櫁｡ｨ遉ｺ繝ｬ繧ｹ繝昴Φ繧ｷ繝�*/




@media screen and (max-width:768px){
/*蜈ｱ騾�*/
.side_banner{
display: none;
}
.button01{
margin-top: 5%;
}
.contents_tit{
width: 100%;
}
.about_access,.repair_contents2{
margin-bottom: 8%;
}



/*繝倥ャ繝€繝ｼ*/
.header_sp {
  display: flex;
  align-items: center;
  justify-content: center; /* 荳ｭ螟ｮ縺ｫ */
  position: relative;
  padding: 3% 0;
}

.header_sp_logo {
  width: auto;
}
.header_sp_cart{
width: 8%;
}

.header_sp_logo img {
  width: 130px;
}
/*sp繝｡繝九Η繝ｼ繝懊ち繝ｳ*/
.btn-trigger {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 34px;
  z-index: 10001;
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #313131;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 14px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
/* 繧｢繧ｯ繝�ぅ繝匁凾縺ｮ繝懊ち繝ｳ */
#btn03.active {
  transform: rotate(360deg);
}

#btn03.active span:nth-of-type(1) {
  transform: translateY(14px) rotate(-45deg);
}

#btn03.active span:nth-of-type(2) {
  transform: translateY(0) rotate(45deg);
}

#btn03.active span:nth-of-type(3) {
  opacity: 0;
}
.btn-trigger.fixed {
  position: fixed;
}



/* 繝｡繝九Η繝ｼ繧ｪ繝ｼ繝舌�繝ｬ繧､�郁レ譎ｯ�� */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#ffffffe0;
  display: none; /* 蛻晄悄迥ｶ諷九〒縺ｯ髱櫁｡ｨ遉ｺ */
  justify-content: center;
  align-items: center;
  z-index: 99;
  transition: opacity 0.5s ease;
  overflow-y: auto;
}
.menu-overlay.active {
  display: flex; /* active譎ゅ↓陦ｨ遉ｺ */
  opacity: 1; /* 閭梧勹縺後ヵ繧ｧ繝ｼ繝峨う繝ｳ */
}

/* 繝｡繝九Η繝ｼ */
.sp_menu_box a {
font-size: 14px;
}
.sp_menu_box {
border-radius: 8px;
width: 80%;
margin: 0 auto;
margin-top: 5% !important; 
}
.sp_menu_contents p{
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid;
margin-bottom: 2%;
}
p.sp_menu_contents_last a{
font-weight: bold;
font-size: 16px;
}
.sp_menu_contents{
margin-top: 5%;
}
/* 讀懃ｴ｢*/
.ec-headerSearch .ec-headerSearch__keyword {
 width: auto;
}
p.sp_menu_button{
padding: 5px;
background: #8a729c;
color: #fff;
text-align: center;
}
.sp_menu_button.sp_cart{
display: flex;
justify-content: center;
align-items: center;
gap: 5%;
}
.sp_menu_button.sp_cart img{
width: 10%;
}
.sp_menu_button.sp_cart a{
color: #fff;
}

/*繝輔ャ繧ｿ繝ｼ*/
.footer_logo img{
width: 25%;
}

/*繝医ャ繝�*/
.top_concept {
  display: flex;
  flex-direction: column-reverse;
}
.t_c_left,
.t_c_right {
  float: none;
  width: 100%;
}
.t_c_left {
  display: flex;
  flex-direction: column;
}
.t_c_right {
width: fit-content; /* 蜀�ｮｹ縺ｮ繧ｵ繧､繧ｺ縺ｫ蜷医ｏ縺帙ｋ */
margin: 0 auto; /* 隕ｪ縺ｮ荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
}
.t_c_left > img {
  order: 1;
}
.t_c_left > p.button01 {
  order: 3;
}
.t_c_left > p:not(.button01) {
order: 2;
margin-top: 3%;
}
img.t_c_back{
transform: translate(-25%, 0);
width: 70%;
}
.left,.right{
float: none;
}
.item_box_txt,.item_box_img{
width: 100%;
}
.item_box_contents,.item_box_txt{
padding: 0;
}
.item_box_txt{
margin-top: 5%;
}
.item_box{
display: flex;
flex-direction: column-reverse;
}
.item_box_img.left.upside_down{
display: flex;
flex-direction: column;
order: 1;
}
.effect_box {
width: 15%;
}
.item_box{
margin-top: 8%;
}
.item_box:first-child{
margin: 0;
}

a.jyuzu_banner{
text-align: -webkit-center;
margin: 0 auto;
display: block;
}
a.jyuzu_banner img {
width: 90%;
}


.repair_left, .repair_right{
width: 100% !important;
float: none;
}
.repair_right{
margin-top:5% ;
}
.top_effect{
flex-wrap: wrap;
}
.effect_box {
width: 25%;
}


/* 22910縺ｫ縺､縺�※*/
.about_concept img{
width: 100%;
}
.a_con_main h1{
font-size: 25px;
}
.a_com_contents,.a_com_tit{
width: 100%;
float: none;
clear: both;
}
.a_com_box_flex{
justify-content: center;
}
.a_com_box_3 {
margin: 0 auto;
}
.about_commitment{
display: flex;
flex-direction: column-reverse;
}
.a_com_tit{
text-align: -webkit-center;
}
.a_com_tit p{
padding: 0 25px;
}
.a_com_contents{
margin-top: 5%;
}
.a_com_box_3{
margin-top: 5% !important;
}

/*繝槭う繝壹�繧ｸ*/
.ec-navlistRole .ec-navlistRole__navlist{
border:1px solid #313131;
}
.ec-navlistRole .ec-navlistRole__item{
border:none;
border-left:none !important;
}
.ec-navlistRole .ec-navlistRole__item:first-of-type{
border-left:none !important;
}
.ec-navlistRole .ec-navlistRole__item:nth-of-type(1),
.ec-navlistRole .ec-navlistRole__item:nth-of-type(3),
.ec-navlistRole .ec-navlistRole__item:nth-of-type(5){
border-right: 1px solid #313131 !important;
}
.ec-navlistRole .ec-navlistRole__item:nth-of-type(1),
.ec-navlistRole .ec-navlistRole__item:nth-of-type(2),
.ec-navlistRole .ec-navlistRole__item:nth-of-type(3),
.ec-navlistRole .ec-navlistRole__item:nth-of-type(4){
border-bottom: 1px solid #313131 !important;
}

/*蜉ｹ譫懊°繧蛾∈縺ｶ*/
p.effect_tit{
width: 100%;
}

/*繧ｫ繝ｼ繝�*/
.ec-cartRole .ec-cartRole__actions{
width: 100%;
}
.ec-cartRole{
padding: 0;
}
.ec-productRole .ec-productRole__description{
width: 100%;
float: none;
margin-top: 5%;
}

}

/*450莉･荳矩←逕ｨ*/
/*450莉･荳矩←逕ｨ*/
/*450莉･荳矩←逕ｨ*/
@media screen and (max-width:450px){
/*蜈ｱ騾�*/
p {
line-height: 23px;
}
p,li a {
font-size: 14px;
}
h1.tit_ja{
font-size: 23px;
letter-spacing: 5px;
}
p.beside_tit_en{
font-size: 12px;
}
.button01{
padding: 0;
}
.button01 a{
padding: 10px 70px;
}
.border {
height: 20px;
}
.box_space {
margin-top: 12% !important;
}
table td, table th {
display: block !important;
width: 100% !important;
padding: 8px 8px !important;
}
table th {
border-bottom: none !important;
border-top: none !important;
}



/*繝倥ャ繝€繝ｼ*/
.header_sp{
padding: 5% 0;
}
.btn-trigger {
top: 35px;
width: 40px;
height: 30px;
}
p.sp_menu_button{
padding: 15px;
}
.sp_menu_box {
margin-top: 35% !important;
}


/*繝輔ャ繧ｿ繝ｼ*/
.footer_logo img {
  width: 35%;
}
.footer_pc{
padding:10% 0 0;
}
p.fo_con_tit {
font-size: 18px;
}
.footer_contents ul {
flex-wrap: wrap;
gap: 6%;
}
.footer_menu {
margin-top: 5%;
}
.footer_contents:nth-child(2) {
margin-top: 8%;
}
.footer_contents:nth-child(3){
margin-top: 10%;
}
p.tel_mail_tit{
width: 70%;
}
.contact_botton{
width: 100%;
}
.footer_contents.another{
display: block;
}
.another_box1,.another_box2{
width: 100%;
float: none;
}
.another_box2{
justify-content: center;
margin-top: 5%;
}
.another_box1 li a{
font-size: 12px;
}
.tel_mail{
margin-top: 15%;
}
.tel_mail_left_flex img {
width: 8%;
}
.tel_mail_left_flex h1{
font-size: 35px !important;
}
.copyright p {
font-size: 10px;
}
.contact_botton{
padding: 15px 0;
}
.contact_botton img{
width: 7%;
}
footer.ec-layoutRole__footer{
margin-top: 15%;
}
p.fo_con_tit{
font-size: 16px;
}

/*繝医ャ繝�*/
.t_c_right h1 {
font-size: 28px;
letter-spacing: 5px;
}
p.item_box_tit{
font-size: 20px;
}
p.item_box_tit {
font-size: 18px;
}
.ordermade_botton {
width: 100%;
}
.button02 a {
padding: 30px 10px;
}
.button02 {
margin-top: 20px;
}
.top_repair{
padding: 0;
}
p.top_explanation_tit {
font-size: 18px;
}
p.item_box_info{
font-size: 16px;
}




/*MINAMI22910*/
.about_concept{
background-size: 80%;
background-position: center;
}
.about_menu{
text-align: center;
}
.about_menu ul,.a_com_box_flex,.contact_botton2{
display: block;
}
.about_menu li{
line-height: 30px;
}
.about_concept h1{
writing-mode: unset;
font-size: 23px;
top: -25px;
}
.a_com_tit p{
font-size: 20px;
}
.contact_botton2{
width: 100%;
text-align: center;
padding: 5%;
}
.contact_botton2 p {
font-size: 16px;
}
.contact_botton2 img{
width: 100%;
margin-top: 5%;
}
.company-table{
margin: 0;
}
.a_com_box_3 {
width: 100% !important;
}
.a_com_box{
margin-bottom: 10%;
}
.a_com_contents img,.a_com_box {
width: 100%;
}
.a_com_box img{
width: 50%;
}
.a_con_sab{
margin-top: 10%;
}

/*繝昴Μ繧ｷ繝ｼ*/
.policy_box{
padding: 6% 0 0 0;
}
.policy_box :last-child{
margin-bottom: 8%;
}
p.po_box_tit,p.flow_box_tit{
font-size: 16px;
}

/*雋ｷ縺�黄縺ｮ豬√ｌ*/
.flow_box:first-of-type{
margin: 0 !important;
}
.flow_box{
display: block;
margin-top: 15%;
}
.flow_box_img{
text-align: center;
}
.flow_box_img img{
width: 25%;
}
.flow_box_txt{
margin-top: 3%;
}

/*驟埼€∵髪謇輔＞*/
.shi_pay_tit p {
font-size: 20px;
}
.shi_pay_tit img{
width: 20%;
}
p.shi_pay_info_tit{
font-size: 16px;
}
.shi_pay_shiiping{
margin-top: 10%;
}
.shi_pay_info,.return_exchange,.shi_pay_choices {
margin-top: 5%;
}
p.payment_tit{
width: 50%;
}
p.return_exchange_tit{
width: 100%;
}
.shi_pay_choices img{
width: 70%;
}

/*菫ｮ逅�*/
.repair_box1{
display: block;
}
.re_box1_img,.re_box1_info{
width: 100%;
}
p.re_box1_tit{
margin-top:3%;
font-size: 20px;
}
.re_box2_img,.re_box2_info,.repair_box3 >.repair_tit,.re_box3_contents{
float: none;
width: 100%;
clear: both;
}
.repair_box2{
display: flex;
flex-direction: column-reverse;
}
.repair_box2 > .repair_tit{
order: 3;
width: fit-content; 
margin: 0 auto; 
}
.repair_box2 > .re_box2_img{
order: 2;
margin-top: 5%;
}
.repair_box2 > .re_box2_info{
order: 1;
padding: 0;
margin-top: 5%;
}
.repair_tit p{
font-size: 20px;
}
.repair_box3 {
margin-top: 15%;
}
.repair_box3 >.repair_tit{
width: fit-content; 
margin: 0 auto; 
}
.re_box3_tit{
width: 100%;
}
.re_box3_info{
padding: 5% 0;
}


/*繧ｵ繧､繧ｺ陦ｨ險�*/
p.size_contents_tit{
font-size: 20px;
}
.size_contents_box,.size_example_box{
display: block;
width: 100%;
}
img.size_icon {
  width: 18%;
}
.size_contents_box img{
width: 100%;
}
.size_example .size_example_box:nth-of-type(3), .size_example .size_example_box:nth-of-type(4) {
margin-top: 12%;
}
.example_txt{
margin-top: 3%;
}
.size_example_box.upside_down{
display: flex;
flex-direction: column-reverse
}

/*螟ｩ辟ｶ遏ｳ*/
.search_menu.effect.search_menu ul{
justify-content: left;
}

.search_menu.effect li{
width: 170px;
}

.search_menu ul li{
width: 170px;
}
.stone_box{
padding: 15% 0 ;
display: block;
}
.stone_tit p{
font-size: 18px;
line-height: 0;
letter-spacing: 5px;
}
.stone_catch{
font-size: 16px;
margin-bottom: 10px;
}
.stone_tit{
justify-content: center;
}
.stone_info{
margin-top: 10%;
}

/*蜉ｹ譫懊°繧蛾∈縺ｶ*/
p.effect_tit{
font-size: 20px;
}

/*繧ｪ繝ｼ繝€繝ｼ繝｡繧､繝�*/
.ordermade_box img{
width: 100%;
}
.left-panel {
flex: 0;
}
p.ordermade_box_tit{
font-size: 20px;
}
p.ordermade_box1_tit{
font-size: 16px;
}
.ordermade_box1{
margin-top: 7%;
}

/*繧ｫ繝ｼ繝�*/
.ec-cartRole .ec-cartRole__totalAmount{
font-size: 23px;
}
.ec-cartRole__totalText strong {
font-size: 18px;
}

/*蝠�刀雉ｼ蜈･譎ゅΟ繧ｰ繧､繝ｳ*/
p.guest_tit{
font-size: 18px;
}

/*蝠上＞蜷医ｏ縺�*/
.contact_info img{
width: 100%;
}
}