@charset "UTF-8";
/*! コンテンツ */
.cl, .text-column, .sec-title, .sub-title03, .panel-list01, .panel-list01 .link-panel02, .panel-list02, .panel-list03, .panel-list05, .panel-list06, .panel-list07, .panel-list08, .panel-list09 dl, .panel-list11, .panel-list12, .panel-list13, .news-list dl, .tab-list, .btn-list01, .btn-list03, .area-art01 .area-art-detail, .area-art01 .area-art-detail .art-image, .area-art02 .area-art-detail, .area-art02 .area-art-detail .art-image, .area-art03 .art-image ul, .area-art04 .art-image ul, .area-pickup-list ul, .area-pickup-list02 ul, .area-pickup-list04 ul, .area-pickup-list-new ul, #area-resort-list dl, #print-nav-wrap, .estate-list .estate-art, .frm-cnt ul, .frm-wrap02 dd .area-list, .frm-sep-list, .eq-relation-wrap, .leave-about, .villa-list02, .villa-list02 .villa-list-wrap a, .sp-art-list01, .sp-art-list01 .sp-art-image, .sp-art-list02 .sp-art-wrap, .search-over-wrap > p, .inq-office .area-tel, .inq-other, .contact-office h4 + div, .contact-office .area-tel, .access, .office-rec-list, .office-rec-list dd ul, .area-select, .art-resort-list dl, .area-view-ch dl, .thumb-list-detail, .sp-art-list02 .thumb-list ul, .area-list-art a  {
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
.cl:after, .text-column:after, .sec-title:after, .sub-title03:after, .panel-list01:after, .panel-list01 .link-panel02:after, .panel-list02:after, .panel-list03:after, .panel-list05:after, .panel-list06:after, .panel-list07:after, .panel-list08:after, .panel-list09 dl:after, .panel-list11:after, .panel-list12:after, .panel-list13:after, .news-list dl:after, .tab-list:after, .btn-list01:after, .btn-list03:after, .area-art01 .area-art-detail:after, .area-art01 .area-art-detail .art-image:after, .area-art02 .area-art-detail:after, .area-art02 .area-art-detail .art-image:after, .area-art03 .art-image ul:after, .area-art04 .art-image ul:after, .area-pickup-list ul:after, .area-pickup-list02 ul:after, .area-pickup-list04 ul:after, .area-pickup-list-new ul:after,#area-resort-list dl:after, #print-nav-wrap:after, .estate-list .estate-art:after, .frm-cnt ul:after, .frm-wrap02 dd .area-list:after, .frm-sep-list:after, .eq-relation-wrap:after, .leave-about:after, .villa-list02:after, .villa-list02 .villa-list-wrap a:after, .sp-art-list01:after, .sp-art-list01 .sp-art-image:after, .sp-art-list02 .sp-art-wrap:after, .search-over-wrap > p:after, .inq-office .area-tel:after, .inq-other:after, .contact-office h4 + div:after, .contact-office .area-tel:after, .access:after, .office-rec-list:after, .office-rec-list dd ul:after, .area-select:after, .art-resort-list dl:after, .area-view-ch dl:after, .thumb-list-detail:after, .sp-art-list02 .thumb-list ul:after, .area-list-art a :after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html .cl, * html .text-column, * html .sec-title, * html .sub-title03, * html .panel-list01, * html .panel-list01 .link-panel02, .panel-list01 * html .link-panel02, * html .panel-list02, * html .panel-list03, * html .panel-list05, * html .panel-list06, * html .panel-list07, * html .panel-list08, * html .panel-list09 dl, .panel-list09 * html dl, * html .panel-list11, * html .panel-list12, * html .panel-list13, * html .news-list dl, .news-list * html dl, * html .tab-list, * html .btn-list01, * html .btn-list03, * html .area-art01 .area-art-detail, .area-art01 * html .area-art-detail, * html .area-art01 .area-art-detail .art-image, .area-art01 .area-art-detail * html .art-image, * html .area-art02 .area-art-detail, .area-art02 * html .area-art-detail, * html .area-art02 .area-art-detail .art-image, .area-art02 .area-art-detail * html .art-image, * html .area-art03 .art-image ul, .area-art03 .art-image * html ul, * html .area-art04 .art-image ul, .area-art04 .art-image * html ul, * html .area-pickup-list ul, .area-pickup-list * html ul, * html .area-pickup-list02 ul, * html .area-pickup-list04 ul, * html .area-pickup-list-new ul:after, * html #area-resort-list dl, #area-resort-list * html dl, * html #print-nav-wrap, * html .estate-list .estate-art, .estate-list * html .estate-art, * html .frm-cnt ul, .frm-cnt * html ul, * html .frm-wrap02 dd .area-list, .frm-wrap02 dd * html .area-list, * html .frm-sep-list, * html .eq-relation-wrap, * html .leave-about, * html .villa-list02, * html .villa-list02 .villa-list-wrap a, .villa-list02 .villa-list-wrap * html a, * html .sp-art-list01, * html .sp-art-list01 .sp-art-image, .sp-art-list01 * html .sp-art-image, * html .sp-art-list02 .sp-art-wrap, .sp-art-list02 * html .sp-art-wrap, * html .search-over-wrap > p, * html .inq-office .area-tel, .inq-office * html .area-tel, * html .inq-other, * html .contact-office h4 + div, .contact-office * html h4 + div, * html .contact-office .area-tel, .contact-office * html .area-tel, * html .access, * html .office-rec-list, * html .office-rec-list dd ul, .office-rec-list dd * html ul, * html .area-select, * html .art-resort-list dl, .art-resort-list * html dl, * html .area-view-ch dl, .area-view-ch * html dl, * html .thumb-list-detail, * html .sp-art-list02 .thumb-list ul, * html .area-list-art a {
  height: 1%;
}

/*----------------------------------
contentWrap
----------------------------------*/
.sec-wrap01 {
  padding: 5px;
  background: #fff;
}

.sec-wrap02 {
  padding: 20px;
  background: #fff;
}
.sec-wrap02 .wrap-inner{
  
}

.sec-wrap03 {
  padding: 20px 30px;
  background: #fff;
}

.sec-wrap04 {
  padding: 5px 30px 20px;
  background: #fff;
}

.sec-inner {
  padding: 15px;
  background: #f6f5f2;
}

.sec-inner.type02 {
  background: #f5f9f5;
}

.sec-inner.type03 {
  padding: 25px;
  background: #f5f9f5;
}

.sec-inner.type04 {
  padding: 25px 75px;
  background: #f5f9f5;
}

.sec-inner.type05 {
  padding: 25px;
  background: #f4f3e6;
}

.sec-inner.type06 {
  padding: 15px 25px;
  background: #f5f9f5;
}

.cnt-wrap01 {
  padding: 20px 25px;
  border: 5px solid #fff;
  background: #f6f5f2;
}

.cnt-wrap02 {
  padding: 20px 25px;
  border: 5px solid #fff;
  background: #f4f9f5;
}

.cnt-wrap03 {
  padding: 10px 15px;
  border: 5px solid #fff;
  background: #f4f9f5;
}

.cnt-wrap04 {
  padding: 30px 40px 40px;
  background: #fff;
}

/*----------------------------------
inlineContent
----------------------------------*/
.in-cnt-wrap01 {
  margin-top: 30px;
}
.in-cnt-wrap01 h2 {
  padding: 8px 15px;
  color: #fff;
  font-size: 114.28571%;
  background: #00786c;
}
.in-cnt-wrap01 dl {
  margin-top: 10px;
}
.in-cnt-wrap01 dt {
  font-weight: bold;
}
.in-cnt-wrap01 em {
  color: #c7002f;
}

.in-cnt-detail {
  padding: 10px 15px;
  background: #fff;
}

.in-cnt-contact {
  letter-spacing: -.40em;
}
.in-cnt-contact p {
  display: inline-block;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.in-cnt-contact p:first-child {
  padding: 10px 0 5px 50px;
  color: #017669;
  font-size: 178.57143%;
  font-weight: bold;
  line-height: 1.1;
  background: url(/common/img/ico-area-tel.png) 0 50% no-repeat;
}
.in-cnt-contact p:first-child span {
  display: block;
  font-size: 44%;
  font-weight: normal;
}
.in-cnt-contact p:last-child {
  position: relative;
  top: -0.15em;
  font-size: 92.85714%;
}

/*----------------------------------
text-column
----------------------------------*/
.text-column {
  margin-top: 40px;
}
.text-column p {
  position: relative;
  top: -3px;
  margin-top: 20px;
}
.text-column p:first-child {
  margin-top: 0;
}
.text-column dt,
.text-column .heading {
  color: #007568;
  font-weight: bold;
  font-size: 128.57143%;
}
.text-column dd {
  margin-top: 10px;
}
.text-column .img-wrap > img{
  width: 100%;
}
.text-column .img-wrap .caption{
  display: block;
  margin: 5px 0 0;
  font-size: 85%;
}

.text-addlink span {
  margin-left: 20px;
}

.column-fst {
  margin-top: 0;
}

.column-type01 > img {
  float: left;
  margin-right: 25px;
}
.column-type01 > div {
  overflow: hidden;
}

.column-type02 > img {
  float: right;
  margin-left: 25px;
}
.column-type02 > div {
  overflow: hidden;
}

.column-type03 > img {
  float: left;
  margin: 0 25px 25px 0;
}

.column-type04 > img {
  float: right;
  margin: 0 0 25px 25px;
}

.text-column.column-flex{
  display: flex;
}
.text-column.column-flex > .text-wrap{
  width: 65%;
  padding-right: 35px;
}
.text-column.column-flex > .img-wrap{
  width: 35%;
}

/*----------------------------------
areaTitle
----------------------------------*/
#area-title {
  position: relative;
  display: table;
  width: 100%;
  padding-left: 33px;
  font-size: 192.85714%;
  font-weight: bold;
  color: #302400;
  box-sizing: border-box;
  border-top: 3px solid #598c34;
  background: #fff;
}
#area-title h1 {
  display: table-cell;
  vertical-align: middle;
  width: 500px;
  height: 87px;
  line-height: 1.2;
}
#area-title img {
  position: absolute;
  bottom: 0;
  right: 0;
}
#area-title span {
  font-size: 50%;
}

/* その他エリアトップ エリア名 */
#area-title h1 span{
  display:block;
  line-height: 1.5 !important;
  color: #424242;
}
#area-title.title-s {
  font-size: 178.57143%;
}

/*----------------------------------
sectionTitle
----------------------------------*/
.sec-title {
  height: 53px;
  padding: 0 20px;
  line-height: 53px;
  color: #fff;
  font-size: 157.14286%;
  font-weight: bold;
  background: #558b2f;
}
.sec-title.more2lines{
  height: auto;
  padding: 10px 20px;
  line-height: 1.2em;
}
.sec-title span {
  display: block;
  padding-left: 45px;
}

.sec-title.mlt {
  padding: 10px 20px 5px;
  line-height: 1.5;
}
.sec-title.mlt small {
  width: 70%;
  display: block;
  font-size: 63.63636%;
}
.sec-title.mlt strong {
  line-height: 1;
}
.sec-title.mlt .kanri {
  margin-top: -5px;
}

.ico-buy span {
  background: url(/common/img/ico-title01.png) 5px 50% no-repeat;
}

.ico-sall span {
  background: url(/common/img/ico-title02.png) 0 50% no-repeat;
}

.ico-feature span {
  background: url(/common/img/ico-title11.png) 0 50% no-repeat;
}

.ico-know span {
  padding-left: 40px;
  background: url(/common/img/ico-title03.png) 0 50% no-repeat;
}

.ico-sendmail span {
  padding-left: 32px;
  background: url(/common/img/ico-title04.png) 0 50% no-repeat;
}

.ico-faq span {
  background: url(/common/img/ico-title05.png) 0 50% no-repeat;
}

.ico-office span {
  padding-left: 30px;
  background: url(/common/img/ico-title06.png) 0 50% no-repeat;
}

.ico-notice span {
  padding-left: 35px;
  background: url(/common/img/ico-title07.png) 0 50% no-repeat;
}

.ico-present span {
  padding-left: 32px;
  background: url(/common/img/ico-title09.png) 0 50% no-repeat;
}

/*----------------------------------
sectionTitle link-btn (to english page) 2017.3.13 add
----------------------------------*/
.sec-title.btn-en-bar span{
	float:left;
}
.btn-en{
	overflow: hidden;
	width: 90px;
	height: 40px;
	margin: 6px 0 0 0;
	padding: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
	float:right;
}
.btn-en span{
  padding: 0;
  background: none;
}
.btn-en a {
	display: block;
	position: relative;
	padding:0 12px;
	background: #e5e1c1;
	color: #2f5b0f;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 40px;
	text-decoration:none;
}
.btn-en a:hover {
	background: #d7d1a2;
}
.btn-en a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 4px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 6px solid #2f5b0f;
}
.btn-en.has-small-text{
  width: auto;
}
.btn-en.has-small-text a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: auto;
  max-width: 65px;
  height: 40px;
  padding: 0 14px 0 8px;
  font-size: 18px;
  line-height: 1em;
}.btn-en.has-small-text a::after{
  right: 2px;
  border-width: 5px;
}
.btn-en.has-small-text .small{
  display: block;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
}
.btn-en.has-small-text .small:hover{
  color: #2f5b0f;
  text-decoration: none;
}
.btn-en-cap{
	display: block;
    float: right;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 12px 0 12px 11px;
    font-weight: normal;
    letter-spacing: .05em;
}

/*----------------------------------
subTitle
----------------------------------*/
.sub-title01 {
  margin: 20px 0 15px;
  color: #302400;
  border: 1px solid #d9cea8;
  font-size: 114.28571%;
  font-weight: bold;
  text-shadow: 1px 1px 0 #f7f4eb;
  background: #e3dabe;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.sub-title01 span {
  display: block;
  padding: 5px 10px;
  border: 1px solid #f0ecdd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.sub-title01 em {
  margin-left: 20px;
}
.sub-title01 strong {
  font-weight: bold;
}

.sub-title01.no-top {
  margin-top: 0;
}

.sub-title02 {
  padding: 10px;
  color: #558b2f;
  font-size: 114.28571%;
  font-weight: bold;
  border-top: 3px solid #548a31;
  background: #f9f9f9;
}

.sub-title02.search {
  padding-left: 45px;
  background-image: url(/common/img/ico-search01.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
}

.sub-title02.txt-c {
  text-align: center;
}

.sub-title02.txt-s {
  font-size: 14px;
  line-height: 1.5em;
}

.sub-title03 {
  position: relative;
  padding: 8px 10px 0;
  color: #558b2f;
  font-size: 114.28571%;
  font-weight: bold;
  border-top: 3px solid #548a31;
  background: #f9f9f9;
}
.sub-title03 h2 {
  float: left;
  font-weight: bold;
  margin: 2px 0 5px;
  letter-spacing: -0.03em;
}
.sub-title03 p {
  float: right;
  margin: 2px 0 12px;
}

.sub-title04 {
  margin: 5px 0 15px;
  color: #548a31;
  font-weight: bold;
  font-size: 121.42857%;
}

.sub-title05 {
  margin-bottom: 25px;
  padding-left: 12px;
  font-weight: bold;
  font-size: 150%;
  color: #22796e;
  line-height: 1.4;
  border-left: 6px solid #22796e;
}

.sub-title06 {
  margin-top: 20px;
  padding: 10px;
  color: #558b2f;
  font-size: 114.28571%;
  font-weight: bold;
  border-top: 3px solid #548a31;
  background: #f9f9f9;
}

.sub-title07 {
  margin-bottom: 10px;
  padding-bottom: 8px;
  font-size: 114.28571%;
  font-weight: bold;
  border-bottom: 2px solid #194c8d;
}
.sub-title07 a {
  position: relative;
  padding-left: 10px;
}
.sub-title07 a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #245f24;
}

.sub-title08 {
  margin-top: 15px;
  font-weight: bold;
}

.sub-title08:before {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: #424242;
}

.sub-title09 {
  font-weight: bold;
  margin: 10px 0 3px;
}

.sub-title10 {
  position: relative;
  margin: 20px 0 15px;
  color: #302400;
  border: 1px solid #d9cea8;
  font-size: 114.28571%;
  font-weight: bold;
  text-shadow: 1px 1px 0 #f7f4eb;
  background: #e3dabe;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.sub-title10 span {
  display: block;
  padding: 5px 10px;
  border: 1px solid #f0ecdd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.sub-title10 a {
  display: block;
  position: absolute;
  top: 6px;
  right: 15px;
  padding: 2px 35px;
  color: #302400;
  font-size: 78.57143%;
  font-weight: bold;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.sub-title10 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.sub-title11 {
  padding: 8px 0;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  background: #22796e;
}

/*----------------------------------
floating
----------------------------------*/
.float-l {
  float: left;
}

.float-r {
  float: right;
}

/*----------------------------------
linkText
----------------------------------*/
.link-text01 a {
  position: relative;
  padding-left: 10px;
  display: inline-block;
}
.link-text01 a:before {
  content: " ";
  position: absolute;
  /*top: 50%;*/
  top: 0.6em;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #245f24;
}

.link-text02 a {
  position: relative;
  padding-left: 15px;
}
.link-text02 a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #598c34;
}

.link-text03 a {
  padding-left: 20px;
  background: url(/common/img/ico-clear.png) 0 50% no-repeat;
}

.link-text04 {
  position: relative;
  padding-left: 10px;
}

.link-text04:before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 6px solid #245f24;
}

/*----------------------------------
leadText
----------------------------------*/
.sp-lead {
  margin-top: 15px;
  padding: 7px 12px;
  color: #007568;
  font-weight: bold;
  font-size: 114.28571%;
  line-height: 1.8;
  background: #f4f8f4;
}

/*----------------------------------
textList
----------------------------------*/
.text-list01 {
  padding: 12px 12px 12px 2em;
  border: 1px solid #ddd;
}
.text-list01 li {
  list-style: disc;
}

/*----------------------------------
panelList
----------------------------------*/
.panel-list{
  display: flex;
}
.panel-list-item{
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 110px;
  padding-left: 118px;
  box-sizing: border-box;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #b3b5b2;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 15px 50%;
}
.panel-list-item:not(:last-child){
  margin-right: 16px;
}
.panel-list-item:hover{
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.panel-list-item .text{
  margin: 0 auto;
}
.panel-list-item .txtBold{
  display: block;
  font-size: 146.15385%;
  font-weight: bold;
  line-height: 1.2;
}
.panel-list-item a{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  color: #212121;
  text-decoration: none;
  box-sizing: border-box;
}
.panel-list-item.ico-condohotel-newly{
  background-image: url(/common/img/ico-condohotel-newly.png);
}
.panel-list-item.ico-condohotel-old{
  background-image: url(/common/img/ico-condohotel-old.png);
}


.panel-list01 {
  margin-top: 15px;
}
.panel-list01 .link-panel01 {
  float: left;
}
.panel-list01 .link-panel01:nth-child(even) {
  float: right;
}
.panel-list01 .link-panel02 > dl > dd {
  float: left;
}
.panel-list01 .link-panel02 > dl > dd:nth-child(odd) {
  float: right;
}
.panel-list01 .link-panel03 {
  float: left;
  position:relative;
}
.panel-list01 .link-panel03:nth-child(even) {
  float: right;
}
.panel-list01 .link-panel03 .info01{
  position:absolute;
  right:8px;
  top:0;
  overflow: hidden;
  width: 90px;
  /*height: 40px;*/
  margin: 6px 0 0 0;
  padding: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0 0 2px #abc29f;
}
.panel-list01 .link-panel03 .info01 a{
  display: block;
  padding: 3px 7px 3px 20px;
  /*background: #e5e1c1;*/
  background: #fff;
  color: #2f5b0f;
  text-decoration: none;
}
.panel-list01 .link-panel03 .info01 a::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -3px 0 0 7px;
    border: 3px solid transparent;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: transparent;
    border-left: 5px solid #2f5b0f;;
}
.panel-list01 .link-panel03 .info01 a:hover {
  background-color: #ebefe1;
}

.panel-list01:first-child {
  margin-top: 0;
}

.panel-list02 {
  margin-top: 15px;
}
.panel-list02 li {
  float: left;
  width: 234px;
  margin-left: 14px;
  font-size: 107.14286%;
  font-weight: bold;
  text-align: center;
}
.panel-list02 li a {
  display: block;
  padding: 15px 0;
  color: #302400;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.panel-list02 li a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.panel-list02 li em {
  font-size: 126.66667%;
  font-weight: bold;
}
.panel-list02 li span {
  display: block;
  font-weight: normal;
  font-size: 86.66667%;
}
.panel-list02 li:first-child {
  margin-left: 0;
}

.panel-list03 {
  width: 744px;
  margin-left: -14px;
  margin-top: -20px;
  letter-spacing: -.40em;
}
.panel-list03 dl, .panel-list03 li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 172px;
  margin: 20px 0 0 14px;
  *display: inline;
  *zoom: 1;
}
.panel-list03 dt {
  font-size: 121.42857%;
  font-weight: bold;
  text-align: center;
  border: 2px solid #fff;
}
.panel-list03 dt a {
  display: block;
  padding: 100px 0 5px;
  color: #212121;
  text-decoration: none;
}
.panel-list03 dt a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.panel-list03 dd {
  margin-top: 15px;
  font-size: 92.85714%;
  line-height: 1.5;
}
.panel-list03 ul {
  letter-spacing: -.40em;
}
.panel-list03 .pnl-corp {
  background: url(/common/img/index/service01.jpg) no-repeat;
}
.panel-list03 .pnl-system {
  background: url(/common/img/index/service02.jpg) no-repeat;
}
.panel-list03 .pnl-country {
  background: url(/common/img/index/service03.jpg) no-repeat;
}
.panel-list03 .pnl-resort {
  background: url(/common/img/index/service04.jpg) no-repeat;
}

.panel-list04 {
  width: 1000px;
  margin: -20px 0 0 -20px;
  letter-spacing: -.40em;
}
.panel-list04 dl + div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.panel-list04 dl + div span {
  position: relative;
  display: block;
  height: 138px;
}
.panel-list04 dl + div img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.panel-list04 > div {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 230px;
  margin: 20px 0 0 20px;
  background: #fff;
  box-shadow: 0 0 2px #e4e2df;
  *display: inline;
  *zoom: 1;
}
.panel-list04 > div dl {
  position: relative;
  padding: 0 15px 15px;
}
.panel-list04 > div dt {
  margin-bottom: 10px;
  color: #302400;
  font-weight: bold;
  line-height: 1.5;
}
.panel-list04 > div dd {
  color: #212121;
}
.panel-list04 > div a {
  position: relative;
  display: block;
  padding-top: 150px;
  text-decoration: none;
}
.panel-list04 .icon-r {
  display: inline-block;
  width: 42px;
  height: 20px;
  margin-right: 5px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 92.85714%;
  font-weight: bold;
  background: #950300;
}

.panel-list05 {
  padding: 12px;
  background: #f6f8f5;
}
.panel-list05 li {
  float: left;
  width: 215px;
  margin-left: 10px;
  font-weight: bold;
  text-align: center;
}
.panel-list05 li a {
  display: block;
  padding: 20px 0;
  color: #302400;
  text-decoration: none;
  border-top: 1px solid #f2f4f1;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 1px #c6d0be;
}
.panel-list05 li a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background: #e9efe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.panel-list05 li em {
  font-size: 121.42857%;
  font-weight: bold;
}
.panel-list05 li:first-child {
  margin-left: 0;
}

.panel-list06 li {
  float: left;
  margin-left: 21px;
  font-size: 92.85714%;
  font-weight: bold;
  line-height: 1.6;
}
.panel-list06 li a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 216px;
  height: 110px;
  padding-left: 100px;
  box-sizing: border-box;
  color: #212121;
  text-decoration: none;
  background-color: #fff;
  background-position: 15px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #b3b5b2;
}
.panel-list06 li a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.panel-list06 li em {
  font-size: 146.15385%;
  font-weight: bold;
  line-height: 1.2;
}
.panel-list06 li span {
  display: block;
  font-size: 92.30769%;
}
.panel-list06 li:first-child {
  margin-left: 0;
}
.panel-list06 .house a {
  background-image: url(/common/img/area/ico-house.png);
}
.panel-list06 .mansion a {
  background-image: url(/common/img/area/ico-mansion.png);
}
.panel-list06 .villa a {
  background-image: url(/common/img/area/ico-villa.png);
}
.panel-list06 .sale a {
  background-image: url(/common/img/sell/request-ico02.png);
}
.panel-list06 .mediation a {
  background-image: url(/common/img/sell/request-ico01.png);
}

.panel-list06.condohotel-sell-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.panel-list06.condohotel-sell-list li{
  float: none;
  width: 100%;
  margin-bottom: 0;
}
.panel-list06.condohotel-sell-list li:not(:last-child){
  margin-right: 16px;
}

.panel-list07 li {
  float: left;
  width: 216px;
  margin-left: 21px;
  font-size: 107.14286%;
  font-weight: bold;
  text-align: center;
}
.panel-list07 li a {
  display: block;
  padding: 15px 0;
  color: #302400;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.panel-list07 li a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.panel-list07 li em {
  font-size: 126.66667%;
  font-weight: bold;
}
.panel-list07 li:first-child {
  margin-left: 0;
}

.panel-list08 li {
  float: left;
  width: 80px;
  height: 40px;
  margin-left: 10px;
  font-size: 85.71429%;
  font-weight: bold;
  line-height: 40px;
}
.panel-list08 li a {
  display: block;
  color: #32353a;
  text-decoration: none;
  background-color: #fff;
  background-position: 8px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 2px #d3d2c6;
}
.panel-list08 li:first-child {
  margin-left: 0;
}
.panel-list08 .blog a {
  padding-left: 37px;
  background-image: url(/common/img/ico-blog.png);
}
.panel-list08 .blog a:hover {
  background-color: #ebefe1;
}
.panel-list08 .movie a {
  padding-left: 42px;
  background-image: url(/common/img/ico-movie.png);
}
.panel-list08 .movie a:hover {
  background-color: #ebefe1;
}

/*--
.panel-list09 {
  width: 960px;
  margin: -30px 0 0 -40px;
  letter-spacing: -.40em;
  .sell-lots-wrap {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 280px;
    margin: 30px 0 0 40px;
    *display: inline;
    *zoom: 1;
  }
  .panel-detail {
    margin-top: 15px;
    padding: 15px;
    background: #fff;
    p:first-child {
      margin-bottom: 10px;
    }
  }
  .new dl:before {
    content: "NEW";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size:fs(13,14,'%');
    font-weight: bold;
    background: #950300;
  }
  dl {
    position: relative;
    @extend .cl;
  }
  dt {
    float: right;
    width: 140px;
    margin-top: -3px;
    span {
      display: inline-block;
      width: 100px;
      margin-right: 15px;
      font-weight: normal;
      font-size:fs(12,14,'%');
      color: #fff;
      text-align: center;
      background: #00897b;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      *display: inline;
      *zoom: 1;
    }
    em {
      display: block;
      margin-top: 7px;
      color: #302400;
      font-weight: bold;
      line-height: 1.3;
    }
  }
  dd {
    float: left;
  }
  dl + p {
    margin-top: 15px;
    color: #9b0a0a;
    font-size:fs(13,14,'%');
  }
}
--*/
.panel-list09 {
  width: 960px;
  margin: -30px 0 0 -40px;
  letter-spacing: -.40em;
}
.panel-list09 .sell-lots-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 280px;
  margin: 30px 0 0 40px;
  *display: inline;
  *zoom: 1;
}
.panel-list09 .panel-detail {
  margin-top: 15px;
  padding: 15px;
  background: #fff;
}
.panel-list09 .panel-detail p:first-child {
  margin-bottom: 10px;
}
.panel-list09 dl {
  position: relative;
}
.panel-list09 dt {
  float: right;
  width: 140px;
  margin-top: -3px;
}
.panel-list09 dt span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 85.71429%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.panel-list09 dt em {
  display: block;
  margin-top: 7px;
  color: #302400;
  font-weight: bold;
  line-height: 1.3;
}
.panel-list09 dd {
  float: left;
}
.panel-list09 .icon-r {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 42px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 92.85714%;
  font-weight: bold;
  background: #950300;
}
.panel-list09 dl + p {
  margin-top: 15px;
  color: #9b0a0a;
  font-size: 92.85714%;
}

.panel-list10 dl, .panel-list10 ul {
  letter-spacing: -.40em;
}
.panel-list10 dl {
  margin-top: 10px;
}
.panel-list10 dl:first-child {
  margin-top: 0;
}
.panel-list10 ul {
  margin-top: 35px;
}
.panel-list10 dt {
  width: 78px;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  line-height: 1;
  letter-spacing: normal;
  background: #278a7c;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.panel-list10 dd, .panel-list10 li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 10px 10px 0 0;
  line-height: 1;
  background: #fff url(/common/img/ico-arrow03.png) 10px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #b3b5b2;
  *display: inline;
  *zoom: 1;
}
.panel-list10 dd a, .panel-list10 li a {
  display: block;
  padding: 9px 17px 9px 40px;
  text-decoration: none;
}
.panel-list10 dd a:hover, .panel-list10 li a:hover {
  background: #eaeee0 url(/common/img/ico-arrow03.png) 10px 50% no-repeat;
  text-decoration: underline;
}
.panel-list10 p {
  margin-top: 25px;
}

.panel-list11 {
  margin: -12px 0 0 -12px;
}
.panel-list11 li {
  float: left;
  margin: 12px 0 0 12px;
  font-size: 114.28571%;
  font-weight: bold;
  line-height: 1.3;
}
.panel-list11 li a {
  display: table-cell;
  vertical-align: middle;
  width: 236px;
  height: 75px;
  padding-left: 80px;
  color: #212121;
  text-decoration: none;
  box-sizing: border-box;
  background-color: #fff;
  background-position: 18px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #b3b5b2;
}
.panel-list11 li a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.panel-list11 .hotsprings a {
  background-image: url(/common/img/ico-conditions01.png);
}
.panel-list11 .pet a {
  background-image: url(/common/img/ico-conditions02.png);
}
.panel-list11 .newart a {
  background-image: url(/common/img/ico-conditions03.png);
}
.panel-list11 .station a {
  background-image: url(/common/img/ico-conditions04.png);
}
.panel-list11 .renovation a {
  background-image: url(/common/img/ico-conditions05.png);
}
.panel-list11 .newprice a {
  background-image: url(/common/img/ico-conditions06.png);
}
.panel-list11 .settlement a {
  background-image: url(/common/img/ico-conditions07.png);
}
.panel-list11 .movie a {
  background-image: url(/common/img/ico-conditions08.png);
}
.panel-list11 .report a {
  background-image: url(/common/img/ico-conditions09.png);
}
.panel-list11 .golf a {
  background-image: url(/common/img/ico-conditions10.png);
}
.panel-list11 .skiing a {
  background-image: url(/common/img/ico-conditions11.png);
}
.panel-list11 .pool a {
  background-image: url(/common/img/ico-conditions12.png);
}

.panel-list12 {
  margin: -10px 0 0 -10px;
}
.panel-list12 li {
  float: left;
  width: 150px;
  margin: 10px 0 0 10px;
  text-align: center;
  line-height: 1;
  background: #fff url(/common/img/ico-arrow03.png) 10px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #daddda;
  *display: inline;
  *zoom: 1;
}
.panel-list12 li a {
  display: block;
  padding: 9px 0 9px 10px;
  text-decoration: none;
}
.panel-list12 li a:hover {
  opacity: .7;
}

.panel-list13 {
  margin: -10px 0 0 -10px;
}
.panel-list13 li {
  float: left;
  width: 150px;
  margin: 10px 0 0 10px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  box-shadow: 1px 1px 2px #daddda;
  *display: inline;
  *zoom: 1;
}
.panel-list13 li a {
  display: block;
  padding: 12px 0;
  color: #302400;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.panel-list13 li a:hover {
  color: #fff;
  background: #33691e;
}
.panel-list13 .panel-cur {
  padding: 12px 0;
  color: #fff;
  background: #33691e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.panel-list13.company-panel li {
  width: 220px;
}

/*----------------------------------
linkPanel
----------------------------------*/
.link-panel01 {
  width: 336px;
  padding: 8px;
  box-sizing: border-box;
  background: #cddcc2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel01 dt {
  padding: 5px 0 10px 5px;
  color: #33691e;
  font-size: 114.28571%;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.02em;
  text-shadow: 1px 1px 0 #eaf0e6;
}
.link-panel01 dd {
  display: table;
  font-size: 142.85714%;
  font-weight: bold;
  line-height: 1.3;
  background-color: #fff;
  box-shadow: 0 1px 3px #b3b5b2;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel01 dd:hover {
  background-color: #ebefe1;
}
.link-panel01 dd span {
  display: block;
  margin-top: 5px;
  font-size: 65%;
  text-indent: -0.5em;
}
.link-panel01 a {
  display: block;
  display: table-cell;
  width: 320px;
  height: 110px;
  padding-left: 126px;
  vertical-align: middle;
  color: #302400;
  text-decoration: none;
  background-repeat: no-repeat;
}
.link-panel01 a:hover {
  color: #33691e;
}

.link-panel02 {
  padding: 8px;
  box-sizing: border-box;
  background: #cddcc2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel02 > dl > dt {
  padding: 5px 0 10px 5px;
  color: #33691e;
  font-size: 114.28571%;
  font-weight: bold;
  line-height: 1;
  text-shadow: 1px 1px 0 #b3b5b2;
}
.link-panel02 > dl > dd {
  display: table;
  width: 328px;
  background-color: #fff;
  box-shadow: 0 0 2px #abc29f;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel02 > dl > dd:hover {
  background-color: #ebefe1;
}
.link-panel02 > dl > dd:hover dt, .link-panel02 > dl > dd:hover dd {
  color: #33691e;
}
.link-panel02 dd dl {
  padding-left: 126px;
}
.link-panel02 dd dt {
  color: #212121;
  font-size: 121.42857%;
  font-weight: bold;
  letter-spacing: -0.02em;
}
.link-panel02 dd dd {
  color: #424242;
}
.link-panel02 dd a {
  display: block;
  display: table-cell;
  width: 328px;
  height: 110px;
  vertical-align: middle;
  color: #302400;
  text-decoration: none;
  background-repeat: no-repeat;
}

.link-panel03 {
  width: 336px;
  padding: 8px;
  box-sizing: border-box;
  background: #cddcc2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel03 > dl > dt {
  padding: 5px 0 10px 5px;
  color: #33691e;
  font-size: 114.28571%;
  font-weight: bold;
  line-height: 1;
  text-shadow: 1px 1px 0 #b3b5b2;
}
.link-panel03 > dl > dd {
  display: table;
  width: 320px;
  background-color: #fff;
  box-shadow: 0 0 2px #abc29f;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel03 > dl > dd:hover {
  background-color: #ebefe1;
}
.link-panel03 > dl > dd:hover dt, .link-panel03 > dl > dd:hover dd {
  color: #33691e;
}
.link-panel03 dd dl {
  padding-left: 126px;
}
.link-panel03 dd dt {
  color: #212121;
  font-size: 121.42857%;
  font-weight: bold;
  letter-spacing: -0.02em;
}
.link-panel03 dd dd {
  color: #424242;
}
.link-panel03 dd a {
  display: block;
  display: table-cell;
  width: 320px;
  height: 110px;
  vertical-align: middle;
  color: #302400;
  text-decoration: none;
  background-repeat: no-repeat;
}

.link-panel04 {
  width: 62%;
  min-width: 550px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel04 dl {
  display: table-cell;
  width: 100%;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  box-sizing: border-box;
}
.link-panel04 dt {
  font-size: 142.85714%;
}
.link-panel04 dt + dd {
  margin: 5px 0 0;
}
.link-panel04 dd {
  line-height: 1.5;
}
.link-panel04 a {
  display: table;
  width: 100%;
  padding: 3px 3px 3px 25%;
  color: #212121;
  background-color: #fff;
  background-position: 10% 50%;
  background-repeat: no-repeat;
  border-top: 1px solid #f2f4f1;
  text-decoration: none;
  box-shadow: 0 1px 1px #d4d6d3;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel04 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.link-panel04 small {
  color: #727272;
  font-weight: normal;
}

.link-panel04.sall a {
  background-image: url(/common/img/overseas/ico-sall.png);
}

.link-panel05 {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  line-height: 1;
  *display: inline;
  *zoom: 1;

}
.link-panel05 span {
  padding-left: 25px;
  background: url(/common/img/ico-arrow03.png) 0 50% no-repeat;
}
.link-panel05 a {
  display: block;
  padding: 10px 30px;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 1px 1px 2px #b3b5b2;

}
.link-panel05 a:hover {
  background: #eaeee0;
  text-decoration: underline;
}

.link-panel06 {
  padding: 7px;
  text-align: center;
  letter-spacing: -.40em;
  box-sizing: border-box;
  background: #cddcc2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.link-panel06 > p {
  width: 38%;
  color: #33691e;
  font-size: 128.57143%;
  font-weight: bold;
  line-height: 1.7;
  text-shadow: 1px 1px 0 #b3b5b2;
}
.link-panel06 > p, .link-panel06 > div {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.link-panel06 > div {
  width: 62%;
}
.link-panel06 dl {
  display: table-cell;
  width: 100%;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  box-sizing: border-box;
}
.link-panel06 dt {
  font-size: 142.85714%;
}
.link-panel06 dt + dd {
  margin: 5px 0 0;
}
.link-panel06 dd {
  line-height: 1.5;
}
.link-panel06 a {
  display: table;
  width: 100%;
  padding: 20px 5px 20px 120px;
  color: #212121;
  background-color: #fff;
  background-position: 7% 50%;
  background-repeat: no-repeat;
  background-image: url(/common/img/overseas/ico-sall.png);
  border-top: 1px solid #cbdbc0;
  text-decoration: none;
  box-shadow: 0 1px 1px #acc29f;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel06 a:hover {
  color: #33691e;
  background-color: #ebefe1;
}

.link-panel07 {
  text-align: center;
  letter-spacing: -.40em;
  box-sizing: border-box;
}
.link-panel07 > p {
  width: 34%;
  color: #302400;
  font-size: 114.28571%;
  font-weight: bold;
  line-height: 1.8;
  text-align: left;
}
.link-panel07 > p, .link-panel07 > div {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.link-panel07 > div {
  width: 66%;
}
.link-panel07 dl {
  display: table-cell;
  width: 100%;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  box-sizing: border-box;
}
.link-panel07 dt {
  font-size: 135.71429%;
}
.link-panel07 dt + dd {
  margin: 5px 0 0;
}
.link-panel07 dd {
  padding-left: 1em;
  line-height: 1.5;
  font-size: 92.85714%;
}
.link-panel07 a {
  display: table;
  width: 100%;
  padding: 15px 5px 15px 130px;
  color: #212121;
  background-color: #fff;
  background-position: 20% 50%;
  background-repeat: no-repeat;
  background-image: url(/common/img/overseas/ico-sall.png);
  border-top: 1px solid #f2f4f1;
  text-decoration: none;
  box-shadow: 0 1px 1px #d4d6d3;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel07 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.link-panel08 {
  text-align: center;
  letter-spacing: -.40em;
  box-sizing: border-box;
}
.link-panel08 > p {
  width: 34%;
  color: #302400;
  font-size: 121.42857%;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
.link-panel08 > p, .link-panel08 > div {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.link-panel08 > div {
  width: 66%;
}
.link-panel08 dl {
  display: table-cell;
  width: 100%;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  box-sizing: border-box;
}
.link-panel08 dt {
  font-size: 135.71429%;
}
.link-panel08 dt + dd {
  margin: 5px 0 0;
}
.link-panel08 dd {
  padding-left: 1em;
  line-height: 1.5;
  font-size: 92.85714%;
  letter-spacing: -0.03em;
}
.link-panel08 dd small {
  display: block;
  margin-top: 3px;
  color: #727272;
  font-weight: normal;
  font-size: 84.61538%;
}
.link-panel08 a {
  display: table;
  width: 100%;
  padding: 15px 5px 15px 120px;
  color: #212121;
  background-color: #fff;
  background-position: 12% 50%;
  background-repeat: no-repeat;
  background-image: url(/common/img/overseas/ico-sall.png);
  border-top: 1px solid #f2f4f1;
  text-decoration: none;
  box-shadow: 0 1px 1px #b3b5b2;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.link-panel08 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.overseas_add {
  display: table-cell;
/*  width: 320px; 2018.11.12 comment out ;*/
  height: 110px;
  vertical-align: middle;
  color: #302400;
  text-decoration: none;
/*  padding-left: 15%; comment out ;*/
  background-image: url(/common/img/icon-overseas.png);
  background-position: 8.4% 50%;
  background-repeat: no-repeat;
}
/*start 2018.11.12 for 2column */
.overseas_add.left{
  width:55%;
}
.overseas_add.right{
  width:42%;
  background-image: none;
/*  text-align:center;*/
  padding-left:3%;
}
.icon-overseas{
  width:100% !important; 
  background-color: #fff !important;
  border-radius: 6px !important;
}
.icon-overseas dt,.icon-overseas dd{
  color: #212121 !important;
}
/* 2018.11.12 for 2column end*/

.overseas_add dl{
  padding-left: 35% !important;
}

.overseas_add a:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -3px 0 0 7px;
  border: 3px solid transparent;
  border-left: 5px solid #ffffff;
}

.overseas_add .overseas_link01,
.overseas_add .overseas_link02,
.overseas_add .overseas_link03{
  position:relative;
  display:inline-block;
  width:inherit;
  height:20px;
  margin-top:5px;
  margin-right:10px;
  padding:3px 12px 3px 19px;
  background:#dca44c;
  background-image:none;
  border-radius: 4px;
  color:#fff;
  font-size:85.67%; /* 2018.11.12 add ;*/
  font-weight:bold;
  text-align: center;
  line-height:20px;
  letter-spacing:.1em; /* 2018.11.12 add ;*/
}


/*----------------------------------
panelIcon
----------------------------------*/
.ico-new-construct a {
  background-image: url(/common/img/ico-new-construct.png);
  background-position: 0 50%;
}

.ico-old-construct a {
  background-image: url(/common/img/ico-old-construct.png);
  background-position: 0 50%;
}

.ico-laxage a {
  background-image: url(/common/img/ico-laxage.png);
  background-position: 0 50%;
}

.ico-reworth a {
  background-image: url(/common/img/ico-reworth.png);
  background-position: 0 50%;
}

.ico-harvest a {
  background-image: url(/common/img/ico-harvest.png);
  background-position: 0 50%;
}

.ico-pvc a {
  background-image: url(/common/img/ico-pvc.png);
  background-position: 0 50%;
}

.ico-hotel a {
  background-image: url(/common/img/ico-hotel.png);
  background-position: 0 50%;
}

.icon-asset a {
  background-image: url(/common/img/icon-asset.png);
  background-position: 10% 50%;
}

.icon-overseas a {
  background-image: url(/common/img/icon-overseas.png);
  background-position: 10% 50%;
}

/* 20201201追加_サイドバー内「売りたい」欄 */
.side-section .sec-title{
  position: relative;
}
.side-section .sec-title .btn-en{
  position: absolute;
  right: 10px;
  width: auto;
}
.side-section .sec-title .btn-en a,
.side-section .sec-title .btn-en a span:hover,
.side-section .sec-title .btn-en a:link,
.side-section .sec-title .btn-en a:visited{
  color: #2f580f;
  text-decoration: none;
}
.side-section .sec-title .btn-en a::after{
  right: 2px;
  border-width: 4px;
}

.side-section-contents{
  height: auto!important;
  padding: 10px;
}
.side-section .message{
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1.7;
  color: #33691e;
  text-shadow: 1px 1px 0 #b3b5b2;
  background: #cddcc2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.side-icon-btn{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  height: 115px;
  padding: 10px 10px 10px calc(40% + 10px);
  font-size: 20px;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  /* box-shadow: 0 1px 3px #b3b5b2; */
}
.side-icon-btn,
.side-icon-btn:link,
.side-icon-btn:visited{
  color: #000;
}
.side-icon-btn:hover{
  color: #33691e;
  text-decoration: none;
  background-color: #ebefe1;
}
.side-icon-btn:not(:last-child){
  margin: 0 0 10px;
}
.side-icon-btn::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  display: block;
  width: 40%;
  height: calc(100% - 16px);
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 50% left 0;
}

/* サイドメニュー 売りたい欄 */
.side-section.sell .message{
  margin: 0 0 10px;
  text-align: center;
}
.side-icon-btn.sell{
  border: 2px solid lightblue;
}
.side-icon-btn.sell::after{
  background-image: url(/common/img/sell/request-ico02.png);
}
.side-icon-btn.mediation{
  border: 2px solid #cddcc2;
}
.side-icon-btn.mediation::after{
  background-image: url(/common/img/sell/request-ico01.png);
}

.side-section.sell.mansion-detail{
  position: relative;
}
.side-section.sell.mansion-detail::before{
  content: '';
  position: absolute;
  top: -20px;
  width: 100%;
  height: 20px;
  background-color: #f2f0ec;
}


/*----------------------------------
headNews
----------------------------------*/
.head-news {
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}

/*----------------------------------
newsList
----------------------------------*/
.news-list dl {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
.news-list dl:first-child {
  padding-top: 0;
}
.news-list dl:first-child {
  padding-top: 0;
}
.news-list dt, .news-list dd {
  float: left;
}
.news-list dt {
  width: 17%;
}
.news-list dd {
  width: 83%;
}
.news-list em {
  display: inline-block;
  min-width: 100px;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #21796c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.news-list span {
  display: block;
  margin-top: 7px;
}
.news-list .new span {
  position: relative;
  padding-left: 57px;
}
.news-list .new span:before {
  content: "NEW";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 42px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 92.85714%;
  font-weight: bold;
  background: #950300;
}
.news-list dl + p {
  margin-top: 20px;
  text-align: right;
}

.news-list.in-news01 {
  height: 340px;
}

.area .news-list.in-news01,
.hotel .news-list.in-news01 {
  height: 680px;
}
.news-list.in-news01 dl {
  padding: 5px 0;
}
.news-list.in-news01 dl:first-child {
  padding-top: 0;
}
.news-list.in-news01 dt {
  width: 22%;
}
.news-list.in-news01 dd {
  width: 78%;
}

.news-list.in-news01 + p {
  margin-top: 13px;
  text-align: right;
}

.news-list.in-news02 {
  height: 210px;
}
.news-list.in-news02 dt {
  width: 17%;
}
.news-list.in-news02 dd {
  width: 83%;
}

.news-list.in-news02 + p {
  margin-top: 13px;
  text-align: right;
}

/*----------------------------------
slider
----------------------------------*/
.slider-wrap {
  width: 878px;
  margin: 0 auto;
  overflow: hidden;
}
.slider-wrap li {
  float: left;
  /*margin-left: 13px;*/
}
.slider-wrap li:first-child {
  margin-left: 0;
}

.slider {
  position: relative;
}
.slider p {
  position: absolute;
  top: 0;
}
.slider .slider-arrow img{
  cursor: pointer;
}
.slider .slider-arrow img:hover{
  opacity: .7;
}

.prev {
  left: 0;
}

.next {
  right: 0;
}

/*----------------------------------
tabList
----------------------------------*/
.tab-list {
  position: relative;
  padding-bottom: 14px;
}
.tab-list li {
  float: left;
  width: 228px;
  margin-left: 2px;
  line-height: 60px;
  font-size: 142.85714%;
  font-weight: bold;
}
.tab-list li a {
  display: block;
  color: #319b8f;
  border-bottom: 3px solid #fff;
  background: #eee;
}
.tab-list li a:hover {
  position: relative;
  color: #fff;
  border-bottom: 3px solid #429b90;
  text-shadow: 1px 1px 0 #2c7c6f;
  background: #429b90;
}
.tab-list li a:hover:before {
  content: " ";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 4px solid #fff;
}
.tab-list li span {
  display: inline-block;
  height: 60px;
  *display: inline;
  *zoom: 1;
}
.tab-list li:nth-child(2) {
  width: 230px;
}
.tab-list li:first-child {
  margin-left: 0;
}
.tab-list .house span {
  padding-left: 84px;
  background: url(/common/img/ico-tab01.png) 12px 50% no-repeat;
}
.tab-list .mansion span {
  padding-left: 100px;
  background: url(/common/img/ico-tab02.png) 12px 50% no-repeat;
}
.tab-list .villa span {
  padding-left: 110px;
  background: url(/common/img/ico-tab03.png) 12px 50% no-repeat;
}
.tab-list .tab-cur a {
  position: relative;
  color: #fff;
  border-bottom: 3px solid #429b90;
  text-shadow: 1px 1px 0 #2c7c6f;
  background: #429b90;
}
.tab-list .tab-cur a:before {
  content: " ";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 4px solid #fff;
}

.tab-list:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background: #429b90;
  border-bottom: 2px solid #248375;
}

/*----------------------------------
tabDetail
----------------------------------*/
.tab-detail {
  position: relative;
  margin-top: 12px;
}

.tab-detail-cnt {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.tab-detail-cur {
  position: relative;
  display: block;
}

.tab-subdetail {
  position: relative;
}

.tab-subdetail-cnt {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.tab-subdetail-cur {
  position: relative;
  display: block;
}

.tab-detail-cnt .tab-sub-cur a {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background: #e9efe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

/*----------------------------------
table
----------------------------------*/
.tbl01 {
  width: 100%;
  table-layout: fixed;
  border: solid #d3d2cf;
  border-width: 1px 1px 0 0;
}
.tbl01 th {
  font-size: 78.57143%;
}
.tbl01 th:first-child {
  width: 132px;
}
.tbl01 td {
  font-size: 85.71429%;
}
.tbl01 th, .tbl01 td {
  border: solid #d3d2cf;
  border-width: 0 0 1px 1px;
  box-sizing: border-box;
}
.tbl01 thead th {
  padding: 1em 0;
  text-align: center;
  background: #eae3d0;
}
.tbl01 thead th.diagonal {
  padding: 0;
  font-size: 71.42857%;
  color: #302400;
  background-image: url(/common/img/bg-tbl-diagonal.png);
  background-repeat: no-repeat;
}
.tbl01 thead th.diagonal div {
  position: relative;
  width: 132px;
  height: 40px;
}
.tbl01 thead th.diagonal div p {
  position: absolute;
}
.tbl01 thead th.diagonal div p:first-child {
  top: 5px;
  right: 10px;
}
.tbl01 thead th.diagonal div p:last-child {
  bottom: 5px;
  left: 10px;
}
.tbl01 tbody th {
  padding: 0.8em 1em;
  text-align: left;
  background: #f8f6f1;
}
.tbl01 tbody td {
  text-align: center;
}
.tbl01 tbody td a {
  display: block;
  margin: -1px;
  padding: 0.8em 0;
  text-decoration: underline;
  background: #c5e1a5;
}

.tbl02 {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.tbl02 th, .tbl02 td {
  padding: 1em 2em;
  border: solid #fff;
  border-width: 0 0 3px 3px;
  text-align: left;
  box-sizing: border-box;
}
.tbl02 th {
  width: 23%;
  color: #212121;
  border-left: none;
  background: #e9e3d0;
}
.tbl02 td {
  width: 77%;
  background: #f9f7f2;
}
.tbl02 ul {
  margin-top: -3px;
  letter-spacing: -.40em;
}
.tbl02 li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 3px 20px 0 0;
  *display: inline;
  *zoom: 1;
}
.tbl02 input[type=text] {
  width: 100%;
  height: 35px;
  padding-left: 10px;
  line-height: 35px;
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
}
.tbl02 input[type=checkbox], .tbl02 input[type=radio] {
  position: relative;
  top: 0.1em;
  margin-right: 10px;
}
.tbl02 select {
  position: relative;
  width: 120px;
  height: 35px;
  padding: 0 40px 0 5px;
  border: 1px solid #cbcbcb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/common/img/ico-arrow04.png) 90% 50% no-repeat;
}
.tbl02 .list-type01 li {
  width: 100px;
}
.tbl02 .list-type02 li {
  width: 33.3%;
  margin-right: 0;
}
.tbl02 .list-type03 li {
  width: 50%;
  margin-right: 0;
}

.tbl03 {
  width: 100%;
  table-layout: fixed;
  border: solid #ddd;
  border-width: 1px 1px 0 0;
  text-align: center;
}
.tbl03 th, .tbl03 td {
  padding: 0.9em 0.7em;
  border: solid #ddd;
  border-width: 0 0 1px 1px;
}
.tbl03 thead th {
  background: #f3efe4;
}
.tbl03 tbody th {
  background: #eee;
}

.words-table th,
.words-table td {
  padding: 10px 20px;
  font-size: 114.28571%;
  border: solid #e0e0e0 1px;
}
.words-table thead th {
  background: #f2f0e3;
  font-weight: bold;
  text-align: center;
}
.words-table tbody th {
  background: #f8f6f1;
  font-weight: bold;
}
.words-table .words-column{
  width: 30%;
}
.words-table td {
  background: #fff;
}
.words-table a {
  text-decoration: underline;
}
.words-table .reference {
  display: block;
  margin-top: 10px;
}

@media only screen and (min-width: 1270px) {
  #trp-column .tbl02 li {
    display: block;
  }
}
/*----------------------------------
contentContact
----------------------------------*/
.cnt-contact01 {
  margin-top: 25px;
  text-align: center;
}
.cnt-contact01.sell-buy-contact {
  margin: 60px 0;
}
.cnt-contact01 p {
  margin-top: 7px;
}
.cnt-contact01 p:first-child {
  margin-top: 0;
  font-size: 135.71429%;
  font-weight: bold;
  color: #01796d;
}
.cnt-contact01 ul {
  margin-top: 10px;
  letter-spacing: -.40em;
}
.cnt-contact01 li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 240px;
  margin: 0 15px;
  *display: inline;
  *zoom: 1;
}
.cnt-contact01 .sell-consultation {
  font-size: 128.57143%;
  width: 500px;
  margin: 20px auto 0;
  padding: 5px;
  border-width: 1px 0 1px 0;
  border-color: #01796d;
  border-style: solid;
  font-weight: bold;
  color: #01796d;
}
.cnt-contact01 .sell-consultation span {
  display: inline-block;
  padding-left: 40px;
  background: url(/common/img/sell/ico-balloon.png) 0 50% no-repeat;
}

/*----------------------------------
btnList
----------------------------------*/
.btn-list01 li {
  float: left;
  margin-left: 12px;
}
.btn-list01 li a {
  width: 222px;
  box-sizing: border-box;
}
.btn-list01 li:first-child {
  margin-left: 0;
}

.btn-list02 li {
  margin-top: 10px;
}
.btn-list02 li:first-child {
  margin-top: 0;
}

.btn-list03 {
  line-height: 1;
}
.btn-list03 li {
  float: left;
  width: 210px;
  margin-left: 26px;
}
.btn-list03 li a {
  display: block;
  padding: 10px 0;
  color: #302400;
  font-size: 92.85714%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.btn-list03 li a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.btn-list03 li:first-child {
  margin-left: 0;
}

.btn-list04 li {
  margin-top: 5px;
}
.btn-list04 li:first-child {
  margin-top: 0;
}
.btn-list04 .btn14 a:hover {
  color: #fff;
}

/*----------------------------------
button
----------------------------------*/
.bukken-detail-btn{
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
}
.bukken-detail-btn a {
  display: block;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  background: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #000;
}
.bukken-detail-btn a:hover {
  background-color: #ccc;
  box-shadow: 0 1px 0 #999;
}
.bukken-detail-btn span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.btn01 {
  line-height: 1.2;
}
.btn01 a {
  display: block;
  padding: 5px 0 3px 60px;
  color: #fff;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  background-color: #01897b;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
}
.btn01 a:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}

.btn01.side a {
  font-size: 100%;
}

.btn01.ico-mail a {
  background-image: url(/common/img/ico-mail.png);
}

.btn01.ico-tel a {
  background-image: url(/common/img/ico-tel.png);
}

.btn01.ico-mail a, .btn01.ico-tel a {
  background-color: #ed7e25;
  box-shadow: 0 1px 0 #e75617;
}
.btn01.ico-mail a:hover, .btn01.ico-tel a:hover {
  background-color: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.btn01.area-ch a {
  padding: 7px 0;
  text-align: center;
  font-size: 100%;
}

.btn02 {
  line-height: 1.3;
}
.btn02 a {
  display: table-cell;
  vertical-align: middle;
  height: 75px;
  padding-left: 15px;
  color: #302400;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #fff url(/common/img/ico-arrow02.png) 15px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.btn02 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}
.btn02 span {
  display: block;
  font-size: 62.5%;
  line-height: 1.2;
}

.btn02.f-mdl span {
  display: inline;
  font-size: 81.25%;
}

.btn03 {
  line-height: 1.3;
}
.btn03 a {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  height: 60px;
  padding-left: 46px;
  color: #302400;
  font-size: 114.28571%;
  font-weight: bold;
  text-decoration: none;
  background: #fff url(/common/img/ico-arrow02.png) 20px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.btn03 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.btn04 {
  text-align: center;
  font-weight: bold;
  line-height: 1;
}
.btn04 a {
  display: block;
  padding: 12px 0;
  color: #fff;
  text-decoration: none;
  background: #ed7e25;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #e75617;
}
.btn04 a:hover {
  background: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.btn04.download span {
  padding-left: 24px;
  background: url(/common/img/ico-dl.png) 0 50% no-repeat;
}

.btn04.del span {
  background: url(/common/img/ico-del.png) 0 50% no-repeat;
}
.btn04.del a {
  background: #bdbdbd;
  box-shadow: 0 2px 0 #a9a9a9;
}
.btn04.del a:hover {
  opacity: .7;
}

.btn05 {
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
}
.btn05 a {
  display: block;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  background: #c72032;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #c72032;
}
.btn05 a:hover {
  background: #d76370;
  box-shadow: 0 1px 0 #d76370;
}
.btn05 span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.btn05.check span {
  padding-left: 36px;
  background: url(/common/img/ico-check.png) 0 50% no-repeat;
}

.btn05.mail span {
  padding-left: 36px;
  background: url("/common/img/ico-mail.png") no-repeat scroll 0px 50%;
}

.btn06 {
  text-align: center;
}
.btn06 a {
  display: block;
  padding: 7px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: #ed7e25;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #e75617;
}
.btn06 a:hover {
  background: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.btn06.mail span {
  padding-left: 30px;
  background: url(/common/img/ico-mail.png) 0 50% no-repeat;
}

.btn06.free span {
  position: relative;
  padding-right: 40px;
}

.btn06.free span:before {
  content: "無料";
  display: inline-block;
  position: absolute;
  top: -2px;
  right: 0;
  padding: 0 5px;
  color: #f2962f;
  font-size: 85.71429%;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.btn07 {
  line-height: 1.3;
}
.btn07 a {
  display: table-cell;
  vertical-align: middle;
  width: 136px;
  height: 36px;
  padding-left: 40px;
  color: #302400;
  font-weight: bold;
  text-decoration: none;
  background: #edebe6 url(/common/img/ico-arrow02.png) 8px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
}
.btn07 a:hover {
  opacity: .7;
}

.btn08 {
  line-height: 1;
}
.btn08 a {
  display: block;
  padding: 5px 25px 5px 10px;
  color: #302400;
  font-size: 78.57143%;
  font-weight: bold;
  text-decoration: none;
  background: #edebe6 url(/common/img/ico-arrow02.png) 95% 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.btn08 a:hover {
  opacity: .7;
}

.btn09 {
  width: 210px;
  margin: 0 auto;
  line-height: 1;
}
.btn09 a {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  height: 36px;
  padding-left: 10px;
  color: #302400;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  background: #edebe6 url(/common/img/ico-arrow02.png) 8px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
}

.btn10 a {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  color: #fff;
  font-size: 92.85714%;
  font-weight: bold;
  text-decoration: none;
  background-color: #01897b;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
  *display: inline;
  *zoom: 1;
}
.btn10 a:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}

.btn10.search a {
  background-image: url(/common/img/ico-search03.png);
}

.submit-btn input {
  display: block;
  width: 100%;
  padding: 12px 0;
  color: #fff;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #c72032;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #c72032;
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.submit-btn input:hover {
  background-color: #d76370;
  box-shadow: 0 1px 0 #d76370;
}
.submit-btn.type02 input {
  background-color: #ed7e25;
}
.submit-btn.type02 input:hover {
  background-color: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.search-btn input {
  display: block;
  width: 100%;
  padding: 12px 0 11px;
  color: #fff;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #01897b;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.search-btn input:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}

.reset-btn input {
  display: block;
  padding: 12px 25px 11px;
  color: #302400;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #fff;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.reset-btn input:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.btn11 a,.btn11 span {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  color: #fff;
  font-size: 114.286%;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #c72032;
  background-color: #c72032;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
}
.btn11 a:hover {
  background-color: #d76370;
  box-shadow: 0 1px 0 #d76370;
}

.btn11.ico-mail a {
  font-size: 135.71429%;
  width: 310px;
}

.btn11.ico-mail a:before {
  content: url(/common/img/ico-mail.png);
  margin-right: 10px;
}

.btn11.ico-request a {
  font-size: 92.85714%;
  line-height: 1.3;
  text-align: left;
  width: 140px;
  position: relative;
  padding-left: 45px;
  border: none;
  background: #ed7e25;
  box-shadow: 0 1px 0 #e75617;
}

.btn11.ico-request span {
  background: none;
  line-height: 1.3;
  padding: 0;
  border: medium none;
  box-shadow: none;
  font-size: 100%;
  height: 0;
  text-align: left;
}
.btn11.ico-request span:before {
  display: none;
}
.btn11.ico-request a:hover {
  background: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.btn11.ico-request a:before,.btn11.ico-request span:before {
  content: url(/common/img/detail/ico-add.png);
  margin-top: -8px;
  position: absolute;
  left: 17px;
  top: 50%;
}

.btn11.ico-request.add span {
  background: none;
  line-height: 1.3;
  padding-left: 3px;
  border: medium none;
  box-shadow: none;
  font-size: 100%;
}
.btn11.ico-request.add span:before {
  display: none;
}

.btn11.dell a:before {
  left: 13px;
}
.btn11.add a:before {
  left: 8px;
}
.btn11.dell a,.btn11.add a {
  padding-left: 40px;
  background: #bdbdbd;
  box-shadow: 0 2px 0 #a9a9a9;
}
.btn11.dell a:hover {
  background: #bdbdbd;
  box-shadow: 0 2px 0 #a9a9a9;
  opacity: .7;
}
.btn11.add a {
  padding-left: 29px;
}
.btn11.add a:hover {
  opacity: 1;
  background: #bdbdbd;
  box-shadow: 0 2px 0 #a9a9a9;
  cursor: default;
}

.btn12 a {
  background-color: #548a31;
  display: block;
  color: #fff;
  padding: 10px;
  font-size: 121.42857%;
  line-height: 1.4;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.btn12 a:hover {
  background-color: rgba(84, 138, 49, 0.7);
}
.btn12 a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.btn12 a img {
  float: left;
  margin: 3px 10px 0 0;
}

.btn12 a:after {
  position: absolute;
  top: 50%;
  right: 7px;
  content: url(/common/img/ico-arrow05.png);
  margin-top: -9px;
}

.btn12 span {
  display: block;
  font-size: 82.35294%;
}

.btn12.villa-list {
  font-size: 94.11765%;
}
.btn12.villa-list a {
  position: relative;
  padding: 14px 15px 14px 50px;
}
.btn12.villa-list a img {
  position: absolute;
  top: 13px;
  left: 6px;
}
.btn12.villa-list span {
  font-size: 87.5%;
}

.btn13 {
  line-height: 1;
  text-align: center;
}
.btn13 a {
  display: block;
  padding: 10px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background-color: #01897b;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 0 #00695b;
}
.btn13 a:hover {
  border-top: 1px solid #e6ece2;
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}

.btn14 {
  line-height: 1;
  text-align: center;
}
.btn14 a {
  display: block;
  padding: 10px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background-color: #ed7e25;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #e75617;
}
.btn14 a:hover {
  color: #33691e;
  background-color: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.btn15 {
  display: inline-block;
  vertical-align: top;
  height: 33px;
  margin-left: 10px;
  line-height: 33px;
}
.btn15 a {
  display: block;
  padding: 0 15px 0 25px;
  color: #fff;
  text-decoration: none;
  background-color: #01897b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
}
.btn15 a:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}
.btn15 a:after {
  content: url("/common/img/list/arw-detail.png");
  margin-left: 5px;
}
.btn15.btn15-l{
  height: auto;
  margin: 0;
}
.btn15.btn15-l a{
  padding: 20px 70px 20px 62px;
  letter-spacing: .03em;
  font-size: 150%;
  font-weight: bold;
}
.btn15.btn15-l a::after {
  margin-left: .8em;
}

.btn16 {
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
}
.btn16 a {
  display: block;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  background: #01897b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
}
.btn16 a:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}
.btn16 span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.btn17 {
  line-height: 1;
  text-align: center;
}
.btn17 a {
  display: block;
  padding: 10px 0;
  color: #302400;
  font-weight: bold;
  text-decoration: none;
  background-color: #fff;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.btn17 a:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.btn18 {
  line-height: 1;
}

.btn18 span {
  display: block;
  background: #dddddd;
  padding: 11px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  opacity: 0.7;
}

.bukken-detail-btn.btn19 a {
  background: #ed7e25;
  box-shadow: 0 1px 0 #e75617;
}
.bukken-detail-btn.btn19 a:hover {
  background-color: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.search-btn.search input {
  padding-left: 38px;
  background-position: 130px 50%;
  background-image: url(/common/img/ico-search02.png);
}

.doc-add-btn input {
  display: block;
  width: 100%;
  padding: 18px 54px 18px 78px;
  color: #fff;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background: #ed7e25 url(/common/img/ico-dl.png) 54px 22px no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #e75617;
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.doc-add-btn input:hover {
  background-color: #f1a567;
  box-shadow: 0 1px 0 #ee895b;
}

.doc-del-btn input {
  display: block;
  width: 100%;
  padding: 18px 54px 18px 78px;
  color: #fff;
  font-size: 114.28571%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background: #01897b url(/common/img/ico-del.png) 54px 22px no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.doc-del-btn input:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}

.btn-reform {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  text-align: center;
  *display: inline;
  *zoom: 1;
}
.btn-reform a {
  display: block;
  padding: 8px 15px;
  color: #c7002f;
  text-decoration: none;
  font-weight: bold;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.btn-reform a:hover {
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.btn-chk {
  background: #e6e1c1;
}
.btn-chk label {
  display: block;
  border: 1px solid #ddd;
}
.btn-chk span {
  display: inline-block;
  vertical-align: middle;
}
.btn-chk span:first-child {
  width: 20%;
  padding: 7px 0;
  text-align: center;
  background: #f3efe3;
}
.btn-chk span:last-child {
  width: 80%;
  text-align: center;
  color: #3e2723;
}

.art-select-btn-wrap {
  text-align: center;
}

.art-select-btn {
  display: inline-block;
  color: #fff;
  background: #e67d22;
  box-shadow: 0 1px 0 #df5407;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *display: inline;
  *zoom: 1;
  text-align: center;
}
.art-select-btn label {
  display: block;
  padding: 8px 0;
}
.art-select-btn input {
  position: relative;
  top: 0.2em;
  margin-right: 5px;
}
.art-select-btn:hover {
  background: #f3a567;
  box-shadow: 0 1px 0 #ee895b;
}
.art-select-btn:hover input {
  opacity: .7;
}

/*----------------------------------
inlineScroll
----------------------------------*/
.in-scrl {
  padding-right: 20px;
  overflow: auto;
}

.area-art01 .area-art-title {
  position: relative;
  padding: 20px;
  letter-spacing: -.40em;
  border-bottom: 1px solid #e0e0e0;
  background: #ebead6;
}
.area-art01 .area-art-title dl, .area-art01 .area-art-title img {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.area-art01 .area-art-title dl {
  margin-left: 15px;
}
.area-art01 .area-art-title dt {
  color: #212121;
  font-weight: bold;
}
.area-art01 .area-art-title dd {
  font-size: 85.71429%;
}
.area-art01 .area-art-title dd:last-child {
  float: left;
}
.area-art01 .area-art-title img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #cbcab9;
}
.area-art01 .area-art-title p {
  position: absolute;
  top: 38px;
  right: 20px;
  letter-spacing: normal;
}
.area-art01 .area-art-detail {
  padding: 25px 25px 30px;
  border-bottom: 1px solid #e0e0e0;
  background: #f4f3e6;
}
.area-art01 .area-art-detail .art-text {
  float: left;
  width: 410px;
}
.area-art01 .area-art-detail .art-text h4 {
  font-weight: bold;
}
.area-art01 .area-art-detail .art-text h4 span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 85.71429%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art01 .area-art-detail .art-text h4 em {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  color: #194c8d;
  width: 70%;
  *display: inline;
  *zoom: 1;
}
.area-art01 .area-art-detail .art-text > a {
  display: block;
  color: #302400;
  text-decoration: none;
}
.area-art01 .area-art-detail .art-text > a:hover {
  text-decoration: none;
}
.area-art01 .area-art-detail .art-text > a:hover h4 em {
  text-decoration: underline;
}
.area-art01 .area-art-detail .art-text > a:visited h4 em {
  color: #551A8B;
}
.area-art01 .area-art-detail .art-text > a:hover img {
  opacity: 1;
}
.area-art01 .area-art-detail .art-text > a + ul {
  margin-top: 8px;
}
.area-art01 .area-art-detail .art-price {
  margin-top: 10px;
  letter-spacing: -.40em;
}
.area-art01 .area-art-detail .art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art01 .area-art-detail .art-price li em {
  color: #9b0a0a;
  font-weight: bold;
}
.area-art01 .area-art-detail .art-price li img {
  height: 40px;
}
.area-art01 .area-art-detail .art-price li:first-child {
  margin-left: 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #32353a;
}
.area-art01 .area-art-detail .art-price li:first-child span {
  display: table-cell;
  width: 70px;
  height: 40px;
  vertical-align: middle;
  line-height: 1.3;
}
.area-art01 .area-art-detail .art-price + p {
  margin: 7px 0 5px;
}
.area-art01 .area-art-detail .art-image {
  float: right;
  width: 483px;
}
.area-art01 .area-art-detail .art-image li {
  float: left;
  margin-top: 3px;
  overflow: hidden;
}
.area-art01 .area-art-detail .art-image li span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 130px;
  height: 73px;
  background: rgba(255,255,255,0.5);
}
.area-art01 .area-art-detail .art-image li img {
  height: 100%;
}
.area-art01 .area-art-detail .art-image li:first-child {
  margin-right: 3px;
}
.area-art01 .area-art-detail .art-image li:first-child span {
  width: 350px;
  height: 225px;
}
.area-art01 .area-art-detail .art-image li:first-child img {
  height: auto;
}
.area-art01 .area-art-detail .art-image li:first-child, .area-art01 .area-art-detail .art-image li:first-child + li {
  margin-top: 0;
}

.area-art01 + .doc-check {
  padding: 20px 0 25px;
  border-top: 1px solid #e0e0e0;
  background: #f4f3e6;
}
.area-art01 + .doc-check p:last-child {
  margin-top: 15px;
  text-align: center;
}

.area-art-title02 {
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
  background: #f5f9f5;
}

.area-art02 .area-art-detail {
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
}
.area-art02 .area-art-detail .art-text {
  float: left;
  width: 410px;
}
.area-art02 .area-art-detail .art-text h4 {
  font-weight: bold;
}
.area-art02 .area-art-detail .art-text h4 span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 85.71429%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art02 .area-art-detail .art-text h4 em {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  width: 70%;
  *display: inline;
  *zoom: 1;
  color: #194c8d;
}
.area-art02 .area-art-detail .art-text .art-select-btn-wrap {
  text-align: center;
}
.area-art02 .area-art-detail .art-text .art-select-btn-wrap .art-select-btn {
  width: 260px;
  margin-top: 15px;
}
.area-art02 .area-art-detail .art-text > a {
  display: block;
  color: #302400;
  text-decoration: none;
}
.area-art02 .area-art-detail .art-text > a:hover h4 em {
  text-decoration: underline;
}
.area-art02 .area-art-detail .art-text > a:visited h4 em {
  color: #551A8B;
}
.area-art02 .area-art-detail .art-text > a:hover {
  text-decoration: none;
}
.area-art02 .area-art-detail .art-text > a:hover h4 em {
  text-decoration: underline;
}
.area-art02 .area-art-detail .art-text > a:hover img {
  opacity: 1;
}
.area-art02 .area-art-detail .art-text > a + ul {
  margin-top: 8px;
}
.area-art02 .area-art-detail .art-price {
  margin-top: 10px;
  letter-spacing: -.40em;
}
.area-art02 .area-art-detail .art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art02 .area-art-detail .art-price li em {
  color: #9b0a0a;
  font-weight: bold;
}
.area-art02 .area-art-detail .art-price li img {
  height: 40px;
}
.area-art02 .area-art-detail .art-price li:first-child {
  margin-left: 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #32353a;
}
.area-art02 .area-art-detail .art-price li:first-child span {
  display: table-cell;
  width: 70px;
  height: 40px;
  vertical-align: middle;
  line-height: 1.3;
}
.area-art02 .area-art-detail .art-price + p {
  margin: 7px 0 5px;
}
.area-art02 .area-art-detail .art-image {
  float: right;
  width: 483px;
}
.area-art02 .area-art-detail .art-image li {
  float: left;
  margin-top: 3px;
}
.area-art02 .area-art-detail .art-image li span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 130px;
  height: 72px;
  background: rgba(255,255,255,0.5);
}
.area-art02 .area-art-detail .art-image li img {
  height: 100%;
}
.area-art02 .area-art-detail .art-image li:first-child {
  margin-right: 3px;
}
.area-art02 .area-art-detail .art-image li:first-child span {
  width: 350px;
  height: 225px;
}
.area-art02 .area-art-detail .art-image li:first-child img {
  height: auto;
}
.area-art02 .area-art-detail .art-image li:first-child, .area-art02 .area-art-detail .art-image li:first-child + li {
  margin-top: 0;
}

.area-art02 + .doc-check {
  padding: 15px 0 0;
  background: #f5f9f5;
}
.area-art02 + .doc-check p:last-child {
  margin-top: 15px;
  text-align: center;
}

.area-art-title03 {
  padding-bottom: 20px;
  letter-spacing: -.40em;
  border-bottom: 1px solid #e0e0e0;
}
.area-art-title03 p {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.area-art-title03 p:first-child {
  margin-right: 15px;
}
.area-art-title03 img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #cbcab9;
}

.area-art03 {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  letter-spacing: -.40em;
}
.area-art03 .area-art-detail {
  width: 50%;
  padding-right: 20px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  *display: inline;
  *zoom: 1;
}
.area-art03 .area-art-detail:nth-child(even) {
  padding-right: 0;
  padding-left: 20px;
  border-left: 1px solid #e0e0e0;
}
.area-art03 .art-image li {
  float: left;
  width: 30%;
  margin-left: 5%;
  overflow: hidden;
  background: rgba(255,255,255,0.5);
  /*--background: #fff;--*/
  text-align: center;
}
.area-art03 .art-image li img {
  max-height: 70px;
}
.area-art03 .art-image li:first-child {
  width: 100%;
  margin: 0 0 5% 0;
  text-align: center;
  background: rgba(255,255,255,0.5);
}
.area-art03 .art-image li:first-child img {
  width: auto;
  max-height: 197px;
}
.area-art03 .art-image li:nth-child(2) {
  margin-left: 0;
}
.area-art03 .art-text {
  margin-top: 25px;
}
.area-art03 .art-text h4 {
  font-weight: bold;
}
.area-art03 .art-text h4 span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 85.71429%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art03 .art-text h4 em {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  width: 70%;
  *display: inline;
  *zoom: 1;
  color: #194c8d;
}
.area-art03 .art-text > a {
  display: block;
  color: #302400;
  text-decoration: none;
}
.area-art03 .art-text > a:hover {
  text-decoration: none;
}

.area-art03 .area-art-detail .art-text > a:hover h4 em {
  text-decoration: underline;
}
.area-art03 .area-art-detail .art-text > a:visited h4 em {
  color: #551A8B;
}
.area-art03 .art-text > a:hover img {
  opacity: 1;
}
.area-art03 .art-text > a + ul {
  margin-top: 8px;
}
.area-art03 .art-price {
  margin-top: 10px;
  letter-spacing: -.40em;
}
.area-art03 .art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art03 .art-price li em {
  color: #9b0a0a;
  font-weight: bold;
}
.area-art03 .art-price li img {
  height: 40px;
}
.area-art03 .art-price li:first-child {
  margin-left: 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #32353a;
}
.area-art03 .art-price li:first-child span {
  display: table-cell;
  width: 70px;
  height: 40px;
  vertical-align: middle;
  line-height: 1.3;
}
.area-art03 .art-price + p {
  margin: 7px 0 5px;
}

.area-art03 + .doc-check {
  padding: 15px 0 0;
  background: #f5f9f5;
}
.area-art03 + .doc-check p:last-child {
  margin-top: 15px;
  text-align: center;
}

.area-art04 {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  letter-spacing: -.40em;
}
.area-art04 .area-art-detail {
  width: 32.5%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  *display: inline;
  *zoom: 1;
}
.area-art04 .area-art-detail:first-child,
.area-art04 .area-art-detail:nth-child(2) {
  margin-right: 2.5%;
  padding-right: 2.5%;
  border-right: 1px solid #e0e0e0;
}
.area-art04 .area-art-detail:nth-child(2) {
  margin-right: 0;
}
.area-art04 .area-art-detail:last-child {
  margin-right: 0;
  padding-right: 0;
  padding-left: 2.5%;
  border-right: none;
}
.area-art04 .art-image li {
  float: left;
  width: 48.5%;
  text-align: center;
  background: rgba(255,255,255,0.5);
}
.area-art04 .art-image li img {
  max-height: 70px;
}
.area-art04 .art-image li:first-child {
  width: 100%;
  margin: 0 0 3% 0;
  text-align: center;
  background: rgba(255,255,255,0.5);
}
.area-art04 .art-image li:first-child img {
  width: auto;
  max-height: 130px;
}
.area-art04 .art-image li:last-child {
  float: right;
}
.area-art04 .art-text {
  margin-top: 20px;
}
.area-art04 .art-text h4 {
  font-weight: bold;
}
.area-art04 .art-text h4 span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 85.71429%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art04 .art-text h4 em {
  display: block;
  margin-top: 8px;
  font-weight: bold;
  color: #194c8d;
}
.area-art04 .art-text .art-select-btn {
  width: 260px;
  margin-top: 15px;
}
.area-art04 .art-text > a {
  display: block;
  color: #302400;
  text-decoration: none;
}

.area-art04 .art-text > a:hover {
  text-decoration: none;
}
.area-art04 .art-text > a:hover h4 em {
  text-decoration: underline;
}
.area-art04 .area-art-detail .art-text > a:visited h4 em {
  color: #551A8B;
}
.area-art04 .art-text > a:hover img {
  opacity: 1;
}
.area-art04 .art-text > a + ul {
  margin-top: 8px;
}
.area-art04 .art-price {
  margin-top: 10px;
  letter-spacing: -.40em;
}
.area-art04 .art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art04 .art-price li em {
  color: #9b0a0a;
  font-weight: bold;
}
.area-art04 .art-price li img {
  height: 40px;
}
.area-art04 .art-price li:first-child {
  margin-left: 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #32353a;
}
.area-art04 .art-price li:first-child span {
  display: table-cell;
  width: 70px;
  height: 40px;
  vertical-align: middle;
  line-height: 1.3;
}
.area-art04 .art-price + p {
  margin: 7px 0 5px;
}

.area-art04 + .doc-check {
  padding: 15px 0 0;
  background: #f5f9f5;
}
.area-art04 + .doc-check p:last-child {
  margin-top: 15px;
  text-align: center;
}

.area-art05 {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  letter-spacing: -.40em;
}
.area-art05 .area-art-detail {
  width: 23.75%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  *display: inline;
  *zoom: 1;
}
.area-art05 .area-art-detail a {
  display: block;
  color: #302400;
  text-decoration: none;
}
.area-art05 .area-art-detail a h4 em {
  text-decoration: underline;
}
.area-art05 .area-art-detail a:hover {
  text-decoration: none;
}
.area-art05 .area-art-detail a:hover h4 em {
  text-decoration: none;
}
.area-art05 .area-art-detail a:hover img {
  opacity: 1;
}
.area-art05 .area-art-detail:first-child,
.area-art05 .area-art-detail:nth-child(2),
.area-art05 .area-art-detail:nth-child(3) {
  margin-right: 2.5%;
  padding-right: 2.5%;
  border-right: 1px solid #e0e0e0;
}
.area-art05 .area-art-detail:nth-child(3) {
  margin-right: 0;
}
.area-art05 .area-art-detail:last-child {
  margin-right: 0;
  padding-right: 0;
  padding-left: 2.5%;
  border-right: none;
}
.area-art05 .art-image img {
  width: 100%;
  height: auto;
}
.area-art05 .art-text {
  margin-top: 15px;
}
.area-art05 .art-text h4 {
  font-weight: bold;
  font-size: 92.85714%;
}
.area-art05 .art-text h4 span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 92.30769%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art05 .art-text h4 em {
  display: block;
  margin-top: 8px;
  font-weight: bold;
}
.area-art05 .art-text h4 + p {
  font-size: 92.85714%;
}
.area-art05 .art-price {
  margin-top: 5px;
  letter-spacing: -.40em;
}
.area-art05 .art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 5px;
  *display: inline;
  *zoom: 1;
}
.area-art05 .art-price li em {
  color: #9b0a0a;
  font-weight: bold;
}
.area-art05 .art-price li:first-child {
  margin-left: 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #32353a;
}
.area-art05 .art-price li:first-child span {
  display: table-cell;
  width: 70px;
  height: 20px;
  vertical-align: middle;
  line-height: 1.3;
}

.area-art-title-sell {
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
  background: #f4f3e6;
}

.type05 .area-art03 + .doc-check,
.type05 .area-art04 + .doc-check {
  background: #f4f3e6;
}

.area-art06 .art-image ul {
  display: block;
  overflow:hidden;
}
.area-art06 {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  letter-spacing: -.40em;
}
.area-art06 .area-art-detail {
  width: 23.75%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  *display: inline;
  *zoom: 1;
}
.area-art06 .area-art-detail a {
  display: block;
  text-decoration: none;
  margin-bottom:20px;
}

.area-art06 .area-art-detail a h4 em {
  text-decoration: underline;
}
.area-art06 .area-art-detail a:hover {
  text-decoration: none;
}
.area-art06 .area-art-detail a:hover h4 em {
  text-decoration: none;
}
.area-art06 .area-art-detail a:hover img {
  opacity: 1;
}
.area-art06 .area-art-detail:first-child,
.area-art06 .area-art-detail:nth-child(2),
.area-art06 .area-art-detail:nth-child(3) {
  margin-right: 2.5%;
  padding-right: 2.5%;
  border-right: 1px solid #e0e0e0;
}
.area-art06 .area-art-detail:nth-child(3) {
  margin-right: 0;
}
.area-art06 .area-art-detail:last-child {
  margin-right: 0;
  padding-right: 0;
  padding-left: 2.5%;
  border-right: none;
}
.area-art06 .art-image li {
  float: left;
  width: 48.5%;
  text-align: center;
  background: rgba(255,255,255,0.5);
}
.area-art06 .art-image li img {
  max-height: 70px;
}
.area-art06 .art-image li:first-child {
  width: 100%;
  margin: 0 0 3% 0;
  text-align: center;
  background: rgba(255,255,255,0.5);
}
.area-art06 .art-image li:first-child img {
  width: auto;
  max-height: 130px;
}
.area-art06 .art-image li:last-child {
  float: right;
}
.area-art06 .art-text {
  margin-top: 15px;
}

.area-art06 .art-text h4 {
  font-weight: bold;
  font-size: 92.85714%;
}
.area-art06 .art-text h4 span {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
  font-weight: normal;
  font-size: 92.30769%;
  color: #fff;
  text-align: center;
  background: #00897b;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.area-art06 .art-text h4 em {
  display: block;
  margin-top: 8px;
  font-weight: bold;
}
.area-art06 .art-text h4 + p {
  font-size: 92.85714%;
}
.area-art06 .art-text p {
  display: block;
  color: #302400;
  text-decoration: none;
}
.area-art06 .art-price {
  margin-top: 5px;
  letter-spacing: -.40em;
}
.area-art06 .art-price + p {
    margin: 7px 0 5px;
}
.area-art06 .art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 5px;
  *display: inline;
  *zoom: 1;
}
.area-art06 .art-price li em {
  color: #9b0a0a;
  font-weight: bold;
}
.area-art06 .art-price li:first-child {
  margin-left: 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  background: #32353a;
}
.area-art06 .art-price li:first-child span {
  display: table-cell;
  width: 70px;
  height: 20px;
  vertical-align: middle;
  line-height: 1.3;
}
.doc-check .check {
  width: 354px;
  margin: 0 auto;
}
.area-art06 + .doc-check {
  padding: 15px 0 0;
  background: #f5f9f5;
}

.area-pickup-list {
  margin-top: 25px;
}
.area-pickup-list ul {
  width: 1015px;
  margin: -10px 0 0 -35px;
  letter-spacing: -.40em;
}
.area-pickup-list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 300px;
  margin: 10px 0 0 35px;
  *display: inline;
  *zoom: 1;
}
.area-pickup-list li p, .area-pickup-list02 li p {
  margin-top: 5px;
  line-height: 1.3;
}
.area-pickup-list li:first-child {
  width: auto;
  margin-right: 16px;
}

.area-pickup-list02 {
  margin-top: 25px;
}

.area-pickup-list02 ul {
  margin: -16px 0 0 -35px;
}
.area-pickup-list li, .area-pickup-list02 li {
  position: relative;
}
.area-pickup-list02 li {
  float: left;
  margin: 16px 0 0 35px;
  width: 300px;
}
.area-pickup-list02 .pickup-long {
  width: 620px;
}


.area-pickup-list li .new, .area-pickup-list02 li .new {
  position: absolute;
  right: 5px;
  top: 5px;
  display: inline-block;
  width: 36px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  font-size: 85.7%;
  font-weight: bold;
  background: #950300;
}

/*--調整版PICK UPリスト　2018/05/21 --*/

.area-pickup-list-new {
  margin-top: 25px;
}
.area-pickup-list-new ul {
  width: 985px;
  letter-spacing: -.40em;
}
.area-pickup-list-new li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  letter-spacing: normal;
  width: 300px;
  margin:0 20px 12px 0;
  *display: inline;
  *zoom: 1;
}
.area-pickup-list-new li.long{
  width:940px;
}
.area-pickup-list-new li.long980{
  width:980px;
}
.area-pickup-list-new li.middle{
  width:620px;
  margin-right:20px;
}
.area-pickup-list-new li.rect_l{
  float:left;
}
.area-pickup-list-new li.rect_r{
  float:right;
  margin-right:44px;
}
.area-pickup-list-new li.rect_wl{
  float:left;
  width:620px;
}
.area-pickup-list-new li.rect_wr{
  float:right;
  width:620px;
  margin-right:44px;
}
.area-pickup-list-new li p {
  margin-top: 5px;
  line-height: 1.3;
}
.area-pickup-list-new li .new {
  position: absolute;
  right: 5px;
  top: 5px;
  display: inline-block;
  width: 36px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  font-size: 85.7%;
  font-weight: bold;
  background: #950300;
}


/*--ハワイ向けバナーエリア 2017/10/16追加--*/
.area-pickup-list03 li {
  margin-bottom:15px;
}
.area-pickup-list03 li a img {
  max-width:960px;
  width:100%;
}

/*--オーストラリア向けバナーエリア 2列表示 2019/2/21追加--*/
.area-pickup-list04 li {
  position: relative;
  float:left;
  width: 49%;
  margin: 0 1% 15px 0;
}
.area-pickup-list04 li:nth-child(2n){
  margin-right:0;
  float:right;
}
.area-pickup-list04 li a img {
  max-width:470px;
  width:100%;
}


/*--atami carnival--*/

.atami-box {
	width: 970px;	
}

.atami-box img{
	margin-bottom: 15px;
}

.atami-box h5{
	color: #302400;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}

.atami-box .station{
    font-size: 13px;
	padding: 1px 10px;
	margin: 0;
	border-left: 5px solid #973658;
}

.atami-box .station-box{
	display: block;
	height: auto;
	padding: 6px 1%;
	width: 48%;
	float: left;	
}

.atami-box .station-box ul{
	display: block;
	padding: 0 2%;
}

.atami-box .station-box ul li{
	display: block;
	width: 98%;
	font-size: 12px;
	padding: 2px 0 2px 20px;
	background: url(/atami_yugawara/img/carnival_ico.png) no-repeat left;
}

.station-box li em {
	display: inline-block;
	padding: 1px 0 0 10px;
	margin-right: 4px;
	text-align: center;
	color: #fff;
	font-size: 85.71429%;
	letter-spacing: 9px;
	background: #973658;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	*display: inline;
	*zoom: 1;
}

.station-box li span {
	display: inline-block;
 	padding: 0;
}

a span:link {
	color: #194c8d;
	text-decoration: none;
}

a span:visited {
	color: #551A8B;
	text-decoration: none;
}

a span:hover {
	color: #194c8d;
	text-decoration: underline;
	cursor: pointer;
}

a span:active {
	color: #194c8d;
	text-decoration: underline;
}

a span:active, a span:focus {
	outline: none;
}


/*----------------------------------
articleNum
----------------------------------*/
.art-num {
  font-size: 114.28571%;
}
.art-num em {
  color: #9b0a0a;
  font-weight: bold;
  font-size: 125%;
}
.art-num a {
  color: #9b0a0a;
}
.art-num a:hover {
  text-decoration: underline !important;
}

/*----------------------------------
areaResortList
----------------------------------*/
#area-resort-list p {
  font-weight: bold;
}
#area-resort-list p a {
  color: #212121;
}
#area-resort-list dl {
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
#area-resort-list dl:first-child {
  padding-top: 0;
}
#area-resort-list dt, #area-resort-list dd {
  float: left;
}
#area-resort-list dt {
  position: relative;
  width: 180px;
  padding-left: 15px;
  color: #212121;
  box-sizing: border-box;
}
#area-resort-list dt:before {
  content: " ";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #386a23;
}
#area-resort-list dd {
  width: 740px;
}
#area-resort-list ul {
  margin: -5px 0 0 -34px;
}
#area-resort-list li {
  float: left;
  margin: 5px 0 0 34px;
}
#area-resort-list li a {
  position: relative;
}

/*----------------------------------
printNavi
----------------------------------*/
#print-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background: #558b2f;
}

#print-nav-wrap {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  padding: 13px 17px;
  font-size: 85.71429%;
  line-height: 1.3;
  box-sizing: border-box;
  background: #f4f8f4;
  *display: inline;
  *zoom: 1;
}
#print-nav-wrap li {
  float: left;
  margin-left: 10px;
}
#print-nav-wrap li:first-child {
  margin-left: 0;
  color: #43a047;
}
#print-nav-wrap li:first-child p {
  float: left;
}
#print-nav-wrap li:first-child p:first-child {
  margin: 8px 20px 0 0;
  font-weight: bold;
  text-align: left;
}
#print-nav-wrap li:first-child p:first-child input, #print-nav-wrap li:first-child p:first-child span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
#print-nav-wrap li:first-child p:first-child input {
  margin-right: 10px;
}
#print-nav-wrap li:nth-child(3) {
  margin-left: 30px;
}
#print-nav-wrap li:nth-child(4) {
  margin-top: 10px;
}
#print-nav-wrap .btn-collect {
  width: 130px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 108.33333%;
  font-weight: bold;
}
#print-nav-wrap .btn-collect a {
  display: table;
  height: 48px;
  width: 100%;
  padding: 7px 0;
  color: #fff;
  text-decoration: none;
  background: #d8364e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #c72034;
  box-sizing: border-box;
}
#print-nav-wrap .btn-collect a:hover {
  background: #b70b19;
  box-shadow: 0 1px 0 #9b0409;
}
#print-nav-wrap .btn-comparison {
  width: 130px;
  text-align: center;
  font-size: 108.33333%;
  font-weight: bold;
}
#print-nav-wrap .btn-comparison a {
  display: table;
  width: 100%;
  height: 48px;
  color: #fff;
  text-decoration: none;
  background: #01897b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #00695b;
  box-sizing: border-box;
}
#print-nav-wrap .btn-comparison a:hover {
  background: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}
#print-nav-wrap .btn-addlist {
  position: relative;
  width: 160px;
  text-align: center;
  font-size: 108.33333%;
  font-weight: bold;
}
#print-nav-wrap .btn-addlist a {
  display: table;
  width: 100%;
  height: 48px;
  color: #fff;
  text-decoration: none;
  background: #f29430;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 0 #e75617;
  box-sizing: border-box;
}
#print-nav-wrap .btn-addlist a:hover {
  background: #eb6a16;
  box-shadow: 0 1px 0 #d82e0a;
}
#print-nav-wrap .add-baloon {
  display: none;
  position: absolute;
  top: -100%;
  left: 50%;
  width: 190px;
  margin-left: -95px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 2px solid #e87520;
  background: #fef9ef;
  box-shadow: 0 0 3px rgba(0,0,0,.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
#print-nav-wrap .add-baloon span {
  position: relative;
  display: block !important;
  padding: 10px 0 10px 32px;
  box-sizing: border-box;
  background: url(/common/img/ico-dl02.png) 47px 50% no-repeat;
}
#print-nav-wrap .add-baloon span:before {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -5px 0 0 -5px;
  border: solid #e87520;
  border-width: 0 2px 2px 0;
  background: #fef9ef;
  transform: rotate(45deg);
}
#print-nav-wrap .btn-print {
  font-weight: bold;
}
#print-nav-wrap .btn-print a {
  display: table-cell;
  vertical-align: middle;
  width: 105px;
  height: 43px;
  padding-left: 35px;
  color: #32353a;
  box-sizing: border-box;
  text-decoration: none;
  background: #fff url(/common/img/ico-print.png) 10px 50% no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #c9d0c9;
}
#print-nav-wrap .btn-collect, #print-nav-wrap .btn-addlist, #print-nav-wrap .btn-comparison {
  line-height: 1.5;
}
#print-nav-wrap .btn-collect a, #print-nav-wrap .btn-addlist a, #print-nav-wrap .btn-comparison a {
  padding: 5px 0;
}
#print-nav-wrap .btn-collect span, #print-nav-wrap .btn-addlist span, #print-nav-wrap .btn-comparison span {
  display: table-cell;
  vertical-align: middle;
}
#print-nav-wrap .btn-collect span span, #print-nav-wrap .btn-addlist span span, #print-nav-wrap .btn-comparison span span {
  display: block;
  font-size: 92.30769%;
}

/*----------------------------------
areaSearch
----------------------------------*/
#area-search {
  margin-top: 20px;
}
#area-search .art-num {
  text-align: center;
}
#area-search .art-num a {
  color: #9b0a0a;
}
#area-search .art-num a:hover {
  text-decoration: underline;
}
#area-search table + p {
  width: 360px;
  margin: 20px auto 0;
}
#area-search td > p:first-child {
  font-weight: bold;
  margin-bottom: 10px;
}
#area-search .input-clear {
  margin-top: 15px;
  text-align: center;
}
#area-search .input-clear + ul {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}
#area-search .area-set {
  margin-top: 10px;
}
#area-search .area-set ul {
  display: none;
  padding-left: 15px;
}
#area-search .area-set ul ul {
  padding-left: 0;
}
#area-search .area-set ul li li {
  display: block;
}
#area-search .area-set ul li li:before {
  content: "└";
  margin-right: 5px;
}
#area-search .area-set:first-child {
  margin-top: 0;
}
#area-search li a {
  text-decoration: none;
}

@media only screen and (min-width: 1270px) {
  #trp-column #h-top {
    text-align: right;
  }
  #trp-column #h-top.wrap {
    width: 1230px;
    padding-left: 0;
  }
  #trp-column #logo {
    float: left;
  }
  #trp-column #sub-gmenu {
    width: 1230px;
  }
  #trp-column #pan-nav ul {
    width: 1230px;
  }
  #trp-column .trp-other {
    float: right;
    width: calc(100% - 250px);
  }
  #trp-column #area-search {
    /*position: absolute;
    top: 0;
    left: 0;
    z-index: 1;*/
    float: left;
    width: 230px;
    margin-top: 0;
  }
  #trp-column #area-search .sec-wrap03 {
    padding: 10px 10px 20px;
  }
  #trp-column #area-search .art-num {
    text-align: center;
    font-size: 92.85714%;
  }
  #trp-column #area-search .art-num a {
    color: #9b0a0a;
  }
  #trp-column #area-search .art-num a:hover {
    text-decoration: underline;
  }
  #trp-column #area-search .art-num em {
    font-weight: bold;
    font-size: 153.84615%;
  }
  #trp-column #area-search th, #trp-column #area-search td {
    display: block;
    width: 100%;
    border: none;
    padding: 0.8em 1.2em;
    float: left\9;
  }
  #trp-column #area-search th {
    cursor: pointer;
    border-top: 3px solid #fff;
    background-image: url(/common/img/ico-close.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
  }
  #trp-column #area-search th.off {
    background-image: url(/common/img/ico-open.png);
  }
  #trp-column #area-search li {
    float: none;
    margin: 10px 0 0 0;
    text-indent: -1.6em;
    padding-left: 1.6em;
    line-height: 1.4;
  }
  #trp-column #area-search li:first-child {
    margin-top: 0;
  }
  #trp-column #area-search .area-set {
    margin-top: 10px;
  }
  #trp-column #area-search .area-set p {
    text-indent: -1.6em;
    padding-left: 1.6em;
  }
  #trp-column #area-search .area-set li {
    margin-top: 10px;
  }
  #trp-column #area-search .area-set:first-child {
    margin-top: 0;
  }
  #trp-column #area-search select {
    margin-top: 5px;
  }
  #trp-column #area-search select:first-child {
    margin-top: 0;
  }
  #trp-column #area-search .list-type01 li, #trp-column #area-search .list-type02 li, #trp-column #area-search .list-type03 li {
    width: auto;
  }
  #trp-column #area-search table + p {
    width: 100%;
    margin: 20px auto 0;
  }
  #trp-column #area-search .input-clear {
    margin-top: 10px;
    text-align: center;
  }
  #trp-column #area-search .input-clear + ul {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
  }
  #trp-column #area-search .search-btn {
    font-size: 87.5%;
  }
  #trp-column #area-search .search-btn.search input {
    padding-left: 25px;
    background-position: 55px 50%;
    background-image: url("/common/img/ico-search02.png");
  }
  #trp-column #area-search .btn-list03 li {
    margin-left: 0;
    text-indent: 0;
    padding-left: 0;
  }

  #trp-column.area .trp-other {
    width: calc(100% - 240px);
  }
}
/*----------------------------------
form
----------------------------------*/
.frm-lead {
  text-align: center;
}
.frm-lead em {
  color: #c7002f;
}

.form_info01 {
  width: 100%;
  background: #fff;
  padding: 10px 15px;
  color: #c7002f;
  margin-top: 20px;
  box-sizing: border-box;
  text-align:center;
  font-size:120%;
  font-weight:bold;
}
.form_info01 p {
  text-align:center;
}

.form_info01 ul {
  display:inline-block;
}
.form_info01 ul li {
  text-align:left;
}

.lead-ssl {
  letter-spacing: -.40em;
  text-align: left;
}

.ssl-text, .ssl-image {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

.ssl-text {
  width: 83%;
  text-align: left;
}

.ssl-image {
  width: 17%;
  text-align: right;
}

.lead-eq {
  padding: 20px;
  text-align: center;
  background: #fff;
}
.lead-eq h2 {
  text-align: center;
  color: #9a0a0a;
  font-weight: bold;
  font-size: 135.71429%;
}
.lead-eq h2 + p {
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 107.14286%;
}

.lead-eq-detail {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 15px 12px 90px;
  font-weight: bold;
  background: #f7f1bf url(/common/img/form/ico-eq.png) 23px 50% no-repeat;
  *display: inline;
  *zoom: 1;
}
.lead-eq-detail p {
  text-align: left;
}
.lead-eq-detail em {
  font-weight: bold;
  color: #9a0a0a;
}

.questionnaire-com-detail {
  margin-top: 10px;
  text-align: left;
  padding: 12px 15px;
  background: #F7F1BF;
  display: inline-block;
}
.questionnaire-com-detail >p {
  margin-top: 10px;
}
.questionnaire-com-detail >p:firts-child {
  margin-top: 0;
}
.questionnaire-com-detail >p:nth-child(2) {
  color: #9A0A0A;
}

.questionnaire-com-detail dl {
  margin-top: 20px;
  display: table;
  table-layout: fixed;
}

.questionnaire-com-detail dt, .questionnaire-com-detail dd {
  display: table-cell;
  vertical-align: middle;
}

.questionnaire-com-detail dt {
  width: 160px;
}
.questionnaire-com-detail dt em {
  color: #C7002F;
}
.questionnaire-com-detail dd span {
  display: block;
  margin-top: 5px;
}
.questionnaire-com-detail dd input {
  width: 42%;
  height: 35px;
  padding-left: 10px;
  line-height: 35px;
  border: 1px solid #CBCBCB;
  box-sizing: border-box;
}

.questionnaire-com-detail ul {
  margin-top: 20px;
  font-size: 85.7%;
}

.questionnaire-com-detail .submit-btn {
  width: 324px;
  margin: 30px auto 0;
}

.lead-hvc h2 {
  color: #8e1354;
}
.lead-hvc h2 + p {
  margin-top: 15px;
}
.lead-hvc h2 + p + p {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 107.14286%;
}

.lead-confirm {
  padding: 20px;
  background: #eee;
  letter-spacing: -.40em;
}

.confirm-text, .correct-btn {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

.confirm-text {
  width: 72%;
  text-align: left;
}

.correct-btn {
  width: 28%;
  padding-left: 5%;
  box-sizing: border-box;
}
.correct-btn input {
  color: #302400;
  background-color: #fff;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 1px #d4d6d3;
}
.correct-btn input:hover {
  color: #33691e;
  border-top: 1px solid #e6ece2;
  background-color: #ebefe1;
  box-shadow: 0 1px 1px #ccdbc8;
}

.complete-text {
  padding: 20px;
  text-align: left;
  background: #eee;
}
.complete-text p {
  margin-top: 15px;
}
.complete-text p:first-child {
  margin-top: 0;
}

.lead-complete > p {
  margin: 40px 0 0;
}

.frm-step {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 35px 0;
  padding-right: 16px;
  border-left: 1px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.frm-step li {
  position: relative;
  display: table-cell;
  text-align: center;
  color: #fff;
  border: solid #fff;
  border-width: 1px 0;
  text-indent: -16px;
  background: #c4c4c4;
}
.frm-step li span {
  display: block;
  height: 38px;
  margin-right: 18px;
  margin-left: -18px;
  line-height: 38px;
}
.frm-step li:first-child {
  margin-left: 0;
}
.frm-step li:first-child span {
  margin-left: 0;
}
.frm-step .frm-step-cur span {
  background: #76a159;
}
.frm-step .frm-step-cur:before {
  border-left: 16px solid #76a159;
}
.frm-step li:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -16px;
  z-index: 2;
  width: 0;
  height: 0;
  border: 19px solid transparent;
  border-left: 16px solid #c4c4c4;
}
.frm-step li:after {
  content: " ";
  position: absolute;
  top: -2px;
  right: -20px;
  z-index: 1;
  width: 0;
  height: 0;
  border: 21px solid transparent;
  border-left: 18px solid #fff;
}
.frm-step li:last-child {
  text-indent: 0;
}
.frm-step li:last-child span {
  margin-right: 0;
}
.frm-step li:last-child:before {
  right: -34px;
}
.frm-step li:last-child:after {
  right: -38px;
}

.frm-step-top {
  margin-top: 0;
}

.estate-list {
  margin: 0 0 40px;
  text-align: center;
}
.estate-list table {
  width: 100%;
  margin-top: 20px;
  table-layout: fixed;
  border: solid #d1d1d1;
  border-width: 1px 1px 0 0;
}
.estate-list th, .estate-list td {
  padding: 10px 15px;
  border: solid #d1d1d1;
  border-width: 0 0 1px 1px;
  text-align: center;
}
.estate-list th {
  background: #eee;
}
.estate-list th:first-child {
  width: 40%;
}
.estate-list td {
  background: #fff;
}
.estate-list table + p {
  margin: 15px 0 0;
}
.estate-list input[type=checkbox] {
  position: relative;
  top: 0.15em;
  margin-right: 7px;
}
.estate-list .no-estate {
  text-align: left;
}
.estate-list .estate-art img {
  float: left;
  margin-right: 10px;
}
.estate-list .estate-art dl {
  position: relative;
  top: -3px;
  text-align: left;
  overflow: hidden;
}

.frm-cnt input[type=text] {
  width: 95%;
  height: 35px;
  padding-left: 10px;
  line-height: 35px;
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
}
.frm-cnt input[type=checkbox], .frm-cnt input[type=radio] {
  position: relative;
  top: 0.15em;
  margin-right: 7px;
}
.frm-cnt textarea {
  display: block;
  width: 95%;
  height: 7em;
  padding: 10px;
  font-size: 100%;
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
}
.frm-cnt select {
  position: relative;
  height: 35px;
  padding: 0 40px 0 5px;
  border: 1px solid #cbcbcb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/common/img/ico-arrow04.png) 90% 50% no-repeat;
}
.frm-cnt select::-ms-expand {
  display: none;
}
.frm-cnt select:not(:target) {
  padding-right: 0\9;
  background-position: 100% 0\9;
}
.frm-cnt select + input {
  margin-top: 10px;
}
.frm-cnt label em {
  color: #c7002f;
}
.frm-cnt p {
  margin: 5px 0;
}
.frm-cnt p:first-child {
  margin-top: 0;
}
.frm-cnt li {
  float: left;
  margin-right: 20px;
}
.frm-cnt dt em {
  color: #c7002f;
}
.frm-cnt .stop-list li {
  float: none;
  margin-top: 5px;
}
.frm-cnt .stop-list li:first-child {
  margin-top: 0;
}
.frm-cnt .frm-atn {
  margin-top: 0;
  color: #c7002f;
}
.frm-cnt .frm-link p {
  margin: 0;
}
.frm-cnt .frm-link small {
  font-size: 92.85714%;
}
.frm-cnt .frm-in-text {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  border-top: 1px solid #d1d1d1;
  background: #fff;
}
.frm-cnt .frm-in-text:before {
  content: " ";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: #424242;
  *display: inline;
  *zoom: 1;
}
.frm-cnt .frm-sep-line {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d1d1d1;
}
.frm-cnt .err dd {
  background: #ffe9e9;
}
.frm-cnt .err .area-list li:first-child {
  border-bottom: 2px solid #eee4e4;
}
.frm-cnt .err input[type=checkbox], .frm-cnt .err input[type=radio] {
  opacity: .7;
}

.input-s input[type=text] {
  width: 10%;
}

.input-m input[type=text] {
  width: 15%;
}

.frm-wrap01 {
  margin: 20px 0;
  border: 1px solid #d1d1d1;
}
.frm-wrap01 dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #d1d1d1;
}
.frm-wrap01 dl:first-child {
  border-top: none;
}
.frm-wrap01 dt, .frm-wrap01 dd {
  display: table-cell;
  vertical-align: top;
  padding: 15px 20px;
  box-sizing: border-box;
}
.frm-wrap01 dt {
  width: 17%;
  background: #eee;
}
.frm-wrap01 dd {
  width: 83%;
  background: #fff;
}

.frm-wrap02 {
  margin: 20px 0;
  border: 1px solid #d1d1d1;
}
.frm-wrap02 dt, .frm-wrap02 dd {
  padding: 15px 20px;
  box-sizing: border-box;
}
.frm-wrap02 dt {
  border-bottom: 1px solid #d1d1d1;
  background: #eee;
}
.frm-wrap02 dd {
  background: #fff;
}
.frm-wrap02 dd .area-list {
  margin-top: -5px;
  letter-spacing: -.40em;
}
.frm-wrap02 dd .area-list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 20%;
  margin: 5px 0 0;
  letter-spacing: -0.03em;
  *display: inline;
  *zoom: 1;
}
.frm-wrap02 dd .area-list li label {
  display: block;
  position: relative;
  padding: 0 10px 0 20px;
}
.frm-wrap02 dd .area-list li input[type=checkbox] {
  position: absolute;
  top: 0.35em;
  left: 0;
}
.frm-wrap02 dd .area-list li:first-child {
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #efefef;
}
.frm-wrap02 dd .clm-four li {
  width: 25%;
}

.frm-wrap03 {
  margin: 20px 0;
  border: 1px solid #d1d1d1;
}
.frm-wrap03 > dl > dt {
  padding: 15px 20px;
  box-sizing: border-box;
  background: #eee;
}
.frm-wrap03 dd dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #d1d1d1;
}
.frm-wrap03 dd dt, .frm-wrap03 dd dd {
  display: table-cell;
  vertical-align: top;
  padding: 15px 20px;
  box-sizing: border-box;
}
.frm-wrap03 dd dt {
  width: 17%;
  background: #eee;
}
.frm-wrap03 dd dd {
  width: 83%;
  background: #fff;
}

.frm-title-w dd dt {
  width: 40%;
}
.frm-title-w dd dd {
  width: 60%;
}

.frm-wrap04 {
  margin: 20px 0;
  border: 1px solid #d1d1d1;
}
.frm-wrap04 dt, .frm-wrap04 dd {
  padding: 15px 20px;
  box-sizing: border-box;
}
.frm-wrap04 dt {
  border-bottom: 1px solid #d1d1d1;
  color: #01796d;
  font-weight: bold;
  font-size: 114.28571%;
  background: #eee;
}
.frm-wrap04 dd {
  background: #fff;
}

.frm-sep-list {
  margin-top: -5px;
  letter-spacing: -.40em;
}
.frm-sep-list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 20%;
  margin: 5px 0 0;
  letter-spacing: -0.03em;
  *display: inline;
  *zoom: 1;
}
.frm-sep-list li label {
  display: block;
  position: relative;
  padding: 0 10px 0 20px;
}
.frm-sep-list li input[type=checkbox] {
  position: absolute;
  top: 0.35em;
  left: 0;
}

.frm-sep-type02 li {
  width: 33.3333%;
}

.frm-eq-thanks {
  padding: 20px 15px;
  text-align: center;
  background: #eaf1ea;
}
.frm-eq-thanks h3 {
  position: relative;
  display: inline-block;
  height: 43px;
  padding: 11px 18% 0;
  color: #9a0a0a;
  font-weight: bold;
  font-size: 135.71429%;
  line-height: 1;
  text-shadow: 1px 1px #fff;
  box-sizing: border-box;
  background: url(/common/img/form/bg-ribbon01-c.png);
  *display: inline;
  *zoom: 1;
}
.frm-eq-thanks h3:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 43px;
  background: url(/common/img/form/bg-ribbon01-l.png) no-repeat;
}
.frm-eq-thanks h3:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: -11px;
  width: 11px;
  height: 43px;
  background: url(/common/img/form/bg-ribbon01-r.png) no-repeat;
}
.frm-eq-thanks h3 + p {
  font-weight: bold;
}
.frm-eq-thanks h3 + p + div {
  text-align: left;
}

.frm-eq-select {
  margin: 20px 0 0;
  border: 1px solid #d1d1d1;
}
.frm-eq-select > dl > dt, .frm-eq-select > dl > dd {
  padding: 15px 20px;
  box-sizing: border-box;
}
.frm-eq-select > dl > dt {
  border-bottom: 1px solid #d1d1d1;
  background: #eee;
}
.frm-eq-select > dl > dd {
  background: #fff;
}
.frm-eq-select p {
  margin: 0;
}
.frm-eq-select li {
  width: 100%;
  padding-top: 25px;
  border-top: 1px solid #e0e0e0;
}
.frm-eq-select li em {
  color: #01796d;
  font-weight: bold;
  font-size: 114.28571%;
}
.frm-eq-select li input[type=radio] {
  top: 0.01em;
}
.frm-eq-select li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.frm-eq-select li:first-child label, .frm-eq-select li:first-child img {
  display: inline-block;
  vertical-align: middle;
}
.frm-eq-select li:first-child img {
  margin-left: 20px;
}

.frm-eq-relation {
  display: table;
  width: 100%;
  margin-top: 25px;
  table-layout: fixed;
  border: 1px solid #dedede;
}

.eq-relation-wrap {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
.eq-relation-wrap dl {
  float: right;
  width: 74%;
  line-height: 1.8;
}
.eq-relation-wrap dt {
  font-weight: bold;
}
.eq-relation-wrap .eq-relation-image {
  float: left;
  text-align: center;
}
.eq-relation-wrap .eq-relation-image p {
  margin-top: 20px;
}
.eq-relation-wrap .eq-relation-image p:last-child {
  margin-top: 5px;
}
.eq-relation-wrap .eq-relation-image p:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 1200px) {
  .eq-relation-wrap dl {
    width: 66%;
  }
}
.eq-relation-wrap:first-child {
  border-right: 1px solid #dedede;
}
.eq-relation-wrap:first-child dd p:first-child {
  margin-bottom: 20px;
  font-size: 92.85714%;
}

.eq-relation-wrap:last-child dd p {
  margin-top: 20px;
}

.frm-caution {
  padding: 13px;
  color: #c7002f;
  border: 3px solid #c00029;
  background: #fff;
}
.frm-caution dt {
  height: 33px;
  padding-left: 50px;
  line-height: 33px;
  font-weight: bold;
  background: url(/common/img/ico-caution.png) 0 50% no-repeat;
}
.frm-caution dd {
  margin-top: 10px;
}
.frm-caution li:before {
  content: "※";
}

.frm-btn {
  margin-top: 60px;
}

.frm-btn + h4 {
  margin-top: 60px;
}
.frm-btn p {
  width: 324px;
  margin: 0 auto;
}
.frm-btn ul {
  letter-spacing: -.40em;
  text-align: center;
}
.frm-btn li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 324px;
  margin: 0 15px;
  *display: inline;
  *zoom: 1;
}
.frm-btn li:first-child {
  width: auto;
}

.frm-privacy {
  margin-top: 40px;
}
.frm-privacy > p {
  margin: 40px 0 5px;
  font-weight: bold;
}
.frm-privacy > p:first-child {
  margin-top: 0;
}

.frm-privacy-wrap {
  height: 190px;
  border: 1px solid #cbcbcb;
  overflow-y: auto;
  background: #fff;
}

.frm-privacy-inner {
  padding: 15px;
}
.frm-privacy-inner p {
  text-indent: 1em;
}
.frm-privacy-inner dl {
  margin-top: 10px;
}
.frm-privacy-inner dl dt {
  margin-left: -0.5em;
}
.frm-privacy-inner dl dl dt dt {
  padding-left: 1em;
}
.frm-privacy-inner dl dl dd dt {
  margin-left: 0;
}
.frm-privacy-inner dl dl dd ul {
  padding-left: 0;
}
.frm-privacy-inner dl dl:first-child {
  margin-top: 0;
}
.frm-privacy-inner .no-ind p {
  text-indent: 0;
  padding-left: 0;
}
.frm-privacy-inner p.no-ind {
  text-indent: 0;
}
.frm-privacy-inner ul {
  padding-left: 1em;
}
.frm-privacy-inner ol {
  padding-left: 2.2em;
  list-style: decimal;
}
.frm-privacy-inner ol ul {
  padding-left: 0;
}
.frm-privacy-inner .frm-pry-title01, .frm-privacy-inner .frm-pry-title02 {
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.frm-privacy-inner .frm-pry-title01:before {
  display: inline-block;
  content: " ";
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: #424242;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  *display: inline;
  *zoom: 1;
}
.frm-privacy-inner .frm-pry-title02:before {
  display: inline-block;
  content: " ";
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: #424242;
  *display: inline;
  *zoom: 1;
}

/*----------------------------------
omakase
----------------------------------*/
.leave-about {
  position: relative;
  padding: 10px 0;
}

.leave-about-detail {
  float: left;
  border-collapse: separate;
  border-spacing: 50px 0;
  display: table;
  table-layout: fixed;
  width: 73%;
  margin: 0 -50px;
}

.leave-about-wrap01 {
  position: relative;
  width: 44%;
  padding: 15px 23px 13px 13px;
  box-sizing: border-box;
  background: #f2f0e0;
}
.leave-about-wrap01 dl {
  color: #212121;
}
.leave-about-wrap01 dt {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 121.42857%;
}
.leave-about-wrap01 dd {
  position: relative;
  padding-left: 17px;
  font-size: 92.85714%;
}
.leave-about-wrap01 dd:before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  width: 9px;
  height: 9px;
  background: #558b2f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.leave-about-wrap01:before {
  content: " ";
  position: absolute;
  top: 50%;
  right: -42px;
  width: 32px;
  height: 72px;
  margin-top: -36px;
  background: url(/common/img/form/leave-about-arrow.png) 50% 50% no-repeat;
}

.leave-about-wrap02 {
  padding: 15px;
  box-sizing: border-box;
  background: #f7f1bf;
}
.leave-about-wrap02 p:first-child {
  margin-bottom: 10px;
  line-height: 1.4;
  color: #9a0a0a;
  font-size: 121.42857%;
  font-weight: bold;
}
.leave-about-wrap02 p:last-child {
  color: #212121;
  font-size: 92.85714%;
}

.leave-about-wrap01, .leave-about-wrap02 {
  display: table-cell;
  vertical-align: top;
}

.leave-about-image {
  float: right;
  width: 35%;
  margin-top: 3px;
}
.leave-about-image img {
  max-width: 100%;
  height: auto;
  width: 100%;
  max-width: 379px;
}

/*--.other-request {
  table {
    width: 100%;
    margin-top: 20px;
    table-layout: fixed;
    border: solid #c5c5c5;
    border-width: 1px 1px 0 0;
    background: #fff;
  }
  th,td {
    padding: 0.7em 1em;
    border: solid #c5c5c5;
    border-width: 0 0 1px 1px;
    text-align: left;
  }
  th {
    font-weight: bold;
    background: #eee;
  }
  td {
    overflow: hidden;
    input,dl {
      float: left;
    }
    input {
      top: 0.07em;
    }
    img {
      float: right;
    }
    dl {
      margin-top: -3px;
    }
    dt {
      font-weight: bold;
    }
    em {
      font-weight: bold;
      color: #9a0a0a;
    }
  }
  input {
    position: relative;
    top: 0.05em;
    margin-right: 10px;
  }
}--*/
.other-request table {
  width: 100%;
  margin-top: 20px;
  table-layout: fixed;
  border: solid #c5c5c5;
  border-width: 1px 1px 0 0;
  background: #fff;
}
.other-request th, .other-request td {
  padding: 0.7em 1em;
  border: solid #c5c5c5;
  border-width: 0 0 1px 1px;
  text-align: left;
  vertical-align: top;
}
.other-request th {
  font-weight: bold;
  background: #eee;
}
.other-request td {
  overflow: hidden;
}
.other-request td .confirm-art {
  padding-left: 22px;
  position: relative;
}
.other-request td .confirm-art dl {
  float: left;
  width: 63%;
}
.other-request td .confirm-art input {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0;
  top: 0.07em;
}
.other-request td .confirm-art .confirm-img {
  float: right;
  width: 26%;
  min-width: 70px;
}
.other-request td .confirm-art .confirm-img img {
  width: 100%;
}
.other-request td .confirm-art dl {
  margin-top: -3px;
}
.other-request td .confirm-art dt {
  font-weight: bold;
}
.other-request td .confirm-art em {
  font-weight: bold;
  color: #9a0a0a;
}
.other-request input {
  position: relative;
  top: 0.05em;
  margin-right: 10px;
}

/*----------------------------------
villa-list
----------------------------------*/
.villa-list01 .villa-list-wrap {
  border-top: 1px solid #e0e0e0;
}
.villa-list01 .villa-list-wrap > p {
  padding: 15px 20px;
  font-size: 114.28571%;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  background: #e9f0e8;
}
.villa-list01 .villa-list-wrap > p a {
  color: #212121;
  text-decoration: underline;
}
.villa-list01 .villa-list-wrap > p a:hover {
  text-decoration: none;
}
.villa-list01 .villa-list-wrap:first-child {
  border-top: none;
}
.villa-list01 .villa-list-detail {
  display: table;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: #f5f9f5;
}
.villa-list01 .villa-list-detail img, .villa-list01 .villa-list-detail dl {
  display: table-cell;
  vertical-align: top;
}
.villa-list01 .villa-list-detail img:first-child {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.villa-list01 .villa-list-detail dl {
  position: relative;
  top: -3px;
  padding: 0 20px;
}
.villa-list01 .villa-list-detail dt {
  font-size: 128.57143%;
  font-weight: bold;
  color: #007568;
  line-height: 1.5;
}
.villa-list01 .villa-list-detail dt + dd {
  margin: 13px 0;
  line-height: 1.5;
}
.villa-list01 .villa-list-detail .btn15 {
  margin-left: 0;
}
.villa-list01 .villa-list-detail .btn15 a {
  padding: 0px 15px 0px 30px;
}
.villa-list01 .villa-list-detail .btn15 a:after {
  margin-left: 15px;
}

.villa-list02 {
  margin-top: -2%;
}
.villa-list02.flex-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.villa-list02.flex-list::after{
  display: none;
}
.villa-list02 .villa-list-wrap {
  float: left;
  width: 49%;
  margin-top: 2%;
}
.villa-list02.flex-list .villa-list-wrap{
  float: none;
}
.villa-list02 .villa-list-wrap dl {
  margin-top: 10px;
  overflow: hidden;
}
.villa-list02 .villa-list-wrap dt {
  margin-bottom: 10px;
  font-weight: bold;
  color: #302400;
  text-decoration: underline;
}
.villa-list02 .villa-list-wrap img {
  float: left;
  margin-right: 15px;
}
.villa-list02 .villa-list-wrap a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #424242;
  background: #fff;
}
.villa-list02.flex-list .villa-list-wrap a {
  height: 100%!important;
  box-sizing: border-box;
}
.villa-list02 .villa-list-wrap a:hover {
  background: #ebefe1;
}
.villa-list02 .villa-list-wrap a:hover dt {
  text-decoration: none;
}
.villa-list02 .villa-list-wrap a:hover img {
  opacity: 1;
}
.villa-list02 .villa-list-wrap:nth-child(even) {
  float: right;
}

/*----------------------------------
spArtList
----------------------------------*/
.sp-art-list01 {
  margin-top: -30px;
}
.sp-art-list01 .sp-art-wrap {
  float: left;
  width: 48.59%;
  margin: 30px 0 0 0;
  text-align: center;
  padding: 16px 16px 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.sp-art-list01 .sp-art-wrap dl {
  text-align: left;
  margin-top: 10px;
}
.sp-art-list01 .sp-art-wrap dt {
  color: #007568;
  font-weight: bold;
}
.sp-art-list01 .sp-art-wrap p:last-child {
  display: inline-block;
  width: 260px;
  margin-top: 10px;
  color: #fff;
  background: #e67d22;
  box-shadow: 0 1px 0 #df5407;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *display: inline;
  *zoom: 1;
}
.sp-art-list01 .sp-art-wrap p:last-child label {
  display: block;
  padding: 8px 0;
}
.sp-art-list01 .sp-art-wrap p:last-child input {
  position: relative;
  top: 0.2em;
  margin-right: 5px;
}
.sp-art-list01 .sp-art-wrap p:last-child:hover {
  background: #f3a567;
  box-shadow: 0 1px 0 #ee895b;
}
.sp-art-list01 .sp-art-wrap p:last-child:hover input {
  opacity: .7;
}
.sp-art-list01 .sp-art-wrap:nth-child(even) {
  float: right;
}
.sp-art-list01 .sp-art-image li {
  float: left;
  width: 31.4%;
  margin-left: 2.8985%;
  height: 70px;
  background: rgba(255,255,255,0.5);
}
.sp-art-list01 .sp-art-image li img {
  width: auto;
  height: 100%;
}
.sp-art-list01 .sp-art-image li:first-child {
  width: 100%;
  margin: 0 0 22px;
  height: 200px;
}
.sp-art-list01 .sp-art-image li:first-child + li {
  margin-left: 0;
}
.sp-art-list01 .sp-art-image + p {
  margin-top: 20px;
  letter-spacing: -.40em;
  text-align: left;
}
.sp-art-list01 .sp-art-image + p span, .sp-art-list01 .sp-art-image + p a {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.sp-art-list01 .sp-art-image + p span {
  width: 103px;
  margin-right: 15px;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  line-height: 1;
  background: #268a7c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.sp-art-list01 .sp-art-image + p a {
  color: #302400;
  font-weight: bold;
  text-decoration: underline;
}
.sp-art-list01 .sp-art-image + p a:hover {
  text-decoration: none;
}
.sp-art-list01 .sp-art-price {
  margin-top: 10px;
  letter-spacing: -.40em;
  text-align: left;
}
.sp-art-list01 .sp-art-price li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 12px;
  *display: inline;
  *zoom: 1;
}
.sp-art-list01 .sp-art-price li em {
  font-weight: bold;
  color: #9b0a0a;
}
.sp-art-list01 .sp-art-price li:first-child {
  margin-left: 0;
  padding: 5px;
  text-align: center;
  font-size: 85.71429%;
  color: #fff;
  line-height: 1.2;
  background: #32353a;
}

.sp-art-list02 .sp-art-wrap {
  margin-top: 25px;
  padding: 16px 16px 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.sp-art-list02 .sp-art-wrap img {
  float: left;
  width: 27.027%;
  height: auto;
}
.sp-art-list02 .sp-art-wrap:first-child {
  margin-top: 0;
}
.sp-art-list02 .sp-art-title {
  letter-spacing: -.40em;
  text-align: left;
}
.sp-art-list02 .sp-art-title p {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 15px;
  *display: inline;
  *zoom: 1;
}
.sp-art-list02 .sp-art-title p:last-child {
  margin-right: 0;
  display: block !important;
}
.sp-art-list02 .sp-art-title span {
  display: inline-block;
  width: 103px;
  margin-right: 15px;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  font-size: 85.71429%;
  line-height: 1;
  background: #268a7c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  *display: inline;
  *zoom: 1;
}
.sp-art-list02 .sp-art-title a {
  color: #302400;
  font-weight: bold;
  text-decoration: underline;
}
.sp-art-list02 .sp-art-title a:hover {
  text-decoration: none;
}
.sp-art-list02 .sp-art-title em {
  font-weight: bold;
  color: #9b0a0a;
}
.sp-art-list02 .sp-art-detail {
  float: right;
  width: 70.4954%;
  margin-top: -3px;
}
.sp-art-list02 table {
  width: 100%;
  margin-top: 20px;
  border: solid #ddd;
  border-width: 1px 1px 0 0;
}
.sp-art-list02 th, .sp-art-list02 td {
  padding: 1em 0.5em;
  vertical-align: top;
  border: solid #ddd;
}
.sp-art-list02 th {
  width: 12%;
  background: #eee;
  border-width: 0 0 1px 1px;
}
.sp-art-list02 td {
  border-width: 0 0 1px 0;
}
.sp-art-list02 table + p {
  float: right;
  margin: 10px 0 0 0;
}
.sp-art-list02 .thumb-list img {
  width: 31.7%;
}
.sp-art-list02 .thumb-list .sp-art-detail {
  width: 65.8224%;
}
.sp-art-list02 .thumb-list ul {
  margin-left: -0.8576%;
  letter-spacing: -.40em;
}
.sp-art-list02 .thumb-list ul li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 13.42%;
  margin: 15px 0 0 0.8576%;
  text-align: center;
}
.sp-art-list02 .thumb-list li span {
  position: relative;
  display: block;
  padding-top: 74.6835%;
  vertical-align: middle;
}
.sp-art-list02 .thumb-list li img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}
.sp-art-list02 .thumb-list li p {
  margin-top: 3px;
  font-size: 84.6%;
}

/*----------------------------------
searchOver
----------------------------------*/
.search-over {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 800px;
  margin: auto;
  padding: 5px 5px 20px;
  box-sizing: border-box;
  background: #fff;
}

.search-over-wrap > p a {
  float: right;
  padding: 3px 24px 3px 0px;
  color: #424242;
  font-size: 75%;
  background: url("/common/img/over-menu/btn-close.png") 100% 50% no-repeat;
}
.search-over-wrap .area-set-wrap {
  height: 434px;
  overflow: auto;
}
.search-over-wrap .area-set {
  margin-top: 2px;
  background: #f9f7f2;
}
.search-over-wrap .area-set p {
  padding: 5px 15px;
  color: #212121;
  font-size: 114.28571%;
  background: #e9e3d0;
}
.search-over-wrap .area-set ul {
  padding: 0 15px 10px;
  letter-spacing: -.40em;
}
.search-over-wrap .area-set li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 25%;
  margin-top: 10px;
  *display: inline;
  *zoom: 1;
}
.search-over-wrap .area-set li input {
  position: relative;
  top: 0.1em;
}
.search-over-wrap .area-set input {
  margin-right: 5px;
}
.search-over-wrap .frm-btn {
  margin-top: 20px;
}

.over-base {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.cnt-fix {
  overflow: hidden;
}

/*----------------------------------
fancyBox
----------------------------------*/
#fancybox-title {
  position: relative;
  margin-left: 10px !important;
  margin-right: 0 !important;
  font-size: 100% !important;
}
#fancybox-title span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  background: #558b2f;
  *display: inline;
  *zoom: 1;
}

#fancybox-wrap.fancybox-hide {
  opacity: 0;
}

/*----------------------------------
areaList
----------------------------------*/
.table_spec {
  border: #dddddd solid;
  border-width: 1px;
  width: 100%;
}
.table_spec thead th, .table_spec thead td {
  background: #f3efe4;
  padding: 10px;
  text-align: center;
}
.table_spec thead td:last-child {
  border-left: 1px solid #ddd;
}
.table_spec tbody a {
  display: block;
}
.table_spec tbody .txt02 {
  position: relative;
}
.table_spec tbody .txt02:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 0px;
  height: 0px;
  margin-top: 12px;
  border-width: 3px 3px 3px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #245F24;
}
.table_spec tbody tr {
  border-top: #dddddd solid 1px;
}
.table_spec tbody th, .table_spec tbody td {
  background: #dddddd;
  padding: 10px;
}
.table_spec tbody th {
  background: #ffffff;
}
.table_spec tbody th + td {
  background: #ffffff;
}
.table_spec tbody td {
  background: #f8f8f8;
}

/*----------------------------------
numList
----------------------------------*/
.num-list dl {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}
.num-list dl:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.num-list dt {
  font-weight: bold;
  font-size: 135.71429%;
  color: #212121;
}
.num-list dt span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  background: #598c34;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  *display: inline;
  *zoom: 1;
}
.num-list dd {
  margin-top: 5px;
}

/*----------------------------------
inqOffice
----------------------------------*/
.inq-office h4 {
  color: #007568;
  font-size: 142.85714%;
  font-weight: bold;
}
.inq-office table {
  margin-top: 10px;
}
.inq-office th {
  width: 100px;
  text-align: left;
  color: #017669;
}
.inq-office .area-tel {
  padding: 10px 0 0 50px;
  box-sizing: border-box;
  background: url(/common/img/ico-area-tel.png) 0 50% no-repeat;
}
.inq-office .area-tel p:first-child {
  float: left;
  color: #017669;
  font-size: 178.57143%;
  font-weight: bold;
  line-height: 1.1;
}
.inq-office .area-tel p:first-child span {
  display: block;
  font-size: 44%;
  font-weight: normal;
}
.inq-office .area-tel p:first-child + p {
  float: left;
  margin-left: 25px;
}
.inq-office .area-tel p:first-child + p a {
  padding: 7px 25px;
}
.inq-office .area-tel p.no-free {
  height: 43px;
  line-height: 41px;
}
.inq-office .area-tel p.no-free small {
  position: relative;
  top: -0.1em;
  font-size: 56.0%;
}

.inq-other {
  margin-top: 1.5%;
}
.inq-other dl {
  overflow: hidden;
}
.inq-other dt {
  font-size: 135.71429%;
  color: #212121;
  font-weight: bold;
}
.inq-other dd {
  margin-top: 10px;
}
.inq-other dt + dd {
  margin-top: 0;
}
.inq-other .inq-other-copy {
  float: left;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.inq-other .inq-other-copy p {
  padding-top: 100px;
  color: #007568;
  font-size: 92.85714%;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.inq-other .system {
  width: 110px;
  background-image: url(/common/img/ico-system.png);
}
.inq-other .eval {
  width: 140px;
  background-image: url(/common/img/ico-eval.png);
}
.inq-other .btn14 a:hover {
  color: #fff;
}
.inq-other .cnt-wrap02 {
  float: right;
  width: 49.2%;
  box-sizing: border-box;
}
.inq-other .cnt-wrap02:first-child {
  float: left;
}

/*----------------------------------
contactOffice
----------------------------------*/
.contact-office h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #017669;
}

.contact-office h4 a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  font-size: 14px;
  font-weight: normal;
  color: #424242;
}

.contact-office h4 a:before {
  content: url("/common/img/ico-arrow02.png");
  margin-right: 5px;
  vertical-align: middle;
}

.contact-office table {
  margin-top: 10px;
}

.contact-office table th {
  width: 100px;
  color: #017669;
}

.contact-office .area-tel {
  padding: 5px 0 0 50px;
  box-sizing: border-box;
  background: url(/common/img/ico-area-tel.png) 0 50% no-repeat;
}
.contact-office .area-tel p:first-child {
  float: left;
  color: #017669;
  font-size: 178.57143%;
  font-weight: bold;
  line-height: 1.1;
}
.contact-office .area-tel p:first-child span {
  display: block;
  font-size: 44%;
  font-weight: normal;
}
.contact-office .area-tel p:nth-child(2) {
  float: left;
  margin: 13px 0 0 20px;
  padding: 0 0 0 38px;
  color: #727272;
  font-size: 178.57143%;
  font-weight: bold;
  line-height: 1.1;
  background: url(/common/img/ico-area-subtel.png) 0 50% no-repeat;
}
.contact-office .area-tel p:last-child {
  float: left;
  width: 200px;
  margin-left: 20px;
}
.contact-office .area-tel p.no-free {
  height: 43px;
  line-height: 41px;
}

/*----------------------------------
access
----------------------------------*/
.access {
  margin-top: 15px;
}

.access-detail {
  float: left;
  width: 22.8%;
}
.access-detail img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.access-detail dl {
  margin-top: 3px;
}
.access-detail dt {
  font-weight: bold;
}
.access-detail dt:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  margin: -2px 3px 0 0;
  background: #424242;
}

.access-map {
  float: right;
  width: 75%;
  height: 400px;
}

.access + p {
  max-width: 940px;
  margin: 30px auto 0;
}
.access + p img {
  width: 100%;
  height: auto;
}

/*----------------------------------
officeRecomend
----------------------------------*/
.office-rec {
  margin-top: 20px;
}
.office-rec h3 {
  color: #558b2f;
  font-weight: bold;
  font-size: 135.71429%;
}

.office-rec-list {
  margin-top: 10px;
}
.office-rec-list dl {
  float: left;
  width: 23.5%;
  margin-left: 2%;
}
.office-rec-list dl:first-child {
  margin-left: 0;
}
.office-rec-list dt {
  display: inline-block;
  vertical-align: top;
  padding-right: 7px;
  color: #302400;
  font-weight: bold;
  background: #f5f9f5;
}
.office-rec-list dd {
  margin-top: -12px;
  padding-top: 17px;
  border-top: 1px solid #c3c3b8;
}
.office-rec-list dd li {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 1.3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #daddda;
  background: #fff url(/common/img/ico-arrow03.png) 10px 50% no-repeat;
}
.office-rec-list dd li a {
  display: block;
  padding: 9px 15px 9px 30px;
  text-decoration: none;
  color: #302400;
  font-size: 107.14286%;
}
.office-rec-list dd li a:hover {
  opacity: .7;
}
.office-rec-list dd li:last-child {
  float: right;
}
.office-rec-list dl:nth-child(2) {
  width: 49%;
}
.office-rec-list dl:nth-child(2) dd li {
  width: 48%;
}
.wakayama-office-rec-list dd li:last-child {
  float: none;
}
.wakayama-office-rec-list dl:nth-child(2) {
  width: 23.5%;
}
.wakayama-office-rec-list dl:nth-child(2) dd li {
  width: auto;
}



.office-rec-list.rec-type02 dl:first-child {
  width: 49%;
}
.office-rec-list.rec-type02 dl:first-child dd li {
  width: 48%;
}

.office-rec-list.rec-type02 dl:nth-child(2) {
  width: 23.5%;
}

.office-rec-list.rec-type02 dl:nth-child(2) dd li {
  width: 100%;
}


.office-rec-list.rec-type03 dl {
  width: 32%;
  margin-left: 2%;
}

.office-rec-list.rec-type03 dl:first-child {
  width: 32%;
  margin-left: 0;
}

.office-rec-list.rec-type03 dl:nth-child(2) dd li {
  width: 100%;
}

/* 2021.01.21 add */
.office-rec-list.rec-type04 dl {
  width: 49%;
  margin-left: 2%;
}

.office-rec-list.rec-type04 dl:first-child {
  width: 49%;
  margin-left: 0;
}

.office-rec-list.rec-type04 dl:nth-child(2) dd li {
  width: 100%;
}
/*----------------------------------
buySp
----------------------------------*/
.buy-sp {
  padding: 20px 0;
  text-align: center;
  background: #fff;
}
.buy-sp .ribbon {
  position: relative;
  max-width: 660px;
  height: 64px;
  margin: 0 auto;
  color: #9a0a0a;
  font-size: 150%;
  font-weight: bold;
  line-height: 52px;
  text-shadow: 1px 1px 0 #faf9f3;
  background: url(/common/img/bg-ribbon.png);
}
.buy-sp .ribbon:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -103px;
  width: 103px;
  height: 64px;
  background: url(/common/img/bg-ribbon-l.png) no-repeat;
}
.buy-sp .ribbon:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -103px;
  width: 103px;
  height: 64px;
  background: url(/common/img/bg-ribbon-r.png) no-repeat;
}
.buy-sp .ribbon + p {
  font-size: 121.42857%;
  font-weight: bold;
}

/*----------------------------------
resortRent
----------------------------------*/
* + .resort-rent {
  margin-top: 15px;
}

.resort-rent {
  background: #fff;
}

.resort-rent-lead {
  padding: 30px 0 20px;
  text-align: center;
}
.resort-rent-lead ul {
  margin-top: -20px;
  letter-spacing: -.40em;
}
.resort-rent-lead li {
  display: inline-block;
  min-height: 32px;
  margin: 20px 0 0 20px;
  padding: 2px 0 0 50px;
  vertical-align: top;
  letter-spacing: normal;
  font-size: 121.42857%;
  font-weight: bold;
  background: url(/common/img/ico-check-square.png) no-repeat;
  *display: inline;
  *zoom: 1;
}
.resort-rent-lead li:first-child {
  margin-left: 0;
}
.resort-rent-lead p {
  margin-top: 20px;
  padding-top: 70px;
  color: #01796d;
  font-size: 121.42857%;
  font-weight: bold;
  background: url(/common/img/ico-human.png) 50% 0 no-repeat;
}

/*----------------------------------
areaSelect
----------------------------------*/
.area-select div {
  float: left;
  width: 23.7903%;
  margin-left: 1.6129%;
}
.area-select div a {
  display: block;
  color: #424242;
}
.area-select div a:hover dt {
  opacity: .7;
}
.area-select dt {
  position: relative;
  padding-top: 54.2372%;
  color: #212121;
  font-size: 	107.1%;
  font-weight: bold;
  text-align: center;
  border: 2px solid #fff;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
}
.area-select dt span {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.area-select dd {
  margin-top: 8px;
  font-size: 92.85714%;
}
.area-select div:nth-child(1) {
  margin-left: 0;
}
.area-select div:nth-child(1) dt {
  background-image: url(/common/img/area/bg-area-select01.jpg);
}
.area-select div:nth-child(2) dt {
  background-image: url(/common/img/area/bg-area-select02.jpg);
}
.area-select div:nth-child(3) dt {
  background-image: url(/common/img/area/bg-area-select03.jpg);
}
.area-select div:nth-child(4) dt {
  background-image: url(/common/img/area/bg-area-select04.jpg);
}
.area-select .no-art dt:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 54.2372%;
  background: rgba(255, 255, 255, 0.7);
}
.area-select .no-art dt:before {
  content: "現在ご紹介可能な\A物件がございません。";
  white-space: pre;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  margin-top: -1.5em;
  color: #9a0a0a;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}

/*----------------------------------
notice
----------------------------------*/
.notice-detail h2 {
  margin-top: 40px;
  text-align: center;
  font-size: 128.57143%;
}

.notice-head {
  line-height: 1.7;
}
.notice-head p:last-child {
  text-align: right;
}

.notice-art {
  margin: 40px 0 20px;
  line-height: 1.7;
}
.notice-art p {
  margin-top: 20px;
}
.notice-art p:first-child {
  margin-top: 0;
}
.notice-art p:last-child {
  text-align: right;
}

.notice-sub {
  margin-top: 20px;
}
.notice-sub p, .notice-sub table {
  margin-top: 20px;
}
.notice-sub p:first-child {
  margin-bottom: 40px;
  text-align: center;
}
.notice-sub th, .notice-sub td {
  padding: 0.9em 1em;
  text-align: left;
}
.notice-sub th {
  width: 28%;
  vertical-align: top;
}

/*----------------------------------
lpList
----------------------------------*/
#main .art-list-detail {
  margin-top: 20px;
}
#main .art-list-detail:first-child {
  margin-top: 0;
}

.art-list-detail h2 {
  text-align: center;
}
.art-list-detail h2 img {
  max-width: 100%;
  height: auto;
}
.art-list-detail .area-art-detail .download {
  margin-top: 15px;
}
.art-list-detail .area-art03 .btn04 {
  width: 260px;
  margin: 15px auto 0;
}
.art-list-detail .doc-check .check {
  width: 354px;
  margin: 0 auto;
}

.art-resort-list {
  margin-top: 20px;
}
.art-resort-list p {
  font-weight: bold;
}
.art-resort-list p a {
  color: #212121;
}
.art-resort-list dl {
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
.art-resort-list dl:first-child {
  padding-top: 0;
}
.art-resort-list dt, .art-resort-list dd {
  float: left;
}
.art-resort-list dt {
  position: relative;
  width: 180px;
  padding-left: 15px;
  color: #212121;
  box-sizing: border-box;
}
.art-resort-list dt:before {
  content: " ";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #386a23;
}
.art-resort-list dd {
  width: 100%;
}
.art-resort-list ul {
  margin: -5px 0 0 -34px;
}
.art-resort-list li {
  float: left;
  margin: 5px 0 0 34px;
}
.art-resort-list li a {
  position: relative;
}

@media only screen and (max-width: 1280px) {
  .art-list-detail .area-art03 .area-art-detail .art-image ul li:first-child img {
    max-width: 100%;
  }
  .art-list-detail .area-art03 .area-art-detail .art-text h4 em {
    width: 100%;
    margin-top: 5px;
    display: block;
  }

  .art-list-detail .area-art02 .area-art-detail .art-text {
    width: 35%;
  }
  .art-list-detail .area-art02 .area-art-detail .art-text > a h4 em {
    margin-top: 6px;
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 1130px) {
  .art-list-detail .area-art02 .area-art-detail .art-text {
    width: 28%;
  }
  .art-list-detail .area-art02 .area-art-detail .art-text .art-price li:last-child {
    display: block;
    margin-top: 8px;
    margin-left: 0;
  }
}
/*----------------------------------
areaViewChange
----------------------------------*/
.area-view-ch {
  margin: 15px 0 25px;
  padding: 10px 15px;
  letter-spacing: -.40em;
  background: #f6f8f5;
}
.area-view-ch dl, .area-view-ch p {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
.area-view-ch p {
  width: 145px;
}
.area-view-ch dl {
  margin-right: 20px;
  font-weight: bold;
}
.area-view-ch dt, .area-view-ch dd {
  float: left;
}
.area-view-ch dt {
  margin-right: 15px;
  padding-left: 8px;
  color: #439a92;
  border-left: 4px solid #419b8f;
}
.area-view-ch dd {
  margin-right: 5px;
  padding-right: 10px;
  position: relative;
}
.area-view-ch dd:before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: solid #424242;
  border-width: 1px 1px 0 0;
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.area-view-ch dd:last-child {
  margin-right: 0;
  padding-right: 0;
}
.area-view-ch dd:last-child:before {
  display: none;
}

/*----------------------------------
newIcon
----------------------------------*/
.icon-r {
  display: inline-block;
  width: 42px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 92.85714%;
  font-weight: bold;
  background: #950300;
}

.sub-title01 span span.icon-r {
  display: inline-block !important;
  width: 42px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 92.85714%;
  /*font-weight: bold;*/
  font-weight: normal !important;
  background: #950300;
  border: none !important;
  border-radius: 0 !important;
  margin-right: 10px;
}
/*----------------------------------
galleryModal
----------------------------------*/
#bg-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10020;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.4);
}
#gallery-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10021;
  width: 757px;
  padding: 10px;
  margin: -239px 0 0 -378px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0,0,0,.7);
}
#gallery-modal .image-list {
  position: relative;
  padding-top: 426px;
}
#gallery-modal .image-list li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  table-layout: fixed;
  width: 100%;
}
#gallery-modal .image-list li span {
  display: table-cell;
  width: 100%;
  height: 426px;
  text-align: center;
  vertical-align: middle;
  background: #eee;
}
#gallery-modal .image-list .image-cur {
  display: table !important;
  opacity: 1;
  z-index: 1;
}
#gallery-modal .image-list img {
  max-width: 100%;
  max-height: 426px;
}
#gallery-modal .caption-wrap {
  position: relative;
  padding: 10px 10px 0;
}
#gallery-modal .caption-wrap p:first-child {
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  width: 60px;
  text-align: center;
  color: #fff;
  background: #558b2f;
}
#gallery-modal .modal-prev,
#gallery-modal .modal-next {
  position: absolute;
  top: 50%;
  margin-top: -239px;
  display: table;
  height: 478px;
  box-shadow: 0 0 4px rgba(0,0,0,.7);
}
#gallery-modal .modal-prev a,
#gallery-modal .modal-next a {
  display: block;
  display: table-cell;
  vertical-align: middle;
  height: 478px;
  padding: 0 15px;
  border: 2px solid #fff;
  box-sizing: border-box;
  background: rgba(255,255,255,.9);
}
#gallery-modal .modal-prev a:hover,
#gallery-modal .modal-next a:hover {
  background: rgba(255,255,255,.8);
}
#gallery-modal .modal-prev {
  left: -60px;
}
#gallery-modal .modal-next {
  right: -60px;
}
#gallery-modal .modal-close {
  position: absolute;
  top: -34px;
  right: 0;
}

/*----------------------------------
.reform-tbl
----------------------------------*/

.reform-tbl01 {
  width: 100%;
  border-top: 1px solid #dddddd;
  bordre-right: 1px solid #dddddd;
  table-layout: fixed;
}
.reform-tbl01 tr {
  border-bottom: 1px solid #dddddd;
  bordre-left: 1px solid #dddddd;
}
.reform-tbl01 tr th {
  text-align: center;
  border-left: 1px solid #ddd;
}
.reform-tbl01 tr th:first-child {
  border-left: none;
}

.reform-tbl01 th {
  background: #eeeeee;
}
.reform-tbl01 th, .reform-tbl01 td {
  box-sizing: border-box;
  padding: 10px;
}
.reform-tbl01 tr td {
  border-left: 1px solid #dddddd;
  background: #fff;
}
.reform-tbl01 tr td:first-child {
  border-left: none;
}
.reform-tbl01 + .reform-tbl01 {
  margin-top: 20px;
}


/*----------------------------------
.guide
----------------------------------*/
.area-pickup-list.guide-pick-up {
  text-align: center;
}
.area-pickup-list.guide-pick-up ul {
  width: 100%;
  margin: 0;
}
.area-pickup-list.guide-pick-up ul li {
  margin: 0 2%;
  width: auto;
}
.area-pickup-list.guide-pick-up ul li img {
  max-width: 100%;
  height: auto;
}

.villa-list-txt dd.btn15 {
  margin-right: 5px;
}

/*----------------------------------
know
----------------------------------*/
.area-guide-btn {
  text-align: center;
  margin-bottom: 20px;
}
.area-list-art {
  padding: 10px 0;
  border-bottom: 1px solid #E0E0E0;
}

.area-list-art a {
  display: block;
  padding: 10px;
  background: #f0f0f0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.area-list-art a img {
  float: left;
  margin-right: 10px;
}

.area-list-art a p {
  overflow: hidden;
  font-size: 92.9%;
  color: #424242;
}

/*----------------------------------
map
----------------------------------*/
.cl, .box-find, .maps-popup-list dl {
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
.cl:after, .box-find:after, .maps-popup-list dl:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html .cl, * html .box-find, * html .maps-popup-list dl {
  height: 1%;
}

.sub-title01 {
  margin-bottom: 15px;
}
.mapArea {
	text-align:center;
	margin:20px 0 30px 0;
}
.boxMap {
    height: 670px;
	width:980px;
	margin:0 auto;
}
.area-meter dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #d1d1d1;
}
.area-meter dl:first-child {
  border-top: none;
}
.area-meter dt, .area-meter dd {
  display: table-cell;
  vertical-align: top;
  padding: 15px 20px;
  box-sizing: border-box;
}
.area-meter dt {
  width: 17%;
  background: #eee;
}
.area-meter dd {
  width: 83%;
  background: #fff;
}
.area-meter .listIcoArrowLeft01 li {
	display:inline;
	margin-right:20px;
}
.area-meter .listIcoArrowLeft01 a,
.area-meter .listIcoArrowLeft01 b {
  position: relative;
  padding-left: 20px;
}
.area-meter .listIcoArrowLeft01 a:before,
.area-meter .listIcoArrowLeft01 b:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 3px solid transparent;
  border-left: 5px solid #245f24;
}
.use-btn {
  text-align:right;
  margin-bottom:5px;
}
.list-btn {
  text-align:center;
}
.link-list {
  background-color: #01897b;
  display: inline-block;
  line-height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 25px;
  box-shadow: 0 1px 0 #00695b;
  margin-bottom:10px;
}
.link-list a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.link-list:hover {
  background-color: #4dada2;
  box-shadow: 0 1px 0 #4d968d;
}

.link-list:after {
  content: url("/common/img/list/arw-detail.png");
  margin-left: 5px;
}

.box-find {
  margin-top: -20px;
  margin-left: -20px;
}

.box-find .block {
  float: left;
  width: 450px;
  margin-top: 20px;
  margin-left: 20px;
  padding-left: 120px;
  box-sizing: border-box;
  position: relative;
}

.box-find h4 {
  font-size: 135.71429%;
  font-weight: bold;
  margin-bottom: 5px;
}

.box-find h5 {
  font-weight: bold;
}

.box-find .btn13, .box-find .btn-list04 {
  margin-top: 5px;
}

.box-find .block:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
}

.box-find .box-1:before {
  content: url(/common/img/list/ico-find01.png);
}

.box-find .box-2:before {
  content: url(/common/img/list/ico-find02.png);
}

.box-find .box-3:before {
  content: url(/common/img/list/ico-find03.png);
}

.box-find .box-4:before {
  content: url(/common/img/list/ico-find04.png);
}

/*  地図ふきだし用
------------------------------ */
.fukidashi table { border-spacing:none; position:relative; margin-left: 16px; border:1px solid #000000; border-collapse: separate; }

.fukidashi table:before {
	content: " ";
	display:block;
	position: absolute;
	top: 50%;
	left: -8px;
	width: 7px;
	height: 10px;
	margin-top: -5px;
	background:url(/common/img/search_map/ico_-triangle_black.gif) no-repeat;
}

.fukidashi table .bukken,
.fukidashi table .btn {
	text-align:left;
	vertical-align:middle;
	background: #fff;
}

.fukidashi table .bukken {
	/*background:url(/common/img/search_map/ico_-triangle_black.gif) no-repeat left 0.5em;*/
	/*padding-left:9px;*/
	width:87%;
	white-space: nowrap;
}

.fukidashi table .bukken span {
	/*border:1px solid #000000;
	border-right:none;*/
	padding:2px;
	display:block;
	/*background-color:#FFF;*/
}

.fukidashi table .btn {
	/*border:1px solid #000000;
	border-left:none;*/
	width:13%;
	/*background-color:#FFF;*/
}

.fukidashi table .btn img {
	display: block;
}

/*  地図ポップアップ用
------------------------------ */
.maps-popup {
  width: 530px;
  border: 1px solid #777;
  background: #fff;
}
.maps-popup > p {
  padding: 5px 7px 7px;
  text-align: right;
  font-size: 92.9%;
  background: #558a2e;
}
.maps-popup > p a {
  display: inline-block;
  padding: 3px 24px 3px 0px;
  color: #fff;
  line-height: 1;
  background: url(/common/img/map/btn-close.png) 100% 50% no-repeat;
}
.maps-popup-list {
  height: 320px;
  overflow-y: auto;
}
.maps-popup-list dl {
  padding: 10px;
}
.maps-popup-list dt {
  margin-bottom: 5px;
}
.maps-popup-list dt span {
  font-weight: bold;
  text-decoration: underline;
}
.maps-popup-list dt em {
  display: inline-block;
  margin-left: 15px;
  padding: 0 7px;
  color: #fff;
  font-size: 92.9%;
  background: #9a0b07;
}
.maps-popup-list dd {
  float: left;
  width: 180px;
  margin-bottom: 5px;
}
.maps-popup-list dt + dd {
  width: 120px;
  margin-right: 12px;
}
.maps-popup-list dd span {
  font-weight: bold;
}
.maps-popup-list dd img {
  width: 100%;
  height: auto;
}
.maps-popup-list dd p {
  margin-left: 0;
}
.maps-popup-list dd p a {
  padding: 0px 25px 0px 35px;
}
.maps-popup-list dd:last-child {
  width: 360px;
  margin: 2px 0 0;
  text-align: right;
}

/* 20200619_ホテルコンドミニアム関連対応 */
.image-list-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.image-list-item{
  margin-bottom: 10px;
}
.image-list-item:not(:last-child){
  margin-right: 10px;
}
.image-list-item img,
.image-list-text{
  display: block;
  text-align: center;
}
.image-list-text{
  margin-top: 5px;
}

.kcndo-bukken-image-list{
  justify-content: left;
  width: 90%;
  margin: 0 auto;
}
.kcndo-bukken-image-list .image-list-item{
  width: 33.3333%;
  margin-right: 0;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}