/* 共通 */
h3.ttl04{
  font-family: 'Shippori Mincho', serif;
  padding:3px 2px 2px 20px;
  border-bottom: 2px solid #A69180;
  font-size: 1.7rem;
  font-weight:bold;
  color:#A69180;
  margin-bottom: 30px;
  background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}
h4.ttl05{
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom:30px;
}
/* ====================
         shop 
=====================*/
.second_fv{
  border:1px solid #A69180;
  height:380px;
  max-width:1300px;
  width:90%;
  margin:0 auto 80px;
  background-size: cover;
  background-position: right;
}
.second_fv h2{
  font-size: 3rem;
  line-height: 3.7rem;
  color:#736357;
  position: relative;
  top: 50%;
  left:2%;
	transform: translateY(-50%);
  text-shadow: 0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFFF,0 0 5px #FFF;
}
.second_fv h2 span{
  font-size: 14px;
  display: block;
  color:#736357;
}
.shopleft--image{
  max-width: 260px;
  margin-top: 30px;
}
/* テーブル */
.tbl02 th {
  padding-bottom: 7px;
  text-align: left;
}
.tbl02 td {
　border: solid 1px #ccc;
  padding: 0 10px 10px;
}
/**/
.shop_intro{
  justify-content: space-between;
  margin-bottom:50px;
}
.shopleft{
  width:67%;
  margin-left:4%;
  margin-right:4%;
}
.shopright{
  width:30%;
  margin-right:4%;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    width: 100%;
  }
  .tbl02 th {
    padding-bottom: 0;
}
  .tbl02 th,
  .tbl02 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .tbl02 td {
    margin-bottom: 10px;
}
.shop_intro {
  flex-direction: column;
}
.shopleft {
width: 100%;
margin:0 0 30px;
}
.shopright {
width: 100%;
margin: 0 auto;
}
}

/* ====================
    ORDER REFORM 
=====================*/
.orderleft{
  width:40%;
  margin-left:4%;
  margin-right:4%;
}
.orderright{
  width:55%;
  margin-left:2%;
  padding-top:30px;
}
.orderright--photo{
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.orderright--photo li{
  max-width: 200px;
    margin: 2% 1%;
}
.processing__inner{
  background-color: #EAF2F3;
  padding:30px;
  margin-bottom:30px;
}
.processing_table{
  justify-content: space-between;
}
.processing_table th,.processing_table td{
  border:1px solid #AAAAAA;
  padding:5px;
  box-sizing: border-box;
  vertical-align: middle;
}
.p_table01{
  background-color: #FFF;
  width:79%;
}
.p_table01 th,.p_table02 th{
  background-color: #DFDFDF;
}
.p_table02{
  background-color: #FFF;
  width:20%;
}

.reform_ex{
  background-color: #EAF2F3;
  padding:30px 40px;
  margin-bottom:50px;
}
.reform_no{
  font-size: 1.3rem;
  margin-bottom:20px;
  display: inline-flex;
	align-items: center;
}
.reform_no span{
  display: inline-block;
  flex-shrink: 0;
    width: 90px;
    height: 90px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
ol.perl_ex{
  counter-reset:num;
  list-style-type: none!important;
  flex-wrap: wrap;
  justify-content: center;
}
ol.perl_ex li{
  width:36%;
  margin: 20px 2%;
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 1em 30px;
}
ol.perl_ex li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display: inline-block;
  background: #a48977;
  color: #FFF;
  font-weight: bold;
  font-size: 21px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  top: 10px;
}
ol.perl_ex li span{
  display: block;
  padding-bottom:5px;
}
/* 修理メニュー */
.price-list{
  margin: 30px;
}
.price-list .price-item{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  padding-bottom: 10px;
}
.price-list .price-item .price_name{
  margin: 0;
  width: 100%;
  padding: 0 20px 0 0;
}
.price-list .price-item .title{
  margin: 0;
  min-width: 120px;
}
.price-list.price-item a:hover .title{
  color: #00F;
}
.repairsection{
  position: relative;
  padding-bottom:50px;
}
.repairsection:after{
  position: absolute;
  content: "";
  background-image: url(../image/img_atelier16.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 130px;
  height: 130px;
  bottom: 0;
  right: 0;
  z-index: -1;
}
/* before-afterスライド */
.shadow-effect {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
border:1px solid #ECECEC;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect ul p {
  margin-bottom:4px;
  font-size: 20px;
}
.shadow-effect ul li{
  width:45%;
}
.shadow-effect ul{
  justify-content: space-between;
  margin-bottom: 20px;
}
.testimonial-name {
  font-size:20px;
  border-bottom: 1px solid #CCC;
  text-align: center;
  margin-bottom:10px;
}
#customers-testimonials .item {
  text-align: center;
  padding: 0;
  margin-bottom:40px;
  opacity: .2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}
/* .owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 90px;
  margin: 0 auto 17px;
} */
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #3190E7;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #3190E7;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}

.owl-prev,.owl-next {
	position: absolute;
    top: 35%;
    margin: 0;
    padding: 0 12px 5px;
    background:#a48977;
    color:#FFF;
    font-size: 1.1rem;
}
.owl-prev {
	left: 0;
}
.owl-next {
	right: 0;
}


@media screen and (max-width: 768px){
  .orderleft {
    width: 100%;
    margin-left: 0;
    padding-top: 30px;
  }
  .orderright {
    padding-top: 0;
    margin-left: 0;
  }
  .orderright {
    width: 100%;
    margin-left: 0;
    padding-top: 30px;
  }
}
@media screen and (max-width: 640px){
  .order{
    flex-direction: column;
  }
  .orderright {
    width: 100%;
    margin-left: 0;
    padding-top: 30px;
  }
  .orderright--photo{
    justify-content: center;
  }
  .repair{
    flex-direction: column;
  }
  .repairsection {
    flex-direction: column;
  }
  .processing{
    margin-bottom:50px;
  }
  .processing_table {
    justify-content: space-between;
    flex-direction: column;
  }
  .p_table01 {
    width: 100%;
    margin-bottom: 15px;
  }
  .p_table02 {
    width: 100%;
  }
  .owl-prev,.owl-next {
    position: absolute;
    top: 3%;
    padding: 0 8px 5px;
    font-size: 1rem;
  }
  .owl-prev {
    left: 10px;
  }
  .owl-next {
    right: 10px;
  }
  ol.perl_ex li{
    width:100%;
    margin: 20px auto;
    position: relative;
    line-height: 1.5em;
    padding: 0.5em 0.5em 1em 30px;
  }
  .repairsection:after {
    bottom: 80px;
  }
  .price-list{
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 414px){
  .orderleft {
    width: 80%;
    margin: 0 auto;
    padding-top: 0;
}
.processing__inner {
  padding: 15px;
  margin-bottom: 15px;
}
.reform_ex {
  padding: 30px 15px;
}
}
/* ====================
         CONTACT 
=====================*/
.text_contact{
  font-size:1.5rem;
  color:#006837 ;
}
input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  padding: 8px;
  transition: 0.8s;
  border: 1px solid #CCC;
}
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* 問い合わせテーブル */
table.formTable{
	width:90%;
	margin:10px auto 30px;
	border:1px solid #CCC;
}
table.formTable td,table.formTable th{
	padding:10px;
}
table.formTable th{
	width:140px;
	text-align:left;
  background-color: #EBF3F4;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
}
table.formTable td{
    border-bottom: 1px solid #CCC;
    vertical-align: top;
}
table.formTable th span{
  background-color: #A69180;
  color:#FFF;
  font-size: 12px;
  margin-left:10px;
  padding-left:5px;
  padding-right:5px;
}
input[name="w60"]{
  width:60%;
}
input[name="w90"]{
  width: 90%;
}
@media screen and (max-width: 640px){
  table.formTable th {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
table.formTable td {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
  input[name="w60"]{
    width: 100%;
    box-sizing: border-box;
  }
  input[name="w90"]{
    width: 100%;
    box-sizing: border-box;
  }
}