@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  * :focus {
    outline: none; }

input, button {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

button {
  border: none;
  background: none; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

dd {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1em;
  line-height: 1.4;
  font-size: 1em;
  font-weight: 500; }

a, a:hover {
  text-decoration: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

html {
  font-size: 62.5%; }

body {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.6;
  font-family: メイリオ, Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #2d1e19;
  background: #fff; }

.pc-none {
  display: block; }

.sp-none {
  display: none; }

.ff-noto, .ttl-area, .page-header-box .box .box-l .ttl, .search-box .ttl {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }

.ff-base {
  font-family: メイリオ, Meiryo, sans-serif; }

.mb0 {
  margin-bottom: 0 !important; }

ul {
  list-style: none; }

p {
  margin: 0 0 2em; }

a {
  color: #212121;
  text-decoration: none;
  transition: all 0.5s ease; }
  a:not(.logo) {
    text-decoration: none; }
    a:not(.logo) img {
      transition: all 0.5s ease; }
  a:not(.logo):hover {
    filter: alpha(opacity=70);
    opacity: 0.7; }
    a:not(.logo):hover img {
      opacity: 0.8;
      transition: all 0.5s ease; }
      
.text-center {
	text-align: center;
}

#wrapper {
  margin: 0 auto; }

.container {
  margin: 0 auto;
  width: calc(100% - 30px); }

.breadcrumbs {
  margin: 0 0 20px;
  padding: 0; }
  .breadcrumbs ul li {
    display: inline-block; }
    .breadcrumbs ul li a {
      color: #383838; }
    .breadcrumbs ul li span {
      margin: 0 0.5em; }

#mapWrap,
.mapReslt {
  width: 100%;
  margin: 0 auto 20px;
  padding: 0; }
  #mapWrap #googleMap,
  .mapReslt #googleMap {
    margin: 0 0 10px;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    border: #eee solid 6px; }
    #mapWrap #googleMap iframe,
    .mapReslt #googleMap iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; }

.rDscrpt .imgTxt01 {
  text-align: center; }

.ttl-area {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0;
  padding: 10px 10px 10px 3em;
  background: #FF0000 url(../images/common/icon/icon-search.png) no-repeat 10px center;
  background-size: 1.4em;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .ttl-area.ttl-area-result {
    margin-bottom: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
    .ttl-area.ttl-area-result span {
      font-size: 10.5px;
      font-size: 1.05rem; }

.icon-list-box {
  border: #CFCFCF solid 1px;
  margin: 0 0 20px;
  padding: 10px 10px 0 10px;
  background: #fff; }
  .icon-list-box.col3 ul::after {
    content: "";
    display: block;
    width: calc(25% - 5px); }
  .icon-list-box.col3 ul li {
    width: calc(33% - 5px); }
  .icon-list-box.col4 ul::before {
    content: "";
    display: block;
    width: calc(25% - 5px);
    order: 1; }
  .icon-list-box.col4 ul::after {
    content: "";
    display: block;
    width: calc(25% - 5px); }
  .icon-list-box.col4 ul li {
    width: calc(25% - 5px); }
  .icon-list-box ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .icon-list-box ul li {
      margin-bottom: 10px;
      line-height: 1; }
      .icon-list-box ul li .box {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .icon-list-box ul li .box .icon {
          width: 30px; }
          .icon-list-box ul li .box .icon img {
            width: 100%;
            height: auto;
            line-height: 0; }
        .icon-list-box ul li .box .txt {
          width: calc(100% - 30px);
          padding-left: 5px;
          font-size: 9px;
          font-size: 0.9rem;
          font-weight: 700; }

.parking-list-box ul li.parking-list {
  background: #efefef;
  padding: 10px;
  margin-bottom: 5px; }
  .parking-list-box ul li.parking-list .box {
    display: table;
    width: 100%; }
    .parking-list-box ul li.parking-list .box .no-box {
      display: table-cell;
      vertical-align: top;
      width: 20px; }
      .parking-list-box ul li.parking-list .box .no-box span {
        background: #cc3333;
        color: #FFF;
        display: block;
        padding: 6px 0 4px;
        text-align: center;
        font-weight: 500;
        line-height: 1;
        border-radius: 6px; }
    .parking-list-box ul li.parking-list .box .info-box {
      width: calc(69% - 20px);
      display: table-cell;
      vertical-align: top; }
      .parking-list-box ul li.parking-list .box .info-box .txt-box {
        padding-left: 10px; }
        .parking-list-box ul li.parking-list .box .info-box .txt-box a {
          font-size: 12px;
          font-size: 1.2rem;
          display: block;
          color: #cc3333;
          font-weight: 700; }
        .parking-list-box ul li.parking-list .box .info-box .txt-box p {
          margin-bottom: 0; }
    .parking-list-box ul li.parking-list .box .box-r {
      width: 40%;
      display: table-cell;
      text-align: right;
      padding-left: 5px; }
      .parking-list-box ul li.parking-list .box .box-r .icon-box {
        margin-bottom: 5px;
        line-height: 0; }
        .parking-list-box ul li.parking-list .box .box-r .icon-box ul {
          display: flex;
          justify-content: flex-end; }
          .parking-list-box ul li.parking-list .box .box-r .icon-box ul li {
            margin-right: 2px;
            width: 20px; }
            .parking-list-box ul li.parking-list .box .box-r .icon-box ul li .icon {
              display: block; }
              .parking-list-box ul li.parking-list .box .box-r .icon-box ul li .icon img {
                width: 100%;
                height: auto;
                line-height: 0; }
      .parking-list-box ul li.parking-list .box .box-r .btn-box a {
        width: 100%;
        margin: 0 0 0 auto;
        padding: 0;
        line-height: 0;
        display: block; }
        .parking-list-box ul li.parking-list .box .box-r .btn-box a img {
          width: 100%;
          height: auto;
          line-height: 0; }

.spec-id {
  margin: 0 0 40px;
  padding: 6px;
  border: #FF0000 solid 3px;
  border-radius: 6px; }
  .spec-id table {
    width: 100%; }
    .spec-id table tr th {
      font-size: 10px;
      font-size: 1rem;
      font-weight: 500;
      padding: 0.8em;
      background: #FF0000;
      color: #fff;
      padding: 0.8em 0.4em;
      text-align: center;
      display: block;
      border-radius: 6px; }
      .spec-id table tr th.point {
        background: #707070; }
    .spec-id table tr td {
      font-size: 10px;
      font-size: 1rem;
      padding: 0.8em;
      display: block; }
    .spec-id table tr:last-child td {
      padding-bottom: 0; }

.spec-subttl {
  font-size: 10.5px;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 1em;
  padding: 0; }

.spec-info {
  margin: 0 0 30px;
  padding: 0; }
  .spec-info .spec-tbl {
    margin: 0 0 30px;
    width: 100%;
    border: #ccc solid 1px; }
    .spec-info .spec-tbl tr th {
      font-size: 10px;
      font-size: 1rem;
      background: #efefef;
      font-weight: 500;
      padding: 0.8em 0.4em;
      text-align: left;
      width: 26%;
      border-bottom: #e0e0e0 solid 1px; }
      .spec-info .spec-tbl tr th.parent-item {
        vertical-align: top; }
      .spec-info .spec-tbl tr th.item {
        width: 31%;
        background: #fff;
        border-bottom: #e2e2e2 solid 1px; }
      .spec-info .spec-tbl tr th.no {
        padding-left: 0.6em; }
    .spec-info .spec-tbl tr td {
      font-size: 10px;
      font-size: 1rem;
      font-weight: 500;
      padding: 0.8em 0.4em;
      border-bottom: #e2e2e2 solid 1px; }

.spec-contact-list {
  margin: 0 0 40px;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  .spec-contact-list .btn-box {
    width: calc(50% - 5px); }
    .spec-contact-list .btn-box .btn-spec-wide {
      width: 100%;
      height: auto;
      line-height: 0;
      cursor: pointer;
      transition: all 0.5s ease; }
      .spec-contact-list .btn-box .btn-spec-wide:hover {
        transition: all 0.5s ease;
        filter: alpha(opacity=70);
        opacity: 0.7; }

.photo-list-box {
  margin: 0 0 20px; }
  .photo-list-box p {
    font-size: 11.5px;
    font-size: 1.15rem;
    margin: 0 0 15px;
    text-align: center; }
    .photo-list-box p.note {
      font-size: 12px;
      font-size: 1.2rem;
      text-align: left; }
  .photo-list-box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .photo-list-box ul li {
      width: calc(50% - 5px);
      margin: 0 0 5px; }
      .photo-list-box ul li img {
        width: 100%;
        height: auto;
        line-height: 0; }

.spec-open-info .detail-inner-box {
  margin: 0 0 40px;
  padding: 20px;
  background: #efefef;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  .spec-open-info .detail-inner-box .icon-pin-box {
    width: 23px;
    margin: 0 10px 6px 0;
    padding: 5px 0 0 0; }
    .spec-open-info .detail-inner-box .icon-pin-box .icon-pin img {
      width: 100%;
      height: auto;
      line-height: 0; }
  .spec-open-info .detail-inner-box .ttl-box {
    width: calc(100% - 40px); }
    .spec-open-info .detail-inner-box .ttl-box a {
      font-size: 12px;
      font-size: 1.2rem;
      color: #cc3333;
      display: block;
      line-height: 1.6;
      margin: 0;
      font-weight: 700; }
    .spec-open-info .detail-inner-box .ttl-box p {
      line-height: 1.6;
      margin: 0;
      padding: 0; }

#header-box {
  margin: 0;
  padding: 15px 0;
  background: #fff;
  border-bottom: #FF0000 5px solid; }
  #header-box #header-logo {
    margin: 0;
    width: 60%; }
    #header-box #header-logo a {
      display: block; }
      #header-box #header-logo img {
        width: 100%;
        height: auto;
        line-height: 0; }

.page-header-box {
  margin: 0 0 20px;
  padding: 20px 0;
  background: #efefef; }
  .page-header-box .box .box-l .ttl {
    font-size: 14.5px;
    font-size: 1.45rem;
    margin: 0 0 1em; }
    .page-header-box .box .box-l .ttl span {
      font-size: 17.5px;
      font-size: 1.75rem;
      color: #cc3333; }
    .page-header-box .box .box-l .ttl.spec span {
      color: #FF0000; }
  .page-header-box .box .box-r .view-box {
    width: 100%;
    padding: 5px;
    background: #fff;
    border: #ccc 1px solid; }
    .page-header-box .box .box-r .view-box .box {
      display: table;
      width: 100%; }
      .page-header-box .box .box-r .view-box .box .ttl {
        display: table-cell;
        vertical-align: middle;
        width: 20%;
        white-space: nowrap;
        margin-bottom: 0;
        text-align: center; }
        .page-header-box .box .box-r .view-box .box .ttl span {
          padding: 6px 12px;
          background: #cc3333;
          color: #fff;
          display: inline-block;
          border-radius: 6px; }
      .page-header-box .box .box-r .view-box .box .txt {
        font-size: 9.5px;
        font-size: 0.95rem;
        display: table-cell;
	vertical-align: middle;
        width: 80%;
        margin-bottom: 0;
        padding-left: 1em;
        line-height: 1.2; }
        .page-header-box .box .box-r .view-box .box .txt span {
          font-size: 11.5px;
          font-size: 1.15rem;
          color: #cc3333;
          font-weight: 700; }

.main-sec {
  margin: 0;
  padding: 0 0 20px; }
  
.areaList .area-box .box-area ul li img {
	  	width:100%;
		  height:auto;
	  }

/* Footer
******************************
 */
.footer-box {
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
  background: #eee;
  color: #fff;
  position: relative;
  line-height: 1.8; }
  .footer-box #pagetop .pagetop {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    right: 10px;
    width: 32px;
    height: 0;
    background: url(../images/common/pagetop.png) no-repeat top left;
    background-size: contain;
    padding-top: 32px;
    transition: all 0.5s ease; }
    .footer-box #pagetop .pagetop:hover {
      opacity: 0.8;
      transition: all 0.5s ease; }
  .footer-box .inner {
    padding: 50px 0; }
    .footer-box .inner .item {
      margin-bottom: 20px; }
      .footer-box .inner .item .ttl {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 500;
        margin-bottom: 5px;
        display: block; }
      .footer-box .inner .item a {
        display: block;
        text-decoration: none;
        color: #fff; }
        .footer-box .inner .item a.tellink {
          display: inline-block; }
        .footer-box .inner .item a:hover {
          color: #FF0000;
          text-decoration: none; }

.footer-box .block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1% 35px;
}

.footer-box .block a {
    color: #fff;
    text-decoration: none;
}

.footer-box .block .box {
    width: 14.6%;
    margin: 0 1%;
}

.footer-box .block .large {
    border-bottom: solid 1px #fff;
    padding-bottom: 8px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
}

.footer-box .block li:not(:last-child) {
    margin-bottom: 10px;
}

.footer-box .block li {
    font-size: 12px;
    font-size: 1.2rem;
}

.footer-box .block_type02 {
    display: block !important;
    margin: 0 0 35px;
}

.footer-box .block_type02 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.footer-box .block_type02 li {
    width: 14.6%;
    margin-right: 1%;
    margin-left: 1%;
}

.footer-box .foot-logo {
	width:390px;
	margin:0 auto;
}

.footer-box .foot-logo img {
	width:100%;
	height:auto;
}

.copy-box {
  width: 100%;
  padding: 1em;
  background: #333; }
  .copy-box .box {
    width: 100%; }
    .copy-box .box .nav-box {
      margin-bottom: 10px; }
      .copy-box .box .nav-box ul {
        text-align: center; }
        .copy-box .box .nav-box ul li {
          display: inline-block; }
          .copy-box .box .nav-box ul li:first-child {
            margin-right: 1em;
            padding-right: 1em;
            border-right: #505050 solid 1px; }
          .copy-box .box .nav-box ul li a {
            color: #fff; }
    .copy-box .box .copy p {
      margin: 0;
      line-height: 1;
      color: #fff;
      text-align: center; }

.search-box .ttl {
  font-size: 13px;
  font-size: 1.3rem;
  background: #FF0000 url(../images/common/icon/icon-car.png) no-repeat 10px center;
  background-size: 1.6em 1.8em;
  color: #fff;
  margin: 0;
  padding: 10px 10px 10px 3.2em;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
.search-box .box {
  width: 100%;
  margin: 0 0 20px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  background: #efefef; }
  .search-box .box .box-l {
    width: calc(100% - 162px);
    border-right: #FF0000 1px dotted; }
    .search-box .box .box-l .search-keyword-box .keyword-box {
      display: flex;
      justify-content: flex-start; }
      .search-box .box .box-l .search-keyword-box .keyword-box .input-keyword {
        border: #ccc 1px solid;
        padding-left: 1em;
        border-right: none;
        width: calc(100% - 65px);
        height: 30px; }
      .search-box .box .box-l .search-keyword-box .keyword-box .btn-submit-search {
        background: #cc3333 url(../images/common/btn/btn-input-search-sp.png) no-repeat center center;
        background-size: contain;
        border: none;
        cursor: pointer;
        /*width: 41px;
        height: 49px;*/
        width: 40px;
        height: 30px;
        text-indent: -9999px;
        transition: all 0.5s ease;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px; }
        .search-box .box .box-l .search-keyword-box .keyword-box .btn-submit-search:hover {
          opacity: 0.8;
          transition: all 0.5s ease; }
  .search-box .box .box-r {
    width: 142px;
    text-align: right; }
    .search-box .box .box-r .btn-submit-map {
      background: #cc3333 url(../images/common/btn/btn-input-map.png) no-repeat center center;
      background-size: contain;
      border: none;
      cursor: pointer;
      width: 142px;
      height: 30px;
      text-indent: -9999px;
      transition: all 0.5s ease;
      border-radius: 6px; }
      .search-box .box .box-r .btn-submit-map:hover {
        opacity: 0.8;
        transition: all 0.5s ease; }

.areaList .area-box {
  margin-bottom: 2px;
  padding: 20px 10px 10px;
  display: flex;
  justify-content: flex-start;
  background: #efefef; }
  .areaList .area-box-map {
  }
  .areaList .area-box .box-l {
    width: 35px; }
    .areaList .area-box .box-l .ttl {
      margin: 0;
      padding: 0.5em 0.5em 0.4em;
      background: #6e6e6e;
      color: #fff;
      display: inline-block;
      line-height: 1;
      border-radius: 6px; }
  .areaList .area-box .box-r {
    width: calc(100% - 35px); }
    .areaList .area-box .box-r ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .areaList .area-box .box-r ul li {
        width: calc(50% - 5px);
        margin-bottom: 10px; }
        .areaList .area-box .box-r ul li span {
          font-size: 9px;
          font-size: 0.9rem; }
	  
	  .areaList .area-box-map {
		display: block !important;
	    }

/*
.area-block {
	.text-search {
		@include fsz(14);
		color: #777;
		span {
			color: $green;
		}
		text-align: center;
		font-weight: 700;
	}
	.area-box {
		@extend .ff-noto;
		margin: 0;
		padding: 0 0 30px;
		.area-ttl {
			@include fsz(18);
			font-weight: 700;
			margin: 0 0 20px;
			padding: 1em;
			line-height: 1;
			color: #666;
			background: #f4f4f4;
			text-align: center;
		}
		ul {
			margin: 0 auto;
			padding: 0;
			width: calc(100% - 20px);
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			&::after {
				content: "";
				display: block;
				width: calc(33% - 5px);
			}
			li {
				margin: 0 0 8px;
				padding: 0;
				width: calc(33% - 5px);
				&.no-record {
				}
				a,span {
					@include fsz(10);
					font-weight: 500;
					margin: 0;
					padding: 0.4em 0 0.4em 0.4em;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					text-align: center;
					display: block;
				}
				a {
					color: $green;
					border: $green solid 2px;
					&:hover {
						@extend .hover-tra;
						opacity: 0.6;
					}
				}
				span {
					color: #a0a0a0;
					border: #c4c4c4 solid 2px;
				}
			}
		}
	}

}

.index-about {
	width: calc(100% - 20px);
	margin: 0 auto 30px;
	padding: 0;
	.ttl-box {
		margin: 0;
		padding: 20px 10px;
		background: $green;
		-webkit-border-radius: 12px 12px 0 0;
		border-radius: 12px 12px 0 0;
		.logo-ttl {
			text-align: center;
			margin: 0 auto 10px;
			padding: 0;
			width: 75%;
			line-height: 1;
			img {
				width: 100%;
				height: auto;
				line-height: 0;
			}
		}
		.about-ttl {
			@include fsz(18);
			margin: 0;
			padding: 0;
			color: #fff;
			text-align: center;
		}
	}
	.txt-box {
		@include fsz(14);
		margin: 0;
		padding: 20px;
		border: $green solid 2px;
		-webkit-border-radius: 0 0 12px 12px;
		border-radius: 0 0 12px 12px;
		p {
			margin: 0;
		}
	}
}

.pmark-sec {
	width: calc(100% - 20px);
	margin: 0 auto 40px;
	padding: 20px 10px;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background: #f4f4f4;
	-webkit-align-items: center;
	        align-items: center;
	.pmark-logo {
		margin: 0;
		padding: 0;
		width: 16%;
		height: auto;
		img {
			width: 100%;
			height: auto;
			line-height: 0;
		}
	}
	.txt {
		@extend .ff-noto;
		@include fsz(11);
		font-weight: 700;
		margin: 0;
		padding: 0;
		width: 77%;
	}
}
*/

.search-area-box .area-list-block {
	background: #efefef;
	padding: 10px;
}

.search-area-box .area-list-block .area-list-box {
	margin: 0;
	padding: 20px;
	background: #fff
}

.search-area-box .area-list-block .area-list-box .area-list {
	margin: 0;
	/* padding: 0 0 350px; */
	padding: 0 0 90%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #fff url(../images/map.png) no-repeat center bottom;
	background-size: contain;
}

.search-area-box .area-list-box .area-list article {
	width: calc(50% - 10px);
	margin-bottom: 20px;
}

.search-area-box .area-list-box .area-list article .map-ttl,
.search-area-box .area-list-box .area-list article ul li {
	font-size: 12px; font-size: 1.2rem;
}

.search-area-box .area-list-box .area-list article ul li {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 6px;
}

.search-area-box .area-list-box .area-list article ul li a {
	text-decoration: underline;
	line-height: 1;
}

.search-area-box .area-list-box .area-list article ul li a:hover {
	text-decoration: none;
}

.search-area-box .area-list-box .area-list article .map-ttl {
	margin: 0 0 10px;
	padding: 10px 0 7px;
	color: #fff;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
}

.search-area-box .area-list-box .area-list article.area-hokkaido .map-ttl {
	background-color: #3bb149;
}

.search-area-box .area-list-box .area-list article.area-tohoku .map-ttl {
	background-color: #f0844b;
}

.search-area-box .area-list-box .area-list article.area-hokuriku .map-ttl {
	background-color: #f9c03c;
}

.search-area-box .area-list-box .area-list article.area-kanto .map-ttl {
	background-color: #68a3d7;
}

.search-area-box .area-list-box .area-list article.area-kansai .map-ttl {
	background-color: #a59aca;
}

.search-area-box .area-list-box .area-list article.area-tokai .map-ttl {
	background-color: #f9c03c;
}

.search-area-box .area-list-box .area-list article.area-chugoku .map-ttl {
	background-color: #ee86a7;
}

.search-area-box .area-list-box .area-list article.area-shikoku .map-ttl {
	background-color: #25b7aa;
}

.search-area-box .area-list-box .area-list article.area-kyushu .map-ttl {
	background-color: #ef856e;
}

.search-area-box .area-list-box .area-list article.area-okinawa .map-ttl {
	background-color: #dcd334;
}


@media (min-width: 768px) {
	.search-area-box .area-list-block .area-list-box .area-list {
		padding-bottom: 105%;
	}
}

@media (min-width: 1000px) {
	.search-area-box .area-list-block {
		padding: 22px;
	}

	.search-area-box .area-list-block .area-list-box {
		padding: 45px 80px 65px;
	}

	.search-area-box .area-list-block .area-list-box .area-list {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 645px;
		display: block;
		background-position: center top;
		background-size: 598px 649px;
		position: relative;
	}

	.search-area-box .area-list-box .area-list article {
		width: 100px;
		margin: 0;
		position: absolute;
	}

	.search-area-box .area-list-box .area-list article .map-ttl,
	.search-area-box .area-list-box .area-list article ul li {
		font-size: 16px; font-size: 1.6rem;
	}

	.search-area-box .area-list-box .area-list article ul {
		margin: 0 auto;
		width: calc(100% - 10px);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.search-area-box .area-list-box .area-list article ul li {
		display: block;
		width: calc(50% - 5px);
		margin: 0 0 1px 0;
	}

	.search-area-box .area-list-box .area-list article ul li a {
		white-space: nowrap;
	}

	.search-area-box .area-list-box .area-list article ul li a:hover {
	}

	.search-area-box .area-list-box .area-list article .map-ttl {
	}

	.search-area-box .area-list-box .area-list article.area-hokkaido {
		left: 300px;
		top: 22px;
	}

	.search-area-box .area-list-box .area-list article.area-tohoku {
		right: 0;
		top: 245px;
	}

	.search-area-box .area-list-box .area-list article.area-hokuriku {
		left: 300px;
		top: 112px;
	}

	.search-area-box .area-list-box .area-list article.area-kanto {
		right: 0;
		top: 388px;
	}

	.search-area-box .area-list-box .area-list article.area-kansai {
		left: 150px;
		top: 112px;
	}

	.search-area-box .area-list-box .area-list article.area-tokai {
		right: 0;
		top: 556px;
	}

	.search-area-box .area-list-box .area-list article.area-chugoku {
		left: 150px;
		top: 251px;
	}

	.search-area-box .area-list-box .area-list article.area-shikoku {
		right: 150px;
		top: 556px;
	}

	.search-area-box .area-list-box .area-list article.area-kyushu {
		left: 0;
		top: 251px;
	}

	.search-area-box .area-list-box .area-list article.area-okinawa {
		right: 303px;
		top: 556px;
	}

}


/* ----------- iPhone 5, SE (1st generation)----------- */
/* ----------- iPhone 6, 6S, 7 and 8 ,SE (2nd generation)----------- */
@media only screen and (max-device-width: 375px) and (max-device-height: 667px) {
  .ttl-area {
    font-size: 12px;
    font-size: 1.2rem; }
    .ttl-area.ttl-area-result span {
      font-size: 8px;
      font-size: 0.8rem; }

  #header-box #header-logo {
    width: 70%; }

  .search-box .ttl {
    font-size: 12px;
    font-size: 1.2rem; }
  .search-box .box .box-l {
    width: calc(100% - 105px); }
    .search-box .box .box-l .search-keyword-box .keyword-box .input-keyword {
      width: calc(100% - 40px);
      height: 20px; }
    .search-box .box .box-l .search-keyword-box .keyword-box .btn-submit-search {
      width: 26px;
      height: 20px; }
  .search-box .box .box-r {
    width: 95px; }
    .search-box .box .box-r .btn-submit-map {
      width: 95px;
      height: 20px; } }
      
      
@media (min-width: 768px) {
  body {
    font-size: 1.6rem; }

  .pc-none {
    display: none; }

  .sp-none {
    display: block; }

  #wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 640px; }

  .container {
    margin: 0 auto;
    width: calc(100% - 40px); }

  .breadcrumbs {
    margin-bottom: 60px; }
    .breadcrumbs ul li {
      font-size: 13px;
      font-size: 1.3rem; }
   .index + .breadcrumbs {
   	margin-top: -18px;
   }

  #mapWrap,
  .mapReslt {
    margin-bottom: 18px; }
    #mapWrap #googleMap,
    .mapReslt #googleMap {
      margin: 0;
      padding-top: 100%;
      border: #eee solid 6px; }

  .mapReslt {
    margin-bottom: 25px; }

  .rDscrpt .imgTxt01 {
    font-size: 13px;
    font-size: 1.3rem; }

  .ttl-area {
    font-size: 20px;
    font-size: 2rem;
    background-position: 20px;
    background-position-x: 15px; }
    .ttl-area.ttl-area-result {
      margin-bottom: 30px; }
      .ttl-area.ttl-area-result span {
        font-size: 20px;
        font-size: 2rem; }

  .icon-list-box {
    margin-bottom: 28px;
    padding: 20px 20px 4px 20px; }
    .icon-list-box.col3 ul::after {
      content: "";
      display: block;
      width: calc(25% - 5px); }
    .icon-list-box.col3 ul li {
      width: calc(33% - 5px); }
    .icon-list-box.col4 ul::before {
      content: "";
      display: block;
      width: calc(25% - 10px);
      order: 1; }
    .icon-list-box.col4 ul::after {
      content: "";
      display: block;
      width: calc(25% - 10px); }
    .icon-list-box.col4 ul li {
      width: calc(25% - 10px); }
    .icon-list-box ul li {
      margin-bottom: 16px; }
      .icon-list-box ul li .box .icon {
        width: 36px; }
      .icon-list-box ul li .box .txt {
        width: calc(100% - 36px);
        padding-left: 10px;
        font-size: 13px;
        font-size: 1.3rem; }

  .parking-list-box ul li.parking-list {
    padding: 22px 26px; }
    .parking-list-box ul li.parking-list .box .no-box {
      width: 26px; }
      .parking-list-box ul li.parking-list .box .no-box span {
        font-size: 14px;
        font-size: 1.4rem;
        width: 26px;
        padding: 6px 0 4px; }
    .parking-list-box ul li.parking-list .box .info-box {
      width: calc(69% - 20px); }
      .parking-list-box ul li.parking-list .box .info-box .txt-box {
        padding-left: 15px; }
        .parking-list-box ul li.parking-list .box .info-box .txt-box a {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 0.9em; }
        .parking-list-box ul li.parking-list .box .info-box .txt-box p {
          font-size: 14px;
          font-size: 1.4rem; }
    .parking-list-box ul li.parking-list .box .box-r .icon-box ul li {
      margin-right: 3px;
      width: 30px; }
    .parking-list-box ul li.parking-list .box .box-r .btn-box a {
      width: 167px; }

  .spec-id {
    padding: 6px;
    background: #fff; }
    .spec-id table tr th {
      font-size: 13px;
      font-size: 1.3rem;
      padding: 4px 0.5em 2px;
      display: table-cell;
      border-bottom: #fff 4px solid; }
      .spec-id table tr th.point {
        background: #FF0000;
        border-bottom: none; }
    .spec-id table tr td {
      padding: 4px 18px 2px;
      font-size: 16px;
      font-size: 1.6rem;
      display: table-cell;
      border-bottom: #fff 4px solid; }
    .spec-id table tr:last-child td {
      padding-bottom: 2px; }

  .spec-subttl {
    font-size: 18px;
    font-size: 1.8rem; }

  .spec-info .spec-tbl {
    margin-bottom: 30px; }
    .spec-info .spec-tbl tr th {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 1em; }
    .spec-info .spec-tbl tr td {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 1em;
      background: #fff; }

  .spec-contact-list {
    margin-bottom: 35px; }
    .spec-contact-list .btn-box {
      width: calc(50% - 9px); }

  .photo-list-box {
    margin: 0 0 30px; }
    .photo-list-box p {
      font-size: 13px;
      font-size: 1.3rem; }
      .photo-list-box p.note {
        font-size: 14px;
        font-size: 1.4rem; }
    .photo-list-box ul li {
      width: calc(50% - 10px);
      margin-bottom: 10px; }

  .spec-open-info .detail-inner-box {
    padding: 25px; }
    .spec-open-info .detail-inner-box .ttl-box {
      width: calc(100% - 40px);
      padding-left: 10px; }
      .spec-open-info .detail-inner-box .ttl-box a {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0.8em; }
      .spec-open-info .detail-inner-box .ttl-box p {
        font-size: 14px;
        font-size: 1.4rem; }

  #header-box {
    padding: 14px 0 6px 0;
    border-bottom: #FF0000 5px solid; }
    #header-box #header-logo {
      width: 420px; }

  .page-header-box {
    margin: 0 0 12px;
    padding: 16px 0; }
    .page-header-box.index {
      margin-bottom: 30px; }
      .page-header-box.index .box .box-l {
        width: 50%; }
      .page-header-box.index .box .box-r {
        width: 50%; }
    .page-header-box.spec {
      padding-top: 30px;
      padding-bottom: 30px; }
      .page-header-box.spec .box .box-l {
        width: 100%; }
    .page-header-box .box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .page-header-box .box .box-l {
        width: 50%; }
        .page-header-box .box .box-l .ttl {
          font-size: 20px;
          font-size: 2rem;
          margin-bottom: 0; }
          .page-header-box .box .box-l .ttl span {
            font-size: 25px;
            font-size: 2.5rem; }
          .page-header-box .box .box-l .ttl.spec span {
            color: #cc3333; }
      .page-header-box .box .box-r {
        width: 50%;
        text-align: right; }
        .page-header-box .box .box-r .view-box {
          margin: 0 0 0 auto;
          width: auto;
          padding: 14px 18px;
          display: inline-block; }
          .page-header-box .box .box-r .view-box .box {
            width: auto;
            /*display: table;
            width: 100%;*/ }
            .page-header-box .box .box-r .view-box .box .ttl {
              font-size: 13px;
              font-size: 1.3rem;
              /*display: table-cell;
              vertical-align: middle;
              width: 20%;
              white-space: nowrap;
              margin-bottom: 0;
              padding: 5px;
              background: $green;
              color: #fff;
              text-align: center;*/
              text-align: left; }
            .page-header-box .box .box-r .view-box .box .txt {
              font-size: 13px;
              font-size: 1.3rem;
              /*display: table-cell;
              width: 80%;
              margin-bottom: 0;
              padding-left: 1em;*/
              text-align: left; }
              .page-header-box .box .box-r .view-box .box .txt span {
                font-size: 18px;
                font-size: 1.8rem; }

  .main-sec {
    padding-bottom: 90px; }

  /* Footer
  ******************************
   */
  .footer-box {
    width: 100%; }
    .footer-box #pagetop .pagetop {
      top: 20px;
      right: 20px;
      width: 39px;
      padding-top: 39px; }
    .footer-box .inner {
      padding: 28px 0 16px 0;
	 }
      .footer-box .inner .item {
        flex-basis: 14%; }
        .footer-box .inner .item:nth-of-type(1) {
          flex-basis: 37%; }
        .footer-box .inner .item:nth-of-type(2) {
          flex-basis: 16%; }
        .footer-box .inner .item:nth-of-type(3) {
          flex-basis: 19%; }
        .footer-box .inner .item .ttl {
          margin-bottom: 20px; }
	 
	.footer-box .container {
	      margin: 0 auto;
	      max-width: 1180px;
	    }

  .copy-box .box {
    display: table; }
    .copy-box .box .nav-box {
      display: none;
      text-align: left;
      font-size: 12px;
      font-size: 1.2rem; }
      .copy-box .box .nav-box ul {
        text-align: left; }
        .copy-box .box .nav-box ul li:first-child {
          margin-right: 1em;
          padding-right: 1em;
          border-right: #505050 solid 1px; }
        .copy-box .box .nav-box ul li a {
          color: #fff; }
    .copy-box .box .copy {
      display: table-cell;
      text-align: right;
      white-space: nowrap; }
      .copy-box .box .copy p {
        font-size: 10px;
        font-size: 1rem;
        text-align: center; }

  .search-box {
    margin: 0 0 45px; }
    .search-box .ttl {
      font-size: 20px;
      font-size: 2rem;
      background-position-x: 15px; }
    .search-box .box {
      padding: 22px; }
      .search-box .box .box-l {
        width: calc(100% - 219px); }
        .search-box .box .box-l .search-keyword-box .keyword-box .input-keyword {
          font-size: 16px;
          font-size: 1.6rem;
          width: calc(100% - 124px);
          height: 40px; }
        .search-box .box .box-l .search-keyword-box .keyword-box .btn-submit-search {
          background: #cc3333 url(../images/common/btn/btn-input-search.png) no-repeat center center;
          background-size: contain;
          width: 94px;
          height: 40px; }
      .search-box .box .box-r {
        width: 189px; }
        .search-box .box .box-r .btn-submit-map {
          width: 189px;
          height: 40px; }

  .areaList .area-box {
    padding: 22px 25px; }
    .areaList .area-box .box-l {
      width: 65px; }
    .areaList .area-box .box-r {
      width: calc(100% - 65px); }
      .areaList .area-box .box-r ul::after {
        content: "";
        display: block;
        width: calc(33% - 5px); }
      .areaList .area-box .box-r ul li {
        width: calc(33% - 5px);
        margin-bottom: 10px; }
        .areaList .area-box .box-r ul li span {
          font-size: 14px;
          font-size: 1.4rem; }
	  .areaList .area-box .box-area {
	  	
	  }
	  .areaList .area-box .box-area ul {
	  	display:flex;
		  align-items:stretch;
		  justify-content:space-between;
	  }
	  
	  .areaList .area-box .box-area ul li {
	  	font-weight:bold;
		width: 49%;
	  }
	  .areaList .area-box .box-area ul li img {
	  	width:100%;
		  height:auto;
	  }
	  
	  .areaList .area-box .box-area ul li span {
	  	color: #FF0000;
		  font-size: 2.5rem;
	  }

  .area-result-box .box {
    display: flex;
    justify-content: space-between; }
    .area-result-box .box .box-l {
      width: 39%; }
    .area-result-box .box .box-r {
      width: calc(61% - 30px); }

  .spec-box {
    display: flex;
    justify-content: space-between; }
    .spec-box .box-l {
      width: 48%; }
    .spec-box .box-r {
      width: calc(52% - 30px); } 
      }
      
      
@media (min-width: 992px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; }

  .container {
    margin: 0 auto;
    max-width: 1000px; }

  .areaList .area-box .box-r ul::before {
    content: "";
    display: block;
    width: calc(25% - 5px);
    order: 1; }
  .areaList .area-box .box-r ul::after {
    content: "";
    display: block;
    width: calc(25% - 5px); }
  .areaList .area-box .box-r ul li {
    width: calc(25% - 5px); } }
    
    
/*@media (min-width: 1024px) {
}*/


@media (max-width: 768px) {
body {
  font-size: 1.3rem;
  }
#header-box {
  padding: 14px 0 10px 0;
}
#header-box #header-logo {
    width: 65%; }

.ttl-area,
.search-box .ttl {
  font-size: 13px;
  font-size: 1.3rem;
  }
  
 .page-header-box .box .box-r .view-box .box .ttl span {
    font-size: 1.1rem;
    padding: 6px 6px 4px 6px;
}
.areaList .area-box .box-area ul li {
	    margin-bottom:4px;
	}
.areaList .area-box .box-area ul li:last-child {
    margin-bottom:0px;
}
.spec-id table tr th, .spec-id table tr td {
    font-size: 1.2rem;
}
.spec-id table tr th,
.spec-id table tr td,
.spec-info .spec-tbl tr th,
.spec-info .spec-tbl tr td {
	font-size: 1.2rem;
}
.parking-list-box ul li.parking-list .box .info-box .txt-box a {
          font-size: 12px;
          font-size: 1.4rem; }
	  
.footer-box .foot-logo {
    max-width: 40%;
    margin: 0 auto;
}
.footer-box .inner {
    padding: 20px 0 12px 0;
}
.footer-box .block .box {
  width: 43.8%;
  margin: 0 3% 6% 3%;
}
.footer-box .block_type02 li {
  width: 43.8%;
  margin: 0 3%;
}
.copy-box {
	font-size:1.1rem;
}
.copy-box .nav-box {
	display:none;
}
.footer-box .block .large {
    font-size: 1.2rem;
}

.footer-box .block li {
    font-size: 1.0rem;
}
}