@charset "UTF-8";
/*------------------------------------------------------------Content*/
#sec01 #detail_area .customer_name{
 text-align: center;
 font-size: 20px;
 color: #524534;
 margin-bottom: 15px;
}
@media print, screen and (min-width:768px){
 #sec01 #detail_area .customer_name{
 font-size: 28px;
}
}
/*------------------------------------------------------------slider*/


#sec01 .px_box {
 margin-bottom: 20px;
}
#sec01 .px_box #slider img{
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}
.gallery-top {
	width: 100%;
	height: 400px !important;
	margin: 0 auto;
}
#sec01 .gallery-top .swiper-slide figure{
 text-align: center;
 height: 232px;
 background: #000;
}
#sec01 .gallery-top .swiper-slide figure img{
 vertical-align: middle;
}
#sec01 .gallery-top .comment{
 background: #fff2e8;
 padding: 20px;
}
.gallery-thumbs {
	width: 90%;/*サムネイル枠サイズ*/
	box-sizing: border-box;
	padding: 10px 0 0 !important;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.gallery-thumbs .swiper-slide {
	/* width: 20% !important;サムネイルサイズ*/
	width: 100%;
	opacity: 0.4 !important;
	cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1 !important;
}

@media print, screen and (min-width:768px) {
.gallery-top{
 width: 800px !important;
	height: 630px !important;
}
 #sec01 .px_box #slider{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }
 #sec01 .gallery-top .swiper-slide figure{
  height: 533px;
 }
.gallery-thumbs {
 
	width: 300px;/*サムネイル枠サイズ*/
}
 .gallery-thumbs .swiper-wrapper{
  flex-wrap: wrap !important;
 }
 .gallery-thumbs .swiper-wrapper .swiper-slide {
	text-align: center;
  width: calc(100% / 2 - 10px) !important;
  margin-bottom: 10px;
  height: 93px;
 }
 .gallery-thumbs .swiper-wrapper .swiper-slide:not(:nth-child(2n)){
  margin-right: 10px;
 }
}

/*table*/
#sec01 #cust_info table{
 width: 100%;
 border: 1px solid #524534;
}

#sec01 #cust_info table tr th, #sec01 #cust_info table tr td{
 display: block;
 padding: 10px;
}

#sec01 #cust_info table tr th{
 background: #ff8927;
}
#sec01 .btn01{
 margin-top: 30px;
}
#sec01 .btn01 a{
 margin: 0 auto;
}
@media print, screen and (min-width:768px){
 #sec01 #cust_info table{
 border: none;
}
 #sec01 #cust_info table tr th, #sec01 #cust_info table tr td{
 display: table-cell;
}
 #sec01 #cust_info table tr th{
  width: 28%;
  background: none;
  border-bottom: 3px solid #ff8927;
 }
 #sec01 #cust_info table tr td{
  width: 72%;
  border-bottom: 1px solid #524534;
 }
}