@charset "UTF-8";

* {
    margin: 0px;
    padding: 0px;
  
      }
      .gnav input{
        display:none ;
      }
      body{overflow-x: hidden;}
      @media (min-width: 961px)
{ 
/* 冒頭説明記述 */
.box{
  display: table;
      width: 70%; 
      margin: 10% auto 5%;  
      font-family:  'Shippori Mincho', serif;
    }
   
    .bo{
      display: table-cell;
      width: 50%;
      vertical-align: top;
     
      /* padding-right: 2%; */
    }
    .bo h1{
  font-family:  'Shippori Mincho', serif;
  font-weight: 300;
    font-size: 2vw;
    color:#caa353;
    padding-bottom: 7%;
  }
  
  .bo h3{
    font-family:  'Shippori Mincho', serif;
    font-weight: 300;
      font-size: 1.9vw;
      color:#caa353;
      padding-bottom: 7%;
    }
  
  .bo p{
    font-size: 1.3vw;
  }
  .bo span{
    color: #caa353;
    text-decoration: underline;
  }

/*  ルビ冒頭説明記述  */
.ox{
  display: table;
      width: 70%; 
      margin: 10% auto 5%;  
      font-family:  'Shippori Mincho', serif;
    }
   
    .o{
      display: table-cell;
      width: 50%;
      vertical-align: top;
     
      /* padding-right: 2%; */
    }
    .o h1{
  font-family:  'Shippori Mincho', serif;
  font-weight: 300;
    font-size: 2vw;
    color:#caa353;
    padding-bottom: 7%;
  }
  
  .o h3{
    font-family:  'Shippori Mincho', serif;
    font-weight: 300;
      font-size: 1.9vw;
      color:#caa353;
      padding-bottom: 7%;
    }
  
  .o p{
    font-size: 1.3vw;
  }
  .o span{
    color: #caa353;
    text-decoration: underline;
  }
  .x{
    display: table-cell;
    width: 50%;
   /*  padding-left: 2%; */
    text-align: right;
  }
  .x img
  {width: 80%;
    border: 0.5px solid #caa353;
}
.x .video2b
{width: 80%;
}
/* reme冒頭説明記述 */
.boxreme{
  display: table;
      width: 70%; 
      margin: 5% auto ;  
      font-family:  'Shippori Mincho', serif;
    }
   
    .boreme{
      display: table-cell;
      width: 50%;
      vertical-align: middle;
     
      /* padding-right: 2%; */
    }
    .boreme h1{
  font-family:  'Shippori Mincho', serif;
  font-weight: 300;
    font-size: 2vw;
    color:#caa353;
    padding-bottom: 7%;
  }
  
  .boreme h3{
    font-family:  'Shippori Mincho', serif;
    font-weight: 300;
      font-size: 1.9vw;
      color:#caa353;
      padding-bottom: 7%;
    }
  
  .boreme p{
    font-size: 1vw;
  }
  .boreme span{
    color: #caa353;
    text-decoration: underline;
  }
  .boremeimg{
    display: table-cell;
    width: 50%;
   /*  padding-left: 2%; */
    text-align: right;
  }
  .boremeimg img
  {width: 65%;
    padding: 5%;
  
}

  /* 使用効果記述 */
  .sec ul li {
    line-height: 1.769;
    text-indent: -1em;
    
    padding: 0 1em 0 1em;
   /*  margin:  0 10px; */
    box-sizing: border-box;
    display: inline-block;
    border: none;
}
  .sec ul {
    font-size: 1.3vw;
    text-align: center;
    list-style-type: none ;
    width: 100%;
    margin: 10px auto;
    display: inline-block;
    white-space: normal;
}
  .sec h4 {
    font-weight: 400;
    font-size: 1.5vw;
    border-bottom: 1px solid #caa353;
    padding-bottom: 2%;
    margin-bottom: 24px;
}

 .sec{
  font-family:  'Shippori Mincho', serif;
    width: 40%;
    margin: 0 auto;
    padding: 24px;
    background: #ffff;
    border: 1px solid #caa353;;
    text-align: center;
  }

 /* メニュー料金の記述*/
  .ryoukin td span{
    text-decoration: 2px line-through red;
  }
  
  .aro{ text-align: center;
    font-family: 'Dancing Script', cursive;
    font-size: 3.5vw;
  letter-spacing:0.2em;
  padding-top: 8%;
padding-bottom: 1%;}

  .ryoukin h3{ font-size: 1vw;
    padding: 2%;
    color: #000;
    font-weight: 300;
  }
  .hidari2 img
{display: none;
  
}
  .ryoukin td{width: 35%;
    text-align: center;
  }
  .ryoukin th{width: 65%;
    
  }
  .ryoukin th,
  .ryoukin td{padding: 2%;
    color: #000;
    border-bottom: 1px dashed #000;
    font-weight: 600;
   
  }
  .ryoukin tr{ margin-left: auto;
    margin-right: auto;
    font-size: 1.3vw;
    
  }
  .ryoukin table{ margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    text-align: left;
  }
 .ryo{text-align: center;
  font-size: 2vw;
  color: #caa353; 
  border-top: 3px double #caa353;
    border-bottom: 3px double #caa353;
    padding-top: 2%;
    padding-bottom: 2%;
    font-weight: 100;
  }
 .ryoukin h2{text-align: center;
  border-bottom: 1px solid #caa353;
  font-size: 1vw;
  font-weight: 400; 
  color: #caa353; 
  margin-bottom: 7%;
  }
  
  .ryoukin{margin: 10% auto;
    width: 50%;
    font-family: 'Shippori Mincho', serif;
  }
  .ryokin td span{
    text-decoration: 2px line-through red;
  }
  
  .ryokin h3{ font-size: 1vw;
    padding: 2%;
    color: #666;
  }
  .ryokin td{width: 35%;
    text-align: center;
  }
  .ryokin th{width: 65%;
  }
  .ryokin th,
  .ryokin td{padding: 2%;
    color: #666;
    border-bottom: 1px dashed #666;
    
  }
  .ryokin tr{ margin-left: auto;
    margin-right: auto;
    font-size: 1vw;
    
  }
  .ryokin table{ margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    text-align: left;
  }
 .ry{text-align: center;
  font-size: 2vw;
  color: #caa353; 
  border-top: 3px double #caa353;
    border-bottom: 3px double #caa353;
    padding-top: 2%;
    padding-bottom: 2%;
    font-weight: 100;
  }
 .ryokin h2{text-align: center;
  border-bottom: 1px solid #caa353;
  font-size: 1vw;
  font-weight: 400; 
  color: #caa353; 
  margin-bottom: 7%;
  }
  
  .ryokin{margin: 10% auto;
    width: 50%;
    font-family: 'Shippori Mincho', serif;
  }

  /*  reme価格の記述 */
 .kakaku{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65%;
  margin: 5% auto 0;
  font-family: 'Shippori Mincho', serif;
  letter-spacing: .08em;
 }
 .kakakup{
  margin: 3% auto 10%;
  width: 100%;
  font-size: 1.1em;
 }
 .kakaku h1{
  color:#caa353 ;
  font-weight: 500;
  font-size: 1.5em;
  text-align: left;
  width: 100%;
  margin-left: 10%;
 }
 .kakaku h2{
  color:#4C4234 ;
  font-weight: 300;
  font-size: 1.1em;
  padding: 0 0 2%;
  text-align: left;
  width: 100%;
  margin-left: 10%;
 }
 .kakaku h3{
  color:#4C4234 ;
  font-weight: 300;
  font-size: 1.3em;
  line-height: 200%;
  text-align: left;
  width: 100%;
  margin-left: 10%;
 }
 .kakaku img{
  width: 90%;
  margin: 5% 0;
 }
 .kakakumigi{
 flex-grow: 1;
 text-align: center;
 width: 50%;
 }
 .kakakuhidari{
  flex-grow: 2;
  text-align: center;
  width: 50%;
  }

  /* 2B成分記述 */
  .tennen h1{/* text-align: left; */
    border-bottom:1px solid;
    font-weight: 400;
    margin-top: 15%;
    margin-bottom: 5%;
    text-align: left;
    padding-bottom: 1%;
    font-size: 1.8vw;
  }
  .tennennaka dd{
    font-size: 1.1vw;
    padding-top:2%;
      }
  .tennennaka dt{
color:#caa353 ;
border-bottom:1px dotted#caa353 ;
    font-size: 1.3vw;
    padding-bottom: 2%;
  }
  .tennennaka dl {
    text-align: left;
    margin: 2% 2% 2% 0;
    display: inline-block;
    vertical-align: middle;
    width: 13%;
        padding-left: 1%;
      }
  .tennen{ width: 70%;
    font-family: 'Shippori Mincho', serif;
    margin: 0 auto;
    text-align: center;
    
  }
  .tennen img{ width: 8%;
    font-family: 'Shippori Mincho', serif;
    display: inline-block;
    vertical-align: middle;
    
  }


   /* Before & Afterの記述 */
/*  #back{ background-color:#f4ece9;; 

 } */
 .mes span{
  text-decoration: underline 5px solid #ffd889 ;

 }
  .mes{ width: 100%;
   margin: 12% auto 7% ;
   font-weight: 300;
   font-family: 'Shippori Mincho', serif;
   text-align: center;
   font-size: 2.2vw;
  
 }
.naka{ 
 width: 45%;
 margin: 0 auto;
 text-align: center;
 border: 1px solid #caa353; 
 font-family: 'Shippori Mincho', serif;
 /* box-sizing: border-box; */
}
.naka h2{ font-family: 'Shippori Mincho', serif;
       padding: 5%  10% 2%;
       font-weight: 400;
   font-size: 1.8vw;
}
.naka p img{ 
 width: 90%;
 padding: 3% 0 0;
 border-top: 1px solid #caa353 ;

}

.naka h4 { 
 padding: 4% 0;
 font-size: 1.5vw;
 font-weight: 400;
}
  /* 2B使用フロー記述 */
  .nagare{ 
    width: 70%; 
  display: table;
  margin: 10% auto;
  }

  .hidari{  display: table-cell;
    width: 60%;
    vertical-align:middle;
    
   /*  padding-left: 2%; */
    /* text-align: right; */
  }

  .hidari img
  {width: 90%;
    border: 0.5px solid #caa353;
    
    
}

  .migi{ display: table-cell;
vertical-align: top;
font-family: 'Shippori Mincho', serif;
width: 60%;
  }
  .migi h1{ color:#caa353 ;
    padding-bottom: 4%;
    font-size: 1.8vw;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
      }

      .migi h3{ color:#4C4234;
    font-size: 1vw;
    font-family: 'Shippori Mincho', serif;
      }
      .tablemigi td{ 
        padding-bottom:2%;
        font-size: 1.1vw;
          }
        
          .tablemigi th{ 
            font-weight: 500;
            color:#caa353;
        display: block;
        width: 100%;
        text-align: left;
        border-left:4px solid #4C4234 ;
        padding-left: 1%;
        margin-bottom: 1% ;
        font-size: 1.3vw;
          }
        
        
        .tablemigi th,
        .tablemigi td{ 
        display: block;
        width: 100%;
        text-align: left;
          }

 /* reme使用フロー記述 */
 .nagarereme{ 
  width: 75%; 
display: table;
margin: 10% auto;
}

.hidarireme{  display: table-cell;
  width: 45%;
  vertical-align:middle;
  
 /*  padding-left: 2%; */
  text-align: center; 
}

.hidarireme img
{width:70%;
  border: 0.5px solid #caa353;
  
}
.migireme{
  text-align: center;
 width: 100%;
 margin: 0 auto;
}
.migireme h2{
  text-align: center;
  font-size: 0.9vw;
  color: #000;
  font-weight: 300;

}

.migireme h1{ color:#000 ;
  padding-bottom: 4%;
  font-size: 1.8vw;
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
    }

    .migireme h3{ color:#4C4234;
  font-size: 1vw;
  font-family: 'Shippori Mincho', serif;
    }
    .tap2{ 
      font-size: 1.2vw;
        }
      
        .tap{ 
          font-family: 'Shippori Mincho', serif;
          font-weight: 500;
          color:#caa353;
      display: block;
      width: 100%;
      padding: 2% 0;
      font-size: 1.4vw;
        }
        
        .tapsita{ 
         margin-top: 3%;
        }
      
      
      
      .tablemigireme th,
      .tablemigireme td{ 
      display: block;
      width: 100%;
      text-align: left;
        }


  .kakoi{
    width: 85%;
margin: 2% auto 0;
  }
  .list{
    text-align: center;
    overflow: hidden; 
              
    }
  .list li {  
      display: inline;
      
     } 
    .list img { vertical-align:bottom;
      width: 18%;
      padding: 25px;
      
    }
    .li img:hover{opacity: 0.5;
    }

  .syou{ 
    font-size: 22px;
    text-align: center;
    color: #a08534;
    margin: 5% 0 2%;
    font-family: 'Shippori Mincho', serif;
  }
  .kai { 
    text-align: center;
  font-size: 14px;
    line-height: 32px;
    font-family: 'Shippori Mincho', serif;
}



 

#yoyaku{margin: 5% auto 0;
  width: 40%;
  border-bottom: 1px solid #AE8C78;
}
.yoyaku{font-family: 'Shippori Mincho B1', serif;
  font-size: 30px;
  margin: 5% auto;
}
#yoyaku2{margin: 0 auto 5%;
  width: 40%;
 text-align: center;
 font-family: 'Shippori Mincho B1', serif;
}
#yoyaku2 .yo{
  margin: 5% auto;
  width: 400px;
  height: 100px;
  line-height: 100px;
   font-size: 2em;
 background-color: #4C4234;
 }
.yo a{
  color: #fff;
  text-decoration: none;
}
.yo:hover {
  opacity: 0.5;
}

#yoyaku2 .ya{
  margin: 5% auto;
  width: 400px;
  height: 100px;
  line-height: 100px;
   font-size: 2em;
 background-color: #00b900;
 }
.ya a{
  color: #fff;
  text-decoration: none;
}
.ya:hover {
  opacity: 0.5;
}
#yoyaku2 .ku{
  margin: 0 auto;
  width: 400px;
  height: 100px;
  line-height: 100px;
   font-size: 40px;
 }
.ku a{
  color: #caa353;
  font-weight: bold;
  text-decoration: none;
}
a[href^="tel:"]{
  pointer-events: none;
}
#yoya{margin: 0 auto;
  width: 40%;
  border-bottom: 1px solid #AE8C78;
}
.yoya{font-family: 'Shippori Mincho B1', serif;
  font-size: 35px;
  margin: 5% auto;
}
/* .ku:hover {
  opacity: 0.5;
} */

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #bbb5af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}

/* body {
  font-family: 'Lato', sans-serif;
  /* background: #e2dedb;
  color: #b3aca7; 
}

header {
  position: relative;
  margin: 100px 0 25px 0;
  font-size: 2.3em;
  text-align: center;
  letter-spacing: 7px;
}*/

#form {
  position: relative;
  width: 500px;
  margin: 5% auto 0 auto;
}

 .otoi input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 470px;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: transparent;
  outline: none;
  color: #726659;
  
  border: solid 1px #b3aca7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  background: #b3aca7;
  color: #e2dedb;
}
/* 
textarea {
  width: 470px;
  max-width: 470px;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #b3aca7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
} */

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
   width: 502px; 
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #b3aca7;
  border-top: none;
}

#submit:hover {
  color: #e2dedb;
}
.pura2{margin: 0 auto;
  color: #666;
  font-family: 'Shippori Mincho B1', serif;
  width: 500px;
  font-size: 13px;
  padding-bottom: 2%;
  padding-top: 1%;
}
.pura2 a{
  color:  #caa353;
 
 }
.test {
  font-family: 'Shippori Mincho', serif;
  margin: 3% auto;
  text-align:center;
  width: 50%;

  height:  300px;

  overflow: scroll;
  overflow-x: hidden;
  /* border: #666 2px solid; */
}
.test  dl dd, .test  p {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 1.2em;
  text-align: justify;
  text-justify: auto;
  font-feature-settings: "palt";
}
.test dl dt {
  padding: 15px;
  margin-bottom: 20px;
  background: #eae9e7;
  border-left: solid 5px #676767;
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
}
/* Contact記述 */
.error_list {
  list-style: none;
  padding: 10px 30px;
  color: #ff2e5a;
  font-size: 86%;
  text-align: left;
  padding-left: 10%;
  /* border: 1px solid #ff2e5a; */
  border-radius: 5px;
}
.otoi {
  font-family:  'Shippori Mincho', serif;
  width: 40%;
  margin:0  auto;
  padding: 20px;
  text-align: center;
}



.otoi  input[type=text] {
  width: 80%;
  height: 4%;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 86%;
  border: none;
  border-radius: 3px;
  background: rgb(255, 245, 245);
  font-family:  'Shippori Mincho', serif;
  color: #757575;
} 

/* .otoi  input[name=btn_confirm], */
.otoi  input[name=btn_submit],
.otoi  input[name=btn_back] {
  font-family:  'Shippori Mincho', serif;
  margin-top: 10px;
  padding: 5px 20px;
  font-size: 100%;
   color: #fff;  
  cursor: pointer;
  border: none;
  border-radius: 3px; 
  /* box-shadow: 0 3px 0 #6d5f4d;  */
 background: #4C4234; 
 width: 100px;

}
:focus {
  outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  {
  color:#757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 0.8vw;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 0.8vw;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 0.8vw;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 0.8vw;
}

.otoi  input[name=btn_submit]:hover,
.otoi  input[name=btn_back]:hover {
 opacity: 0.5;

}

.otoi textarea[type=text]  {
  width: 80%;
  height: 250px;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 100%;
  border: none;
  border-radius: 3px;
  background: rgb(255, 245, 245);
  font-family:  'Shippori Mincho', serif;
  color: #757575;

}

.otoi  input[name=btn_confirm]
{
  width:40%;
  height:7% ;
  font-size: 1.3vw;
  margin-top: 10px;
  padding: 5px 20px;
   color: #757575; 
  cursor: pointer;
  border: none;
  font-family:  'Shippori Mincho', serif;
  background: rgb(255, 245, 245);
 
}

.otoi  input[name=btn_confirm]:hover
{ 
  color: white;
  background: #4C4234;
  font-family:  'Shippori Mincho', serif;
  
}

.otoi  input[name=btn_back] {
  margin-right: 20px;
  color: #757575;
  background: rgb(255, 245, 245); 
  font-family:  'Shippori Mincho', serif;
 
}

.otoi  .element_wrap {
  margin-bottom: 20px;
 /* padding: 10px 0;
   border-bottom: 1px solid #ccc; 
  text-align: left;*/
}

.otoi  label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  width: 50%;
  
}

.otoi .element_wrap p {
  width:80%;
  font-size: 1vw;
  height:4% ;
  vertical-align: middle;
  color: #757575;
  background: rgb(255, 245, 245); 
  display: inline-block;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding-top: 1%;
  padding-left: 2%;
  font-family: 'Shippori Mincho', serif;
}
.otoi .element_wrap .ato {
  width:80%;
  font-size: 1vw;
  height: 300px;
  vertical-align: middle;
  color: #757575;
  background: rgb(255, 245, 245); 
  display: inline-block;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding-top: 1%;
  padding-left: 2%;
  font-family: 'Shippori Mincho', serif;
}
.kan{
  font-size: 2vw;
  margin: 5% 0;
}
}
@media only screen and (min-width:501px) and (max-width:960px) {
    /* 冒頭説明記述 */
  .box{
    font-family:  'Shippori Mincho', serif;
/* display: table; */
    width: 90%; 
    margin: 5% auto 0;   
  }
 

  .bo h1{
    font-family:  'Shippori Mincho', serif;
    font-weight: 500;
  font-size: 4.8vw;
  color:#caa353;
  margin: 7% auto;
}
.bo h3{
  font-family:  'Shippori Mincho', serif;
  font-weight: 500;
font-size: 4.8vw;
color:#caa353;
margin: 7% auto;
}


.bo p{
  font-size: 3.8vw;
}
.bo span{
  color: #caa353;
  text-decoration: underline;
}
 
/* 陶器冒頭説明記述 */
.ox{
  font-family:  'Shippori Mincho', serif;
/* display: table; */
  width: 90%; 
  margin: 5% auto 0;   
}


.o h1{
  font-family:  'Shippori Mincho', serif;
  font-weight: 500;
font-size: 4.8vw;
color:#caa353;
padding-top: 4%;
}
.o h3{
font-family:  'Shippori Mincho', serif;
font-weight: 500;
font-size: 4.8vw;
color:#caa353;
margin: 3% auto;
}


.o p{
font-size: 3.8vw;
}
.o span{
color: #caa353;
text-decoration: underline;
}
  .x{
    text-align: center;
    margin: 12% auto;
   /*  padding-left: 2%; */
    /* text-align: right; */
  }
  .x img
  {width: 100%; 
    text-align: center;
    border: 1px solid #666;
}
.x .video2b
{width: 90%;
}
 
   /* reme冒頭説明記述 */
.boxreme{
  font-family:  'Shippori Mincho', serif;
  /* display: table; */
    width: 90%; 
    margin: 5% auto 0;  
    }
   
    .boreme h1{
      font-family:  'Shippori Mincho', serif;
      font-weight: 500;
    font-size: 4.8vw;
    color:#caa353;
    margin: 7% auto;
  }
  
  .boreme h3{
    font-family:  'Shippori Mincho', serif;
  font-weight: 500;
font-size: 5vw;
color:#caa353;
margin: 7% auto;
    }
  
  .boreme p{
    font-size: 3.8vw;
  }
  .boreme span{
    color: #caa353;
  text-decoration: underline;
  }
  .boremeimg{
    text-align: center;
    margin: 12% auto;
  }
  .boremeimg img
  {width: 100%; 
    text-align: center;
}

  /* 使用効果記述 */
  .sec ul li {
    line-height: 1.769;
    text-indent: -1em;
    
    padding: 0.8em;
   /*  margin:  0 10px; */
    box-sizing: border-box;
    /* display: inline-block; */
    border: none;
}
.sec ul {
  font-size: 3.5vw;
  text-align: left;
  list-style-type: none ;
  width: 100%;
  margin: 10px auto;
  /* display: inline-block; */
  white-space: normal;
}
.sec h4 {
  font-weight: 400;
  font-size: 4.3vw;
  border-bottom: 1px solid #caa353;
  padding-bottom: 5%;
  margin-bottom: 24px;
}

 .sec{
  font-family:  'Shippori Mincho', serif;
    width: 70%;
    margin: 0 auto;
    padding: 24px;
    background: #ffff;
    border: 1px solid #caa353;;
    text-align: center;
  }
  /*  reme価格の記述 */
  .kakaku{
    margin: 0 auto;
    font-family: 'Shippori Mincho', serif;
    letter-spacing: .08em;
    text-align: center;
   }
   .kakakup{
    margin: 10% auto;
    width: 80%;
    font-size: 1.5vh;
    text-align: center;
   }
   .kakaku h1{
    color:#caa353 ;
    font-weight: 500;
    font-size: 2.5vh;
    text-align: left;
    width: 100%;
    margin-left: 10%;
   }
   .kakaku h2{
    color:#4C4234 ;
    font-weight: 300;
    font-size: 2vh;
    padding: 0 0 2%;
    text-align: left;
    width: 100%;
    margin-left: 10%;
   }
   .kakaku h3{
    color:#4C4234 ;
    font-weight: 300;
    font-size: 2.2vh;
    line-height: 200%;
    text-align: left;
    width: 100%;
    margin-left: 10%;
   }
   .kakaku img{
    width: 80%;
    margin: 5% 0;
   }

/* 料金記述 */
  .ryoukin td span{
    text-decoration: 2px line-through red;
  }
  .bo h2{
    font-family: 'Shippori Mincho', serif;
    text-align: left;
    font-size: 3.5vw;
    font-weight: 500;
    color:#caa353;
    padding-bottom: 7%;
  }


 .ryoukin h3{ font-size: 3vw;
    padding: 2%;
    color: #000;
    font-weight: 300;
  } 
  .aida{
  margin-top: 10%;
  display: inline-block;
  }
  .ryoukin td{width: 35%;
    text-align: center;
  }
  .ryoukin th{width: 65%;
    font-weight: 300;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .ryoukin th,
  .ryoukin td{padding: 2%　0;
    color: #000;
    border-bottom: 1px dashed #000;
    font-weight: 600;
    
  }
  .ryoukin tr{ margin-left: auto;
    margin-right: auto;
    font-size: 3vw;
    
  }
  .ryoukin table{ margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    text-align: left;
  }
 .ryo{text-align: center;
  font-size: 4.5vw;
  color: #caa353; 
  border-top: 3px double #caa353;
    border-bottom: 3px double #caa353;
    padding-top: 2%;
    padding-bottom: 2%;
    font-weight: 400;
  }
 .ryoukin h2{text-align: center;
  border-bottom: 1px solid #caa353;
  font-size: 3vw;
  color: #caa353; 
  margin-bottom: 4%;
  font-weight: 200;
  }

  .ryoukin{margin: 10% auto 15%;
    width: 90%;
    font-family: 'Shippori Mincho', serif;
  
  }
 /*  2B天然成分記述 */
  .tennen h1{/* text-align: left; */
    border-bottom:1px solid ;
    font-weight: 400;
    margin-top: 15%;
    margin-bottom: 5%;
    text-align: left;
    padding-bottom: 1%;
    font-size: 4.3vw;
  }
  .tennennaka dd{
    font-size: 2.8vw;
    padding-top:2%;
      }
  .tennennaka dt{
color:#caa353 ;
border-bottom:1px dotted#caa353 ;
    font-size: 4vw;
    padding-bottom: 2%;
  }
  .tennennaka dl {
    text-align: left;
    margin: 4% 2% 4% 0;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
        padding-left: 1%;
      }
  .tennen{ width: 90%;
    font-family: 'Shippori Mincho', serif;
    margin: 20% auto;
    text-align: center;
    
  }
  .tennen img{ width: 15%;
    margin: 2% 0;
    font-family: 'Shippori Mincho', serif;
    display: inline-block;
    vertical-align: middle;
    
  }

.tablemigi td{ 
padding-bottom:2%;
padding-top: 1%;
font-size: 3vw;
  }

  .tablemigi th{ 
    font-weight: 500;
    color:#caa353;
display: block;
width: 100%;
text-align: left;
border-left:4px solid #4C4234 ;
padding-left: 1%;
margin-bottom: 2% ;
font-size: 4vw;
  }


.tablemigi th,
.tablemigi td{ 
display: block;
width: 100%;
text-align: left;
  }
   /* Before & Afterの記述 */
/*  #back{ background-color:#f4ece9;; 

 } */
 #back{
  margin: 20% 0;
width: 100%;
 }
   .mes span{
   text-decoration: underline 5px solid #ffd889 ;

  }
   .mes{ width: 90%;
    margin: 12% auto 7% ;
    font-weight: 300;
    font-family: 'Shippori Mincho', serif;
    text-align: center;
    font-size: 4.1vw;
   
  }
.naka{ 
  width: 90%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #caa353; 
  font-family: 'Shippori Mincho', serif;
  /* box-sizing: border-box; */
}
.naka h2{ font-family: 'Shippori Mincho', serif;
        padding: 5%  10% 2%;
        font-weight: 400;
    font-size: 3.6vw;
}
.naka p img{ 
  width: 90%;
  padding: 3% 0 0;
  border-top: 1px solid #caa353 ;
}
.naka h4 { 
  font-weight: 400;
  padding: 4% 0;
  font-size: 3.5vw;
}

  /* 2B使用フロー記述 */
  .nagare{ 
    width: 90%; 
 
  margin: 20% auto;
  }

  .hidari img
  {display: none;
    
}
.hidari2 img
{width: 100%;
  text-align: center;
  margin: 5% auto;
  border: 1px solid #666;
  
  
}
.migi { 
  width: 100%;
  font-family: 'Shippori Mincho', serif;
    }
  .migi{ 
width: 100%;
font-family: 'Shippori Mincho', serif;
  }
  .migi h1{ color:#caa353 ;
    font-weight: 500;
    font-size: 5vw;

      }

      .migi h3{ color:#4C4234;
    font-size: 2.5vw;
      }
  /* reme使用フロー記述 */
 .nagarereme{ 
 
  margin: 20% auto; 
  }
  
  .hidarireme{  display: table-cell;
    width: 45%;
    vertical-align:middle;
    
   /*  padding-left: 2%; */
    text-align: center; 
  }
  
  .hidarireme img
  {width:60%;
    border: 0.5px solid #caa353;
    
  }
  .migireme{
    text-align: center;
   width: 100%;
   margin: 0 auto;
  }
  .migireme h2{
    text-align: center;
    font-size: 2.5vw;
    color: #000;
    font-weight: 300;
    padding: 0%  !important;
  }
  
  .migireme h1{ color:#000 ;
    padding-bottom: 4%;
    font-size: 4.5vw;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
      }
  
      .migireme h3{ color:#4C4234;
    font-size: 1vw;
    font-family: 'Shippori Mincho', serif;
      }
      .tap2{ 
        font-size: 3.5vw;
          }
        
          .tap{ 
            font-family: 'Shippori Mincho', serif;
            font-weight: 500;
            color:#caa353;
        display: block;
        width: 100%;
        padding: 2% 0;
        font-size: 3.5vw;
          }
          
          .tapsita{ 
           margin-top: 3%;
          }
        
        
        
        .tablemigireme th,
        .tablemigireme td{ 
        display: block;
        width: 100%;
        text-align: left;
          }
  
  
  
  .kakoi{
    width: 85%;
    margin: 2% auto 0;
      }
  .list{
    text-align: center;
    overflow: hidden; 
              
    }
  .list li {  
      display: inline;
      
     } 
    .list img { vertical-align:bottom;
      width: 44%;
      padding: 7px;
      
    }
    .li img:hover{opacity: 0.5;
    }

    .syou{ 
      width: 90%;
      font-size: 3.5vw;
      text-align: center;
      color: #a08534;
      margin: 5% auto 2%;
      font-family: 'Shippori Mincho', serif;
    }
    .kai { 
      width: 90%;
      text-align: center;
      margin: 0 auto;
    font-size: 2.5vw;
     /*  line-height: 32px; */
      font-family: 'Shippori Mincho', serif;
  }
  

     .yoko{
      z-index: 100;
    text-align: center;
    overflow: hidden;
    position: fixed;            
    bottom: 0px;               
    left: 0px;                 
    width: 100%;   
    }
     .yoko li {  
      display: inline;
      
     } 
    li img { vertical-align:bottom;
      
    }
    li img:hover{opacity: 0.5;
    }
    .g{ width: 50%;
    }
    .h{ width: 50%;
    }  



.senter{ text-align: center;
  font-family: 'Dancing Script', cursive;
  font-size: 6vw;
letter-spacing:0.2em;
padding-top: 30%;
}
h2{ text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-size: 2.5vw;
  padding-top: 2%;
  padding-bottom: 2%;
}
.seter{ text-align: center;
  font-family: 'Dancing Script', cursive;
  font-size: 4.3vw;
letter-spacing:0.2em;
padding-top: 30%;
}




@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #bbb5af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}

/* body {
  font-family: 'Lato', sans-serif;
  /* background: #e2dedb;
  color: #b3aca7; 
}

header {
  position: relative;
  margin: 100px 0 25px 0;
  font-size: 2.3em;
  text-align: center;
  letter-spacing: 7px;
}*/

#form {
  position: relative;
  width: 300px;
  margin: 5% auto 0 auto;
}

input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 270px;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: transparent;
  outline: none;
  color: #726659;
  
  border: solid 1px #b3aca7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  background: #b3aca7;
  color: #e2dedb;
}

/* textarea {
  width: 270px;
  max-width: 270px;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #b3aca7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
} */

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
  width: 302px;
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #b3aca7;
  border-top: none;
}

#submit:hover {
  color: #e2dedb;
}
.pura{margin: 0 auto;
  color: #666;
  font-family: 'Shippori Mincho B1', serif;
  width: 300px;
  font-size: 10px;
  padding-bottom: 2%;
  padding-top: 1%;
}
.pura a{
 color:  #caa353;

}
/* プライバシーポリシー記述 */
.test {
  font-family: 'Shippori Mincho', serif;
  margin: 10% auto;
  text-align:center;
  width: 70%;

  height:  50vh;

  overflow: scroll;
  overflow-x: hidden;
  /* border: #666 2px solid; */
}
.test  dl dd, .test  p {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 1.3em;
  text-align: justify;
  text-justify: auto;
  font-feature-settings: "palt";
}
.test dl dt {
  padding: 15px;
  margin-bottom: 20px;
  background: #eae9e7;
  border-left: solid 5px #676767;
  font-size: 1.3em;
  text-align: left;
  font-weight: bold;
}
/* IPADコンタクト記述 */
.otoi {
  font-family:  'Shippori Mincho', serif;
  width: 90%;
  margin:0  auto;
  padding: 20px;
  text-align: center;
}


.otoi  input[type=text] {
  width: 80%;
  height: 40px;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 90%;
  border: none;
  border-radius: 3px;
  background: rgb(255, 245, 245);
  font-family:  'Shippori Mincho', serif;
  color: #757575;
} 

/* .otoi  input[name=btn_confirm], */
.otoi  input[name=btn_submit],
.otoi  input[name=btn_back] {
  font-family:  'Shippori Mincho', serif;
  margin-top: 10px;
  padding: 5px 20px;
  font-size: 100%;
   color: #fff;  
  cursor: pointer;
  border: none;
  border-radius: 3px; 
  /* box-shadow: 0 3px 0 #6d5f4d;  */
 background: #4C4234; 
width: 150px;
}
:focus {
  outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  {
  color:#757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}

.otoi  input[name=btn_submit]:hover,
.otoi  input[name=btn_back]:hover {
 opacity: 0.5;

}

.otoi textarea[type=text]  {
  width: 80%;
  height: 200px;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 105%;
  border: none;
  border-radius: 3px;
  background: rgb(255, 245, 245);
  font-family:  'Shippori Mincho', serif;
  color: #757575;

}

.otoi  input[name=btn_confirm]
{
  width:40%;
  height:7% ;
  font-size: 3vw;
  margin-top: 10px;
  padding: 5px 20px;
   color: #757575; 
  cursor: pointer;
  border: none;
  font-family:  'Shippori Mincho', serif;
  background: rgb(255, 245, 245);
}

.otoi  input[name=btn_confirm]:hover
{ 
  color: white;
  background: #4C4234; 
  font-family:  'Shippori Mincho', serif;
}

.otoi  input[name=btn_back] {
  margin-right: 20px;
  color: #757575;
  background: rgb(255, 245, 245); 
  font-family:  'Shippori Mincho', serif;
}

.otoi  .element_wrap {
  margin-bottom: 20px;
 /* padding: 10px 0;
   border-bottom: 1px solid #ccc; 
  text-align: left;*/
}

.otoi  label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  width: 50%;
  
}

.otoi .element_wrap p {
  font-family:  'Shippori Mincho', serif;
  width:80%;
  font-size: 2vw;
  height:4% ;
  vertical-align: middle;
  color: #757575;
  background: rgb(255, 245, 245); 
  display: inline-block;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding-top: 1%;
  padding-left: 2%;
}
.otoi .element_wrap .ato {
  font-family:  'Shippori Mincho', serif;
  width:80%;
  font-size: 2vw;
  height: 200px ;
  vertical-align: middle;
  color: #757575;
  background: rgb(255, 245, 245); 
  display: inline-block;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding-top: 1%;
  padding-left: 2%;
}

.kan{
  font-family:  'Shippori Mincho', serif;
  font-size: 4vw;
  margin-bottom:10% ;
}
.ryou{
  width: 80%;
  font-size: 1.7vw;
  margin-top: 10%;
  margin: 0 auto;
  color: #666;
  font-family: 'Shippori Mincho', serif;
  padding-bottom: 2%;
  text-align: left;
}


#yoyaku{margin: 0 auto;
  width: 90%;
  border-bottom: 1px solid #AE8C78;
}
.yoyaku{font-family: 'Shippori Mincho', serif;
  font-size: 2em;
  margin: 15% auto 5%;
}
#yoyaku2{margin: 10% auto 15%;
   width: 70%; 
 text-align: center;
 font-family: 'Shippori Mincho', serif;
}
#yoyaku2 .yo{
  margin: 5% auto;
  width: 80%;
  height:90px;
  line-height:90px;
   font-size: 1.8em;
 background-color: #4C4234;
 }
.yo a{
  color: #fff;
  text-decoration: none;
}
.yo:hover {
  opacity: 0.5;
}

#yoyaku2 .ya{
  margin: 5% auto;
  width: 80%;
  height:90px;
  line-height:90px;
  font-size: 1.8em;
 background-color: #00b900;
 }
.ya a{
  color: #fff;
  text-decoration: none;
}
.ya:hover {
  opacity: 0.5;
}
#yoyaku2 .ku{
  margin: 0 auto;
  width: 90%;
   font-size: 40px;
   margin-bottom: 5%;
 }
.ku a{
  color: #caa353;
  font-weight: bold;
  text-decoration: none;
}
 .ku:hover {
  opacity: 0.5;
} 

#yoya{margin: 0 auto 5%;
  width: 90%;
  border-bottom: 1px solid #AE8C78;
}
.yoya{font-family: 'Shippori Mincho', serif;
  font-size: 2em;
  margin: 5% auto;
}

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #bbb5af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}

/* body {
  font-family: 'Lato', sans-serif;
  /* background: #e2dedb;
  color: #b3aca7; 
}

header {
  position: relative;
  margin: 100px 0 25px 0;
  font-size: 2.3em;
  text-align: center;
  letter-spacing: 7px;
}*/

#form {
  position: relative;
  width: 300px;
  margin: 5% auto 0 auto;
}

.otoi input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 270px;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: transparent;
  outline: none;
  color: #726659;
  
  border: solid 1px #b3aca7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
} 

input:hover {
  background: #b3aca7;
  color: #e2dedb;
}

/* textarea {
  width: 270px;
  max-width: 270px;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #b3aca7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
} */

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
  width: 302px;
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #b3aca7;
  border-top: none;
}

#submit:hover {
  color: #e2dedb;
}
.pura2{margin: 0 auto;
  font-family: 'Shippori Mincho B1', serif;
  width: 80%;
  font-size: 1em;
  padding-bottom: 2%;
  padding-top: 1%;
}
.pura2 a{
 color:  #caa353;

}
}
@media (max-width: 500px)
{ /* 冒頭説明記述 */
  .bo h1{
    font-family:  'Shippori Mincho', serif;
    font-weight: 500;
  font-size: 4.8vw;
  color:#caa353;
  margin: 7% auto;
}
.bo h3{
  font-family:  'Shippori Mincho', serif;
  font-weight: 500;
font-size: 4.8vw;
color:#caa353;
margin: 7% auto;
}


.bo p{
  font-size: 3.8vw;
}
.bo span{
  color: #caa353;
  text-decoration: underline;
}
.box{
  font-family:  'Shippori Mincho', serif;
/* display: table; */
  width: 90%; 
  margin: 5% auto 0;   
}
  
/* 陶器冒頭説明記述 */
.ox{
  font-family:  'Shippori Mincho', serif;
/* display: table; */
  width: 90%; 
  margin: 5% auto 0;   
}


.o h1{
  font-family:  'Shippori Mincho', serif;
  font-weight: 500;
font-size: 5.5vw;
color:#caa353;
padding-top: 4%;
}
.o h3{
font-family:  'Shippori Mincho', serif;
font-weight: 500;
font-size: 4.8vw;
color:#caa353;
margin: 3% auto;
}


.o p{
font-size: 3.8vw;
}
.o span{
color: #caa353;
text-decoration: underline;
}
  .x{
    text-align: center;
    margin: 12% auto;
   /*  padding-left: 2%; */
    /* text-align: right; */
  }
  .x img
  {width: 100%; 
    text-align: center;
    border: 1px solid #666;
}

.x .video2b
{width: 90%;
}
 
 
  /* reme冒頭説明記述 */
.boxreme{
  font-family:  'Shippori Mincho', serif;
  /* display: table; */
    width: 90%; 
    margin: 5% auto 0;  
    }
   
    .boreme h1{
      font-family:  'Shippori Mincho', serif;
      font-weight: 500;
    font-size: 4.8vw;
    color:#caa353;
    margin: 7% auto;
  }
  
  .boreme h3{
    font-family:  'Shippori Mincho', serif;
  font-weight: 500;
font-size: 5.5vw;
color:#caa353;
margin: 7% auto;
    }
  
  .boreme p{
    font-size: 3.8vw;
  }
  .boreme span{
    color: #caa353;
  text-decoration: underline;
  }
  .boremeimg{
    text-align: center;
    margin: 12% auto;
  }
  .boremeimg img
  {width: 100%; 
    text-align: center;
}

   /* 使用効果記述 */
  .sec ul li {
    line-height: 1.769;
    text-indent: -1em;
    
    padding: 0.8em;
   /*  margin:  0 10px; */
    box-sizing: border-box;
    /* display: inline-block; */
    border: none;
}

.sec ul {
  font-size: 3.8vw;
  text-align: left;
  list-style-type: none ;
  width: 100%;
  margin: 10px auto;
  /* display: inline-block; */
  white-space: normal;
}
.sec h4 {
  font-weight: 400;
  font-size: 4.5vw;
  border-bottom: 1px solid #caa353;
  padding-bottom: 5%;
  margin-bottom: 24px;
}

 .sec{
  font-family:  'Shippori Mincho', serif;
    width: 70%;
    margin: 0 auto;
    padding: 24px;
    background: #ffff;
    border: 1px solid #caa353;;
    text-align: center;
  }
  /*  reme価格の記述 */
  .kakaku{
    margin: 0 auto;
    font-family: 'Shippori Mincho', serif;
    letter-spacing: .08em;
    text-align: center;
   }
   .kakakup{
    margin: 10% auto;
    width: 80%;
    font-size: 1.5vh;
    text-align: center;
   }
   .kakaku h1{
    color:#caa353 ;
    font-weight: 500;
    font-size: 2.5vh;
    text-align: left;
    width: 100%;
    margin-left: 10%;
   }
   .kakaku h2{
    color:#4C4234 ;
    font-weight: 300;
    font-size: 2vh;
    padding: 0 0 2%;
    text-align: left;
    width: 100%;
    margin-left: 10%;
   }
   .kakaku h3{
    color:#4C4234 ;
    font-weight: 300;
    font-size: 2.2vh;
    line-height: 200%;
    text-align: left;
    width: 100%;
    margin-left: 10%;
   }
   .kakaku img{
    width: 80%;
    margin: 5% 0;
   }

/* 料金記述 */
  .ryoukin td span{
    text-decoration: 2px line-through red;
  }
  .bo h2{
    font-family: 'Shippori Mincho', serif;
    text-align: left;
    font-size: 3.5vw;
    font-weight: 500;
    color:#caa353;
    padding-bottom: 7%;
  }


 .ryoukin h3{ font-size: 3vw;
    padding: 2%;
    color: #000;
    font-weight: 300;
  } 
  .aida{
  margin-top: 10%;
  display: inline-block;
  }
  .ryoukin td{width: 35%;
    text-align: center;
  }
  .ryoukin th{width: 65%;
    font-weight: 300;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .ryoukin th,
  .ryoukin td{padding: 2%　0;
    color: #000;
    border-bottom: 1px dashed #000;
    font-weight: 600;
    
  }
  .ryoukin tr{ margin-left: auto;
    margin-right: auto;
    font-size: 3vw;
    
  }
  .ryoukin table{ margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    text-align: left;
  }
 .ryo{text-align: center;
  font-size: 4.5vw;
  color: #caa353; 
  border-top: 3px double #caa353;
    border-bottom: 3px double #caa353;
    padding-top: 2%;
    padding-bottom: 2%;
    font-weight: 400;
  }
 .ryoukin h2{text-align: center;
  border-bottom: 1px solid #caa353;
  font-size: 3vw;
  color: #caa353; 
  margin-bottom: 4%;
  font-weight: 200;
  }

  .ryoukin{margin: 10% auto 15%;
    width: 90%;
    font-family: 'Shippori Mincho', serif;
  
  }
  /* 2B天然成分記述 */
  .tennen h1{/* text-align: left; */
    border-bottom:1px solid ;
    font-weight: 400;
    margin-top: 15%;
    margin-bottom: 5%;
    text-align: left;
    padding-bottom: 1%;
    font-size: 4.3vw;
  }
  .tennennaka dd{
    font-size: 2.8vw;
    padding-top:2%;
      }
  .tennennaka dt{
color:#caa353 ;
border-bottom:1px dotted#caa353 ;
    font-size: 4vw;
    padding-bottom: 2%;
  }
  .tennennaka dl {
    text-align: left;
    margin: 4% 2% 4% 0;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
        padding-left: 1%;
      }
  .tennen{ width: 90%;
    font-family: 'Shippori Mincho', serif;
    margin: 20% auto;
    text-align: center;
    
  }
  .tennen img{ width: 15%;
    margin: 2% 0;
    font-family: 'Shippori Mincho', serif;
    display: inline-block;
    vertical-align: middle;
    
  }

.tablemigi td{ 
padding-bottom:2%;
padding-top: 1%;
font-size: 3vw;
  }

  .tablemigi th{ 
    font-weight: 500;
    color:#caa353;
display: block;
width: 100%;
text-align: left;
border-left:4px solid #4C4234 ;
padding-left: 1%;
margin-bottom: 2% ;
font-size: 4vw;
  }


.tablemigi th,
.tablemigi td{ 
display: block;
width: 100%;
text-align: left;
  }
  /* Before & Afterの記述 */
/*  #back{ background-color:#f4ece9;; 

 } */
 #back{
  margin: 20% 0;
width: 100%;
 }
   .mes span{
   text-decoration: underline 5px solid #ffd889 ;

  }
   .mes{ width: 90%;
    margin: 12% auto 7% ;
    font-weight: 300;
    font-family: 'Shippori Mincho', serif;
    text-align: center;
    font-size: 4vw;
   
  }
.naka{ 
  width: 90%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #caa353; 
  font-family: 'Shippori Mincho', serif;
  /* box-sizing: border-box; */
}
.naka h2{ font-family: 'Shippori Mincho', serif;
        padding: 5%  10% 2%;
        font-weight: 400;
    font-size: 3.8vw;
}
.naka p img{ 
  width: 90%;
  padding: 3% 0 0;
  border-top: 1px solid #caa353 ;
}
.naka h4 { 
  font-weight: 400;
  padding: 4% 0;
  font-size: 3.5vw;
}

  /* 2B使用効果フロー記述 */
  .nagare{ 
    width: 90%; 
 
  margin: 20% auto;
  }

  .hidari img
  {display: none;
    
}
.hidari2 img
{width: 100%;
  text-align: center;
  margin: 5% auto;
  border: 1px solid #666;
  
  
}
.migi { 
  width: 100%;
  font-family: 'Shippori Mincho', serif;
    }
  .migi{ 
width: 100%;
font-family: 'Shippori Mincho', serif;
  }
  .migi h1{ color:#caa353 ;
    font-weight: 500;
    font-size: 5vw;

      }

      .migi h3{ color:#4C4234;
    font-size: 2.5vw;
      }
 /* reme使用フロー記述 */
 .nagarereme{ 
 
margin: 20% auto; 
}

.hidarireme{  display: table-cell;
  width: 45%;
  vertical-align:middle;
  
 /*  padding-left: 2%; */
  text-align: center; 
}

.hidarireme img
{width:60%;
  border: 0.5px solid #caa353;
  
}
.migireme{
  text-align: center;
 width: 100%;
 margin: 0 auto;
}


.migireme h1{ color:#000 ;
  padding-bottom: 4%;
  font-size: 5vw;
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
    }

    .migireme h3{ color:#4C4234;
  font-size: 1vw;
  font-family: 'Shippori Mincho', serif;
    }
    .tap2{ 
      font-size: 4vw;
        }
      
        .tap{ 
          font-family: 'Shippori Mincho', serif;
          font-weight: 500;
          color:#caa353;
      display: block;
      width: 100%;
      padding: 2% 0;
      font-size: 4vw;
        }
        
        .tapsita{ 
         margin-top: 3%;
         font-size: 3vw;
          text-align: center;
          color: #000;
          font-weight: 300;
          padding: 0%  !important;
          font-family: 'Shippori Mincho', serif;
        }
      
      
      
      .tablemigireme th,
      .tablemigireme td{ 
      display: block;
      width: 100%;
      text-align: left;
        }



  .kakoi{
    width: 85%;
    margin: 2% auto 0;
      }
  .list{
    text-align: center;
    overflow: hidden; 
              
    }
  .list li {  
      display: inline;
      
     } 
    .list img { vertical-align:bottom;
      width: 44%;
      padding: 7px;
      
    }
    .li img:hover{opacity: 0.5;
    }

    .syou{ 
      width: 90%;
      font-size: 3.5vw;
      text-align: center;
      color: #a08534;
      margin: 5% auto 2%;
      font-family: 'Shippori Mincho', serif;
    }
    .kai { 
      width: 90%;
      text-align: center;
      margin: 0 auto;
    font-size: 2.5vw;
     /*  line-height: 32px; */
      font-family: 'Shippori Mincho', serif;
  }
  

     .yoko{
      z-index: 100;
    text-align: center;
    overflow: hidden;
    position: fixed;            
    bottom: 0px;               
    left: 0px;                 
    width: 100%;   
    }
     .yoko li {  
      display: inline;
      
     } 
    li img { vertical-align:bottom;
      
    }
    li img:hover{opacity: 0.5;
    }
    .g{ width: 50%;
    }
    .h{ width: 50%;
    }  



/* .senter{ text-align: center;
  font-family: 'Dancing Script', cursive;
  font-size: 6vw;
letter-spacing:0.2em;
padding-top: 30%;
}
h2{ text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-size: 2.5vw;
  padding-top: 2%;
  padding-bottom: 2%;
}
.seter{ text-align: center;
  font-family: 'Dancing Script', cursive;
  font-size: 4.3vw;
letter-spacing:0.2em;
padding-top: 30%;
} */

.error_list {
  list-style: none;
  padding: 0 30px 10px 30px;
  color: #ff2e5a;
  font-size: 2vw;
  text-align: left;
  padding-left: 10%;
  /* border: 1px solid #ff2e5a; */
  border-radius: 5px;
}
.otoi {
  font-family:  'Shippori Mincho', serif;
  width: 90%;
  margin:0  auto;
  padding: 20px;
  text-align: center;
}


.otoi  input[type=text] {
  width: 80%;
  height: 4%;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 90%;
  border: none;
  border-radius: 3px;
  background: rgb(255, 245, 245);
  font-family:  'Shippori Mincho', serif;
  color: #757575;
} 

/* .otoi  input[name=btn_confirm], */
.otoi  input[name=btn_submit],
.otoi  input[name=btn_back] {
  font-family:  'Shippori Mincho', serif;
  margin-top: 10px;
  font-size: 100%;
   color: #fff;  
  cursor: pointer;
  border: none;
  border-radius: 3px; 
  /* box-shadow: 0 3px 0 #6d5f4d;  */
 background: #4C4234; 
width: 80px;
height: 30px;

}
:focus {
  outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  {
  color:#757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #757575;
  font-family:  'Shippori Mincho', serif;
  font-size: 2vw;
}

.otoi  input[name=btn_submit]:hover,
.otoi  input[name=btn_back]:hover {
 opacity: 0.5;

}

.otoi textarea[type=text]  {
  width: 80%;
  height: 150px;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 105%;
  border: none;
  border-radius: 3px;
  background: rgb(255, 245, 245);
  font-family:  'Shippori Mincho', serif;
  color: #757575;

}

.otoi  input[name=btn_confirm]
{
  width:40%;
  height:7% ;
  font-size: 3vw;
  margin-top: 10px;
  padding: 5px 20px;
   color: #757575; 
  cursor: pointer;
  border: none;
  font-family:  'Shippori Mincho', serif;
  background: rgb(255, 245, 245);
}

.otoi  input[name=btn_confirm]:hover
{ 
  color: white;
  background: #4C4234; 
  font-family:  'Shippori Mincho', serif;
}

.otoi  input[name=btn_back] {
  margin-right: 20px;
  color: #757575;
  background: rgb(255, 245, 245); 
  font-family:  'Shippori Mincho', serif;
}

.otoi  .element_wrap {
  margin-bottom: 20px;
  font-size: 4vw;
 /* padding: 10px 0;
   border-bottom: 1px solid #ccc; 
  text-align: left;*/
}

.otoi  label {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  width: 50%;
  
}

.otoi .element_wrap p {
  font-family:  'Shippori Mincho', serif;
  width:80%;
  font-size: 4vw;
  height:4% ;
  vertical-align: middle;
  color: #757575;
  background: rgb(255, 245, 245); 
  display: inline-block;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding-top: 1%;
  padding-left: 2%;
}
.otoi .element_wrap .ato {
  font-family:  'Shippori Mincho', serif;
  width:80%;
  font-size: 4vw;
  height: 200px ;
  vertical-align: middle;
  color: #757575;
  background: rgb(255, 245, 245); 
  display: inline-block;
  text-align: left;
  border: none;
  border-radius: 3px;
  padding-top: 1%;
  padding-left: 2%;
}

.kan{
  font-family:  'Shippori Mincho', serif;
  font-size: 5vw;
  margin:5% 0;
}
.ryou{
  width: 90%;
  font-size: 3vw;
  margin-top: 10%;
  margin: 0 auto;
  font-family: 'Shippori Mincho', serif;
  padding-bottom: 2%;
  text-align: left;
}


#yoyaku{margin: 0 auto;
  width: 90%;
  border-bottom: 1px solid #AE8C78;
}
.yoyaku{font-family: 'Shippori Mincho', serif;
  font-size: 1.5em;
  margin: 15% auto 5%;
}
#yoyaku2{margin: 0 auto 15%;
  /* width: 40%; */
 text-align: center;
 font-family: 'Shippori Mincho', serif;
}
#yoyaku2 .yo{
  margin: 5% auto;
  width: 80%;
  height:90px;
  line-height:90px;
   font-size: 22px;
 background-color: #4C4234;
 }
.yo a{
  color: #fff;
  text-decoration: none;
}
.yo:hover {
  opacity: 0.5;
}

#yoyaku2 .ya{
  margin: 5% auto;
  width: 80%;
  height:90px;
  line-height:90px;
   font-size: 22px;
 background-color: #00b900;
 }
.ya a{
  color: #fff;
  text-decoration: none;
}
.ya:hover {
  opacity: 0.5;
}
#yoyaku2 .ku{
  margin: 0 auto;
  width: 90%;
   font-size: 40px;
   margin-bottom: 5%;
 }
.ku a{
  color: #caa353;
  font-weight: bold;
  text-decoration: none;
}
 .ku:hover {
  opacity: 0.5;
} 

#yoya{margin: 0 auto;
  width: 90%;
  border-bottom: 1px solid #AE8C78;
}
.yoya{font-family: 'Shippori Mincho', serif;
  font-size: 1.5em;
  margin: 5% auto;
}

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #bbb5af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}

/* body {
  font-family: 'Lato', sans-serif;
  /* background: #e2dedb;
  color: #b3aca7; 
}

header {
  position: relative;
  margin: 100px 0 25px 0;
  font-size: 2.3em;
  text-align: center;
  letter-spacing: 7px;
}*/

#form {
  position: relative;
  width: 300px;
  margin: 5% auto 0 auto;
}

.otoi input {
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  width: 270px;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: transparent;
  outline: none;
  color: #726659;
  
  border: solid 1px #b3aca7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
} 

input:hover {
  background: #b3aca7;
  color: #e2dedb;
}

/* textarea {
  width: 270px;
  max-width: 270px;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #b3aca7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
} */

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
  width: 302px;
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #b3aca7;
  border-top: none;
}

#submit:hover {
  color: #e2dedb;
}
.pura2{margin: 0 auto;
  font-family: 'Shippori Mincho B1', serif;
  width: 300px;
  font-size: 0.7em;
  padding-bottom: 2%;
  padding-top: 1%;
}
.pura2 a{
 color:  #caa353;

}
/* プライバシーポリシー記述 */
.test {
  font-family: 'Shippori Mincho', serif;
  margin: 10% auto;
  text-align:center;
  width: 85%;

  height:  600px;

  overflow: scroll;
  overflow-x: hidden;
  /* border: #666 2px solid; */
}
.test  dl dd, .test  p {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 3.5vw;
  text-align: justify;
  text-justify: auto;
  font-feature-settings: "palt";
}
.test dl dt {
  padding: 15px;
  margin-bottom: 20px;
  background: #eae9e7;
  border-left: solid 5px #676767;
  font-size: 3.5vw;
  text-align: left;
  font-weight: bold;
}

  }