/* ----------------------------------------------------------------

  Custom Properties

----------------------------------------------------------------- */
:root{
--color-gray:#777;
--color-red:#e93939;
--key-color:#00428e;
--link-color:var(--cmn-font-color-link);
--button-color:#177bcb;
}

/* ----------------------------------------------------------------
  Default
----------------------------------------------------------------- */
/* Base
----------------------------------------------- */
main {
display: block;
line-height: 1.55;
padding: 10px;
}
.num{
font-family: arial;
}

/* ----------------------------------------------------------------
  Base layout
----------------------------------------------------------------- */
[data-role='page'],
[data-role='dialog']{
display:none;
}

[data-role='page'].is-active,
[data-role='dialog'].is-active{
display:block;
min-height:100%;
box-sizing:border-box;
}

.pseudo-content.is-active{
padding:0 10px;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input textarea{
padding:5px;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:100%;
min-height:38px;
font-size:16px;
box-sizing:border-box;
}
@media screen and (max-width: 375px){
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input textarea{
font-size:16px;
}
}

input::-webkit-input-placeholder,
input::-webkit-input-placeholder{
font-size:13px;
}

input::-webkit-input-placeholder,
input::placeholder{
font-size:13px;
}

.form-search-index input[type='text'],
.form-search-index input[type='search'],
.form-search-index input[type='tel'],
.form-search-index input[type='url'],
.form-search-index input[type='email'],
.form-search-index input textarea{
border-color:#999;
}

input[type='checkbox']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}
input[type='checkbox']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
input[type='checkbox']:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}

input[type='radio']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:15px;
height:15px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
input[type='radio']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
input[type='radio']:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}
label.disabled{
color: #ccc;
}
select option[disabled]{
color: #ccc;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}

/* Link
----------------------------------------------- */

main a:visited,
[data-role='page'] a:visited {
}
main a:link,
main a:active,
main a:hover,
main a:focus,
[data-role='page'] a:link,
[data-role='page'] a:active,
[data-role='page'] a:hover,
[data-role='page'] a:focus {
}

/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin:-10px -10px 0;
padding:12px 10px;
background-color:#004c99;
line-height:1.35;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
margin-bottom:8px;
color:#fff;
font-size:14px;
font-weight:bold;
}
.search-result-header h1:only-child{
margin-bottom:0;
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
}
.hdg-l1-02{
font-size: 16px;
font-weight: bold;
line-height: 1.2;
}
.hdg-l1-02 .sup{
font-size: 12px;
font-weight: normal;
padding-left: 4px;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
font-weight: normal;
font-size: 14px;
}
.hdg-l2-02 {
margin: 0;
padding:8px 10px;
background-color: #444;
font-size: 14px;
color: #fff;
display: table;
width: 100%;
box-sizing: border-box;
line-height:1;
font-weight:normal;
}
.hdg-l2-02 .sup{
font-size: 12px;
font-weight: normal;
line-height: 1.2;
padding-left: 8px;
vertical-align: middle;
width: auto;
display: table-cell;
padding-top: 2px;
}
.hdg-l2-02 span:first-child{
display: table-cell;
white-space: nowrap;
width: 2em;
}
.hdg-l2-02 .date{
font-size: 10px;
display: table-cell;
font-weight: normal;
width: 110px;
text-align: right;
}
.hdg-l2-03{
padding: 7px 10px;
font-size: 14px;
margin-top: 5px;
}
.hdg-l2-04{
margin: 0;
padding: 8px 10px;
background-color: #444;
font-size: 14px;
color: #fff;
line-height:1;
font-weight:normal;
}
.hdg-l2-05 {
margin: 0;
padding: 10px 10px 0;
font-size: 16px;
font-weight: normal;
transform: translate3d(0, 0, 0);
background:#f5f5f5;
}
.city-list-content > .hdg-l2-05{
margin-bottom: -6px;
}
.hdg-l2-05 .city-num{
font-size: 10px;
padding-left:5px;
}
.hdg-l2-05 .city-num b{
font-size: 12px;
font-weight:normal;
font-family: arial;
}
.hdg-l2-02.stl-date-fix span:first-child{
width: auto;
white-space: normal;
}
.hdg-l2-02.stl-date-fix .date{
white-space: nowrap;
text-align: right;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3 {
margin: 0 0 10px 0;
padding: 7px 110px 7px 10px;
color: #333;
font-size: 13px;
font-weight: bold;
background-color: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
position:relative;
line-height:1.3;
}
.hdg-l3 .date,
.hdg-l3-03 .date{
position:absolute;
right:10px;
top:50%;
margin-top:-5px;
display: inline-block;
font-size: 10px;
font-weight: normal;
vertical-align: middle;
color: #949494;
}
.hdg-l3-02{
font-size: 14px;
font-weight:normal;
}
.hdg-l3-03{
margin: 0;
padding: 9px 0 7px;
color: #333;
font-size: 13px;
font-weight:normal;
line-height: 1.1;
}


/* .hdg-l4
----------------------------------------------- */
.hdg-l4{
font-size: 14px;
color: var(--cmn-link-color-base);
margin-bottom: 2px;
font-weight:normal;
}
.hdg-l4 .sup{
color: #333;
font-weight: normal;
font-size: 12px;
padding-left: 4px;
}

/* .hdg-l2-inr
----------------------------------------------- */
.hdg-l2-inr{
position: relative;
box-sizing: border-box;
margin-bottom: 8px;
padding-right: 110px;
}
.hdg-l2-inr .link-googlemap{
position: absolute;
right: 0;
top: 0;
font-size: 12px;
}

/* SEO TEXT .hdg-sup
----------------------------------------------- */
.hdg-sup {
font-size: 11px;
color: #666;
border-bottom: 1px solid #e5e5e5;
padding: 7px 10px;
display: block;
}

/* .form-search-index
----------------------------------------------- */
.cmn-info + main .form-search-index {
padding-top: 6px;
}
.form-search-index {
margin: -10px -10px 0;
background: var(--key-color) url(/element_sp/w_guide/index/images/bg-index.jpg) no-repeat 0 bottom;
background-size:cover;
position:relative;
}
.form-search-index-bg{
padding: 12px 8px 52px;
background:url(/element_sp/w_guide/index/images/bg-index-top.png) no-repeat 0 0;
background-size: 100% auto;
}
.form-search-index .form-search-index-hdg{
margin-bottom: 12px;
color: #fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
font-size: 16px;
line-height: 1.2;
position:relative;
}
.form-search-index-inner{
padding:0 10px;
margin-top:150px;
}
.form-search-index-inner button{
min-height:50px;
background:#fff;
box-sizing:border-box;
width:100%;
border:0;
border-radius:4px;
font-size: 16px;
color: #9e9e9e;
text-align: left;
position: relative;
padding-left: 40px;
-webkit-box-shadow:0px 1px 3px rgb(0 0 0 / 50%);
box-shadow:0px 1px 3px rgb(0 0 0 / 50%);
}
.form-search-index-inner button::before {
position: absolute;
top: 18px;
left: 15px;
content: "";
display: block;
width: 14px;
height: 14px;
background: url(/element_sp/w_guide/shared/images/icon-search-placeholder.svg) top left no-repeat;
}
input[type="text"]{
padding: 5px;
border: 1px solid #bbb;
border-radius: 4px;
display: block;
width: 100%;
min-height: 38px;
font-size: 16px;
box-sizing: border-box;
-webkit-appearance: none;
}

/* .form-search-index-list
----------------------------------------------- */
.form-search-index-list{
margin: 0;
}
.form-search-index-list > li{
margin-top: 10px;
}
.form-search-index-list > li:first-child{
margin-top: 0;
}
.form-search-index-list > li .pop-city-list{
margin: 0;
}
.form-search-index-list > li .pop-city-list li{
float: left;
width: 50%;
box-sizing: border-box;
font-size: 11px;
font-weight: bold;
color: var(--cmn-link-color-base);
}
.form-search-index-list > li .pop-city-list li .country-name{
color: #555;
font-weight: normal;
font-size: 10px;
padding-left: 5px;
}

/* ----------------------------------------------------------------
  .form-search-tbl
----------------------------------------------------------------- */
/* .form-search-tbl (.form-search-index/common)
----------------------------------------------- */
.form-search-tbl{
margin:0;
width:100%;
border-collapse:collapse;
font-size:14px;
line-height:1.25;
}
.form-search-tbl > li{
display: table;
width: 100%;
}
.form-search-tbl > li > div{
padding:10px 0 0;
display: table-cell;
}
.form-search-tbl > li:first-child .search-desc{
vertical-align: middle;
}
.form-search-tbl > li.best-season .search-desc{
vertical-align: top;
}
.form-search-tbl .search-desc{
padding-right:5px;
width:90px;
text-align:left;
font-size:12px;
vertical-align: top;
box-sizing: border-box;
background-color:#f5f5f5;
}
.form-search-tbl .search-desc .form-search-tip-container{
padding-right:15px;
position:relative;
display:block;
background: none;
text-align: left;
}
.form-search-tbl .search-desc .form-search-tip-container .cmn-tip-btn{
position:absolute;
top:0;
right:0;
}
.form-search-tbl .search-item ul{
margin: 0;
}

/* .form-search-index > .form-search-tbl
----------------------------------------------- */
.form-search-index .form-search-tbl li:first-child .search-desc,
.form-search-index .form-search-tbl li:first-child .search-item{
padding-top:0;
}

.form-search-index .form-search-tbl li:first-child .search-desc.align-top{
padding-top:13px;
}

.form-search-index .form-search-tbl li.destination .search-desc{
padding-top:10px;
vertical-align:top;
}

.form-search-index .form-search-tbl li.date .search-desc{
padding-top:21px;
vertical-align:top;
}

.form-search-index .form-search-tbl li.num .search-desc{
padding-top:38px;
vertical-align:top;
}

.form-search-index .form-search-tbl li.keyword t.search-desc{
padding-top:13px;
vertical-align:top;
}

.form-search-index .form-search-tbl li.facility .search-desc,
.form-search-index .form-search-tbl li.plan .search-desc{
font-size:12px;
}

/* > .form-search-tbl
----------------------------------------------- */
.form-search-tbl .search-desc,
.form-search-tbl .search-item{
padding:10px;
border-bottom:1px solid #e5e5e5;
}

.form-search-tbl .search-item{
position:relative;
}

.form-search-tbl .destination .search-desc,
.form-search-tbl .date .search-desc{
padding-top:20px;
vertical-align:top;
}

.form-search-tbl .num .search-desc,
.form-search-tbl .keyword .search-desc{
padding-top:14px;
vertical-align:top;
}

.form-search-tbl .facility .search-desc,
.form-search-tbl .plan .search-desc{
padding-right:5px;
font-size:12px;
}

/* ----------------------------------------------------------------
  .form-search-tbl Paragraph
----------------------------------------------------------------- */
/* .form-search-tbl-br
----------------------------------------------- */
.form-search-tbl .form-search-tbl-br{
display:block;
}

/* .form-search-tbl-sup
----------------------------------------------- */
.form-search-tbl .form-search-tbl-sup{
display:block;
font-size:10px;
}

/* ----------------------------------------------------------------
  Form Search Button
----------------------------------------------------------------- */
/* .form search-btn-loupe
----------------------------------------------- */
.form-search-tbl .form-search-btn-loupe{
margin:0;
padding:5px 5px 5px 28px;
border:1px solid #bbb;
border-radius:4px;
color:#333;
width:100%;
height:38px;
position:relative;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-tbl .form-search-btn-loupe:before{
content:'';
width:16px;
height:16px;
position:absolute;
bottom:50%;
left:5px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) -239px -40px no-repeat;
background-size:auto 70px;
}

.form-search-index .form-search-tbl .form-search-btn-loupe{
border-color:#999;
}

/* .form-search-btn-arrow
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow{
margin:0;
padding:5px 15px 5px 7px;
border:1px solid #bbb;
border-radius:4px;
color:#333;
width:100%;
min-height:38px;
position:relative;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-tbl .form-search-btn-arrow:before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-tbl .form-search-btn-arrow.branch{
font-weight:normal;
}
.form-search-tbl .form-search-btn-arrow.is-unselected{
font-weight:normal;
font-size:13px;
}
.form-search-tbl .form-search-btn-arrow.date{
font-size:13px;
}
.form-search-tbl .form-search-btn-arrow.date .year{
display:block;
font-size:11px;
}
.form-search-tbl .form-search-btn-arrow.date .week{
font-size:11px;
}

.form-search-tbl .facility .form-search-btn-arrow.is-unselected,
.form-search-tbl .plan .form-search-btn-arrow.is-unselected{
font-size:11px;
}

.form-search-index .form-search-tbl .form-search-btn-arrow{
border-color:#999;
}

/* .form-search-btn-arrow-01
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow-01{
margin:-10px;
padding:5px 15px 5px 7px;
border:none;
display:block;
width:100%;
width:calc(100% + 20px);
min-height:37px;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-tbl .form-search-btn-arrow-01:before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-tbl .form-search-btn-arrow-01.is-unselected{
color:#333;
font-weight:normal;
font-size:13px;
}
.form-search-tbl .facility .form-search-btn-arrow.is-unselected,
.form-search-tbl .plan .form-search-btn-arrow.is-unselected{
font-size:11px;
}

/* .form-search-btn-arrow-agt
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow-agt{
margin:-10px;
padding:5px 15px 5px 7px;
border:none;
display:block;
width:100%;
width:calc(100% + 20px);
min-height:37px;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-tbl .form-search-btn-arrow-agt:before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-tbl .form-search-btn-arrow-agt.is-unselected{
color:#333;
font-weight:normal;
font-size:13px;
}
.form-search-tbl .form-search-btn-arrow-agt img{
display:inline-block;
max-width:55px;
}

/* .form-search-btn-arrow-del
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow-del,
.form-search-index-list .form-search-btn-arrow-del{
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:38px;
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;
box-sizing:border-box;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-index-list .form-search-btn-arrow-del.branch button:not([class]){
font-weight: normal;
color: #333;
}
.form-search-tbl .form-search-btn-arrow-del + .form-search-btn-arrow-del{
margin-top: 8px;
}
.form-search-tbl .form-search-btn-arrow-del button,
.form-search-index-list .form-search-btn-arrow-del button{
padding:0;
border:none;
background:none;
}
.form-search-tbl .form-search-btn-arrow-del button.form-search-btn-del,
.form-search-index-list .form-search-btn-arrow-del button.form-search-btn-del{
margin:4px 0 4px 7px;
padding:0;
color:#555;
border:1px solid #bbb;
border-radius:4px;
width:42px;
height:24px;
font-size:12px;
}
.form-search-tbl .form-search-btn-arrow-del button:not([class]),
.form-search-index-list .form-search-btn-arrow-del button:not([class]){
padding:7px 15px 7px 10px;
color:#aaa;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
min-height:36px;
position:relative;
line-height:1.2;
font-size:16px;
text-align:left;
}
.form-search-tbl .form-search-btn-arrow-del .form-search-btn-del button:not([class]){
color:#333;
}
.form-search-tbl .form-search-btn-arrow-del .form-search-btn-del + button:not([class]){
font-weight:bold;
color:#333;
}
.form-search-tbl .form-search-btn-arrow-del button:not([class]):before,
.form-search-index-list .form-search-btn-arrow-del button:not([class]):before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-index .form-search-tbl .form-search-btn-arrow-del{
border-color:#999;
}
.form-search-tbl .more-link{
color: #333;
display: block;
padding: 8px 10px 5px 15px;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 10px no-repeat;
background-size: 12px;
margin-bottom: -5px;
}

/* .form-search-btn-add
----------------------------------------------- */
.form-search-tbl .form-search-btn-add{
margin:-5px 0;
padding:5px 0 5px 18px;
border:none;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:13px;
font-size:14px;
}

/* .form-search-btn-toggle
----------------------------------------------- */
.form-search-tbl .form-search-btn-toggle{
padding:5px 5px 5px 25px;
border:1px solid #bbb;
border-radius:4px;
color:#333;
width:100%;
min-height:38px;
position:relative;
background:#fff url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 7px 50% no-repeat;
background-size:13px;
line-height:1.2;
text-align:left;
font-size:16px;
font-weight:bold;
}
.form-search-tbl .form-search-btn-toggle.is-active{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

.form-search-index .form-search-tbl .form-search-btn-toggle{
border-color:#999;
}

/* ----------------------------------------------------------------
  .form-search-col
----------------------------------------------------------------- */
.form-search-tbl .form-search-col{
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;
clear: both;
}
.form-search-tbl .form-search-col > div:not([class]){
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-tbl .form-search-col > div.form-search-col-sup{
margin:0 3px;
}
.form-search-tbl .form-search-col > div:last-child{
margin-right:0;
}
.form-search-tbl .form-search-col > div > b{
font-size:12px;
}
.form-search-tbl .form-search-col + .form-search-col{
margin-top:6px;
}

.form-search-tbl .date .form-search-col > div:last-child{
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
width:30%;
}

.form-search-tbl .num .form-search-col > div:last-child{
margin-left:5px;
}

/* ----------------------------------------------------------------
  .form-search-checkbox
----------------------------------------------------------------- */
.form-search-tbl .form-search-checkbox{
margin:0;
display:table;
font-size:12px;
color: #333;
}
.form-search-tbl .form-search-checkbox > li{
display:table-cell;
box-sizing:border-box;
font-size: 12px;
}
.form-search-tbl .form-search-checkbox > li:not(:first-child){
padding-left:15px;
}
.form-search-tbl .form-search-checkbox > li > label{
padding:0 0 0 25px;
display:block;
min-height:20px;
position:relative;
vertical-align:middle;
}
label.disabled{
color: #ccc;
}
.form-search-tbl .form-search-checkbox > li > label input[type='checkbox']{
position:absolute;
top:50%;
left:0;
margin-top: -10px;
vertical-align:middle;
}
.form-search-tbl .form-search-checkbox > li .form-search-checkbox-sup{
color:#555;
display:block;
font-size:10px;
}

/* ----------------------------------------------------------------
  .form-search-radio
----------------------------------------------------------------- */
.form-search-tbl .form-search-radio{
margin:0 0 0 -10px;
font-size:12px;
color: #333;
}
.form-search-tbl .form-search-col + .form-search-radio{
margin-top: 10px;
}
.form-search-tbl .form-search-radio > li{
padding-left:10px;
float:left;
width:100%;
box-sizing:border-box;
margin-bottom: 5px;
}
.form-search-tbl .form-search-radio > li > label{
padding-left:20px;
display:block;
min-height:15px;
position:relative;
text-align: left;
}
.form-search-tbl .form-search-radio > li > label input[type='radio']{
position:absolute;
top: 50%;
left: 0;
margin-top: -8px;
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
margin:10px 0;
border:1px solid #bbb;
display:block;
min-height:38px;
padding:0;
box-sizing:border-box;
border-radius:4px;
background-color:#fff;
position:relative;
}
.form-custom-select:before{
margin-top:-3px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:7px;
display:block;
border-width:7px 6px 0 6px;
border-color:#888 transparent transparent transparent;
border-style:solid;
}
.form-custom-select select{
padding:5px 20px 5px 7px;
border:none;
color:#333;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
background-color:transparent;
font-size:16px;
font-weight:bold;
}
.form-custom-select.is-disabled{
border-color:#d1d1d1;
}
.form-custom-select.is-disabled:before{
border-top-color:#a4a4a4;
}
.form-custom-select.is-disabled select{
color:#999;
}
.form-search-tbl .is-disabled {
color: #ccc;
}
.is-disabled input[type='radio'],
.is-disabled input[type='checkbox']{
}

.form-search-tbl .form-custom-select{
margin:0;
}

.form-search-index .form-custom-select{
border-color:#999;
}
.form-search-index .form-custom-select.is-disabled{
border-color:#d1d1d1;
}

.form-custom-select select {
padding: 5px 20px 5px 7px;
border: none;
color: #333;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: transparent;
font-size: 16px;
font-weight: bold;
}
.form-custom-select.is-disabled select {
color: #999;
}


/* .index-sort-content
----------------------------------------------- */
.index-sort-content{
margin: 0 -10px;
}
.index-sort-content .toggle-container{
margin: 0;
border-width:0;
}
.index-sort-content > .form-search-tbl th{
vertical-align: middle;
}

/* .area-img
----------------------------------------------- */
.area-img {
margin: 0 -10px -6px;
text-align: center;
min-height: 108px;
}
.area-img > .img-nophoto{
background-color: #fcfcfc;
border-top: 1px solid #eee;
display: flex;
justify-content: center;
align-items: center;
height: 160px;
}
.area-img > .img-nophoto > img{
max-width:100px;
max-height:100px;
}

/* .tab
----------------------------------------------- */
.tab-container{
margin: 0 -10px;
}
.tab{
display: table;
width: 100%;
margin: 0;
border-top: 1px solid #bbb;
}
.tab > li{
display: table-cell;
width: 32%;
vertical-align: middle;
border-left: 1px solid #bbb;
border-bottom: 1px solid #bbb;
box-sizing: border-box;
background-color: #f5f5f5;
}
.tab > li:first-child{
border-left: none;
}
.tab > li.active{
background-color: #fff;
border-bottom: 1px solid #fff;
}
.tab > li > a{
display: block;
padding: 12px 0 11px;
text-align: center;
font-size: 14px;
color: #555;
}
.tab > li.active > a{
font-weight: bold;
color: #333;
}
.search-result .tab-container{
margin: 0;
padding: 0;
}
.search-result .tab{
border-top: 0;
margin-bottom: 15px;
}

/* tab-content
------------------------------------------------- */
.tab-content{
display:none;
padding: 10px 0;
}
.tab-content > :first-child{
margin-top:0;
}
.tab-content.is-active{
display:block;
}

/* pop-area-label-list
------------------------------------------------ */
.pop-area-label-list:after{
content:'';
display:block;
clear:both;
}
.pop-area-label-list{
transform: translate3d(0, 0, 0);
background: #fff;
}
.pop-area-label-list ul{
margin:0 0 0 -8px;
padding:0 10px 10px 10px;
background: #fff;
}
.pop-area-label-list ul li{
float:left;
padding-left:8px;
width:25%;
box-sizing:border-box;
margin-bottom:10px;
}
.pop-area-label-list ul li a{
position:relative;
display:block;
border-width:1px;
border-color:rgb(187, 187, 187);
border-style:solid;
border-radius:3px;
color:#333;
font-size:13px;
padding:7px 5px 2px 21px;
box-sizing:border-box;
min-height: 37px;
}
.pop-area-label-list ul.btn-link-list li a{
padding: 7px 0 0;
text-align: center;
font-size: 10px;
min-height: 30px;
}
.pop-area-label-list ul.btn-link-list li a:before{
display: none;
}
.pop-area-label-list ul.btn-link-list li.is-active a{
color: #fff;
background: #888;
border: 0;
}
.pop-area-label-list ul li a > span{
font-size: 10px;
line-height: 1.1;
display: inline-block;
vertical-align: middle;
}
.pop-area-label-list ul li a span > .sp-block{
display: inline;
}
@media screen and (max-width: 320px){
.pop-area-label-list ul li a span > .sp-block{
display: block;
}
}

.pop-area-label-list ul li a:before{
content:"";
position:absolute;
top:50%;
left:10px;
margin-top:-4px;
height:5px;
width:5px;
display:block;
border:1px solid #555;
border-left-width:0;
border-top-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}


/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
line-height:1.35;
font-size:14px;
}
.link-list > li > a,
.link-list > li > span{
padding:12px 25px 12px 0;
margin:0 10px 0 58px;
border-bottom:1px solid #e9e9e9;
color:#333;
display:block;
position:relative;
}
.link-list > li > a::before {
margin-top: -5px;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #888;
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
right: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.link-list > li .link-list-sup{
color:var(--cmn-font-color-gray);
display:block;
line-height:1.25;
font-size:12px;
}
.link-list.indent > li a{
padding-left:22px;
}
.hdg-l3 + .link-list{
border-top:1px solid #e9e9e9;
}
.link-list-toggle .link-list li{
position: relative;
}

/* .guide-link-list
----------------------------------------------- */
.guide-link-list{
margin: 0 10px 0 0;
text-align: right;
position: absolute;
top: 50%;
right: 0;
margin-top: -.5em
}
.guide-link-list li{
display: inline-block;
margin-left: 5px;
font-size: 11px;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 ;
line-height:1.35;
font-size:14px;
}
.link-list-toggle > li > .link-list-toggle-hook{
padding:11px 10px 10px 30px;
border-bottom:1px solid #e9e9e9;
color:#333;
display:block;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 10px 50% no-repeat;
background-size:13px;
}
.link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active > .link-list-toggle-hook{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}
.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}
.link-list-toggle .link-list{
margin:0;
}
.link-list-toggle .link-list > li > a,
.link-list-toggle .link-list > li > span{
padding-left:37px;
}
.link-list-toggle .link-list > li .link-list > li > a{
padding-left:56px;
}
.link-list-toggle .link-list > li .link-list li span{
padding-left: 45px;
padding-right: 165px;
box-sizing: border-box;
font-size: 13px;
}

/* .toggle-btn
----------------------------------------------- */
.toggle-btn + .form-search-tbl{
display: none;
}
.toggle-btn.is-active + .form-search-tbl{
display: table;
}
.toggle-btn {
margin: 0 auto;
color: #555;
border-radius: 4px;
display: block;
font-size: 13px;
text-align: center;
box-sizing: border-box;
text-align: left;
display: block;
padding: 8px 10px;
border-bottom: 1px solid #e5e5e5
}
.toggle-btn > span {
padding: 3px 0 3px 15px;
color: var(--cmn-font-color-base);
background: url(/element_sp/w_hotel/shared/images/icon-arrow-01-down.svg) no-repeat 0 9px;
background-size: 8px auto;
font-size: 12px;
display:inline-block;
}
.toggle-btn.is-active > span {
padding: 3px 0 3px 15px;
color: var(--cmn-font-color-base);
background: url(/element_sp/w_hotel/shared/images/icon-arrow-01-up.svg) no-repeat 0 9px;
background-size: 8px auto;
font-size: 12px;
display:inline-block;
}


/* .link-01
----------------------------------------------- */
.link-01.right{
text-align: right;
}
.link-01.center{
text-align: center;
}
.link-01{
border-top: 1px solid #e5e5e5;
}
.link-01 a{
color: #555;
padding-left: 12px;
position: relative;
text-decoration: none;
font-size: 13px;
}
.link-01 a::before{
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 4px;
height: 4px;
margin-right: .5em;
border-top: 1px solid #666;
border-right: 1px solid #666;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
vertical-align: middle;
}
.hotel .link-01 a{
display: inline-block;
float: right;
}
.product-contents + .link-01.center,
.ranking-link + .link-01.center,
.ranking-box + .link-01.center,
.product-info-box + .link-01.center{
border-top: 1px solid #bbb;
padding:8px 10px 10px;
background: #fff;
}
.product-contents.air + .link-01.center,
.product-contents.tour + .link-01.center{
margin-top: -6px;
}
.ranking-link + .link-01.center{
margin-top: 10px;
margin-bottom: -10px;
}

/* .product-info-box
----------------------------------------------- */
.product-info-box{
font-size: 10px;
line-height: 1.3;
padding: 12px 10px;
border-top: 6px solid #666;
margin-top: 8px;
}
.product-contents.tour .product-info-box{
margin: 0 -10px;
}
.product-contents.tour + .product-info-box,
.product-contents.air + .product-info-box{
margin-top: 0;
border-top: 0;
margin-bottom: 6px;
}
.product-contents.tour + .product-info-box + .link-01.center,
.product-contents.air + .product-info-box + .link-01.center{
margin-top: -6px;
}
.product-contents.tour .link-01.center{
margin: 0 -10px -10px;
}


/* .ranking-link
----------------------------------------------- */
.ranking-link a{
display: block;
padding: 8px 0 5px;
margin-bottom: -5px;
font-size: 12px;
}
.ranking-link .date{
font-size: 10px;
display: inline-block;
color: #808080;
margin-top: 10px;
}
.air .ranking-link{
border: 0;
}
.air .ranking-link a{
color: #555;
font-size: 12px;
padding: 3px 0 1px;
}

/* .detail-notice
----------------------------------------------- */
.detail-notice{
margin:8px 10px 10px;
font-size: 12px;
color:var(--cmn-font-color-red);
padding-left: 20px;
position: relative;
}
.detail-notice:before{
margin: 0 5px 0 0;
content: '';
display: block;
width: 14px;
height: 12px;
position: absolute;
top: 2px;
left: 0;
vertical-align: middle;
background: url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
}
.tab-container .detail-notice{
margin: 10px ;
}
.txt-blk,
.detail-notice .txt-blk{
color: #222;
}

/* .special-info-link
----------------------------------------------- */
.special-info-link{
margin:0 10px 5px;
font-size: 12px;
}
.special-info-link a:hover{
text-decoration:none;
color: #222;
}

/* .detail-inner
----------------------------------------------- */
.detail-inner{
padding:0 10px 10px;
font-size: 12px;
word-break: break-all;
}
.toggle-item .detail-inner{
padding: 0 ;
}

.detail-inner + .hdg-l3-03{
border-top: 1px dotted #bbb;
margin-top: 7px;
line-height: 1.1;
}
.detail-inner.detail-block{
padding-left: 110px;
margin-top: -23px;
}

/* .detail-section
----------------------------------------------- */
.detail-section {
position: relative;
margin-bottom: 5px;
}
.detail-section .detail-label{
display: inline-block;
background: #eee;
padding: 3px 9px;
font-size: 10px;
position: absolute;
left: 0;
top: 0;
}
.detail-section .section-txt{
padding-left: 45px;
font-size: 11px;
display: block;
}

/* .detail-txt
----------------------------------------------- */
.detail-txt + .detail-txt{
margin-top: 1em;
}
.detail-txt-02 b{
display: block;
}
.detail-txt-02 + .detail-txt-02{
border-top: 1px solid #e5e5e5;
margin-top: 5px;
padding-top: 5px;
}
/* .event-list
----------------------------------------------- */
.event-list{
width: 100%;
margin: 0;
}
.event-list li{
display: block;
width: 100%;
box-sizing: border-box;
}
.event-list li span{
display: inline-block;
box-sizing: border-box;
}
.event-list li .date{
width: 11em;
vertical-align: top;
float: left;
}
.event-list li .event-detail{
width: 100%;
padding-left: 8px;
float: left;
margin-left: -11em;
padding-left: 11em;
}
.event-list .notice-list{
color: #949494;
}


/* .season-table
----------------------------------------------- */
.season-table {
padding-right: 1px;
}
.season-table table{
border-collapse: collapse;
width: 100%;
box-sizing: border-box;
margin: 15px 0 10px 0;
}
.season-table table th{
text-align: center;
font-weight: normal;
font-size: 10px;
padding: 2px 0;
}
.season-table table td .txt{
font-size: 10px;
display: block;
line-height: 1.2;
}
.season-table table td{
text-align: center;
padding: 2px 0;
border: 1px solid #ddd;
box-sizing: border-box;
width: 6.5%;
}
.season-table table td .ic-stl-01,
.season-table table td .ic-stl-03{
font-size: 10px;
}
.season-table table td .ic-stl-02{
font-size: 10px;
}
.season-table table td:nth-child(even){
background: #fff;
}
.season-table table td:first-child{
width: 20%;
padding: 2px;
}
.season-table table td img{
max-width: 15px;
}
.list-travel-season,
.list-clothes {
text-align: left;
font-size: 11px;
}
.list-clothes{
margin-bottom:10px;
}
.list-clothes img{
vertical-align: baseline;
max-width: 14px;
margin: 0 2px;
}
.wether-list{
margin-left: 20px;
}
.wether-list li{
display: inline-block;
}
.wether-list li:first-child{
display: block;
}
.wether-list li span{
display: inline-block;
position: relative;
padding-left: 50px;
margin-right: 20px;
font-size: 12px;
}
.wether-list li span:before{
content: '';
display: block;
width: 45px;
height: 2px;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
}
.wether-list li span.graph-01:before{
background-color: #cc9900;
}
.wether-list li span.graph-02:before{
background-color: #0f7ded;
}
.wether-list li span.graph-03:before{
background-color: #d7f1ff;
height: 6px;
margin-top: -3px;
}
.graph-box{
margin-top: 0;
line-height: 1;
}
.hotel-num{
margin:-5px 0 -2px 0;
}
.hotel-num li{
display: inline-block;
margin-right: 3px;
font-size: 10px;
}
.hotel-num li:last-child{
margin: 0;
}
.hotel-num li span + span:before{
content: '\0FF1A';
margin: 0 -1px;
}

/* .inb-list
----------------------------------------------- */
main .inb-list{
margin: 0;
}
.inb-list li{
display: block;
}
.info-list {
margin:0;
}
.info-list li{
text-indent: -1em;
padding-left: 1em;
font-size: 12px;
margin-top: 3px;
line-height: 1.2;
color: #949494;
}
.inb-list.time li,
.inb-list.day li{
display: table;
width: 100%;
box-sizing: border-box;
text-align: left;
}
.inb-list.time li span,
.inb-list.day li span{
display: table-cell;
}
.inb-list.time li span:first-child,
.inb-list.day li span:first-child{
width: 6em;
}
.inb-list.time li span:last-child:before,
.inb-list.day li span:last-child:before{
content: '\0FF1A';
}

/* .under-info
--------------------------------------------- */

.under-info{
font-size: 14px;
font-weight: bold;
margin: 20px 0 15px;
}
.update-box{
text-align: right;
font-size: 12px;
}

/* .price-list
--------------------------------------------- */
.price-list{
margin: 0;
text-align: right;
}
.price-list li{
display: inline-block;
box-sizing: border-box;
}
.price-list li.best-season-list{
text-align: right;
display: block;
}

.price-list li span{
display: inline-block;
position: relative;
padding-left: 17px;
margin-left: 6px;
font-size: 10px;
}
.price-list li.best-season-list span{
padding-left: 7px;
}
.price-list li span:before{
content: '';
display: block;
width: 14px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
}
.price-list li span.graph-01:before{
background-color: #0f7ded;
}
.price-list li span.graph-02:before{
background-color: #cc9900;
}
.price-list li span.graph-03:before{
background-color: #669933;
}
.price-list li span.graph-04:before{
background-color: #9966cc;
}
.price-list li span.graph-05:before{
background-color: #e3e3e3;
height: 8px;
width:8px;
margin-top: -4px;
left: -4px;
}
.graph-box span{
font-size: 12px;
display: block;
line-height: 1.35;
margin-top: 4px;
color: #949494;
}
.graph-box span + span{
margin-top: 0;
}

/* .ic-hdg-list-01
-------------------------------------------- */
.ic-hdg-list-01{
margin: 0;
}
.ic-hdg-list-01 li{
display: block;
margin-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
.ic-hdg-list-01 li:first-child{
margin-top: 0;
}
.ic-hdg-list-01 li:before{
content: '\030FB';
display: inline;
position: absolute;
left: 9px;
}
.ic-hdg-list-01 .txt-block{
display: block;
}

/* .ic-hdg-list-02
-------------------------------------------- */
.ic-hdg-list-02{
margin: 0;
}
.ic-hdg-list-02 li:before{
content: '\030FB';
display: inline;
float: left;
margin-right: 1em;
}
.ic-hdg-list-02 li.list-stl-02:before{
content: '\02514';
display: inline;
float: left;
margin-right: 1.3em;
color: #555;
}
.ic-hdg-list-02 li{
display: block;
padding-left: 1em;
text-indent: -1em;
}
.ic-hdg-list-02 li.list-stl-02{
padding-left: 1.3em;
text-indent: -1.3em;
}


/* .plug-list
-------------------------------------------- */
.plug-list{
margin: 0;
}
.plug-list > li{
display: block;
vertical-align: top;
position: relative;
margin-bottom: 5px;
}
.plug-list > li:last-child{
margin-bottom: 0;
}
.plug-list > li:last-child > span{
position: absolute;
}
.plug-list > li:last-child > ul{
padding-left: 4em;
}
.plug-list > li:last-child > ul li{
display: inline-block;
margin-right: 10px;
}
.plug-list > li:last-child > ul li img{
max-height: 50px;
}
.plug-list > li:last-child > ul span{
display: block;
text-align: center;
}

/* .link-list-02
-------------------------------------------- */
.link-list-02 li{
display: block;
}
.link-list-02 a{
position: relative;
}
.new-win{
padding-right: 18px;
position: relative;
}
.new-win:after{
content: '';
background: url(/element/w_guide/shared/images/ic-newwin.png) no-repeat;
width: 12px;
height: 11px;
display: block;
position: absolute;
right: 0;
bottom:5px;
margin-bottom: -5px;
}

/* .ic-hdg-01
-------------------------------------------- */
p.ic-hdg-01{
margin: 0;
}
p.ic-hdg-01:before {
content: '\025A0';
}
p.ic-hdg-01 .sup{
font-size: 10px;
}

/* .carousel-area-list
----------------------------------------------- */
.carousel-area{
width:100%;
overflow: hidden;
box-sizing: border-box;
}
.carousel-area .carousel-area-list{
margin:10px 0;
width:9999px;
overflow:hidden;
}
.carousel-area .carousel-area-list > li{
padding-left:10px;
box-sizing:border-box;
float:left;
width:135px!important;
color:#555;
min-height: 135px;
}
.carousel-area .carousel-area-list > li a{
color:#555;
display:block;
line-height: 1.2;
display: block;
margin-bottom: 3px;
}
.carousel-area .carousel-area-list .carousel-area-thumb{
margin-bottom:5px;
position:relative;
height:82px;
overflow:hidden;
background-color:#f1f1f1;
}
.carousel-area .carousel-area-list .carousel-area-thumb img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}
.carousel-area .carousel-area-list .carousel-area-agt{
color:var(--cmn-font-color-gray);
display:block;
font-size:8px;
}
.carousel-area .carousel-area-list .carousel-area-name{
margin-top:3px;
display:block;
font-size:10px;
line-height: 1.3;
min-height: 24px;
}
.carousel-area .carousel-area-list .carousel-area-price{
margin-top:2px;
color:#e30707;
display:block;
text-align:right;
font-size:8px;
}
.carousel-area .carousel-area-list .carousel-area-price > b{
font-size:11px;
font-family:Arial;
}

/* .best-season
----------------------------------------------- */
.best-season {
font-size: 10px;
height: 21px;
margin: 3px 0;
}
.best-season span {
background: #efefef;
display: inline-block;
text-align: center;
line-height: 1;
letter-spacing: -0.1em;
padding: 1px;
margin-right: 5px;
vertical-align: middle;
}
.best-season span.month {
background: #fff;
}
.best-season{
margin: 0;
}
.best-season li{
width: 33.33%;
box-sizing: border-box;
float: left;
display: block;
margin-bottom: 8px;
font-size: 13px;
color: #333;
}
.best-season li input[type="checkbox"]{
vertical-align: middle;
margin-right: 4px;
}
.form-search-tbl .best-season td ul{
margin-bottom: -8px;
}

/* .city
----------------------------------------------- */
.select-sup{
display: block;
font-size: 11px;
color: #666;
margin-top: 8px;
text-indent: -1em;
padding-left: 1em;
}


/* .carousel-area-nav
----------------------------------------------- */
.carousel-area .carousel-area-nav{
margin:0;
position: relative;
}
.carousel-area .carousel-area-nav button{
margin:0;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
position:absolute;
top:23px;
left:0;
z-index:1;
width:20px;
height:55px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:#888;
}
.carousel-area .carousel-area-nav button:before{
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
left:7px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.carousel-area .carousel-area-nav button:disabled{
background-color:#dedede;
}
.carousel-area .carousel-area-nav .next button{
left:auto;
right:0;
}
.carousel-area .carousel-area-nav .next button:before{
left:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* under-txt
-------------------------------------------- */
.under-txt{
font-size: 11px;
margin: 15px 0 0 0;
padding: 0 10px;
}

/* update-txt
-------------------------------------------- */
.update-txt{
text-align: right;
font-size: 13px;
padding: 0 10px;
}

/* .products-tab
-------------------------------------------- */
.products-tab-list{
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #bbb;
margin: 0;
padding: 12px 0 7px 0;
border-top: 6px solid #666;
line-height: 1;
}
.products-tab li{
width: 25%;
display: block;
float: left;
text-align: center;
font-size: 14px;
vertical-align: bottom;
position: relative;
}
.products-tab li.is-active{
font-weight: bold;
}
.products-tab li.is-active::after{
content: '';
position: absolute;
width: 100%;
height: 3px;
background: #888;
bottom: -7px;
left: 50%;
margin-left: -50%;
}
.products-tab li a{
color: #555;
}

/* .products-tab-container
-------------------------------------------- */
.products-tab-container{
}

/* .product-contents
-------------------------------------------- */
.product-contents{
background: #fff;
padding: 10px;
border-bottom: 6px solid #666;
}
.products-tab-container .product-contents:last-child{
border-bottom: 0;
}
.product-contents.hotel,
.product-contents.optional{
border-top: 6px solid #666;
border-bottom: 0;
}


/* .product-detail
-------------------------------------------- */
.product-detail{
margin: 0 -10px;
padding: 0 10px 10px 10px;
}
.air .product-detail{
padding-bottom: 0;
}
.product-detail .img-box{
float: left;
width: 110px;
padding-right: 10px;
box-sizing: border-box;
font-size: 10px;
text-align: center;
}
.product-detail .img-box img{
max-height: 65px;
}
.product-detail .img-box .img-nophoto{
display:flex;
justify-content: center;
align-items: center;
height:65px;
}
.product-detail .img-box .img-nophoto img{
max-height:60px;
max-width:60px;
}
.product-detail .img{
height: 65px;
border: 1px solid #eee;
vertical-align: middle;
margin-bottom: 2px;
background-color:#fcfcfc;
}
.product-detail .detail-box{
overflow: hidden;
width: auto;
font-size: 12px;
display: block;
position: relative;
line-height: 1.3;
}
.product-detail .detail-box > div{
display: inline;
}
.product-detail .detail-box > b{
font-size: 14px;
color: var(--cmn-link-color-base);
display: block;
margin-bottom: 5px;
line-height: 1.2;
}
.product-detail .detail-box .detai-toggle{
position: relative;
display: inline-block;
background: #fff;
}
.product-detail .img-box .img-info{
font-size: 10px;
text-align: left;
display: block;
}
.product-detail .img-box .img-info a{
color: #555;
text-decoration: none;
display: inline-block;
}
.product-detail .img-box .img-info .agt-name{
display: inline-block;
}
.product-detail .img-box .date{
display: block;
text-align: left;
}
.product-detail a{
color: #555;
}

/* .ranking-box
-------------------------------------------- */
.ranking-box{
border-top: 1px solid #e5e5e5;
padding: 7px 0 6px;
}
.ranking-box.no-1{
border-top: 1px solid #bbb;
}
.ranking-box a{
color: #555;
text-decoration: none;
}
.ranking-box .label{
display: inline-block;
width: 50px;
font-size: 11px;
text-align: center;
color: #fff;
font-weight: bold;
}
.ranking-box.no-1 .label{
background: #f5b631;
}
.ranking-box.no-2 .label{
background: #9c9c9c;
}
.ranking-box.no-3 .label{
background: #b88656;
}
.ranking-box .txt{
display: block;
font-size: 12px;
line-height: 1.3;
margin-top: 4px;
}

/* .price-box
-------------------------------------------- */
.price-box{
display: table;;
width: 100%;
box-sizing: border-box;
}
.price-box > div{
display: table-cell;
}
.price-box > div.number{
font-size: 11px;
color: #333;
vertical-align: text-bottom;
}
.price-box > div.number .num{
font-size: 12px;
}
.price-box > div.price{
font-size: 12px;
color: #333;
text-align: right;
white-space: nowrap;
min-width: 180px;
box-sizing: border-box;
position: relative;
}
.price-box > div.price > .num-price-hdg{
font-size: 11px;
position: absolute;
left: 5px;
top: 8px;
}
.price-box > div.price > .num-price-hdg .num{
font-size: 12px;
font-weight: normal;
}
.price-box > div.price > .num{
font-family: arial;
font-size: 19px;
font-weight: bold;
padding: 0 2px;
}
.price-box > div.price > .number{
}
.price-box > div.price > .number .num{
font-weight: normal;
font-size: 12px;
}

.clr-stl-01{
color: #2b65a0;
}
.clr-stl-02{
color: #af700a;
}
.clr-stl-03{
color:var(--cmn-font-color-red);
}

/* .products-under-txt
-------------------------------------------- */
.products-under-txt{
font-size: 11px;
font-weight: bold;
margin: 12px 0 2px 0;
}

/* hotel-list
-------------------------------------------------- */
.hotel-number{
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
}

.hotel-list{
display: table;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
margin: 0;
}
.hotel-list > li{
display: table-cell;
}
.hotel-list > li ul,
.hotel-list > li ul li{
display: inline-block;
margin: 0;
}
.hotel-list > li .label{
font-size: 10px;
color: #555;
border: 1px solid #ccc;
display: inline-block;
padding: 0 2px;
}
.hotel-list > li:last-child{
font-size: 10px;
}
.hotel-list > li:last-child a{
position: relative;
color: #555;
}
.hotel-list > li:last-child a:before {
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 4px;
height: 4px;
margin-right: .5em;
border-top: 1px solid #666;
border-right: 1px solid #666;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
}
.hotel-list > li ul li{
padding: 0 3px;
border-left: 1px solid #ccc;
line-height: 1.1;
font-size: 10px;
color: #555;
}
.hotel-list > li ul li .num{
font-size: 12px;
font-weight: bold;
color: #333;
padding-right: 3px;
}
.hotel-list > li ul li:first-child{
border: 0;
}

/* .air-detail-box
-------------------------------------------- */
.air-detail-box{
border-top: 1px solid #e5e5e5;
margin-top: 10px;
position:relative;
font-size: 11px;
}
.air-detail-box .air-detail-list{
padding: 10px 95px 0 0;
margin: 0;
}
.air-detail-box .air-detail-list li{
display: table;
width: 100%;
box-sizing: border-box;
}
.air-detail-box .air-detail-list li > div{
display: table-cell;
}
.air-detail-box .air-detail-list li > div:first-child{
width:7em;
line-height: 1.2;
padding-right: 5px;
}
.air-detail-box .air-detail-list li > div:last-child{
white-space: nowrap;
}
.air-detail-box .air-detail-list li > div:last-child::before{
content: ':';
margin-right: 4px;
}
.air-detail-box .btn{
display: inline-block;
color: #555;
padding: 7px 3px;
border-radius: 3px;
border: 1px solid #bbb;
box-shadow: 0 -1px 0 #bbb inset;
position: absolute;
right:0;
background: #fff;
top: 50%;
margin-top: -15px;
}
.price {
font-size: 12px;
color: #333;
text-align: right;
}
.price .num {
font-family: arial;
font-size: 19px;
font-weight: bold;
}
.air-detail-box .price{
position: absolute;
right:0;
top:4px;
}
.air-detail-box .price .tax{
display: block;
line-height: 1.1;
font-size: 10px;
color: #808080;
margin-top: -3px;
font-weight: normal;
}
.air-tax-date{
display: table;
width: 100%;
box-sizing: border-box;
margin-top: 2px;
}
.air-tax-date > div{
display: table-cell;
font-size: 10px;
color: #808080;
}
.air-tax-date > div.date{
text-align: right;
}

/* .under-content
-------------------------------------------- */
.under-content{
margin:0 -10px;
}

/* .city-list-content
-------------------------------------------- */
.city-list-content{
margin: 0 -10px;
background: #f5f5f5;
}

/* .country-box
-------------------------------------------- */
.country-box{
padding: 10px 10px 15px 10px;
border-top: 6px solid #666;
}
.hdg-l2-05 + .country-box{
border-top: 0;
}

/* .city-box
-------------------------------------------- */
.city-box{
background: #fff;
border: 1px solid #bbb;
border-top: 2px solid #bbb;
padding: 10px 10px 6px 10px;
}
.city-box:first-child{
border-top: 6px solid #666;
}
.country-box-container .city-box:first-child{
border-top: 3px solid #bbb;
}
.city-box .product-detail{
margin: 0;
padding: 0 0 10px 0;
border: 0;
line-height: 1.2;
}
.city-box .product-detail .detai-toggle .detail-toggle-hook{
display: inline-block;
font-weight: normal;
color: #a4a4a4;
border: 0;
padding: 0;
background: none;
font-size: 12px;
}
.city-box .product-detail .detai-toggle .detail-toggle-hook:before{
margin-right: 5px;
content: '...';
color: #333;
display: inline-block;
vertical-align: bottom;
}
.city-box .product-detail .detai-toggle.is-active{
display: block;
}
.city-box .product-detail .detai-toggle.is-active .detail-toggle-hook{
margin: 5px 0 0 auto;
padding: 0 0 0 17px;
border: none;
color: #a4a4a4;
position: relative;
line-height: 1;
display: table;
background: 0 0;
}
.city-box .product-detail .detai-toggle.is-active .detail-toggle-hook:before{
content: '';
display: block;
width: 12px;
height: 12px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
opacity: .6;
}
.city-box .product-detail .detai-toggle .detail-toggle-item{
clear: both;
display: none;
}
.city-box .product-detail .detai-toggle.is-active .detail-toggle-item{
display: inline;
}

/* .travel-info
-------------------------------------------- */
.city-box .travel-info{
clear:both;
font-size: 12px;
margin:-4px 0 6px;
}

/* .city-detail-tbl
-------------------------------------------- */
.city-detail-tbl{
font-size: 12px;
text-align: left;
margin: 0;
width: 100%;
border-collapse: collapse;
line-height: 1.25;
border-bottom: 1px solid #e5e5e5;
}
.city-detail-tbl > li{
display: table;
width: 100%;
}
.city-detail-tbl > li > div{
padding: 5px;
border-top: 1px solid #e5e5e5;
display: table-cell;
}
.city-detail-tbl > li > div:first-child{
background: #f5f5f5;
font-weight: normal;
width: 120px;
}

/* .city-link-list
-------------------------------------------- */
.city-link-list{
text-align: right;
margin: 6px 0 0 0;
border-top: 0;
}
.city-link-list li{
display: inline-block;
font-size: 11px;
}
.city-link-list li a{
color: #555;
}

/* .toggle
----------------------------------------------- */
.toggle > .toggle-item{
display:none;
}

.toggle > .toggle-hook{
margin:-1px 10px 0;
padding:10px;
color:#555;
border-width:1px 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:13px;
text-align:center;
}
.toggle > .toggle-hook > span{
padding-left:20px;
display:inline-block;
position:relative;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
}

.toggle.is-active > .toggle-item{
display:block;
padding: 0 10px 10px;
}

.toggle.is-active > .toggle-hook > span{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

.city-list-content + .toggle{
border-top: 6px solid #666;
margin: 0 -10px;
overflow: hidden;
}

/* .toggle-container
----------------------------------------------- */

.toggle-container{
border: 1px solid #bbb;
margin: 0 10px 0;
position: relative;
}
.toggle-container .toggle-hook{
border: 0;
padding: 6px 0 ;
margin: 0 9px;
text-align: left;
box-sizing: border-box;
}
.toggle-container.is-active .toggle-hook{
border-bottom: 1px dotted #bbb;
padding-bottom: 5px;
}
.toggle-container .toggle-hook a{
font-size: 11px;
color: #555;
padding-left: 18px;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
background-size: 12px;
}
.toggle-container.is-active .toggle-hook a{
font-size: 11px;
color: #555;
padding-left: 18px;
background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 0 no-repeat;
background-size: 12px;
}
.toggle-container + .toggle-container{
margin-top: 10px;
}

/* country-link-list
-------------------------------------------- */
.country-link-list{
margin: 0 -10px;
}

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word{
margin:20px 0;
position:relative;
}

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type='text'],
.form-input-word .form-input-word-inner input[type='search']{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:42px;
border-radius: 4px;
display: block;
width: 100%;
min-height: 38px;
box-sizing: border-box;
background:#fff;
}
.form-input-word .form-input-word-inner input[type='text']::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type='search']::-webkit-input-placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner input[type='text']::placeholder,
.form-input-word .form-input-word-inner input[type='search']::placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:0;
z-index:2;
width:100%;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup{
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:#333;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:'';
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:11px 16px;
}
.form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:18px 14px;
opacity:.75;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list-keyword > li{
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:#333;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li button:before{
content:'';
display:block;
width:11px;
height:100%;
position:absolute;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category{
padding:5px 10px;
background-color:#f5f5f5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-hdg{
font-size:11px;
font-weight:normal;
}

/* .form-input-word-suggest-category-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-list{
margin:5px -10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
font-size:11px;
}

.form-input-word .form-input-word-suggest-category-list > li{
-webkit-box-flex:1;
flex:1;
}

.form-input-word .form-input-word-suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}

.form-input-word .form-input-word-suggest-category-list > li > a{
padding:22px 0 0;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}

.form-input-word .form-input-word-suggest-category-list > li > a:before{
content:'';
display:block;
width:100%;
height:20px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}

.form-input-word .form-input-word-suggest-category-list > li.is-active > a{
color:#333;
cursor:default;
font-weight:bold;
}

.form-input-word .form-input-word-suggest-category-list > li.is-active > a:before{
opacity:1;
}

.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a{
color:#a4a4a4;
cursor:default;
}

.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a:before{
opacity:.13;
}

.form-input-word .form-input-word-suggest-category-list > li.all > a:before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}

.form-input-word .form-input-word-suggest-category-list > li.area > a:before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:10px 15px;
}

.form-input-word .form-input-word-suggest-category-list > li.station > a:before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:12px 14px;
}

.form-input-word .form-input-word-suggest-category-list > li.airport > a:before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}

.form-input-word .form-input-word-suggest-category-list > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 14px;
}

.form-input-word .form-input-word-suggest-category-list > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
}

/* .form-input-word-suggest-logo
----------------------------------------------- */
.form-input-word .form-input-word-suggest-logo{
padding:10px;
line-height:1;
text-align:right;
}

.form-input-word .form-input-word-suggest-logo img{
vertical-align:bottom;
width:120px;
}

.pseudo-content .pseudo-hdg-l2-container {
margin: 0 -10px;
padding: 7px 135px 7px 10px;
position: relative;
background-color: #888;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2 {
margin: 0;
padding: 0;
}

.pseudo-content .pseudo-hdg-l2 {
margin: 0 -10px;
padding: 7px 10px;
color: #fff;
font-size: 14px;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2-btn {
margin: 0;
padding: 0 6px;
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
position: absolute;
bottom: 50%;
right: 10px;
line-height: 21px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
font-size: 12px;
background-color: transparent;
}

/* suggest
----------------------------------------------- */
.suggest-container{
position: relative;
}
.suggest-container .form-sup{
font-size: 12px;
font-weight: normal;
}
.box-suggest{
display: none;
margin: 0 0 65px;
position: absolute;
left: 0;
top: 37px;
width: 100%;
background-color: #fff;
border:1px solid #bbb;
z-index: 2;
box-sizing: border-box;
}
.box-suggest > div > p{
padding: 0 10px;
}
.box-suggest.is-active{
display: block;
}
.box-suggest .list-hdg{
font-size: 11px;
background: #f5f5f5;
padding: 5px 13px 3px;
margin-top: -1px;
}
.box-suggest .error-suggest{
padding: 13px 11px;
font-size: 15px;
}
.hdg-suggest{
font-size: 14px;
padding: 8px 10px 6px;
color: #fff;
background-color: #666;
}
.list-suggest{
margin: 0;
white-space: normal;
}
.list-suggest > li{
font-size: 13px;
border-bottom: 1px solid #e9e9e9;
line-height: 1.3;
}
.list-suggest > li:first-child{
margin-top: 0;
}
.list-suggest > li > a{
padding: 10px 13px;
display: block;
color: #333;
}

.list-suggest > li.suggest-close-btn > a{
padding: 6px 13px;
text-align: center;
}

/* .pseudo-link-list
----------------------------------------------- */
.pseudo-content .pseudo-link-list{
margin:0;
border-bottom:1px solid #e5e5e5;
line-height:1.35;
font-size:14px;
}
.pseudo-content .pseudo-link-list > li > a{
padding:10px 0;
border-top:1px solid #e5e5e5;
color:#333;
display:block;
position:relative;
}
.pseudo-content .pseudo-hdg-l2-container + .pseudo-link-list > li:first-child > a,
.pseudo-content .pseudo-hdg-l2 + .pseudo-link-list > li:first-child > a,
.pseudo-content .pseudo-hdg-l3 + .pseudo-link-list > li:first-child > a{
border-top:none;
}

/* ----------------------------------------------------------------
  Pseudo Content Modules
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content.pseudo-lyt-sticky{
padding:0 10px;
}
.pseudo-content.pseudo-lyt-sticky-header{
padding-top:35px;
}
.pseudo-content .pseudo-content{
margin:0;
padding:16px 10px;
margin:0 -10px;
-webkit-box-flex:1;
flex:1;
overflow-wrap:break-word;
overflow-y:scroll;
}
.pseudo-content  .pseudo-content > :first-child{
margin-top:0;
}
.pseudo-content .pseudo-content p{
line-height:1.5;
}

/* ----------------------------------------------------------------
  .pseudo-footer
----------------------------------------------------------------- */
/* .pseudo-footer
----------------------------------------------- */
.pseudo-content .pseudo-footer{
padding:12px 10px;
margin:0 -10px;
box-sizing:border-box;
background-color:#444;
}

.pseudo-content .pseudo-footer .br{
display:block;
}

/* .pseudo-header / .pseudo-header-sticky
----------------------------------------------- */
.pseudo-content .pseudo-header{
margin:0 -10px;
padding:5px 55px 5px 40px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo-faq-container{
margin: 10px 0;
}
.pseudo-content.pseudo-lyt-sticky .cmn-tip-link-list-01,
.pseudo-content.pseudo-lyt-sticky .cmn-tip-link{
margin: 0 -10px;
}
.cmn-tip-search-box.Area_faq_cse{
margin: 10px -10px;
}
.pseudo-content .pseudo-header-hdg h2{
padding:0;
box-sizing:border-box;
min-width:0;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.pseudo-header-hdg.ellipsis h2 > span:first-child{
white-space:nowrap;
}

/* .pseudo-header-hdg-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-header-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/w_guide/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
filter:brightness(0) invert(1);
}

/* .pseudo-header-hdg-btn-clear
----------------------------------------------- */
.pseudo-content .pseudo-header-hdg-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}

/* ----------------------------------------------------------------
  Pseudo Word Search Modules
----------------------------------------------------------------- */
/* .pseudo-word-search
----------------------------------------------- */
.pseudo-content .pseudo-word-search{
padding:0 10px 8px;
background-color:#111;
}

.pseudo-content .pseudo-word-search > div{
padding-right:30px;
border-radius:4px;
background-color:#fff;
position:relative;
}

.pseudo-content .pseudo-word-search input{
padding:0 7px;
border:none;
height:42px;
}

.pseudo-content .pseudo-word-search input::-webkit-input-placeholder,
.pseudo-content .pseudo-word-search input::placeholder{
font-size:16px;
}

.pseudo-content .pseudo-word-search button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l1{
padding:5px;
font-size:16px;
font-weight:bold;
text-align:center;
width:100%;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2{
margin:0 -10px;
padding:7px 10px;
color:#fff;
font-size:14px;
}

.pseudo-content .form-list + .pseudo-hdg-l2,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2{
margin-top:-1px;
position:relative;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 100px 7px 10px;
position:relative;
background-color:#888;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2{
margin:0;
padding:0;
}
.pseudo-content .form-list + .pseudo-hdg-l2-container,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2-container{
margin-top:-1px;
}

/* .pseudo-hdg-l2-container-sup
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-container-sup{
margin:0 -10px;
padding:7px 10px;
position:relative;
background-color:#666;
}
.pseudo-content .pseudo-hdg-l2-container-sup .pseudo-hdg-l2{
margin:0;
padding:0;
}
.pseudo-content .pseudo-hdg-l2-container-sup .pseudo-hdg-l2-sup{
margin-top:2px;
color:#fff;
line-height:1.35;
font-size:12px;
}

.pseudo-content .form-list + .pseudo-hdg-l2-container-sup,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2-container-sup{
margin-top:-1px;
}

/* .pseudo-hdg-l2-plan
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-plan{
margin-top:10px;
padding-left:80px;
position:relative;
font-weight:normal;
font-size:13px;
}
.pseudo-content .pseudo-hdg-l2-plan .pseudo-hdg-l2-plan-thumb{
border:1px solid #ccc;
display:block;
width:70px;
height:30px;
position:absolute;
top:0;
left:0;
box-sizing:border-box;
}
.pseudo-content .pseudo-hdg-l2-plan .pseudo-hdg-l2-plan-thumb img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:90%;
max-height:90%;
}

/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l3{
margin:0 -10px;
padding:6px 10px 4px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
font-size:13px;
}

/* .pseudo-link-list
----------------------------------------------- */
.pseudo-content .pseudo-link-list{
margin:0;
border-bottom:1px solid #e5e5e5;
line-height:1.35;
font-size:14px;
}
.pseudo-content .pseudo-link-list > li > a{
padding:10px 0;
border-top:1px solid #e5e5e5;
color:#333;
display:block;
position:relative;
}
.pseudo-content .pseudo-hdg-l2 + .pseudo-link-list > li:first-child > a,
.pseudo-content .pseudo-hdg-l3 + .pseudo-link-list > li:first-child > a{
border-top:none;
}

/* .pseudo-toggle-list
----------------------------------------------- */
.pseudo-content .pseudo-toggle-list{
margin:0 -10px;
line-height:1.35;
}
.pseudo-content .pseudo-toggle-list li{
margin:0;
overflow: hidden;
}
.pseudo-content .pseudo-toggle-list li > .pseudo-toggle-list-hook{
border-bottom: 1px solid #e5e5e5!important;
color:#333;
padding:12px 15px 12px 0;
border: none;
margin:0 10px;
width:calc(100% - 20px);
background: url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-position: 100% 50%;
background-size: 12px auto;
text-align: left;
font-size: 14px;
display:block;
box-sizing:border-box;
}
.pseudo-content .pseudo-toggle-list li > .pseudo-toggle-list-hook::before{
display:none;
}
.pseudo-content .pseudo-toggle-list li > .pseudo-toggle-list-item{
padding:10px;
display:none;
}
.pseudo-content .pseudo-toggle-list li > .pseudo-toggle-list-item > :first-child{
margin-top:0;
}
.pseudo-content .pseudo-toggle-list li > .pseudo-toggle-list-item > :last-child{
margin-bottom:0;
}
.pseudo-content .pseudo-toggle-list li.no-line{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-toggle-list li.no-line > .pseudo-toggle-list-hook{
border-bottom:none;
}
.pseudo-content .pseudo-toggle-list li.no-line > .pseudo-toggle-list-item{
padding-top:0;
}
.pseudo-content .pseudo-toggle-list li.is-active > .pseudo-toggle-list-hook{
background-image: url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo-content .pseudo-toggle-list li.is-active > .pseudo-toggle-list-item{
display:block;
padding: 0 10px;
}
.pseudo-content .pseudo-toggle-list li > .form-list{
padding:0;
}
.pseudo-content .pseudo-toggle-list li > .form-list > li > .pseudo-toggle-list-hook{
padding-left:60px;
background-position:34px 50%;
}
.pseudo-content .pseudo-toggle-list li > .form-list > li > label{
padding-left:60px;
}
.pseudo-content .pseudo-toggle-list li > .form-list > li > label input[type='checkbox'],
.pseudo-content .pseudo-toggle-list li > .form-list > li > label input[type='radio']{
left:30px;
}
.pseudo-content .pseudo-toggle-list li > .form-list > li > .form-list > li > label{
padding-left:90px;
}
.pseudo-content .pseudo-toggle-list li > .form-list > li > .form-list > li > label input[type='checkbox'],
.pseudo-content .pseudo-toggle-list li > .form-list > li > .form-list > li > label input[type='radio']{
left:60px;
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, 0.7);
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.pseudo-content .pseudo-sticky-btn-list{
margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
box-sizing:border-box;
}
.pseudo-content .pseudo-sticky-btn-list > li button{
padding:0;
border-radius:6px;
width:100%;
height:45px;
}
.pseudo-content .pseudo-sticky-btn-list > li.reset{
width:20%;
}
.pseudo-content .pseudo-sticky-btn-list > li.reset button{
border:none;
background-color:#fff;
font-size:14px;
}
.pseudo-content .pseudo-sticky-btn-list > li.cv{
margin-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-content .pseudo-sticky-btn-list > li:only-child {
width: 60%;
display: block;
flex: inherit;
margin: 0 auto!important;
}
.pseudo-content .pseudo-sticky-btn-list > li.cv button{
border: none;
color: #fff;
background-color: var(--button-color);
font-size: 16px;
padding: 0;
border-radius: 4px;
width: 100%;
height: 44px;
}

/* .pseudo-link-prev
----------------------------------------------- */
.pseudo-link-prev-block {
border-bottom: 1px solid #e5e5e5;
margin: 0;
}
.pseudo-link-prev{
padding:12px 0;
color: var(--cmn-link-color-base);
box-sizing: border-box;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
min-height: 44px;
width: 100%;
background: transparent;
text-align: left;
font-size: 14px;
line-height:1;
}

/* .pseudo-list
----------------------------------------------- */
.pseudo-list {
padding-bottom:75px;
}
.pseudo-list .select-all-btn{
width: 100%;
background: #fff;
border: 0;
padding: 10px 0;
display: block;
position: relative;
text-align: left;
font-size: 14px;
}
.pseudo-list .form-list {
line-height: 1.35;
font-size: 14px;
padding: 10px 15px;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
width:100%;
}
.pseudo-list .form-list > li {
margin: 0;
}
.pseudo-list .form-list > li > label {
padding: 9px 0 8px 30px;
border-bottom:0;
display: block;
position: relative;
}
.pseudo-list .form-list > li > label div {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.pseudo-list .form-list > li > label input[type='checkbox']{
top:7px;
left:0;
}

/* .form-list
----------------------------------------------- */
.form-list{
line-height:1.35;
font-size:15px;
}
.form-list > li{
margin:0 -10px;
}
.form-list > li > label{
padding:15px 10px 15px 40px;
border-bottom:1px solid #e5e5e5;
display:block;
position:relative;
}
.form-list > li > label input[type='checkbox'],
.form-list > li > label input[type='radio']{
position:absolute;
top:14px;
left:10px;
}
.form-list > li.link-arrow a{
padding:15px 25px 15px 10px;
border-bottom:1px solid #e5e5e5;
color:#333;
display:block;
position:relative;
}
.form-list > li.link-arrow a:before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-list > li.link-arrow:first-child a{
border-top:1px solid #e5e5e5;
}
.form-list > li.is-disabled{
color:#999;
}
.form-list .select-all-btn{
width: 100%;
background: #fff;
border: 0;
padding: 15px 10px ;
border-bottom: 1px solid #e5e5e5;
display: block;
position: relative;
text-align: left;
font-size: 15px;
}
.link-list .select-all-btn{
width:calc(100% - 44px);
background: #fff;
border: 0;
padding: 11px 10px 10px 0;
margin:0 10px 0 34px;
border-bottom: 1px solid #e5e5e5;
display: block;
position: relative;
text-align: left;
font-size: 14px;
box-sizing:border-box;
}

/* .attentionTxt_Area
----------------------------------------------- */
.attentionTxt_Area{
padding: 10px;
margin-bottom: -25px;
font-size: 12px;
text-align: center;
font-weight: bold;
color:var(--cmn-font-color-red);
}

/* .index-error-item
----------------------------------------------- */
.index-error-item{
padding:35px 10px 80px;
text-align:center;
}
.index-error-txt{
font-size:14px;
margin:0 auto 16px;
}
.index-error-btn{
margin: 0 auto;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
color: var(--cmn-font-color-base);
display: table;
min-width: 150px;
text-align: center;
font-size: 14px;
background-color: #fff;
}

/* fixed-content
-------------------------------------------- */
.fixed-content{
position: fixed;
background: #fff;
padding: 10px 0 0 0;
border-bottom: 1px solid #ccc;
z-index: 2;
top: 0;
width: 100%;
box-sizing: border-box;
transform: translate3d(0, 0, 0);
}
.fixed-content-2{
position: fixed;
z-index: 2;
bottom: 0;
width: 100%;
box-sizing: border-box;
transform: translate3d(0, 0, 0);
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading-box
----------------------------------------------- */

@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

.loading{
margin:20px auto;
color:transparent;
width:40px;
height:40px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.loading-box{
min-height: 350px;
}
.loading-box:empty{
min-height: inherit;
}

/* ----------------------------------------------------------------
  .agt-link
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:10px 0;
color:#333;
text-align:center;
font-size:13px;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin:10px 0 12px;
}
.agt-link .agt-link-catch > b{
margin-bottom:2px;
display:block;
font-size:15px;
}
.agt-link .agt-link-catch .agt-link-logo img{
max-width: 100px;
}
.agt-link .agt-link-loading .agt-hotel-info{
margin-bottom: 14px;
text-align: center;
}
/* .agt-link-catch-arrow
----------------------------------------------- */
.agt-link .agt-link-catch-arrow{
margin-top:10px;
}
.agt-link .agt-link-catch-arrow:before{
content:'';
display:inline-block;
width:50px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-velko.svg) 50% 50% no-repeat;
background-size:100% auto;
vertical-align:middle;
}
.agt-link .agt-link-catch-arrow > span{
margin-left:60px;
display:inline-block;
width:90px;
height:35px;
position:relative;
vertical-align:middle;
}
.agt-link .agt-link-catch-arrow > span:before,
.agt-link .agt-link-catch-arrow > span:after{
content:'';
display:block;
position:absolute;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.agt-link .agt-link-catch-arrow > span:before{
width:18px;
height:8px;
left:-35px;
background-color:#333;
}
.agt-link .agt-link-catch-arrow > span:after{
left:-20px;
width:0;
height:0;
border-width:10px 0 10px 10px;
border-color:transparent transparent transparent #333;
border-style:solid;
}
.agt-link .agt-link-catch-arrow > span img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-height:100%;
max-width:90%;
}

/* .agt-link-loading
----------------------------------------------- */
.agt-link .agt-link-loading{
margin-top:12px;
position:relative;
}
.agt-link .agt-link-loading > p{
margin:0;
}
.agt-link .agt-link-loading > p > span{
display:block;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:10px 0;
}
.error .error-catch{
margin:10px 0;
font-weight: bold;
}
.error .error-catch strong{
color:#e30707;
}
.error p{
margin:0;
}

/* .error-result
----------------------------------------------- */
.error-result{
margin:30px 10px;
text-align:center;
}
.error-result strong{
color:#e30707;
}
.error-result p{
margin:0;
}

.error .btn {
margin: 20px auto 0;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
color: #555;
display: table;
min-width: 55%;
text-align: center;
font-weight: bold;
font-size: 13px;
background-color: #fff;
}

/* .error-item
----------------------------------------------- */
.error-item{
text-align:left;
padding: 20px 0 60px;
}
.error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
}
.error-align-c{
text-align:center;
}
.error-item strong{
color:#e93939;
font-weight:normal;
}
.error-item p:not([class]){
font-size:14px;
}
.error-item .txt-notfound{
font-size:12px;
}
.error-item .btn {
margin: 20px auto 0;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
color: var(--cmn-font-color-base);
display: table;
min-width: 55%;
text-align: center;
font-size: 14px;
background-color: #fff;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.event-list li:before,
.products-tab-list:before,
.product-detail:before,
.ranking-link:before,
.form-search-index-list ul:before,
.form-search-tbl td ul:before,
.hdg-l3-03:before,
.event-list li:after,
.products-tab-list:after,
.product-detail:after,
.ranking-link:after,
.form-search-index-list ul:after,
.form-search-tbl td ul:after,
.hdg-l3-03:after{
content:"";
display:table;
}
.event-list li:after,
.products-tab-list:after,
.product-detail:after,
.ranking-link:after,
.form-search-index-list ul:after,
.form-search-tbl td ul:after,
.hdg-l3-03:after{
clear:both;
}