@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html {
  scroll-behavior: smooth; /* スムーススクロール */
}
body {
  font-size: 16px;
  font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sp {
  display: none;
}
.ssp {
  display: none;
}

a:hover{
opacity: 0.6;
}

@media screen and (max-width: 768px){
  body {
    font-size: 14px;
  }
  .sp{
    display: block;
  }
  .pc {
    display: none;
  }
}
@media screen and (max-width: 400px){
  .ssp{
    display: block;
  }
}
img {
  width: 100%;
  height: auto;
}
ul ,ol {
  list-style: none;
  padding: 0;
}
a {
  text-decoration: none;
  color: #666;
}
header{
    background-color: rgba(214, 214, 214, 0.9);
    width: 100%; 
    position: sticky;
    top: 0px;
    z-index: 999;
    height: 60px;

}
.fmenu {
    display:flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    
}
.fmenu img {
width: auto;
height: 24px;
object-fit: scale-down;
padding: 10px;
}
.fmenu ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    width: calc(100% - 40px);
    padding-top: 5px;
}
.fmenu ul li {
width:fit-content;
text-align: end;
}
.fmenu ul li span {
padding-left: 0.5em;
}
.fmenu ul li a {
  color: black;
}
.fmenu ul li a {
    text-decoration: none;
}

@media screen and (max-width: 768px){
  .fmenu {
    display: none;
}
.splogo{
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  justify-content: center;
}
.splogo img{
  width: auto !important;
  height: 20px !important;

}
}
 /* ここからハンバーガー */
/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  display: none;
  position:fixed;
z-index: -3;
opacity: 0;/*はじめは透過0*/
  /*ナビの位置と形状*/
top:0;
width:100%;
  height: 100vh;/*ナビの高さ*/
background:#999;
  /*動き*/
transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
display: block;
z-index:999;
animation: fadeIn 0.7s  forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
 
/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999; 
  width: 100%;
  height: 100vh;/*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  display: none;
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

#g-nav.panelactive ul {
  display: block;
}

/*リストのレイアウト設定*/

#g-nav li{
list-style: none;
  text-align: center; 
}

#g-nav li a{
color: #333;
text-decoration: none;
padding:10px;
display: block;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: bold;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
position:fixed;
  z-index: 9999;/*ボタンを最前面に*/
top:5px;
right: 10px;
cursor: pointer;
  width: 50px;
  height:50px;
}

/*×に変化*/  
.openbtn1 span{
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
background-color: #666;
  width: 45%;
}

.openbtn1 span:nth-of-type(1) {
top:15px; 
}

.openbtn1 span:nth-of-type(2) {
top:23px;
}

.openbtn1 span:nth-of-type(3) {
top:31px;
}

.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/* ここまで */


.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  opacity: 0;
}
@keyframes fadeUpAnime{
from {
  opacity: 0;
  transform: translateY(100px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}

.fadeUpTrigger{
opacity: 0;
}
#TOPICSLINK {
  padding-top: 60px;
  margin-top: -50px;
 }

section div.TOPICS ul {
  margin: 3em auto 0 auto;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
}
section div.TOPICS ul li {
width: 45%;
padding: 0.8em 0;
}
@media screen and (max-width: 768px){
  section div.TOPICS ul {
    width: 90%;
      }
    
}
/* snsリスト */
.snslist{
  width: 100%;
  background-color:#E8E5DF;
  padding: 10px 0 40px 0;
}
ul.snsaikon{
  display: flex;
  justify-content: space-around;
  margin: auto 30% auto 30%;
  padding-top: 20px;
}
ul.snsaikon li {
  width: 60px;
  height: auto;
box-sizing: border-box;
}
/* ul.snsaikon li:nth-last-of-type(even) {
border-bottom: 2px solid #000;
} */
@media screen and (max-width: 768px){
  ul.snsaikon li{
    width: 40px;
    padding: auto 2em;
  }
      
} 


/* .snslist{
  width: 100%;
  background-color:#E8E5DF;
  padding: 10px 0 20px 0;
}
.snslist h2 {
  margin-bottom: 0.25em;
}
.snslist ul{
width: 100%;
max-width: 800px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
padding: 0.25em;
font-size: 3.5rem;

}
.snslist ul li{
  margin: 0 3rem;
  padding: 0.25rem;
}
@media screen and (max-width: 768px){
  .snslist ul{
    font-size: 2rem;
    width: 90%;
    }
    .snslist ul li{
      margin: 0 1rem;
    }
    
} */
.wrapper {
  width: 96%;
  max-width: 1100px;
  padding: 0 auto;
margin: 0 auto;
}
 #up {
  padding-top: 60px;
  margin-top: -50px;
 }
section {
  margin: 0 auto 1rem auto;
}

h2 {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5rem;
  }
  div.CONCEPT div.hairskin {
    width: 50%;
    margin: 0 auto;
  }
.CONCEPT ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 5rem;
}
.CONCEPT ul li div {
  height: auto;
  width: 50%;
  margin-bottom: 1em;
}
.CONCEPT ul li:nth-child(even) {
  flex-direction: row-reverse;
  
  }
  
  .CONCEPT ul li:first-of-type div,
  .CONCEPT ul li:nth-of-type(2) div,
  .CONCEPT ul li:nth-of-type(3) div{
    position: relative;

  }

   .CONCEPT ul li:first-of-type div::before,
   .CONCEPT ul li:nth-of-type(2) div::before,
   .CONCEPT ul li:nth-of-type(3) div::before{
   font-size: 6rem;
   font-weight: bolder;
   color: #51A0CF;
   position: absolute;
   top: -50px;
   left: -30px;
   font-family: "Poppins", sans-serif;
   font-weight: 500;
   font-style: normal;
 
  }

  .CONCEPT ul li:first-of-type div::before {
    content: "01";
   }
   .CONCEPT ul li:nth-of-type(2) div::before {
     content: "02";
    }
    .CONCEPT ul li:nth-of-type(3) div::before {
     content: "03";
    }
 
  .CONCEPT ul li div img {
  border-radius: 0 50px 0 50px;
  }
  


.CONCEPT ul li p {
  font-size: 1.3rem;
  letter-spacing: 0.2rem;
  line-height: 2.8rem;

  height: auto;
  padding: 0 1em;
  box-sizing: border-box;
  margin: 0 auto;
}
.CONCEPT ul li p span{
  font-size: 1.8rem;
}

@media screen and (max-width: 768px){
  div.CONCEPT div.hairskin {
    width: 80%;
  }

  .CONCEPT ul li {
    display: block;
    
  }
  .CONCEPT ul li div {
    height: auto;
    width: 100%;
    margin-bottom: 1em;
  }
  .CONCEPT ul li p {
    height: auto;
    width: 100%;
    padding: 0 1em;
    box-sizing: border-box;
  }

  .CONCEPT ul li:first-of-type div::before,
  .CONCEPT ul li:nth-of-type(2) div::before,
  .CONCEPT ul li:nth-of-type(3) div::before{
  font-size: 4rem;
  top: -30px;
  left: 0px;

 }
 .CONCEPT ul li p {
  font-size: 1rem;
  letter-spacing: 0.2rem;
  line-height: 2rem;

  height: auto;
  padding: 0 1em;
  box-sizing: border-box;
}
.CONCEPT ul li p span{
  font-size: 1.5rem;
}

}


/* .PRODUCTS dl dt {
  width: 30%;
  height: auto;
} */
#PRODUCT {
  padding-top: 60px;
  margin-top: -150px;
margin-bottom:7em;
 }

.PRODUCTS .splide {
margin: 0 !important;
}
  
.PRODUCTS  {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  }


/* 茶色い説明 */

  .PRODUCTS div.tokusei {
background-color: #E8E5DF;
margin: 4rem 0;
width: 100%;
border-radius: 25px;
  }
  .PRODUCTS div.tokusei h5{
    font-size: 1.5rem;
    text-align: center;
    margin: 2rem auto 1rem auto;
  }
  .PRODUCTS div.tokusei dl.up{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 1em;
align-items: center;
  }

  .PRODUCTS div.tokusei dl.up dt{
    font-size: 1.2rem;
    background-color: #51A0CF;
    color: #fff;
    padding: 0.2em 3em;
    width: fit-content;
    margin: 0 1em 0 0;
    text-align: center;
    border-radius: 5px;
  }
  .PRODUCTS div.tokusei ul {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  }
  .PRODUCTS div.tokusei ul li{
  display: block;
  width: 30%;
  text-align: center;
  }
  .PRODUCTS div.tokusei ul li img{
  border-radius: 15px;
  }
  .PRODUCTS div.tokusei ul li p{
    margin: 1em auto;
            } 

  @media screen and (max-width: 767px){
    .PRODUCTS div.tokusei {
      width: 96%;
      border-radius: 1rem;
    }
    .PRODUCTS div.tokusei h5{
      font-size: 1rem;
    }
    .PRODUCTS div.tokusei p{
margin: 1em;
    }

    .PRODUCTS div.tokusei dl.up dt{
      font-size: 0.8rem;
margin: 0 auto 0.5em auto;
    }
    .PRODUCTS div.tokusei dl.up dd{
    width: 100%;
    text-align: center;
    }
    .PRODUCTS div.tokusei ul {
      justify-content: space-evenly;
    flex-wrap: wrap;
      }
    
    .PRODUCTS div.tokusei ul li{
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-evenly;
align-items: center;
      width: 100%;
      margin-bottom: 1rem;
      }
      .PRODUCTS div.tokusei ul li:last-of-type{
      margin-bottom: 0;
      }
      .PRODUCTS div.tokusei ul li:nth-of-type(2){
        flex-direction: row-reverse;
      }
      .PRODUCTS div.tokusei ul li img{
width: 50% !important;
padding: 0.3em;
box-sizing: border-box;
        } 
        .PRODUCTS div.tokusei ul li p{
          width: 50%;
          line-height: 2em;
          margin: 0.5em;
          font-size: 12px;
                  } 
          
       }




.PRODUCTS ul.syouhin {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.PRODUCTS ul.syouhin li{
  width: 30%;
}
.PRODUCTS ul.syouhin li p{
text-align: end;
}
.PRODUCTS h3 {
background-color: #000;
color: #fff;
text-align: center;
display: block;
margin: 1em auto 1.5em auto ;
padding: 0.25em 1em;
width: fit-content;
font-size: 1.5rem;
}
@media screen and (max-width: 767px){
  .PRODUCTS ul.syouhin li:first-of-type{
  width: 100%;
  margin-bottom: 1rem;
  }
  .PRODUCTS ul.syouhin li:nth-of-type(n+2){
  width: 48%;
  }


}

.PRODUCTS ul.btn,
.shop .wrapper ul.btn{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 2em auto 0 auto;
}
.PRODUCTS ul.btn li,
.shop .wrapper ul.btn li{
width: 45%;
height: fit-content;
margin-bottom: 1rem;
}

.PRODUCTS ul.btn li a, 
.shop .wrapper ul.btn li a{
  display: block;
  width: 100%;
  color: #fff;
  background-color: #51A0CF;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  border-radius: 30px;

}
.PRODUCTS ul.btn li a::after,
.shop .wrapper ul.btn li a::after{
  content: '\f08e';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  padding-left: 0.5em;
}
@media screen and (max-width: 767px){
  .PRODUCTS ul.btn li,
  .shop .wrapper ul.btn li{
      width: 70%;
    }
}

#ALLSHOP {
  padding-top: 60px;
  margin-top: -50px;
 }
section.shop{
  background-color: #E8E5DF;
padding: 0 0 6rem 0;  
margin-bottom: 6em;
}
section.shop iframe{
  height: 300px;
width: 48%;
}
section.shop ul {
  width: 96%;
margin: 1rem auto 5rem auto;

}
section.shop ul li{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
}
section.shop ul li dl {
width: 48%;
}
section.shop ul li dl dt{
  border-bottom: 1px solid #000 ;
margin: 1rem 0;
width: 100%;
padding-bottom: 0.25em;
font-weight: bold;
font-size: 1.25rem;
}
section.shop ul li dl dd{
width: 100%;
margin: 0;
line-height: 1.5em;
}

@media screen and (max-width: 767px){
  section.shop ul li{
  justify-content: center;
  }
  section.shop iframe{
    width: 100%;
  }
  section.shop ul li dl {
  width: 90%;
  }
}
.kasen {
    border-bottom: 1px solid  black;

}


section.information {
  width: 80%;
  padding-top: 60px;

  margin-top: -150px;

}
section.information dl {
width: 100%;
}
section.information dl dt:first-child{
  /* border-top: 1px solid  black; */
/* padding-top: 2em; */
}
section.information dl dd{
margin: 0 0 2em 0;
border-bottom: 1px solid  black;
padding: 0.5em 0 2em 1em;
color: #666;

}
section.information dl dt{
padding-left: 1em;
}



#CONTACT2 {
  padding-top: 60px;
  margin-top: -50px;

}







footer {
  background-color: #E8E5DF;
  padding: 20px 0;
  width: 100%;
}
footer .ftlogo{
  width: 100px;
  margin: 0.5em auto 1em auto;
}


    footer .sns ul {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center; 
        list-style: none;
        width: 80%;
        max-width: 400px;
        margin: 0 auto;
        list-style: none;

    }
    
    footer .sns ul li {
        text-decoration: none; 
    }
    .sns ul li a {
        text-decoration: none;
        color: #333333;
        font-weight: 300;
    }

        footer .copyright p {
          text-align: center;
          margin: 1rem;
        }


        #privacy2 {
          padding-top: 70px;
      }


        /*スクロールリンクの形状*/
.scroll-top {
	/*表示位置*/
	position: fixed;
	right: 20px;
	bottom: 10px;
	z-index: 600;
	/*はじめは非表示*/
	opacity: 0;
	visibility: hidden; 
	transition: opacity .5s, visibility .5s; /*それぞれに0.5秒の変化のアニメーション*/
	/*縦書き*/
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	/*改行禁止*/
    white-space: nowrap;
	/*矢印の動き*/
	animation: arrowmove 1s ease-in-out infinite;
}

@keyframes arrowmove{
      0%{bottom:20px;}
      50%{bottom:25px;}
     100%{bottom:20px;}
 }


/*.scroll-viewクラスがついたら出現*/
.scroll-top.scroll-view {
	opacity: 1;
	visibility: visible;
}

/*リンク全体の aタグの形状*/
.scroll-top a {
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	font-size:0.9rem;
    display: block;
}

/*スクロールリンクの形状*/

.js-scroll a::after{
	content:"";
	position: absolute;
	top:0;
	right:0;
	width:1px;
	height: 50px;
	background:#666;
}

.js-scroll a::before {
    content: "";
    position: absolute;
    top: 30px;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #666;
    transform: skewX(-31deg);
}

/*Edge IE11 hack*/
_:-ms-lang(x), .js-scroll a::before{
	right:-11px;
}

/*ページトップリンクの形状*/

.js-pagetop a::after{
	content:"";
	position: absolute;
	top:0;
	right:0;
	width:1px;
	height: 50px;
	background:#666;
}

.js-pagetop a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #666;
    transform: skewX(31deg);
}

/*Edge IE11 hack*/
_:-ms-lang(x), .js-pagetop a::before{
	right:0;
}

input[type=submit], [type='button'] {
  border: 1px solid #e2e2e2;
  padding: 2px 8px;
  font-size: 12px;
}

input[type=submit]:focus {
  outline: none;
}
form.mailform {
  text-align: center;
  max-width: 800px;
  margin: 30px auto 4rem auto;
}

form.mailform textarea {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 1.6em;
  border: none;
  padding: 10px;
  width: 100%;
  height: 300px;
  border-radius: 5px;
  vertical-align: bottom;
  background: #e1f8f7;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  color: #000;
  box-sizing: border-box;
}

form.mailform textarea:focus {
  outline: none;
  background: #ffffff;
  border:solid 2px #e1f8f7;
}

form.mailform input {
  margin: 0 0 15px;
  font-size: 16px;
  border: none;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  background: #e1f8f7;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  box-sizing: border-box;

}

form.mailform input:focus {
  outline: none;
  background: #ffffff;
  border:solid 2px #e1f8f7;

}

form.mailform input[type="submit"] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  padding: 10px 20px;
  background: #51A0CF;
  color: #ffffff;
  border: none;
  width: 80%;

}

form.mailform input[type="submit"]:focus,
form.mailform input[type="submit"]:hover {
  background: #074264;
  cursor: pointer;
}
@media screen and (max-width: 580px) {
  form.mailform input[type="submit"] {
    width: 100%;  
  }
}

/* 送信完了ページ */
section#thanks {
  height: calc(100vh - 275px);
  position: relative;
}

section#thanks .row{
  position: absolute;
  top: 0;
  bottom: 0;
left: 0;
right: 0;
  margin: auto;
  align-items: center;
}
section#thanks a{
  display: block;
  width: 250px;
  margin: 1rem auto;
  background-color: rgb(255, 230, 87);
  border-radius: 10px;
  padding: 1rem;
  color: #000;
  text-align: center;
}

  /* スライダー設定   */
section.splide {
  margin-bottom: 0 !important;
}

.splide__slide{
  height: 80vh;
  width: auto;
}
.splide__slide img{
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}

.PRODUCTS .splide__slide  img{
  width:  100%;
  height:  100%;
  object-fit:  contain;
}

.PRODUCTS .splide__slide {
  height: fit-content;
}



/* ここから会社概要 */
#companylink{
  padding-top: 60px;
}
.company h2 {
  border-bottom: 1.5px solid #000;
}
.company dl {
  width: 70%;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-bottom: 5rem;
}
.company dt {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #ccc;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2rem;
  padding: 1.2em 1em 1em 1em;
  vertical-align: middle;
  align-items: center;
  box-sizing: border-box;
}
.company dd {
  width: 100%;
  margin: 0;
  padding: 1em 1em 1em 0;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  line-height: 2.7rem;
  line-height: 1.8;
  box-sizing: border-box;
  text-align: center;

}
@media screen and (max-width: 767px) {
  .company dl {
    width: 90%;
  }
  .company dt, .company dd {
    width: 100%;
  }
}
.privacy {
  margin-bottom: 4rem !important;
}
.privacy p, .privacy ol {
  line-height: 1.5em;
}
.privacy h2 {
  border-bottom: 1.5px solid #000;
}
.privacy ol{
  counter-reset: listnum; /* カウンターをリセット */
}
.privacy ol li::before{
    counter-increment: listnum;
    content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */
    padding-right: 0.25em;
  }


.privacy ol li{
  text-indent: -1em;
  padding-left: 1.5em;
}
@media screen and (max-width: 767px) {
.privacy{
  width: 96%;
  margin:  2rem auto;
}
.privacy h3 {
  margin-top: 2em;
}

}


div.thanks {
height: 80vh;
text-align: center;

}
div.thanks h3.contactH2{
  width: 90%;
  padding-top: 3em;
  border-bottom: 1px solid #000;
  font-size: 30px;
  margin: 0 auto;
}


div.thanks div.btn{
  width: 30%;
background-color: #51A0CF;
border-radius: 20px;
padding: 0.1rem 0;
margin: 4em auto auto auto;
box-sizing: border-box;
}
 div.thanks div.btn p a{
  color: #fff;

}


/* ここからhomeinfor */
.homeinformation h2 {
  border-bottom: 1.5px solid #000;
}
.homeinformation dl {
  width: 70%;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-bottom: 5rem;
}

.homeinformation dt {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #ccc;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2rem;
  padding: 1.7em 1em 1em 1em;
  vertical-align: middle;
  align-items: center;
  box-sizing: border-box;
}
.homeinformation dt span{
font-size: 0.85em;
}

.homeinformation dd {
  width: 100%;
  margin: 0;
  padding: 1em 1em 1em 1em;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  line-height: 2.7rem;
  line-height: 1.8;
  box-sizing: border-box;
  text-align: left;

}
.homeinformation dl dd div.taisyousyouhin{
  border: 2px solid #ccc;
  margin: 1.5em 0 1.5em 0;
padding: 1em;
}
.homeinformation dl dd div.taisyousyouhin p {
text-indent: -1em; /* 1文字分左にずらす */
  padding-left: 1em; /* 1文字分右にずらす */
}



@media screen and (max-width: 767px) {
  .homeinformation dl {
    width: 90%;
  }
  .homeinformation dl dd p.taisyousyouhin span{
margin-left: 8em;
  }

  .homeinformation dt, .homeinformation dd {
    width: 100%;
  }
}







/* ここまで */


/* ここから店舗リスト */

.Stores {
  margin: 3em auto 5em auto;
  width: 100%;
}

table {
  width: 100%;
}
.Stores th,td {
    border: solid 1.2px #e2e2e2;              /* 枠線指定 */
    margin: 1em;
    padding: 1em 2em;
      text-align: left;
      line-height: 1.7em;
font-size: 0.9em;
}

.Stores tr td:nth-of-type(2n+1) {
width: 40%;
}

.Stores tr td:nth-of-type(2n) {
width: 60%;
}
th.tdfkmei {
  background-color: #e9e9e9;
}

.Stores table {
    border-collapse:  collapse;     /* セルの線を重ねる */
      margin-bottom: 0.8em;

}
@media screen and (max-width: 767px) {
.Stores th,td {
      margin: 0.5em;

    padding: 1em 1em;
}
}


h3.chimei {
padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #e9e9e9;/*左線*/
  font-size: 1.5em;
}
div.chimei-link{
  width: 100%;
}

div.chimei-link ul{
    width: 100%;

  display: flex;
  justify-content: space-around;
  background-color: #e9e9e9;

}
div.chimei-link ul li{
padding: 1em 2em;
}
 h2{
  text-align: center;
  margin: 2em auto;
 }

@media screen and (max-width: 767px) {
div.chimei-link ul{
    width: 75%;
  display: block;
  text-align: center;
  margin: 0 auto;
  background-color: #e9e9e9;

}
div.chimei-link ul li{
  border: solid 1px #ffffff;
  border-collapse: collapse;
}
 h2{
  margin: 1em auto;
 }

}

#chimei01,#chimei02,#chimei03,#chimei04,#chimei05,#chimei06,#chimei07 {
  padding-top: 70px;
  margin-top: -50px;

}





/* ここまで店舗リスト */