/*----------
店舗各ページ
---------*/

.grayback{ /*base_page　を背景色付きにする*/
	background-color:#EFF1F2;
}
.shoppage{
	width:100%;
	max-width:1024px;
	margin:0 auto 20px;
	box-sizing:border-box;
}
 /*shoppage　padding調整用*/
.pad_lv1{
	padding:0 14px;
}
.pad_lv2{
	padding:0 42px;
}


/*カルーセル*/
.carousel-section{
	width:100%;
	background-color:#554036;
	position:relative;
}
.carousel{
	width:100%;
	max-width:660px;
}
.carousel img{
	width:100%;
}
.carousel-section .tx{
	position:absolute;
	bottom:20px;
	left:20px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-shadow:0 3px 3px #310;
}


.shoppage h1 {
    padding:30px;
	font-size:30px;
	text-align:center;
    margin:0;
    border:none;
}
.shoppage h1 span {
    display:block;
	font-size:16px;
    padding-bottom:10px;
}
.shoppage h2 {
	font-size:24px;
	padding:70px 0;
	text-align:center;
	font-weight:normal;
}
/*店舗情報　段組み*/
.two_side{
	display:flex;
	flex-wrap:wrap;
}
.two_side img{
	display:block;
	width:100%;
	margin-bottom:60px;
}
.two_side dl{
	width:100%;
	margin-bottom:30px;
}

/*基本情報*/
.shop_info{
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
}
.shop_info dt{
	width:25%;
	height:48px;
	font-weight:bold;
}
.shop_info dd{
	width:75%;
}
/*Googleマップへのリンク*/
.to_gmap{
	text-align:center;
}
.to_gmap a.gmap_bt{
	display:inline-block;
	width:auto;
	border:1px solid #310;
	padding:8px 24px;
	margin:12px 0;
	text-decoration:none;
}

.to_gmap a.gmap_bt:hover{
	background-color:#eee;
}
/*ポリシー*/
.policy{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#1A6715;
	margin:80px 0;
	line-height:1.8;
}
/*事例リスト*/

.shop_case{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.shop_case a{
	text-decoration:none;
}
.shop_case li{
	width:44%;
	font-size:14px;
	padding:10px;
	margin-bottom:30px;
}
.shop_case img{
	width:100%;
	height:auto;
}
.shop_case_more{
	padding:60px 0;
	text-align:center;
}


/*ご来店の際はご予約を*/
.shop_reserve{
	background-color:#ECF2D8;
	/*margin:30px auto;*/
	padding:30px;
	box-sizing:border-box;
	width:100%;
	display:flex;
	flex-direction:column;
	text-align:center;
}
.shop_reserve .tit{
	display:flex;
	align-items:center;
	font-size:20px;
	margin:0 auto 20px;
	text-align:left;
}
.shop_reserve .tit img{
	width:70px;
	height:auto;
	margin-right:10px;
}
.shop_reserve .tit .lead{
	font-size:14px;
}

.shop_reserve .tel_bt{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #310;
	background-color:#fff;
	padding:5px 30px;
	margin:20px auto 20px;
	border-radius:30px;
	text-decoration:none;
	max-width:230px;
}
.shop_reserve .tel_bt .tx{
	line-height:1.2;
}
.shop_reserve .ico_tel{
	padding:0 20px 0 0;
	width:22px;
	height:auto;
}
.shop_reserve a.tel_bt .tel_no{
	font-size:26px;
	font-weight:bold;
}
.shop_reserve a.tel_bt .time{
	font-size:13px;
}

.shop_reserve ul{
	display:flex;
	justify-content:space-between;
	max-width:280px;
	margin:0 auto;
}
.shop_reserve li{
	display:flex;
	align-items:center;
}
.shop_reserve .ico_line{
	width:30px;
	height:auto;
	margin-right:10px;
}
.shop_reserve .ico_mail{
	width:36px;
	height:auto;
	margin-right:10px;
}

/*店舗でのお打合せ*/
.shop_meet{
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
	align-items:flex-start;
	margin:0 auto 70px;
}
.kakomi{
	/*width:80%;*/
	margin:30px auto 20px;
	border:1px solid #898989;
	padding: 10px 20px;
	box-sizing:border-box;
}
.shop_meet img{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto 60px;
}
/*店内写真*/
.shop_pho{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	justify-content:space-around;

}
.shop_pho img{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto 40px;
}
/*交通アクセス*/
.transp{
	margin:0 auto 60px;
	width:100%;
}
.transp img{
	width:100%;
	height:auto;
}
.transp h3 {
	font-size:20px;
	margin:0 0 30px 0;
}
.transp h4 {
	font-size:16px;
	margin:0 0 30px 0;
}
/*サービスエリア*/
.s_area{
	display:flex;
	flex-wrap:wrap;
}
.s_area .map{
	display:block;
	width:100%;
	margin-bottom:30px;
}
.s_area .map img{
	width:100%;
	height:auto;
}
.s_area .tx{
	width:100%;
	margin-bottom:30px;
}
.s_area h3 {
	padding:10px 0;
	font-size:18px;
}


/*----------------------------------------
  tablet
 -----------------------------------------*/
@media print, screen and (min-width: 768px) {

/*カルーセル*/
.carousel-section .tx{
	bottom:38%;
	left:auto;
	right:3%;
	font-size:26px;
	line-height:1.8;
}


.shoppage h1 {
    font-size:28px;
    padding:36px 0 70px;
}
.shoppage h1 span {
    padding-bottom:17px;
}

/*段組み*/
.two_side{
	flex-wrap:nowrap;
	align-items:flex-start;
}
.two_side img{
	max-width:46%;
}
.two_side dl{
	min-width:46%;
	margin-left:8%;
}

/*基本情報*/
.shop_info dt{
	height:48px;
	font-size:18px;
}
.shop_info dd{
	font-size:18px;
}


/*ポリシー*/
.policy{
	font-size:26px;
}

/*事例リスト*/
.shop_case li{
	width:19%;
}

/*ご来店の際は予約を*/

.shop_reserve{
	/*max-width:720px;*/
}
.shop_reserve .tit{
	font-size:22px;
}


.shop_reserve .tit img{
	width:40px;
	text-align:center;
}


/*店舗でのお打合せ*/
.shop_meet{
	width:80%;
	min-width:700px;
}
.shop_meet .tx{
	width:60%;
}
.kakomi{
	width:100%;
}
.shop_meet img{
	width:35%;
	margin-right:0;
}

/*店内写真*/
.shop_pho{
	display:flex;
	flex-wrap:wrap;
}
.shop_pho img{
	width:30%;
}

/*交通アクセス*/
.transp{
	width:80%;
}
.transp img{
	width:50%;
}


/*サービスエリア*/
.s_area .map{
	width:46%;
}
.s_area .tx{
	width:46%;
	margin-left:8%;
}

}