@charset "Shift_JIS";
/* CSS Document */
/*==================================================
1.#contents_area
  #title
  hr
2.内容用のcss

==================================================*/
/*============================================================
#contents_area
  #title
  p
  hr
============================================================*/
#contents_area #title {background-image:url("../reform/image/title.jpg");}
#contents_area #subttl {background-image:url("../reform/image/subttl.png");height: 57px;width: 100%;margin: 0;padding: 0;}
/*============================================================
2.
内容用のcss
============================================================*/
#contents_area .wrap{margin:10px;box-sizing:border-box;}

#contents_area .wrap .point_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
#contents_area .wrap .point_wrap .point_item{width: 43%;padding: 15px;border: 1px solid #000;margin: 10px auto;}
#contents_area .wrap .point_wrap .point_item .point_ttl{height:79px;margin-bottom: 10px;}
#contents_area .wrap .point_wrap .point_item .point_img{height:auto;width:100%;}
#contents_area .wrap .point_wrap .point_item .point_img img{height:auto;width:100%;}
#contents_area .wrap .point_wrap .point_item p{font-size:14px;text-align:left;margin-bottom:0;}

#contents_area .wrap .table_ttl{font-size:16px;font-weight:700;margin-bottom:5px;text-align:left;}
#contents_area .wrap table,
#contents_area .wrap tbody{display:block;width:600px;}
#contents_area .wrap tr{font-size:12px;}
#contents_area .wrap tr:nth-child(2n){background:#fff;}
#contents_area .wrap tr.head{background-image: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(85, 85, 85, 1));}
#contents_area .wrap tr.head th{color:#fff;}
#contents_area .wrap th,td{padding: 10px 5px;box-sizing: border-box;}
#contents_area .wrap .place{width:145px;background:#ccc;}
#contents_area .wrap .place.dark{background:#ddd;}
#contents_area .wrap .range{width:95px;}
#contents_area .wrap .price{width:120px;}
#contents_area .wrap .remarks{width:240px;}
#contents_area .wrap .kome{font-size:12px;text-align:right;margin:10px 0;}
#contents_area .wrap #contact{margin-top:20px;font-size: 24px;background: #fff;padding: 20px 0 1px;box-sizing: border-box;border-radius: 10px;}
#contents_area .wrap #contact .flex{}
#contents_area .wrap #contact .flex .line_wrap{display:flex;gap:20px;justify-content:center;align-items:center;}
#contents_area .wrap #contact .flex .line_wrap .line_logo{width:50px;height:auto;}
#contents_area .wrap #contact .flex .line_wrap .line_qr{width:50px;height:auto;}
#contents_area .wrap #contact .flex .line_wrap .line_logo img,
#contents_area .wrap #contact .flex .line_wrap .line_qr img{width:100%;height:auto;}
#contents_area .wrap #contact .flex .line_wrap .line{font-weight:700;margin:0;}
#contents_area .wrap #contact .flex .line_wrap .line span{color: #1BBF44;}

#contents_area .wrap #contact .flex .mail{font-weight:700;}
#contents_area .wrap #contact .flex .mail a{color:#000;transition:.3s;}
#contents_area .wrap #contact .flex .mail a:hover{color:#888;}
#contents_area .wrap #contact .tel{font-weight:700;}