@media only screen and (max-width: 640px) {


#wrapper{
	width:100%;
	height:auto;
	min-width:100%;
	padding:0;
	margin:0 auto;
	text-align:left;
	background:#fffef6;
}

/*----------------------------------------
	Header
----------------------------------------*/

#sp_header {
	width:96%;
	height:auto;
	padding:2%;
	overflow:hidden;
}
#sp_header .logo {
	width:55%;
	height:auto;
	float:left;
}


#sp_header .open {
	display:block;
	width:10%;
	height:auto;
	float:right;
}
#sp-menu {
	display:none;
	width:100%;
	height:auto;
	position:absolute;
	top:70px;
	right:0;
	z-index:99999;
	border-top:#e9e9e9 1px solid;
}

#sp-menu dl {
		border:5px solid #dbcca5;
}

#sp-menu dt {
	font-size:14px;
	font-weight:bold;
	line-height:1;
	padding:15px;
	color:#FFF;
	background:#000;
}
#sp-menu dd {
	font-size:12px;
	line-height:1;
	background:#FFF;
	border-bottom:#dbcca5 1px solid;
}
#sp-menu dd a {
	display:block;
	padding:15px;
	font-weight:bold;
	color:#483216;
	text-decoration:none;
}

/* footer */
.sp_footer {
	width:96%;
	height:auto;
	background:#b59143;
	padding:5% 2%;
	overflow:hidden;
}

.footer-left {
	width:48%;
	height:auto;
	float:left;
}

.spfooter-map {
	width:48%;
	height:220px;
	float:right;
}



#copy {
	width:100%;
	height:auto;
	padding:15px 0 80px 0;
	background:#b59143;
	border-top:1px solid #b89b5a;
}
#copy p { font-size:12px; color:#fff; text-align:center;}

#footer_bn {
  position: fixed !important;
  left: 0;
  bottom: 0 !important;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	z-index:9999;
}

#footer_bn .tel { width:100%; height:auto; }
#footer_bn ul {
	width:100%;
	height:auto;
	overflow:hidden;
}
#footer_bn li {
	width:50%;
	float:left;
}
#footer_bn li img { width:100%;}



/* contact */
.sp_contact {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 5%;
}
.sp_contact li {
	width:50%;
	height:auto;
	float:left;
}

/* margin */
.mb01 {margin-bottom:1% !important;}
.mb02 {margin-bottom:2% !important;}
.mb03 {margin-bottom:3% !important;}
.mb05 {margin-bottom:5% !important;}
.mb07 {margin-bottom:7% !important;}

.mr02 { margin-right:2% !important;}



/* common */
img {
	max-width: 100%;
	height: auto;
}

.pc_area {display:none;}
.sp_area {display:block;}

.f_left {float:none;}
.f_right {float:none;}


.txt_img_l { float: left; margin: 0 16px 8px 0; }
.txt_img_r { float: right; margin: 0 0 8px 16px; }



.image_l,
.image_r {
	float:none;
	margin:0 0 1.5% 0;
}


#page-top img,
.image_l img,
.image_r img {
	width:100%;
	height:auto;
}

.contents_block {
	width:94%;
	height:auto;
	overflow:hidden;
	margin:0 auto 5%;
}
.text_area {
	width:94%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

#main {
	width:100%;
	margin:0 auto 8%;
	overflow:hidden;
}

#m-col {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	float:none;
}

#sub_bg {
	width:98%;
	height:auto;
	margin:0 auto;
	background:none;
	padding:0;
}

.sp-fleft { float:left;}
.sp-fright { float:right;}

/* none */

#contact_b,
.topicpath,
#s-col {
	display:none !important;
}


.index-banner li { margin-bottom:2%;}

.sp-index1{
	text-align:center;
}
.sp-index1 li {
	width:47%;
/*	float:left;*/
	margin:0 1% 3%;
	display: inline-block;
}

.sp-link-bn li {
	width:31%;
	float:left;
	margin:0 1% 2%;
}



/* 見出し
------------------------------------------------------------------------*/
#h2_outer {
	width:100%;
	height:auto;
	position:relative;
	padding:5% 0 0 0;
	margin-bottom:7%;
	background-size:cover;
}

#h2_outer h2 {
	width:100%;
	height:auto;
	margin:0 auto;
}

.h3-ttl {
	width:98%;
	height:auto;
	box-sizing:border-box;
	margin:0 auto 5%;
	padding:8px 0 10px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/h3_bg.jpg) no-repeat right;
}

.h3-ttl h3 {
	font-size:185%;
	color:#301701;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
}

.h4-ttl {
	width:96%;
	height:auto;
	box-sizing:border-box;
	margin:0 auto 5%;
	padding:0 0 5px 8px;
	background:url(/import/tenant_1/www.luce-dc.com/images/h4_bg.gif) repeat-x bottom #fdf7e6;
}

.h4-ttl h4 {
	font-size:154%;
	letter-spacing:0;
	color:#a38233;
	padding:10px 0 10px 5px;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
}

.h5-ttl {
	width:94%;
	padding:3px 0 10px 30px;
	margin:0 auto 15px;
	background:url(/import/tenant_1/www.luce-dc.com/images/h5_bg.jpg) no-repeat 3px 0;
	border-bottom:1px solid #eeecda;
	box-sizing:border-box;
}

.h5-ttl h5 {
	color:#7e0e10;
	font-weight:bold;
	font-size:16px;
}

h6 {
	font-weight:bold;
	font-size:15px;
	padding:0 0 0 10px;
	margin-bottom:15px;
	color:#234600;
}


.banner-list { width:70%; height:auto; margin:0 auto; overflow:hidden;}
.banner-list li { float:none; margin:0 auto 2%;}
.banner-list li img,
.banner-list p img { width:100%; height:auto;}



/*flow*/

.flow-bg {
	width:94%;
	height:auto;
	margin:0 auto;
	padding:0 0 35px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/flow-bg.jpg) repeat-x bottom;
}
.step_icon img{
    width: 45px !important; 
    max-width:none !important;
}
.step1 {
	width:94%;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 50px;
	background:url(/import/tenant_1/www.luce-dc.com/images/sp/step1.jpg) no-repeat left;
}

.step2 {
	width:94%;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 50px;
	background:url(/import/tenant_1/www.luce-dc.com/images/sp/step2.jpg) no-repeat left;
}

.step3 {
	width:94%;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 50px;
	background:url(/import/tenant_1/www.luce-dc.com/images/sp/step3.jpg) no-repeat left;
}

.step4 {
	width:94%;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 50px;
	background:url(/import/tenant_1/www.luce-dc.com/images/sp/step4.jpg) no-repeat left;
}
.step5 {
	width:94%;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 50px;
	background:url(/import/tenant_1/www.luce-dc.com/images/sp/step5.jpg) no-repeat left;
}

.step2 h5,
.step3 h5,
.step4 h5,
.step5 h5,
.step1 h5 {
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
	font-size:185%;
	color:#7e0e10;
}

.flow-arrow { width:30%; height:auto; margin:0 auto 20px;}



/*pickup*/

.pickup-ttl {
	width:94%;
	height:auto;
	margin:0 auto;
	padding:20px 0 10px 0;
	box-sizing:border-box;
	background:#fdfaeb;
	border-left:1px solid #b2903c;
	border-right:1px solid #b2903c;
	border-top:1px solid #b2903c;
}

.pickup-ttl p { 
 /*  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
 font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
  font-size:18px; text-align:center; color:#5b421e;}
.pickup-ttl span { color:#8c0000; margin-right:20px; font-style:italic;}

.pickup-bg {
	width:94%;
	height:auto;
	box-sizing:border-box;
	margin:0 auto 5%;
	padding:0 5% 5% 5%;
	border-left:1px solid #b2903c;
	border-right:1px solid #b2903c;
	border-bottom:1px solid #b2903c;
	background:#fdfaeb;
}



/*voice*/

.voice-ttl {
	width:94%;
	height:auto;
	padding:20px 0 10px 0;
	text-align:center;
	background:url(/import/tenant_1/www.luce-dc.com/images/voice-ttl.png) no-repeat center top;
}

.voice-ttl p {
	font-size:18px;
	font-weight:bold;
	color:#9d7d39;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
}
.voice-ttl span {
	font-size:14px;
	font-weight:normal;
}

.voice-bg {
	width:94%;
	height:auto;
	background:#fff;
	margin:0 auto 5%;
	padding:10px 20px 10px 20px;
	box-sizing:border-box;
	border-top:1px solid #f7f6ee;
	border-left:1px solid #f7f6ee;
	border-right:1px solid #f7f6ee;

}

.clinic-map {
	width:94%;
	height:450px;
	margin:0 auto 50px;
}


/* anc b
------------------------------------------------------------------------*/
.anc-block {
    margin-top:0px;
    padding-top:0px;
}


ul.anc-bn , ul.anc-bn_3b{
    width:94% !important;
	margin:0 auto;
	box-sizing:border-box;
	overflow:hidden;
}

ul.anc-bn li{
    width:48%;
	font-size:108% !important;
    padding:3% 3%;
/*   font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
    list-style:none;
	color: #5b421e;
	box-sizing:border-box;
	float:left;
	margin:0 1% 2%;
	vertical-align:middle !important;
	border-left:1px solid #ab8a3b;
	border-right:1px solid #ab8a3b;
	border-top:1px solid #ab8a3b;
	border-bottom:3px solid #ab8a3b;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f6f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f6f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f6f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f6f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f6f2',GradientType=0 ); /* IE6-9 */
}


ul.anc-bn li a:link,
ul.anc-bn li a:visited {
	color:#5b421e;
	text-decoration:none;
}
ul.anc-bn li a:hover { color:#ab8a3b;}

ul.anc-bn_3b li{
    width:31% !important; 
    height: 60px !important;
}

/* coomon
------------------------------------------------------------------------*/

.table1 {
	width:94%;
	height:auto;
	margin:0 auto;
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.b950 {
	width:94%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

#page-top {
	width:25%;
	height:auto;
	float:none;
	margin:0 auto 5%;
}


.blog-img {
	width:94%;
	height:auto;
	margin:0 auto 5%;
	text-align:center;
}


.staff-image li {
	width:31%;
	height:150px;
	float:left;
	margin:0 1% 2%;
	background:#d7d4be;
	text-align:center;
}



/*equipment*/
.equip-b {
	width:100%;
	height:auto;
	margin:0 auto 3%;
	overflow:hidden;
}

.equip-img {
	width:100%;
	height:auto;
	margin:0 auto 10px;
}

/* FAQ
------------------------------------------------------------------------*/

.question {
	padding:0 0 15px 30px;
	font-size:116%;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
	font-weight:500;
	background:url(/import/tenant_1/www.luce-dc.com/images/faq-q.jpg) no-repeat 0 0;

}
.answer {
	padding:5px 0 15px 30px;
	background:url(/import/tenant_1/www.luce-dc.com/images/faq-a.jpg) no-repeat 0 3px;
	line-height:1.8;
}
}

@media (max-width:640px) {
/* 上書き2023/01/19 */
  .area-timetable {
      padding: 20px 0 40px;
      box-sizing: border-box;
  }
  
  .area-timetable .box {
      width: 90%;
      padding: 40px 15px 20px;
      box-sizing: border-box;
  }
  
  .area-timetable .box h2 .homeconcept_midashi:before {
      left: -77px;
  }
  
  .area-timetable .table td.color-maru {
  color: #8c0000;
  font-weight: bold;
  font-size: 20px!important;
}
.area-timetable .txt {
    font-size: 14px;
    text-align: center;
    line-height: 2;
}

}