@charset 'UTF-8';

/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */
.lyt-map body {
background:#f7f7f7;
}

.lyt-map main {
padding:0;
}

.lyt-map strong {
color:#e30707;
}


/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.lyt-map .hdg-l1-container {
position: relative;
margin: 0;
padding: 0;
color: #fff;
/*background-color: #ccc;  unique settings */
}

.lyt-map .hdg-l1-inner {
min-height: 35px;
box-sizing: border-box;
line-height: 35px;
position:relative;
/*display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;*/
}

.lyt-map .hdg-l1-container .hdg-l1 {
font-size: 16px;
font-weight: bold;
text-align:center;
/*-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;*/
width: 100%;
box-sizing: border-box;
}


/* .hdg-caption
----------------------------------------------- */
.lyt-map .hdg-caption {
margin-bottom: -10px;
padding: 0 10px;
font-size: 11px;
font-weight:bold;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
.lyt-map .tab-list-container {
border-bottom: solid 1px #ccc;
}

.lyt-map .tab-list li.disabled a {
color:#bbb;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-condition
----------------------------------------------- */
.lyt-map .box-condition {
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}

.lyt-map .box-condition p{
-webkit-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
margin:0 5px 0 0;
}

.lyt-map .box-condition button {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding:0;
margin:0 0 0 5px;
}

/* .box-item
----------------------------------------------- */
.lyt-map .box-item {
position: relative;
margin: 0;
padding: 8px 30px 0;
border-bottom: solid 1px #ccc;
background: #fff;
word-wrap: break-word;
}

/* .box-route
----------------------------------------------- */
.lyt-map .box-route {
margin:10px 0;
padding:10px;
background: #f1f1f1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.lyt-map .box-route .route{
padding-right: 5px;
margin:0;
font-size: 12px;
-webkit-box-flex: 1.5;
-webkit-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
}

/* .box-map
----------------------------------------------- */
.lyt-map .box-map {
position:relative;
height:405px;
margin-top: -23px;
}


/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-item
----------------------------------------------- */
.lyt-map .list-item-container {
position: relative;
overflow: hidden;
border-top: solid 1px #e1e1e1;
background: #fff;
}

.lyt-map .list-item-inner {
position: relative;
overflow: hidden;
padding-bottom: 23px;
}

.lyt-map .list-item {
margin:0;
}

.tab-list-container + .list-item-container {
border:none;
}

/* .list-distance
----------------------------------------------- */
.lyt-map .list-distance {
height: 40px;
display: table;
width: 100%;
border-collapse: collapse;
}

.lyt-map .list-distance li {
display: table-cell;
position:relative;
text-align:center;
line-height: 1.2;
font-size: 12px;
height: 40px;
border: solid 1px #ccc;
}

.lyt-map .list-distance label {
display:block;
position:absolute;
left:0;
top:0;
color:#006ccc;
padding: 6px 0 5px;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing:border-box;
}

.lyt-map .list-distance label > span {
display: block;
}

.lyt-map .list-distance input[type=radio] {
opacity: 0;
}

.lyt-map .list-distance input[type=radio]:checked + label {
background: #fadfa8;
}


/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.lyt-map .btn {
display:block;
padding:7px 10px;
font-weight:bold;
font-size: 12px;
color: #333;
border: solid 1px #b5b5b5;
border-radius: 5px;
background:#fff;
box-sizing: border-box;
}

.lyt-map .btn-02 {
display:block;
height: 35px;
min-width:19.7%;
padding:7px 10px;
font-weight:bold;
font-size: 12px;
color: #333;
border: solid 1px #b5b5b5;
border-radius: 5px;
background:#fff;
box-sizing: border-box;
flex:none !important;
}

/* .btn-hdg
----------------------------------------------- */
.lyt-map .btn-hdg {
position:absolute;
top:0;
padding:0 10px;
margin: 0;
min-width: 60px;
line-height: 35px;
font-size: 15px;
font-weight: bold;
min-width: 60px;
color: #fff;
border-color: #5e860f;
border-style: solid;
background-color: #78ae0e;
box-sizing:border-box;
/*border-color: #aaa;  unique settings */
/*background-color: #ccc;  unique settings */
}

.lyt-map .btn-hdg:first-child {
border-width: 0 1px 0 0;
left:0;
}

.lyt-map .btn-hdg:last-child {
border-width: 0 0 0 1px;
right:0;
}

/* .btn-item-prev / next
----------------------------------------------- */
.lyt-map [class^="btn-item-"] {
display:block;
position: absolute;
top: 22px;
padding: 0;
width: 38px;
height: 38px;
z-index: 2;
background: #555;
border: none;
border-radius: 100%;
}

.lyt-map .btn-item-prev {
left: -19px;
}

.lyt-map .btn-item-next {
right: -19px;
}

.lyt-map [class^="btn-item-"]:before {
content: "";
position:absolute;
top: 50%;
height: 6px;
width: 6px;
display:block;
border: 3px solid #fff;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

.lyt-map .btn-item-prev:before {
left: 50%;
margin: -5px 0 0 3px;
border-right-width:0;
border-top-width:0;
}

.lyt-map .btn-item-next:before {
right: 50%;
margin: -5px 3px 0 0;
border-left-width:0;
border-bottom-width:0;
}

.lyt-map [class^="btn-item-"] span {
opacity: 0;
}

/* .btn-item
----------------------------------------------- */
.lyt-map .btn-toggle.btn-item {
position: absolute;
left: 50%;
bottom: -23px;
height: 23px;
margin-left: -51px;
width: 102px;
border-radius: 0 0 4px 4px;
border-color: #ccc;
border-style: solid;
border-width: 0 1px 1px;
background: #fff;
box-sizing: border-box;
overflow: hidden;
z-index: 2;
}

.lyt-map .btn-toggle.btn-item:before {
content: "";
position:absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -5px;
height: 6px;
width: 6px;
display:block;
border: 3px solid #a2a2a2;
border-right-width:0;
border-top-width:0;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.lyt-map .toggle-container.active .btn-toggle.btn-item:before {
margin-top: -5px;
border: 3px solid #a2a2a2;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.lyt-map .btn-toggle.btn-item span {
opacity: 0;
}

/* .btn-map-search
----------------------------------------------- */
.lyt-map .btn-map-search {
position:absolute;
top: 10px;
right: 10px;
display: block;
padding:10px;
margin:0;
font-size: 15px;
text-align: center;
color: #333;
font-weight:bold;
border: 1px solid #b5b5b5;
background: #fff;
}

.lyt-map .btn-map-search span {
position:relative;
display:block;
padding-left: 20px;
}

.lyt-map .btn-map-search span:before {
content:"";
display:block;
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
width: 16px;
height: 16px;
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) no-repeat no-repeat -239px -5px;
background-size: 366px auto;
}

/* .btn-map-here
----------------------------------------------- */
.lyt-map .btn-map-here {
position:absolute;
bottom: 26px;
right: 10px;
display: block;
padding: 5px;
border: 1px solid #b5b5b5;
background: #fff;
}

.lyt-map .btn-map-here span {
position:relative;
display:block;
padding-top: 19px;
width: 19px;
height:0;
overflow:hidden;
}

.lyt-map .btn-map-here span:before {
content:"";
display:block;
position: absolute;
left: 0;
top: 0;
width: 19px;
height:19px;
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) no-repeat no-repeat -265px -5px;
background-size: 366px auto;
}



/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
select,
textarea,
input[type='text'],
input[type='url'],
input[type='tel'],
input[type='email'] {
font-size: 16px;
box-sizing: border-box;
width: 100%;
padding: 8px 5px;
}

label {
margin: 0;
cursor: pointer;
}

input[type='text'],
input[type='tel'],
input[type='email'],
textarea {
border: 1px solid #ccc;
border-radius: 3px;
}

textarea {
padding: 5px;
height: 7em;
}

/* .select-custom
----------------------------------------------- */
.select-custom {
position: relative;
display: block;
border-radius: 5px;
background: #fff;
}

.select-custom:before {
position: absolute;
display: inline-block;
display: block;
width: 0;
height: 0;
margin: 0;
content: '';
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #888 transparent transparent transparent;
}

.select-custom:before {
top: 50%;
right: 8px;
margin-top: -3px;
}

.select-custom select {
font-size: 13px;
min-height: 37px;
margin: 0;
padding: 5px 20px 5px 5px;
border: 1px solid #b5b5b5;
border-radius: 5px;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
letter-spacing: -.04em;
}


/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .map-favorite
----------------------------------------------- */
.lyt-map .map-favorite {
position: absolute;
display:block;
top: 5px;
right: 30px;
width: 22px;
height: 20px;
padding: 0;
overflow:hidden;
}

.lyt-map .btn-favorite {
width: 100%;
height: 100%;
padding:0;
cursor: pointer;
position:relative;
z-index:1;
opacity: 0;
}

.lyt-map .map-favorite:after {
content:"";
display:block;
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 20px;
background: url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat no-repeat 0 -20px;
background-size: 100%;
z-index:0;
}

.lyt-map .map-favorite.active:after {
background-position: 0 0;
}

/* .box-map-error
----------------------------------------------- */
.lyt-map .box-map-error {
position:absolute;
top: 25%;
left:0;
width: 100%;
/*margin-top:  -25%;*/
z-index:1;
}

.lyt-map .box-map-error-inner {
padding: 15px;
margin:0 35px;
background: rgba(0, 0, 0, .7);
position: relative;
}

.lyt-map .box-map-error-inner > p{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.lyt-map .box-map-error-inner > p.hdg{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #3a3a3a;
box-sizing: border-box;
padding:4px 8px;
font-size: 12px;
}
.lyt-map .box-map-error-inner .error-area {
display: table;
width: 100%;
word-break: break-all;
margin-top: 16px;
}

.lyt-map .box-map-error-inner .error-area b,
.lyt-map .box-map-error-inner .error-area span {
display:table-cell;
}

.lyt-map .box-map-error-inner .error-area b,
.map-outofsearch-box li button{
white-space:nowrap;
font-weight: normal;
font-size: 11px;
}

.lyt-map .box-map-error-inner .error-area b:after{
content:":";
padding:0 3px;
}

.lyt-map .box-map-error-inner .btn,
.map-outofsearch-box li button {
color:#006ccc;
margin-top: 10px;
border-color:#ccc;
width: 100%;
}
.map-outofsearch-box li button.btn{
font-size: 13px;
font-weight: normal;
}
.lyt-map .box-map-error-inner .btn.disabled,
.map-outofsearch-box li button.btn.disabled{
color: #999;
background: #e5e5e5;
font-size: 13x;
font-weight: normal;
}
.lyt-map .box-map-error-inner .spot-info-txt{
font-size: 11px;
font-weight: normal;
margin-top: 6px;
margin-bottom: -3px;
}

/* .rank-icon-price-1,5
----------------------------------------------- */
[class*='rank-icon-rank-'],
[class*='rank-icon-star-'] {
display: inline-block;
width: 70px;
margin-right: 5px;
height: 15px;
color: rgba(51, 51, 51, 0);
background-image: url(/element_sp/w_tour_v2/shared/images/sprite-rank.png);
background-repeat: no-repeat;
background-size: 200% auto;
}

.rank-icon-rank-5 {
background-position: 0 -56px;
}

.rank-icon-rank-4h {
background-position: -14px -37px;
}

.rank-icon-rank-4 {
background-position: -14px -56px;
}

.rank-icon-rank-3h {
background-position: -28px -37px;
}

.rank-icon-rank-3 {
background-position: -28px -56px;
}

.rank-icon-rank-2h {
background-position: -42px -37px;
}

.rank-icon-rank-2 {
background-position: -42px -56px;
}

.rank-icon-rank-1h {
background-position: -56px -37px;
}

.rank-icon-rank-1 {
background-position: -56px -56px;
}

.rank-icon-rank-0h {
background-position: -70px -37px;
}

.rank-icon-rank-0 {
background-position: -70px -56px;
}

/* .rank-icon-star-1,5
----------------------------------------------- */
[class*='rank-icon-star-'] {
width: 70px;
}

.rank-icon-star-5 {
background-position: 0 -19px;
}

.rank-icon-star-4h {
background-position: -14px 0;
}

.rank-icon-star-4 {
background-position: -14px -19px;
}

.rank-icon-star-3h {
background-position: -28px 0;
}

.rank-icon-star-3 {
background-position: -28px -19px;
}

.rank-icon-star-2h {
background-position: -42px 0;
}

.rank-icon-star-2 {
background-position: -42px -19px;
}

.rank-icon-star-1h {
background-position: -56px 0;
}

.rank-icon-star-1 {
background-position: -56px -19px;
}

.rank-icon-star-0h {
background-position: -70px 0;
}

.rank-icon-star-0 {
background-position: -70px -19px;
}

/* .loading-modal
----------------------------------------------- */
.lyt-map .loading-modal {
position: relative;
padding: 10px 0;
text-align: center;
border-radius: 3px;
}

.lyt-map .loading-modal p{
margin:0;
}

.lyt-map .loading-modal:after {
position: static;
display: inline-block;
overflow: hidden;
width: 60px;
height: 60px;
content: '';
}

.lyt-map .loading-modal:after {
border-radius: 6px;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2074%2074%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M36.853%2C1.418L36.853%2C1.418c1.226%2C0%2C2.229%2C1.002%2C2.229%2C2.229%0D%0A%09%09%09v9.388c0%2C1.226-1.003%2C2.229-2.229%2C2.229l0%2C0c-1.228%2C0-2.23-1.004-2.23-2.229V3.646C34.622%2C2.42%2C35.625%2C1.418%2C36.853%2C1.418%0D%0A%09%09%09L36.853%2C1.418z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%221%3B.8%3B.6%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M67.538%2C19.134L67.538%2C19.134%0D%0A%09%09%09c0.612%2C1.062%2C0.245%2C2.432-0.816%2C3.046l-8.131%2C4.693c-1.061%2C0.613-2.431%2C0.246-3.044-0.817l0%2C0%0D%0A%09%09%09c-0.614-1.062-0.247-2.431%2C0.815-3.043l8.13-4.693C65.555%2C17.705%2C66.923%2C18.072%2C67.538%2C19.134L67.538%2C19.134z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B1%3B.8%3B.6%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M36.853%2C58.438L36.853%2C58.438c1.226%2C0%2C2.229%2C1.003%2C2.229%2C2.229%0D%0A%09%09%09v9.389c0%2C1.225-1.003%2C2.229-2.229%2C2.229l0%2C0c-1.228%2C0-2.23-1.004-2.23-2.229v-9.389C34.622%2C59.44%2C35.625%2C58.438%2C36.853%2C58.438%0D%0A%09%09%09L36.853%2C58.438z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M72.284%2C36.851L72.284%2C36.851c0%2C1.226-1.002%2C2.229-2.229%2C2.229%0D%0A%09%09%09h-9.386c-1.227%2C0-2.229-1.003-2.229-2.229l0%2C0c0-1.227%2C1.003-2.229%2C2.229-2.229h9.386C71.282%2C34.621%2C72.284%2C35.624%2C72.284%2C36.851%0D%0A%09%09%09L72.284%2C36.851z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B1%3B.8%3B.6%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M15.264%2C36.851L15.264%2C36.851c0%2C1.226-1.003%2C2.229-2.229%2C2.229%0D%0A%09%09%09H3.647c-1.227%2C0-2.229-1.003-2.229-2.229l0%2C0c0-1.227%2C1.003-2.229%2C2.229-2.229h9.387C14.261%2C34.621%2C15.264%2C35.624%2C15.264%2C36.851%0D%0A%09%09%09L15.264%2C36.851z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M18.156%2C47.645L18.156%2C47.645%0D%0A%09%09%09c0.612%2C1.063%2C0.245%2C2.432-0.815%2C3.045l-8.129%2C4.693c-1.063%2C0.614-2.434%2C0.247-3.046-0.816l0%2C0%0D%0A%09%09%09c-0.614-1.062-0.247-2.432%2C0.815-3.045l8.129-4.693C16.173%2C46.215%2C17.542%2C46.584%2C18.156%2C47.645L18.156%2C47.645z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M54.567%2C6.163L54.567%2C6.163c1.063%2C0.614%2C1.43%2C1.984%2C0.816%2C3.046%0D%0A%09%09%09l-4.693%2C8.129c-0.613%2C1.063-1.982%2C1.429-3.045%2C0.816l0%2C0c-1.063-0.613-1.43-1.983-0.815-3.045l4.693-8.129%0D%0A%09%09%09C52.137%2C5.916%2C53.505%2C5.55%2C54.567%2C6.163L54.567%2C6.163z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B1%3B.8%3B.6%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M26.058%2C55.545L26.058%2C55.545c1.063%2C0.615%2C1.43%2C1.984%2C0.816%2C3.046%0D%0A%09%09%09l-4.693%2C8.13c-0.613%2C1.061-1.983%2C1.428-3.045%2C0.816l0%2C0c-1.063-0.614-1.429-1.984-0.816-3.045l4.693-8.13%0D%0A%09%09%09C23.626%2C55.299%2C24.996%2C54.932%2C26.058%2C55.545L26.058%2C55.545z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M19.136%2C6.163L19.136%2C6.163c1.062-0.613%2C2.432-0.247%2C3.045%2C0.817%0D%0A%09%09%09l4.693%2C8.129c0.613%2C1.062%2C0.246%2C2.432-0.816%2C3.045l0%2C0c-1.062%2C0.612-2.432%2C0.247-3.045-0.816l-4.693-8.129%0D%0A%09%09%09C17.706%2C8.147%2C18.073%2C6.777%2C19.136%2C6.163L19.136%2C6.163z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.6%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M47.646%2C55.545L47.646%2C55.545%0D%0A%09%09%09c1.063-0.613%2C2.432-0.246%2C3.045%2C0.817l4.693%2C8.13c0.613%2C1.061%2C0.246%2C2.431-0.816%2C3.045l0%2C0c-1.063%2C0.611-2.432%2C0.246-3.045-0.816%0D%0A%09%09%09l-4.692-8.13C46.216%2C57.529%2C46.583%2C56.16%2C47.646%2C55.545L47.646%2C55.545z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B.4%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M6.166%2C19.134L6.166%2C19.134c0.614-1.062%2C1.983-1.431%2C3.046-0.816%0D%0A%09%09%09l8.129%2C4.692c1.061%2C0.615%2C1.43%2C1.984%2C0.815%2C3.046l0%2C0c-0.612%2C1.063-1.983%2C1.431-3.046%2C0.817L6.981%2C22.18%0D%0A%09%09%09C5.921%2C21.565%2C5.554%2C20.195%2C6.166%2C19.134L6.166%2C19.134z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23969696%22%20fill-opacity%3D%22.4%22%20d%3D%22M55.547%2C47.645L55.547%2C47.645%0D%0A%09%09%09c0.614-1.061%2C1.983-1.429%2C3.046-0.816l8.129%2C4.693c1.062%2C0.613%2C1.43%2C1.983%2C0.816%2C3.045l0%2C0c-0.613%2C1.063-1.983%2C1.431-3.046%2C0.816%0D%0A%09%09%09l-8.13-4.693C55.302%2C50.076%2C54.935%2C48.707%2C55.547%2C47.645L55.547%2C47.645z%22%3E%0D%0A%09%09%09%3Canimate%20attributeName%3D%22fill-opacity%22%0D%0A%09%09%09%09begin%3D%220s%22%20dur%3D%221.3s%22%0D%0A%09%09%09%09values%3D%22.4%3B.4%3B.4%3B.4%3B1%3B.8%3B.6%3B.4%3B.4%3B.4%3B.4%3B.4%3B%22%0D%0A%09%09%09%09calcMode%3D%22linear%22%0D%0A%09%09%09%09repeatCount%3D%22indefinite%22%20/%3E%0D%0A%09%09%3C/path%3E%0D%0A%09%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
background-repeat: no-repeat;
background-position: 0 0;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.lyt-map .toggle-container .toggle-item {
display: none;
background:#fff;
}

.lyt-map .toggle-container.active > .toggle-item {
display: block;
border-top: solid 1px #ebebeb;
margin: 0 -30px;
padding:10px 20px;
}

.lyt-map .toggle-container.box-more.active > .toggle-item{
padding: 0;
}

/* ----------------------------------------------------------------
  Common
----------------------------------------------------------------- */
/* Display
----------------------------------------------- */
.block {
display: block !important;
}

.inline-block {
display: inline-block !important;
}

.inline {
display: inline !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > * {
text-align: left !important;
}

.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > * {
text-align: center !important;
}

.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > * {
text-align: right !important;
}

.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > * {
vertical-align: middle !important;
}



/* ----------------------------------------------------------------
  Hotel
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-hotel-l2
----------------------------------------------- */
.lyt-map .hdg-hotel-l2 {
padding-right: 60px;
margin-bottom: 10px;
font-size: 13px;
font-weight:bold;
line-height:1.3;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}

.lyt-map .hdg-hotel-l2 .mapnum {
margin-right: 5px;
float:left;
}

.lyt-map .hdg-hotel-l2 a,
.lyt-map .hdg-l2-04 a,
.lyt-map .hdg-hotel-l2.ellipsis a,
.lyt-map .hdg-l2-04.ellipsis a{
display:block;
overflow: hidden;
}

.lyt-map .hdg-hotel-l2.ellipsis a,
.lyt-map .hdg-l2-04.ellipsis a{
text-overflow: ellipsis;
white-space: nowrap;
}

.lyt-map .toggle-container.active .hdg-hotel-l2.ellipsis a,
.lyt-map .toggle-container.active .hdg-l2-04.ellipsis a {
text-overflow:clip;
white-space:normal;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-hotel-info
----------------------------------------------- */
.lyt-map .box-hotel-info {
display: table;
width: 100%;
table-layout: fixed;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-hotel-info
----------------------------------------------- */
.lyt-map .list-hotel-info {
display: table-cell;
margin:0;
}

.lyt-map .list-hotel-info li {
margin: 0;
font-size: 12px;
}
.lyt-map .list-hotel-info li.review-rate{
font-weight: bold;
}
.lyt-map .list-hotel-info li b {
display: inline-block;
width: 7em;
font-weight: normal;
}

.lyt-map .list-hotel-info li:last-child span {
color: #e30707;
}

.lyt-map .list-hotel-info li strong {
font-size: 16px;
}

/* .list-hotel-info-01
----------------------------------------------- */
.lyt-map .list-hotel-info-01 {
width: 100%;
letter-spacing: -.5em;
}

.lyt-map .list-hotel-info-01 > li {
display:inline-block;
/*width: 50%;*/
letter-spacing: normal;
}

.lyt-map .list-hotel-info-01 > li:first-child {
margin-right: 1.5em;
}

.lyt-map .list-hotel-info-01 > li b {
margin-right: .5em;
font-weight: normal;
}

/* .list-hotel-review
----------------------------------------------- */
.lyt-map .list-hotel-review{
padding: 0 10px;
margin-bottom:0;
overflow:hidden;
font-size: 12px;
line-height: 2.2;
}

.lyt-map .list-hotel-review li {
width: 50%;
float: left;
font-size: 12px;
font-weight: bold;
}

.lyt-map .list-hotel-review li a,
.lyt-map .list-hotel-review li span {
width: 7.5em;
display:inline-block;
}

.lyt-map .list-hotel-review li span.disabled {
color:#bbb;
}

/* hotelのmaster.cssに移植 */
.hdg-hotel-l2 a:link,
.hdg-hotel-l2 a:visited,
.list-hotel-review a {
color:#006ccc;
}
/* hotelのmaster.cssに移植 */

/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
/* .tbl-hotel-info
----------------------------------------------- */
.lyt-map .tbl-hotel-info {
margin:0 10px;
font-size: 11px;
}

.lyt-map .tbl-hotel-info th {
width: 60px;
font-weight: normal;
vertical-align: top;
}

.lyt-map .tbl-hotel-info td > ul {
margin:0;
}


/* ----------------------------------------------------------------
  Image
----------------------------------------------------------------- */
.lyt-map .img-hotel-item {
display: table-cell;
width: 60px;
height: 45px;
text-align:center;
vertical-align: top;
line-height: 1.0;
}

.lyt-map .img-hotel-item img {
width: 60px;
height:45px;
vertical-align: top;
}

.lyt-map .img-hotel-item .caption {
margin: 5px 0;
display:block;
font-size: 10px;
}

.lyt-map .img-hotel-item .caption b{
font-weight: normal;
}

.lyt-map .img-hotel-item .caption b:after{
content:":";
}



/* ----------------------------------------------------------------
  Review
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l2-04
----------------------------------------------- */
.lyt-map .hdg-l2-04-container .hdg-l2-04 {
font-size: 13px;
line-height: 1.4;
color: #333;
padding-right: 32px;
}

.lyt-map .hdg-l2-04-container .hdg-l2-04 .sup {
font-size: 10px;
font-weight: normal;
display: block;
color: #4c4c4c;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/*.list-summary
-----------------------------------------------------*/
.lyt-map .list-summary {
margin-top: 5px;
}

.lyt-map .list-summary li {
font-size: 11px;
position: relative;
overflow:hidden;
}

.lyt-map .list-summary li .rank {
position: absolute;
margin-top: 4px;
margin-left: 5px;
}

.lyt-map .list-summary li > b{
display:block;
float:left;
width: 4.5em;
font-weight:normal;
}

.lyt-map .list-summary li > b + span {
display:block;
margin-left:4.5em;
}

/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn-qa
----------------------------------------------- */
a.btn-qa {
font-size: 9px;
font-weight: bold;
line-height: 1;
display: inline-block;
margin-left: 4px;
padding: 0 2px;
color: #777;
border: 1px solid #bfbfbf;
border-radius: 3px;
box-shadow: inset 0 -1px rgba(6, 0, 1, .13);
}
/* .btn-03
----------------------------------------------- */
.btn-03 a,
.btn-03 button {
font-size: 13px;
font-weight: bold;
display: block;
padding: 10px 7px;
text-align: center;
color: #555;
border-radius: 3px;
background-color: #e6e6e6;
box-shadow: inset 0 -3px rgba(6, 0, 1, .1);
}

/* .btn-04
----------------------------------------------- */
.btn-04 a,
.btn-04 button {
display:block;
padding:13px 7px;
font-size:14px;
font-weight:bold;
text-shadow: 0 1px 0 rgba(4, 0, 0, .1);
color:#fff;
border:none;
border-radius:6px;
background-color:#444;
box-shadow: inset 0 -4px 0 0 #333;
text-align:center;
}

/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .icon-map-pin
----------------------------------------------- */
.icon-map-pin {
display: inline;
padding-right: 15px;
}

.icon-map-pin:after {
}

/* .rank
----------------------------------------------- */
.lyt-map .rank {
line-height: 1;
display: inline-block;
width: 64px;
height: 13px;
background-image: url(/element_sp/w_review/shared/images/sprite-rank.png);
background-repeat: no-repeat;
background-size: 128px 35px;
}

.lyt-map .rank span {
display: block;
opacity: 0;
}

.lyt-map .rank.rank-5 {
background-position: 0 0;
}

.lyt-map .rank.rank-45 {
background-position: 0 -25px;
}

.lyt-map .rank.rank-4 {
background-position: -13px 0;
}

.lyt-map .rank.rank-35 {
background-position: -13px -25px;
}

.lyt-map .rank.rank-3 {
background-position: -26px 0;
}

.lyt-map .rank.rank-25 {
background-position: -26px -25px;
}

.lyt-map .rank.rank-2 {
background-position: -39px 0;
}

.lyt-map .rank.rank-15 {
background-position: -39px -25px;
}

.lyt-map .rank.rank-1 {
background-position: -51px 0;
}

.lyt-map .rank.rank-05 {
background-position: -51px -25px;
}

.lyt-map .rank.rank-0 {
background-position: -64px 0;
}

/* .sup-category
----------------------------------------------- */
.lyt-map .sup-category {
font-size: 11px;
font-weight: normal;
display: block;
margin-top: -3px;
color: #808080;
}

.lyt-map .sup-category + .list-sup-area {
margin-top: -5px;
}

.lyt-map .hdg-l2-04-container .hdg-l2-04 a {
color:#006ccc;
}

/* .tbl-def
----------------------------------------------- */
.tbl-def {
line-height: 1.25;
margin: 15px;
}

.tbl-def th {
font-size: 11px;
font-weight: normal;
width: 5.5em;
padding-bottom: 4px;
text-align: left;
vertical-align: top;
color: #333;
}

.tbl-def th:last-of-type {
margin-bottom: 0;
}

.tbl-def td {
font-size: 12px;
padding-bottom: 4px;
word-break: break-all;
}

.tbl-def td:last-of-type {
margin-bottom: 0;
}

/* .spot-data
----------------------------------------------- */
.spot-data {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

.spot-data .spot-data-desc {
padding-right: 10px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

.spot-data .spot-data-desc table {
margin: 0;
}

.spot-data .spot-data-thumb {
width: 75px;
}

.spot-data .spot-data-thumb span {
display: table-cell;
}

.spot-data .spot-data-thumb span img {
max-width: 75px;
height: auto;
vertical-align: middle;
}

.spot-data .spot-data-thumb .btn-03 {
margin: 5px 0 0;
}

.spot-data .spot-data-thumb .btn-03 a {
font-size: 10px;
line-height: 1.2;
padding: 7px 2px;
}