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

  Custom Properties

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

/* ----------------------------------------------------------------
  Default
----------------------------------------------------------------- */

/* Base
----------------------------------------------- */
.str-container{
min-height:100%;
}
main {
background-color:#fff;
height:100%;
}
.cmn-info + main .term-idx-container{
padding-top:4px;
}
div.agtlink main {
padding-bottom:160px;
}
.agtlink main{
padding:10px 20px;
}
#Area_calendar_page{
overflow:hidden;
}
.viewChange_Txt,
.footer_column .gototop {
background-color:#fff;
}
.list .viewChange_Txt,
.list .footer_column .gototop,
.detail .viewChange_Txt,
.detail .footer_column .gototop {
background-color:#cccccc;
}
[data-role='page'],
[role='dialog']:not([class^="gm-"]){
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
}
[data-role='page'].page-active {
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}
[role='dialog'].page-active{
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
display:-webkit-box;
display:block;
background-color:#fff;
opacity:1;
}
.cmn-tip-btn{
cursor:pointer;
}
input[type="text"],
input[type="search"]{
-webkit-appearance:none;
}
[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,
[data-role='page'] a {
text-decoration:none;
color:var(--cmn-font-color-link);
background-color:transparent;
}

main a:visited,
[data-role='page'] a:visited {
color:var(--cmn-font-color-link);
}

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 {
color:var(--cmn-font-color-link);
}
.disabled input[type="checkbox"],
.disabled input[type="radio"]{
opacity:.25;
}
select option[disabled]{
color:#ccc;
}


/* Typography
----------------------------------------------- */

strong {
font-weight:bold;
color:var(--cmn-font-color-red);
}

/* form
----------------------------------------------- */

button,
input,
optgroup,
select,
textarea {
font:inherit;
margin:0;
vertical-align:middle;
color:inherit;
}

input[type='text'],
input[type='search'],
input[type='url'],
input[type='email'],
input[type='password'],
textarea,
select {
font-size:16px;
line-height:normal;
box-sizing:border-box;
width:100%;
padding:5px;
}

label {
margin:0;
cursor:pointer;
}

input[type='text'],
input[type='search'] {
border:1px solid #999;
border-radius:3px;
background-color:#fff;
}

button {
cursor:pointer;
}

button[disabled]{
cursor:default;
}

.act_page {
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
}

.act_page.act_page-active {
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}

/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */

/* .lyt-calendar
----------------------------------------------- */

/* カレンダーページ用 */

.lyt-calendar,
.pseudo-content.lyt-calendar {
padding-bottom:95px;
}

/* .lyt-except
----------------------------------------------- */

/* 中間ページなどmain要素の背景色を#fffに */

.lyt-except main {
background-color:#fff;
}

/* .pseudo-content
----------------------------------------------- */

/* 擬似遷移ページのデフォルト設定 */

.pseudo-content {
line-height:1.55;
}
.pseudo-content p,
.pseudo-content ul,
.pseudo-content ol,
.pseudo-content dl,
.pseudo-content table {
margin:10px 0;
}
.pseudo-content img {
max-width:100%;
}
.pseudo-content p{
line-height:21px;
}
.pseudo-content ul{
margin:0;
}

/* ----------------------------------------------------------------
  Clearfix
----------------------------------------------------------------- */

.foreign-price-list li:before,
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.foreign-price-list li:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after {
display:table;
content:'';
}
.foreign-price-list li:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after {
clear:both;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */

/* .hdg-l1
----------------------------------------------- */

.hdg-l1 {
margin-bottom:12px;
color:#fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
font-weight:normal;
line-height:1.2;
text-align:left;
}
.search-area > .hdg-l1,
.search-area > .cmn-hdg-band {
margin: 12px 0 -4px;
color: #fff;
line-height: 1.35;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
font-size: 14px;
font-weight:normal;
padding:0;
}
.search-area h1:only-child {
margin-bottom: 0;
}
.hdg-l1-02 {
font-size:16px;
font-weight:bold;
color:#fff;
background-color:#3c3c3c;
margin:-10px -10px 0;
padding:5px;
}

/* .hdg-l2-container
----------------------------------------------- */

.hdg-l2-container {
position:relative;
margin:30px -10px 0;
padding:10px 100px 10px 10px;
}
.hdg-l2-container .hdg-l2 {
margin:0;
padding:0;
}
.hdg-l2-container .hdg-btn {
font-weight:bold;
position:absolute;
top:4px;
right:10px;
padding:6px 10px;
border:1px solid #ccc;
border-radius:3px;
background-color:#fff;
background-image:none;
box-shadow:0 -1px 1px rgba(0, 0, 0, .1) inset;
}
.hdg-l2-container .hdg-btn.active {
border-color:#ffce6c;
background-color:#ffce6c;
box-shadow:none;
}
.calendar-container + .hdg-l2-container {
margin-top:0;
}
.pseudo-header + .hdg-l2-container {
margin-top:-10px;
}

/* .hdg-l2
----------------------------------------------- */

.calendar-container + .hdg-l2 {
margin-top:0;
}
.pseudo-header + .hdg-l2 {
margin-top:-10px;
}

/* .hdg-l2-01
----------------------------------------------- */

.hdg-l2-01 {
font-size:15px;
margin:20px 0 10px;
color:#555;
}

/* .hdg-l2-02
----------------------------------------------- */

.hdg-l2-02 {
font-size:16px;
line-height:1.25;
position:relative;
z-index:1;
margin:10px -10px 0;
padding:10px;
color:#555;
border-width:1px 0;
border-style:solid;
border-color:#d7d8da transparent #a3a3a3;
background-color:#e8e8e8;
box-shadow:0 1px 0 #fff inset, 0 1px 2px rgba(0, 0, 0, .2);
}
.hdg-l2-02 .hdg-sup {
font-size:13px;
display:block;
}

/* .hdg-l3-container
----------------------------------------------- */

.hdg-l3-container {
position:relative;
margin:0;
text-align:center;
background-color:#000;
}
.hdg-l3-container img{
vertical-align:bottom;
}
.hdg-l3-container .hdg-l3 {
font-size:14px;
position:absolute;
bottom:0;
left:0;
box-sizing:border-box;
width:100%;
padding:5px 8px;
text-align:left;
color:#fff;
background-color:rgba(0, 0, 0, .6);
font-weight: normal;
}
.hdg-l3-container .hdg-l3 .hdg-sup {
font-size:14px;
}

/* .hdg-l4
----------------------------------------------- */
.hdg-l4{
padding:6px 10px 1px;
margin:0 -10px;
font-size:14px;
color:#fff;
background-color:#666;
min-height:35px;
box-sizing:border-box;
font-size:15px;
}
.tab-item > .box + .hdg-l4{
margin-top:-25px;
}
.hdg-l4 .hdg-sup{
float:right;
font-weight:normal;
font-size:10px;
}
.hdg-l4 .hdg-sup a{
z-index:10;
cursor:pointer;
}

/* .hdg-l5
----------------------------------------------- */
.hdg-l5-container{
position:relative;
}
.hdg-l5{
padding:5px 10px 4px;
margin:0 -10px;
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-base);
background-color:#eee;
}
.hdg-l5-container .hdg-btn{
position:absolute;
right:0;
top:4px;
border:1px solid #ccc;
font-size:12px;
border-radius:3px;
background-color:#fff;
}
.hdg-l5-container .hdg-btn:disabled{
color:#999;
background-color:#eee;
}
.hdg-l5 .cmn-tip-btn{
z-index:10;
cursor:pointer;
}

/* .hdg-hotelname
----------------------------------------------- */
.hdg-hotelname{
margin:-10px -10px 0;
padding:10px 10px 8px;
line-height:1.2;
color:var(--cmn-font-color-base);
font-size:17px;
font-weight:bold;
background:#fff;
}
.hdg-hotelname > span{
font-size:12px;
font-weight:normal;
display:block;
margin-top:3px;
}
.hdg-hotelname > span.area-sup{
font-size:11px;
}


/* .hdg-agtlink
----------------------------------------------- */
.hdg-agtlink{
margin:0;
font-size:14px;
text-align:center;
}
.hdg-agtlink > .search-item-logo{
display:block;
margin:0 auto;
max-width:80px;
height:auto;
}

/* .hdg-sup
----------------------------------------------- */
.hdg-sup {
font-size:12px;
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:7px 10px;
display:block;
}

/* ----------------------------------------------------------------
  Paragraph
----------------------------------------------------------------- */

/* .catch
----------------------------------------------- */

.catch {
font-size:16px;
font-weight:bold;
}

/* .highlight
----------------------------------------------- */

.highlight {
background-color:#ffff9f;
}



/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */

.link-list-city:before,
.link-list-city:after,
.list-popular:before,
.list-popular:after{
content:"";
display:table;
}
.link-list-city:after,
.list-popular:after{
clear:both;
}
.list-popular li{
width:50%;
float:left;
box-sizing:border-box;
padding:0;
margin:0;
padding-right:3px;
}
.list-popular li:nth-child(even){
padding-right:0;
padding-left:3px;
}
.list-line {
line-height:1.25;
}
.list-line > li {
display:inline-block;
margin:5px 0 0 5px;
padding-left:8px;
border-left:1px solid #ccc;
}
.list-line > li:first-child {
margin-left:0;
padding-left:0;
border-left:none;
}

/* .list-bullet
----------------------------------------------- */

.list-bullet > li {
position:relative;
margin-top:5px;
padding-left:16px;
font-size:12px;
}
.list-bullet > li:before {
position:absolute;
top:.6em;
left:5px;
display:block;
overflow:hidden;
width:4px;
height:4px;
content:'';
border-radius:100%;
background-color:#666;
}
.list-bullet > li:first-child {
margin-top:0;
}
.list-bullet > li > b{
color:var(--cmn-font-color-red);
}

/* .list-separate
----------------------------------------------- */

.list-separate {
margin:10px 0;
}
.list-separate > li {
overflow:hidden;
margin-top:10px;
}
.list-separate > li > .cell {
float:left;
}
.list-separate > li > .cell:first-child {
position:relative;
float:left;
width:30%;
max-width:200px;
}
.list-separate > li > .cell > :first-child {
margin-top:0;
}
.list-separate > li > .cell.card img {
height:11px;
margin-right:3px;
}
.list-separate > li:first-child {
margin-top:0;
}
.list-separate.branch {
font-size:12px;
color:#555;
}
.search-item-container .list-separate.branch > li span{
display:inline-block;
margin-right:1px;
vertical-align:text-top;
}

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

/* .link-list
----------------------------------------------- */

.link-list {
line-height:1.25;
overflow:hidden;
margin-top:0;
}
.link-list > li {
position:relative;
min-height:46px;
margin-top:5px;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
box-shadow:0 -2px 0 #e6e5e5 inset;
}
.link-list > li.active {
font-weight:bold;
background-color:#f0f0f0;
box-shadow:none;
}
.link-list a {
position:absolute;
top:0;
left:0;
display:block;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
box-sizing:border-box;
width:100%;
height:100%;
padding:6px 10px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.link-list a:link,
.link-list a:visited,
.link-list a:active,
.link-list a:hover,
.link-list a:focus {
color:var(--cmn-font-color-base);
}

.link-list > li ul{
margin:0;
padding-left:18px;
}
.link-list > li ul > li{
border-top:1px solid #e5e5e5;
}
.link-list > li ul > li > ul > li{
border-top:1px solid #e5e5e5;
}
.link-list > li ul > li > ul > li a{
padding-left:58px;
}

/* .link-list-01
----------------------------------------------- */

.link-list-01 {
margin:10px -10px;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}
.link-list-01 > li a {
position:relative;
display:block;
padding:10px 24px 10px 10px;
color:var(--cmn-font-color-base);
border-top:1px solid #e5e5e5;
}
.link-list-01 > li a:before {
position:absolute;
display:block;
width:6px;
height:6px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #555;
border-bottom:3px solid #555;
}
.link-list-01 > li a:before {
top:50%;
right:10px;
margin-top:-5px;
}

/* .link-list-city
----------------------------------------------- */

.link-list-city li{
margin-top:5px;
}
.link-list-city a {
position:relative;
display:block;
padding:10px 0 10px 26px;
}
.link-list-city a [class^='no-'] {
font-size:12px;
font-weight:bold;
line-height:1;
position:absolute;
top:10px;
left:0;
display:block;
padding:4px 6px;
color:#fff;
background-color:#f0a606;
}
.link-list-city a .no-2 {
background-color:#a1a1a1;
}
.link-list-city a .no-3 {
background-color:#b88656;
}
.hdg-l3-container + .link-list-city {
margin:0 0 5px;
}

/* .link-list-city-01
----------------------------------------------- */

.link-list-city-01 {
font-size:13px;
margin:10px -10px;
background-color:#fff;
}
.link-list-city-01 > li a {
position:relative;
display:block;
box-sizing:border-box;
min-height:80px;
padding:10px 24px 10px 125px;
color:var(--cmn-font-color-base);
border-bottom:1px solid #ccc;
}
.link-list-city-01 > li a:before {
position:absolute;
display:block;
width:6px;
height:6px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #555;
border-bottom:3px solid #555;
}
.link-list-city-01 > li a:before {
top:50%;
right:10px;
margin-top:-5px;
}
.link-list-city-01 > li .icon-rank {
font-size:12px;
font-weight:bold;
line-height:1;
position:absolute;
top:10px;
left:100px;
display:block;
width:20px;
padding:4px 0;
text-align:center;
background-color:#d4d4d4;
}
.link-list-city-01 > li .thumb {
position:absolute;
top:10px;
left:10px;
width:80px;
height:60px;
}
.link-list-city-01 > li:nth-child(1) .icon-rank {
color:#fff;
background-color:#f0a606;
}
.link-list-city-01 > li:nth-child(2) .icon-rank {
color:#fff;
background-color:#a1a1a1;
}
.link-list-city-01 > li:nth-child(3) .icon-rank {
color:#fff;
background-color:#b88656;
}
.hdg-l2-02 + .link-list-city-01 {
margin-top:0;
}

/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */

/* .btn
----------------------------------------------- */

.btn,
.btn-03 {
font-size:20px;
font-weight:bold;
display:block;
box-sizing:border-box;
width:100%;
margin-bottom:2px;
padding:8px;
text-align:center;
text-decoration:none;
color:#fff;
border:none;
border-radius:4px;
}

main .btn-03 a{
color:var(--cmn-font-color-base);
}
.btn:visited,
.btn-03:visited,
.btn:active,
.btn-03:active,
.btn:hover,
.btn-03:hover,
.btn:focus,
.btn-03:focus {
color:#fff;
}
.btn .sup,
.btn-03 .sup {
font-size:14px;
font-weight:normal;
}

/* .btn-01
----------------------------------------------- */

.btn-01 {
font-size:16px;
font-weight:bold;
display:block;
box-sizing:border-box;
width:100%;
padding:9px 10px;
border:none;
border-radius:4px;
background-color:#f7f7f7;
}
.box-fixed .btn{
font-size:16px;
background-color:var(--button-color);
width: 80%;
box-sizing:border-box;
margin: 0 auto;
height:44px;
font-weight:normal;
}
.box-fixed ul .btn{
width:100%;
}
.box-fixed .loading-txt.review-text{
margin:10px 0;
color:#fff;
}
.box-fixed .loading-txt.review-text:before {
margin:10px auto;
}


/* .btn-02
----------------------------------------------- */

main .btn-02 {
font-size:14px;
display:block;
width:100%;
margin:20px 0 0;
padding-top:8px;
padding-bottom:7px;
background-color:#fff;
box-shadow:none;
border:1px solid #bbb;
border-radius:4px;
}

main .btn-02:link,
main .btn-02:visited,
main .btn-02:active,
main .btn-02:hover,
main .btn-02:focus {
color:var(--cmn-font-color-base);
}

main .btn-02 .btn-sup {
font-weight:normal;
display:block;
}

main .link-list-city .btn-02{
border-radius:3px;
background-color:#fff;
background-image:-webkit-linear-gradient(bottom, #ddd 4%, #fefefe 5%);
background-image:linear-gradient(to top, #ddd 4%, #fefefe 5%);
box-sizing:border-box;
border:1px solid #e5e5e5;
margin-top:0px;
text-align:center;
font-size:14px;
}


/* .btn-03
----------------------------------------------- */

.btn-03 {
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-base);
background-color:#e6e6e6;
box-shadow:0 2px 0 #c5c4c4;
text-shadow:none;
}
.btn-03 a{
color:var(--cmn-font-color-base);
}
.btn-03:visited,
.btn-03:active,
.btn-03:hover,
.btn-03:focus {
color:var(--cmn-font-color-base);
}

/* .btn-more-01
----------------------------------------------- */
.btn-more-01 {
position:relative;
padding:10px 20px 10px 0;
border:none;
background:none;
font-weight:bold;
text-align:left;
box-sizing:border-box;
width:100%;
}
.btn-more-01:before{
position:absolute;
top:50%;
right:0;
overflow:hidden;
content:'';
margin-top:-7px;
position:absolute;
display:block;
content:'';
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:8px;
width:8px;
height:8px;
}
.btn-more-01.active:before,
.toggle-child-box.active .btn-more-01:before {
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .btn-list
----------------------------------------------- */

.btn-list {
overflow:hidden;
margin:20px 0 10px;
}
.btn-list > li {
float:left;
width:48.4375%;
margin:10px 0 0 3.125%;
}
.btn-list > li:nth-child(2n+1) {
margin-left:0;
}
.btn-list > li:nth-child(-n+2) {
margin-top:0;
}
.btn-list.branch > li {
width:36.875%;
}
.btn-list.branch > li .btn-01{
height:47px;
}
.btn-list.branch{
margin: 0 auto;
width: calc(60% + 6px);
}
.btn-list.branch > li:only-child{
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width:100%;
}

/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l3{
margin:24px -10px 12px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.hdg-l1-container + .pseudo-content .pseudo-hdg-l3 {
margin-top:15px;
}

.hdg-l1-container + .pseudo-content .pseudo-content-item + .pseudo-hdg-l3 {
margin-top:60px;
}

/* .pseudo-list
----------------------------------------------- */
.pseudo-content > .pseudo-list:first-child{
margin-top:-16px;
}
.pseudo-hdg-l3:not(.branch) + .pseudo-list{
margin-top:-13px;
}

/* .pseudo-list > ul
----------------------------------------------- */
.pseudo-content .pseudo-list > ul{
border-bottom:1px solid #e5e5e5;
line-height:1.35;
margin:0 -10px;
font-size:12px;
}

.pseudo-content .pseudo-list ul:not(.pseudo-form-list) > li{
border-top:1px solid #e5e5e5;
}

.pseudo-content .pseudo-list > ul > li:first-child{
border-top:none;
}

.pseudo-content .pseudo-list > ul li > a,
.pseudo-content .pseudo-list > ul li[aria-expanded] > button{
padding:4px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-list > ul li.has-child > a,
.pseudo-content .pseudo-list > ul li[aria-expanded] > button{
padding-right:10px;
}

.pseudo-content .cmn-tip-link{
margin:12px -10px;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */


/* .pager
----------------------------------------------- */

.pager .item-number {
font-size:12px;
}
.pager .pager-list {
font-size:16px;
line-height:1;
margin-bottom:0;
text-align:center;
letter-spacing:-.4em;
}
.pager .pager-list li {
display:inline-block;
margin:0 3px 5px;
text-align:center;
letter-spacing:normal;
}
.pager .pager-list li span,
.pager .pager-list li em,
.pager .pager-list li a {
font-weight:normal;
display:block;
min-width:22px;
padding:10px 7px 8px;
text-decoration:none;
border:1px solid #b8b8b8;
background-color:#fff;
}
.pager .pager-list li em {
font-weight:bold;
border-color:#fff;
}
.pager .pager-list li span {
font-weight:normal;
opacity:.4;
background-color:#d9d9d9;
}
.pager .pager-list li.ellipsis {
position:relative;
margin-left:0;
padding-left:13px;
}
.pager .pager-list li.ellipsis:before {
position:absolute;
bottom:0;
left:0;
display:block;
overflow:hidden;
width:12px;
height:1em;
content:'';
}
.pager .pager-list li.ellipsis:before {
font-size:11px;
font-weight:normal;
content:'\2026';
}
.pager .pager-list li.prev {
margin:0 7px 5px 0;
}
.pager .pager-list li.next {
margin:0 0 5px 7px;
}

/* ----------------------------------------------------------------
  Image
----------------------------------------------------------------- */

/* .image-left / .image-right
----------------------------------------------- */

.image-left {
overflow:hidden;
}
.image-left > .image {
float:left;
padding-right:3.125%;
text-align:center;
}
.image-left > .image .caption {
font-size:12px;
display:block;
margin-top:5px;
}
.image-left > .col {
overflow:hidden;
}
.image-left.wrap > .image {
margin-bottom:3.125%;
}
.image-right {
overflow:hidden;
}
.image-right > .image {
float:right;
padding-left:3.125%;
text-align:center;
}
.image-right > .image .caption {
font-size:12px;
display:block;
margin-top:5px;
}
.image-right > .col {
overflow:hidden;
}
.image-right.wrap > .image {
margin-bottom:3.125%;
}

/* .img-logo
----------------------------------------------- */

.img-logo img {
max-width:100px;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */

/* .box
----------------------------------------------- */
.box {
margin:10px 0;
padding:10px 15px;
/*border:1px solid #ccc;*/
background-color:#f0f0f0;
}
.box > :first-child {
margin-top:0;
}
.box > p{
padding-bottom:10px;
}
.box > :last-child {
margin-bottom:0;
}
.tab-item > .box{
margin:0 -10px;
padding:10px 10px 25px;
font-size:12px;
background-color:#fff;
}
.tab-item > .box.branch{
padding:15px;
border:none;
}
.tab-item > .box.branch + .comment-box{
margin-top:-5px;
}


/* .box-fixed
----------------------------------------------- */

.box-fixed {
position:fixed;
z-index:2;
bottom:0;
left:0;
box-sizing:border-box;
width:100%;
padding:10px;
background-color:rgba(0, 0, 0, .7);
}
.box-fixed > :first-child {
margin-top:0;
}
.box-fixed > :last-child {
margin-bottom:0;
}
.box-fixed .disp-price{
color:#fff;
min-height:25px;
position:relative;
padding-left:60px;
margin-bottom:10px;
}
.box-fixed .disp-price .total{
font-size:12px;
display:flex;
width:100%;
white-space:nowrap;
align-items:center;
justify-content:flex-start;
gap:4px;
}
.box-fixed .disp-price .total > strong{
color:#fff;
font-size:18px;
}
.box-fixed .disp-price .price-info{
/*color:#de1116;*/
font-size:10px;
display:block;
line-height:1.1;
}
.box-fixed .disp-price .logo{
width:55px;
text-align:center;
position:absolute;
left:0;
top:0;
}
.box-fixed .disp-price .logo img{
max-height:25px;
vertical-align:top;
}


/* .box-outline
----------------------------------------------- */
.box-outline {
margin:0 -10px 10px;
padding:0 10px;
font-size:14px;
background-color:#fff;
}
.box-outline > :first-child {
margin-top:0;
}
.box-outline > :last-child {
margin-bottom:0;
}
.box-outline .list-sns{
margin:15px -10px 10px -10px;
padding:10px 10px 0;
border-top:1px solid #dbdbdb;
}
.box-outline .btn-toggle.btn-review{
padding:5px;
margin-left:5px;
font-size:11px;
font-weight:normal;
border:none;
color:var(--cmn-font-color-link);
background-color:transparent;
}
.box-outline .review-box{
position:relative;
font-size:12px;
background:#f5f5f5;
box-sizing:border-box;
}
.box-outline .review-box.active {
padding:5px 10px;
display:block;
margin:0;
}
.box-outline .review-box .btn-review {
position:absolute;
top:5px;
right:5px;
margin-left:0;
}
.box-outline > p.description {
margin-bottom:0;
line-height:1.4;
}
.box-carousel + .box-outline{
padding-top:0;
}

/* .box-detail
----------------------------------------------- */
.box-detail{
}


/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
.box-tbl-info {
margin:0 -10px;
box-sizing:border-box;
}
.tbl-info-01 {
border-collapse:collapse;
border-spacing:0;
color:#525252;
margin:0 -10px;
width:auto;
min-width:107%;
box-sizing:border-box;
}
.tab-item > .box > .tbl-info-01{
margin-top:-10px;
}
.tab-item > .box > p + .tbl-info-01{
margin-bottom:-25px;
}
.tab-item > .box > .tbl-info-01 + .box-map-detail + .tbl-info-01{
margin-top:10px;
}
.tbl-info-01 .cmn-tip-btn{
z-index:10;
cursor:pointer;
}
main .tbl-info-01 .icon-map-pin{
color:var(--cmn-font-color-base);
}
.tbl-info-01 th{
font-weight:normal;
text-align:left;
padding:8px 10px;
font-size:12px;
width:85px;
background:#f5f5f5;
box-sizing:border-box;
border-width:1px 0;
border-style:solid;
border-color:#e5e5e5;
vertical-align:middle;
}
.tbl-info-01 th .icon-q{
margin-top:-5px;
}
.tbl-info-01 td{
padding:7px 10px;
font-size:12px;
border-width:1px 0;
border-style:solid;
border-color:#e5e5e5;
}
.tbl-info-01 td .notice-list{
font-size:10px;
}
.tbl-info-01 td .tbl-sup {
display:block;
color:#949494;
font-size:11px;
text-indent:-1em;
padding-left:1em;
}

/* ----------------------------------------------------------------
    notice
----------------------------------------------------------------- */

/* .notice-list
----------------------------------------------- */

.notice-list {
font-size:12px;
}
.notice-list > li {
position:relative;
margin-top:5px;
padding-left:1.35em;
}
.notice-list > li .mark {
position:absolute;
top:0;
left:0;
}
.notice-list.hotel-info{
margin-top:-8px;
}
.notice-list.hotel-info > li{
font-size:11px;
color:#949494;
margin-top:2px;
line-height:1.3;
}
.notice-list.hotel-info > li span{
font-size:11px;
}

/* .notice-txt
----------------------------------------------- */
.notice-txt{
position:relative;
font-size:12px;
padding-left:20px;
}
.notice-txt:before{
position:absolute;
left:0;
top:1px;
content:"";
display:inline-block;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) no-repeat left top;
background-size:100% auto;
}
.agtlink .notice-txt{
letter-spacing:-.03em;
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */

/* list-col-2,list-col-3,list-col-4
----------------------------------------------- */

.list-col-2 > li {
float:left;
box-sizing:border-box;
width:48.4375%;
margin-left:3.125%;
}
.list-col-2 > li:first-child {
margin-left:0;
}
.list-col-2 > li:nth-child(2n+1) {
clear:left;
margin-left:0;
}
.list-col-2 > li li {
float:none;
width:auto;
margin-left:0;
}
.list-col-3 > li {
float:left;
box-sizing:border-box;
width:31.25%;
margin-left:3.125%;
}
.list-col-3 > li:first-child {
margin-left:0;
}
.list-col-3 > li:nth-child(3n+1) {
clear:left;
margin-left:0;
}
.list-col-3 > li li {
float:none;
width:auto;
margin-left:0;
}
.list-col-4 > li {
float:left;
box-sizing:border-box;
width:22.65625%;
margin-left:3.125%;
}
.list-col-4 > li:first-child {
margin-left:0;
}
.list-col-4 > li:nth-child(4n+1) {
clear:left;
margin-left:0;
}
.list-col-4 > li li {
float:none;
width:auto;
margin-left:0;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */

/* checkbox
----------------------------------------------- */

input[type='checkbox'] {
margin:0;
padding:0;
border:none;
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%;
margin-right:5px;
vertical-align:top;
}

input[type='checkbox']:checked {
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}

/* .form-list
----------------------------------------------- */

.form-list > li {
position:relative;
margin-top:10px;
padding-left:25px;
}
.form-list > li:first-child {
margin-top:0;
}
.form-list > li input[type='radio'],
.form-list > li input[type='checkbox'] {
position:absolute;
top:.25em;
left:0;
}
.form-list > li input[type='checkbox'] {
top:0;
}
.form-list > li.disabled {
opacity:.5;
}
.form-list label {
cursor:pointer;
}

/* .form-toggle-list
----------------------------------------------- */

.form-toggle-list > li {
position:relative;
margin-top:10px;
padding-left:30px;
}
.form-toggle-list > li > label,
.form-toggle-list > li .form-toggle-hook > label {
position:relative;
display:inline-block;
padding-left:25px;
}
.form-toggle-list > li > label input[type='radio'],
.form-toggle-list > li > label input[type='checkbox'],
.form-toggle-list > li .form-toggle-hook > label input[type='radio'],
.form-toggle-list > li .form-toggle-hook > label input[type='checkbox'] {
position:absolute;
top:.3em;
left:0;
}
.form-toggle-list > li > label input[type='checkbox'],
.form-toggle-list > li .form-toggle-hook > label input[type='checkbox'] {
top:0;
}
.form-toggle-list > li .form-toggle-btn {
position:absolute;
top:1px;
left:0;
overflow:hidden;
box-sizing:border-box;
width:18px;
height:18px;
padding:0;
text-indent:-9999px;
border:none;
border-radius:3px;
background-color:#666;
}
.form-toggle-list > li .form-toggle-btn:before {
position:absolute;
top:8px;
left:4px;
display:block;
overflow:hidden;
width:10px;
height:2px;
content:'';
}
.form-toggle-list > li .form-toggle-btn:after {
position:absolute;
top:4px;
left:8px;
display:block;
overflow:hidden;
width:2px;
height:10px;
content:'';
}
.form-toggle-list > li .form-toggle-btn:before,
.form-toggle-list > li .form-toggle-btn:after {
background-color:#fff;
}
.form-toggle-list > li .form-toggle-item {
display:none;
margin-left:20px;
}
.form-toggle-list > li.active .form-toggle-btn:after {
display:none;
}
.form-toggle-list > li.active .form-toggle-item {
display:block;
}
.form-toggle-list > li.disabled {
opacity:.5;
}
.form-toggle-list label {
cursor:pointer;
}

/* .input-custom
----------------------------------------------- */

/* 右にカレンダーアイコンが表示されるパターン */

.input-custom {
display:block;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
margin-left:105px;
}
.keyword-box .input-custom{
margin-left:0;
}
.term-idx-container .input-custom{
border:1px solid #999;
}
.input-custom input[type='text'],
.input-custom input[type='search'] {
border:none;
}
main .input-custom a{
background:none;
border:0;
width:100%;
text-align:left;
padding:7px 15px 2px 8px;
position:relative;
color:#9e9e9e;
display:block;
box-sizing:border-box;
font-size:16px;
font-weight:normal;
min-height:38px;
}
main .filter-lp-box .input-custom a,
main .filter-lp-box .input-custom.date-box a{
padding:10px 15px 0 8px;
}
main .filter-lp-box .city-link-area + .form-search-tbl > li:nth-child(2) .input-custom a{
line-height:1.4;
padding: 10px 15px 3px 8px;
font-size:14px;
}
@media screen and (max-width:390px) {
main .filter-lp-box .city-link-area + .form-search-tbl > li:nth-child(2) .input-custom a{
padding:6px 15px 2px 8px;
}
main .filter-lp-box .city-link-area + .form-search-tbl > li:nth-child(2) .input-custom a .stl-txt-blk{
display:block;
}
}
@media screen and (max-width:340px) {
main .filter-lp-box .city-link-area + .form-search-tbl > li:nth-child(2) .input-custom a .stl-txt-blk{
display:inline-block;
}
}
main .input-custom.date-box a {
padding:8px 15px 0 8px;
}
main .input-custom.date-box a > .date {
margin-top:-1px;
}
main .input-custom a#Area_calendar2,
main .input-custom a#Area_hotel_calendar2{
color:var(--cmn-font-color-base);
}
main .input-custom a#Area_hotel_calendar2{
color:var(--cmn-font-color-base);
}
main .input-custom #Act_destination{
font-size:14px;
line-height:1.35;
padding-top:9px;
}
main .input-custom #Act_destination.is-selected{
font-size:16px;
padding-top:6px;
}
.term-idx-container .input-custom.date-box > a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 4px 15px 0px 8px;
min-height:38px;
}
.term-idx-container .input-custom.date-box > a#Area_hotel_calendar1,
.term-idx-container .input-custom.date-box > a#Area_calendar1{
padding:8px 15px 5px 8px;
min-height:38px;
}
main .input-custom a#Area_calendar2{
color: #333;
}
main .input-custom .stl-txt-blk{
display:inline-block
}
main .search-index-btn-container{
position:relative;
padding-left:53px;
}
main .input-custom.search-index-btn-container a{
font-weight:bold;
}
main .input-custom.search-index-btn-container .search-index-btn-del{
margin-top:-10px;
font-size:12px;
min-height:20px;
width:40px;
padding:0 1px 0 0;
border:1px solid #bbb;
border-radius:4px;
position:absolute;
top:50%;
left:5px;
background-color:#fff;
color:#555;
font-feature-settings:"palt";
box-sizing:border-box;
}
main .tab-container .input-custom a#Area_calendar2{
padding:6px 4px ;
}
main .form-search-tbl .input-custom a#Area_calendar2{
padding:7px 4px 6px;
}
main .input-custom a.is-selected,
main .select-custom.is-selected select{
color: #333;
}
.term-change .term-form-list li p.link-txt{
font-size:12px;
padding-left:5.5em;
margin-top:3px;
}
.term-change .term-form-list label + .cmn-tip-btn{
position:relative;
vertical-align:top;
top:3px;
}
.term-change .term-form-list li p.link-txt a{
position:relative;
padding-left:8px;
color:var(--cmn-font-color-base);
}
.term-change .term-form-list li p.link-txt a:before {
content:"";
height:0;
width:0;
display:block;
border:4px transparent solid;
border-right-width:0;
position:absolute;
top:50%;
left:0px;
margin-top:-4px;
border-left-color:#666;
}
.input-custom a:before {
position:absolute;
display:block;
width:6px;
height:6px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #888;
border-bottom:2px solid #888;
right:8px;
top:50%;
margin-top:-3px;
}
.input-custom button,
.input-custom .icon-calendar {
position:absolute;
top:0;
right:0;
display:block;
overflow:hidden;
width:35px;
height:100%;
color:rgba(51, 51, 51, 0) !important;
}
.input-custom .icon-calendar:before {
position:absolute;
top:50%;
right:5px;
display:block;
overflow:hidden;
width:22px;
height:25px;
content:'';
}
.input-custom .icon-calendar:before {
margin-top:-13px;
background:url(/element_sp/w_dp/shared/images/sprite.svg) 0 0 no-repeat;
}
.input-custom .input-reset-btn {
position:absolute;
top:0;
right:0;
display:block;
overflow:hidden;
width:40px;
height:100%;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
background:none;
}
.input-custom .input-reset-btn:before {
position:absolute;
top:50%;
right:10px;
display:block;
overflow:hidden;
width:20px;
height:20px;
content:'';
}
.input-custom .input-reset-btn:before {
margin-top:-10px;
border-radius:10px;
background-color:#808080;
}
.input-custom .input-reset-btn:after {
position:absolute;
top:50%;
right:15px;
display:block;
overflow:hidden;
width:9px;
height:9px;
content:'';
}
.input-custom .input-reset-btn:after {
margin-top:-4px;
background:url(/element_sp/w_dp/shared/images/sprite.svg) 53.44828% 0 no-repeat;
}
.input-custom.date{
background:none;
border:0;
}
main .input-custom.date-box a .date{
font-size:12px;
font-weight:bold;
}
main .input-custom.date-box a .number{
font-size:14px;
}
@media screen and (max-width:320px) {
main .input-custom.date-box a .number{
display:none;
}
}
.term-change .term-form-list li p{
margin:0;
display:none;
}
.term-change .term-form-list li .child-box-txt,
.form-search-pseudo .child-box-txt{
display:block;
color:#808080;
font-size:10px;
clear:both;
}
.term-change .term-form-list li p > span{
padding-left:4px;
}
.term-change .term-form-list li p > span + span{
padding-left:5px;
}
main .input-custom.date-box a .date{
display:inline-block;
font-size:12px;
line-height:1.1;
font-weight:normal;
}
main .input-custom.date-box a .date b{
font-size:16px;
font-weight:normal;
}
main .form-date{
margin:0;
}
.term-change .term-form-list .form-date li{
width:45%;
display:inline-block;
margin-bottom:0;
}
.form-date li a{
display:block;
border:1px solid #999;
border-radius:3px;
background-color:#fff;
margin-left:4em;
display:inline-block;
margin-left:0;
position:relative;
box-sizing:border-box;
padding:4px 6px;
font-size:12px;
font-weight:bold;
line-height:1.2;
min-height:45px;
vertical-align:top;
}
.form-date li a.date-select{
padding-top:14px;
}
.form-date li a b{
display:inline-block;
font-size:16px;
}
.form-date li + li{
margin-left:15px;
}
.form-date li + li a{
position:relative;
}
.form-date li + li a:after{
content:'-';
position:absolute;
top:50%;
left:-14px;
margin-top:-5px;
}
.input-custom .form-date a:before{
display:none;
}
.form-date-label{
font-size:11px;
font-weight:bold;
}

/* .select-custom
----------------------------------------------- */

/* 絞り込み検索部分のセレクトボックス */

.select-custom {
position:relative;
display:block;
overflow:hidden;
border-radius:3px;
background-color:#fff;
margin-left:3.5em;
}
.select-custom:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:7px 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:16px;
margin:0;
padding-right:20px;
border:1px solid #999;
border-radius:3px;
-webkit-appearance:none;
-moz-appearance:none;
}
.child-box .select-custom select{
font-weight:normal;
}
.search-item-num .select-custom select {
font-size:13px;
height:34px;
border-radius:18px;
text-overflow: ellipsis;
white-space: nowrap;
}
#act_page-filter-hotel .select-custom select {
font-size:16px;
font-weight:normal;
}
/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .guide-profile
----------------------------------------------- */

/* ツールチップ内ガイドプロフィール用コンポーネント */

.guide-profile {
position:relative;
min-height:60px;
padding-left:70px;
}
.guide-profile .guide-name {
font-size:14px;
}
.guide-profile .guide-data {
font-size:11px;
color:#999;
}
.guide-profile .guide-thumb {
position:absolute;
top:0;
left:0;
max-width:60px;
max-height:60px;
}

/* .search-area
----------------------------------------------- */

/* 検索エリアボックス */
.tab-container .search-area.branch{
padding-top:10px;
margin-top:-5px;
}
.search-area {
margin: -11px -10px 0;
padding: 0 10px 10px;
border-top: 1px solid var(--key-color);
background: var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size: 100% auto;
}
.hdg-l1-container + form .search-area {
margin:-10px -10px 0;
padding:16px 10px 10px;
background:#fff;
}
.search-area.branch{
margin-top:0;
padding-top:0;
box-shadow:none;
background-color:#004c9a;
}
.lyt-sticky .search-area{
margin-top:0;
}

/* .term
----------------------------------------------- */

/* 検索エリアボックス内条件変更部分 */

.term {
position:relative;
margin-top:12px;
padding: 10px 10px 16px;
border-radius:4px;
background-color:#fff;
}
.term > :first-child {
margin-top:0;
}
.term .term-word {
font-weight:bold;
margin-right:3em;
}
.term .term-schedule {
margin:-10px 0 0;
font-size:11px;
}
.term .term-change-btn {
position:absolute;
top:10px;
right:10px;
display:inline-block;
padding:4px 10px 0;
border:none;
background:none;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-base);
text-align:center;
border:1px solid #bbb;
width:48px;
height:42px;
border-radius:4px;
box-sizing:border-box;
box-shadow:inset 0 -3px 0 0 #d9d9d9;
}
.term .term-change-btn.close {
margin-top:-33px;
height:auto;
}
.term .term-change-btn.close{
top:30px;
white-space:nowrap;
}
.term .term-change-btn.is-active{
padding:13px 0 0;
text-align:center;
white-space:nowrap;
}
.term.branch {
margin:0 -10px;
padding-bottom:15px;
border-bottom:1px solid #999;
border-radius:0;
}
.term.branch .input-custom {
border:2px solid #777;
}
.term.branch .input-custom input[type='text'],
.term.branch .input-custom input[type='search'] {
padding:10px 5px;
}

/* for detail */
.search-area.branch .term{
margin-top:0;
background-color:#fff;
border-radius:4px;
box-sizing:border-box;
box-shadow:0 0 0;
background-color:#fff;
line-height:1.35;
}


.term .dp-box{
margin-bottom:3px;
overflow:hidden;
padding-right:52px;
}
.term .dp-box .dp-box-item > div{
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px solid #ddd;
}
.term .dp-box .dp-box-item > div:last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.term .dp-box .dp-box-item > div .dp-date{
padding-left:40px;
}
.term .dp-box .dp-box-item > div .dp-date .dp-date-sup{
font-size:11px;
color:#555;
}
.term .dp-box .dp-box-hdg{
display:block;
overflow:hidden;
font-size:14px;
line-height:1.3;
font-weight:bold;
}
.term .dp-box .filter-catch{
display:block;
float:left;
width:35px;
margin-right:4px;
}
.term .label-dp .dp-box .filter-catch{
width:62px;
}
.term .label-dp .dp-box .filter-catch b{
width:62px;
}
.term .dp-box .filter-catch b{
display:block;
width:35px;
height:15px;
color:#fff;
font-size:10px;
background-color:#999;
text-align:center;
line-height:15px;
text-align:center;
}
.term .dp-box .ico-route{
display:inline-block;
width:15px;
height:0;
padding-top:8px;
overflow:hidden;
background:url(/element_sp/w_dp/shared/images/icon-arrow-round.svg) 0 0 no-repeat;
background-size:100%;
vertical-align:middle;
line-height:1;
margin:0 4px;
position:relative;
bottom:1px;
}
.term .dp-date{
margin-bottom:3px;
font-size:11px;
}
.term .dp-date .date-num{
font-family:Arial, Helvetica, sans-serif;
}
.term .dp-date ul{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0;
}
.term .dp-date ul > li{
position:relative;
line-height:1.2;
font-size:14px;
}
.term .dp-date ul > li:nth-child(2n){
padding-left:15px;
}
.term .dp-date ul > li:nth-child(2n):before{
content:"\0301C";
position:absolute;
left:3px;
top:12px;
}
.term .filter-words{
font-size:13px;
line-height:1.2;
margin-left:-10px;
}
.term .box-stay .filter-words{
font-size:11px;
}
.term .box-stay .dp-box{
padding-right:0;
}
.term .filter-words > span{
margin-left:10px;
font-size:11px;
}
.term .btn-filter{
position:absolute;
top:10px;
right:10px;
display:inline-block;
padding:4px 10px 0;
border:none;
background:none;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-base);
text-align:center;
border:1px solid #bbb;
width:48px;
height:42px;
border-radius:4px;
box-sizing:border-box;
box-shadow:inset 0 -3px 0 0 #d9d9d9;
}
.term .dp-date .list-sup{
font-size:10px;
display:block;
color:#555;
}
.term .box-flight{
margin-bottom:8px;
}
.filter-search-hdg{
font-size:11px;
color:#fff;
margin:7px 0 -7px 0;
font-weight:bold;
}
.tab-item .filter-search-hdg{
color:#555;
}
.search-index-inner.filter-list-box{
padding:10px 10px 0 10px;
margin:10px -10px 0 -10px;
border-top:4px solid var(--key-color);
border-radius:0;
display:none;
}
.term.is-active .search-index-inner.filter-list-box{
display:block;
}
.tab-item .search-index-inner.filter-list-box{
border-top:4px solid #eee;
}
/* .term-change
----------------------------------------------- */

/* 検索エリアボックス内条件変更フォーム部分 */

.term-change {
position:relative;
}
.term-change .term-form-list {
margin:0;
color:#555;
}
.term-change .term-form-list li {
margin-bottom:8px;
clear:both;
color:var(--cmn-font-color-base);
position:relative;
}
.search-index-inner > .term-change .term-form-list li {
margin:12px 0 10px ;
clear:both;
color:var(--cmn-font-color-base);
font-size:14px;
}
.search-index-inner > .term-change .term-form-list li input{
vertical-align:text-bottom;
margin-bottom:-2px;
}
.tab-container .search-index-inner > .term-change .term-form-list li.is-active{
margin-top:8px;
}
.search-index-inner > .term-change .term-form-list li .checkbox-in{
font-size:14px;
}
.search-index-inner > .term-change .term-form-list li .checkbox-in b{
font-weight:normal;
}
.search-index-inner > .term-change .term-form-list li:first-child{
margin-top:0;
}
.search-index-inner > .term-change .term-form-list li.is-active{
margin:0;
}
.search-index-inner > .term-change .term-form-list li b{
font-weight:normal;
}
.term-change + p{
padding:5px 10px 12px;
}
.term-change .term-form-list .form-list-label {
display:inline-block;
font-size:14px;
float:left;
width:105px;
line-height:1.1;
padding-top:12px;
position:relative;
}

.form-select-box .term-change .term-form-list li:nth-child(2) .form-list-label{
position:absolute;
top:50%;
left:0;
margin-top:-16px;
padding:0;
line-height:1.4;
}
.term-change .term-form-list li:nth-child(2) .form-list-label .cmn-tip-btn{
top:1px;
}
.term-change .term-form-list li:nth-child(2) .input-custom a{
line-height:1.4;
padding: 10px 15px 3px 8px;
font-size:14px;
}

@media screen and (max-width:390px) {
.term-change .term-form-list li:nth-child(2) .input-custom a{
padding:6px 15px 2px 8px;
}
.term-change .term-form-list li:nth-child(2) .input-custom a .stl-txt-blk{
display:block;
}
}
@media screen and (max-width:340px) {
.term-change .term-form-list li:nth-child(2) .input-custom a .stl-txt-blk{
display:inline-block;
}
}

.term-change .term-form-list li#Area_room_number_1 .form-list-label .cmn-tip-btn{
top:15px;
}
.term-change .term-form-list li:nth-child(2) .form-list-label.number,
.term-change .term-form-list li .form-list-label.number{
padding-top:0;
position:relative;
margin-top: 27px;
}
.term-change .term-form-list .form-list-label .sup{
font-size:12px;
display:inline-block;
}
.search-index-inner > .term-change .term-form-list .form-list-label{
width:105px;
}
.search-index-inner > .term-change .term-form-list li + .staying-list .form-list-label{
width:105px;
}
.search-index-inner > .term-change .term-form-list li.staying-list:last-child .form-list-label,
.search-index-inner > .term-change .term-form-list li.staying-list:nth-last-child(2) .form-list-label,
.search-index-inner > .term-change .term-form-list li#Act_distance_input_area.staying-list .form-list-label{
width:62px;
}
.search-index-hdg-01.hotel + .term-change .term-form-list li.staying-list.is-active .input-custom,
.search-index-inner > .term-change .term-form-list li .input-custom{
margin-left:105px;
}
.search-index-inner > .term-change .term-form-list .form-list-label .sup{
font-size:12px;
}
.term-change .term-form-list .form-list-label.number a{
top:30px;
}
.term-change .term-form-list .form-list-label .cmn-tip-btn{
margin-left:3px;
position:absolute;
right:8px;
}
.search-index-hdg-01.hotel + .term-change .term-form-list li.staying-list .cmn-tip-btn{
bottom:0;
top:inherit;
right:8px;
}
.search-index-hdg-01.hotel + .term-change .term-form-list li:first-child .cmn-tip-btn{
margin-left:3px;
position:absolute;
right:8px;
bottom:inherit;
}
.term-change .term-form-list .form-list-label.date{
padding-top:35px;
}
.term-change .term-form-list .form-list-label.seat{
padding-top:11px;
}
.term-change .term-change-btn {
top:-10px;
right:-10px;
padding:10px 10px 0;
}
.filter-search{
margin-top:12px;
}
.filter-search .select-custom{
border:1px solid #999;
box-shadow:0 0 0;
}
.term-change .term-form-list li .select-custom + label{
position:relative;
margin:7px 0 0 105px;
display:inline-block;
}
.term-change .term-form-list li .select-custom + label input[type='checkbox']{
vertical-align: top;
}
.term-change .term-form-list li .stay-date-sup{
margin:5px 0 0 105px;
display:inline-block;
font-size:12px;
line-height:1.3;
color:#808080;
}
.select-number-box{
position:relative;
display:block;
overflow:hidden;
margin-left:3.5em;
margin-top:3px;
}
.select-number-box .select-custom{
overflow:inherit;
margin-left:0;
}
.select-number-box .box-col-2 > span{
font-size:12px;
}
.box-col-2{
float:left;
width:50%;
padding:0 5px 0 0;
box-sizing:border-box;
}
.box-col-2 + .box-col-2{
padding:0 0 0 5px;
}
.child-box {
margin-top:10px;
clear:both;
display:none;
padding:10px 8px 8px 8px;
border-radius:4px;
}
.child-box.is-active{
display:inline-block;
width:100%;
background:#fff;
box-sizing:border-box;
}
.child-box ul{
margin:0 0 5px;
}
.child-box span.child {
font-weight:bold;
display:block;
margin-bottom:-28px;
padding-top:10px;
font-size:12px;
}
.child-box span.child +.select-box {
padding-left:3em;
box-sizing:border-box;
}
.child-box .select-box {
margin-bottom:5px;
width:100%;
}
.child-box > p{
font-size:11px;
}
.child-box ul li {
display:inline-block;
margin:0 30px 0 0;
padding:0;
border:0;
}
.child-box .child-select-list{
margin:0;
width:100%;
}
.search-index-inner > .term-change .term-form-list .child-select-list li,
.form-search-pseudo .child-box ul li{
width:49%;
float:left;
clear:inherit;
margin:0;
box-sizing:border-box;
}
.search-index-inner > .term-change .term-form-list .child-select-list li:nth-child(odd),
.form-search-pseudo .child-box ul li:nth-child(odd){
margin:0 1% 0 0;
}
.search-index-inner > .term-change .term-form-list .child-select-list li:nth-child(even),
.form-search-pseudo .child-box ul li:nth-child(even){
margin:0 0 0 1%;
}
.term-change .term-form-list li > label.checkbox-in input[type='checkbox']{
float:left;
margin-bottom:5px;
}
.term-change .term-form-list li > label.checkbox-in label{
float:left;
}
.cmn-tip-btn {
text-indent:initial;
}

.hotel-name .input-custom{
position:relative;
box-sizing:border-box;
height:38px;
}
.hotel-name .input-custom input{
height:36px;
min-height:auto;
padding-right:30px;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing:border-box;
}
.hotel-name .input-custom .input-custom-clear-btn{
padding: 0;
border: none;
border-radius: 4px;
width: 30px;
height: 36px;
overflow: hidden;
background-color:transparent;
background: url(/element/w_dp/shared/images/icon-close-01.svg) 50% 50% no-repeat;
background-size:10px 10px;
text-indent: -9999px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}


/* .term-idx-container
----------------------------------------------- */

/* トップ用検索フォーム部分 */

.cmn-info + .act_ad_manage + main .term-idx-container{
padding-top:0;
}
.cmn-info + .act_ad_manage + main .term-idx-container .term{
margin-top:10px;
}
.cmn-info + .act_ad_manage + main .term-idx-container .term .index-search-hdg-btn{
top:0;
}
.term-idx-container {
position:relative;
margin: -10px -10px 0;
padding: 12px 8px 32px;
background:url(/element_sp/w_dp/index/images/bg-cloud.png) no-repeat 0 0 / 100% auto, url(/element_sp/w_dp/index/images/bg-index.jpg) no-repeat 0 100% / 100% auto,#00428e;
}
.term-idx-container .hdg-l1 {
color: #fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
}
.term-idx-container .term {
background-color:rgba(255, 255, 255, .9);
}
.term-idx-container .term-form-list {
color:var(--cmn-font-color-base);
}
.term-idx-container .term-form-list .staying-list,
.term-change .term-form-list li.staying-list{
display:none
}
.term-idx-container .term-form-list .staying-list.is-active,
.term-change .term-form-list li.staying-list.is-active{
display:block;
}
.term-change .term-form-list li.staying-list.is-active.number .form-list-label{
padding-top:22px;
}

/* index-search-hdg-btn
------------------------------------------------ */
.term-idx-container .index-search-hdg-btn {
position:absolute;
padding-left:12px;
color:#fff !important;
display:inline-block;
vertical-align:middle;
font-size:12px;
text-align:right;
white-space:nowrap;
top:12px;
right:10px;
padding-right:7px;
}
.term-idx-container .index-search-hdg-btn:before {
border-right:1px solid #fff;
border-bottom:1px solid #fff;
content:'';
display:block;
position:absolute;
top:3px;
left:0;
width:7px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}


/* .filter
----------------------------------------------- */

/* 検索エリアボックス内絞り込みフォーム部分 */

.filter .filter-list {
line-height:1.25;
display:flex;
width:100%;
margin-bottom:0;
}
.filter .filter-list > li {
margin-right:4px;
width:50%;
box-sizing:border-box;
border-radius:4px;
background-color:#fff;
height:40px;
}
.filter .filter-list > li .cmn-loading-spinner{
margin:0 0 0 4px;
display:inline-block;
vertical-align:middle;
}
.filter .filter-list>li .cmn-loading-spinner-dot {
margin:-4px 0 0 4px;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
}
.filter .filter-list > li:last-child{
padding-right:0;
margin-left:4px;
}
.filter .filter-btn{
width:100%;
min-height:40px;
font-size:14px;
background:none;
padding:0;
white-space:nowrap;
}
.filter .filter-list > li:first-child .filter-btn{
border:0;
}
.filter .filter-list > li:last-child .filter-btn{
border:0;
}
.tab-item .search-area.branch .filter li:first-child .filter-btn{
border-right:1px solid #0f7ded;
}
.tab-item .search-area.branch .filter .filter-list li:last-child .filter-btn{
border-left:0;
}
.search-area.branch .filter .filter-btn{
border:1px solid #eee;
}
.filter-list .toggle-inner-box .select-custom select{
font-weight:normal;
}
.select-custom {
display:block;
border:1px solid #bbb;
}
.term-idx-container .select-custom {
border:1px solid #999;
}
.search-item-num .select-custom{
width:126px;
border-radius:17px;
margin-left:0;
border:0;
}
.select-custom select {
min-height:36px;
padding:4px 20px 4px 8px;
border:none;
background:transparent;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.filter-list.flight .toggle-inner-box .select-custom select{
font-size:16px;
line-height:1.4;
font-weight:normal;
color:#9e9e9e;
}
.filter-list.flight .toggle-inner-box .select-custom.is-selected select{
color:var(--cmn-font-color-base);
}

/* .filter-item-list-container
----------------------------------------------- */
#Act_search_menu{
padding-top:10px;
}
.filter-item-list-container {
position:relative;
border-radius:3px;
background-color:#fff;
padding:0 10px;
}
.filter .filter-item-list-container{
padding:10px;
}
.act_filter-btn-list .filter-item-list-container{
margin-top:0;
}
.filter-item-list-container .filter-item-list {
font-size:12px;
font-weight:bold;
position:relative;
margin:0;
margin-top:-10px;
}
.filter-item-list-container .filter-item-list:after {
position:static;
display:inline-block;
overflow:hidden;
width:1em;
height:1em;
content:'';
}
.filter-item-list-container .filter-item-list:after {
font-size:16px;
margin-bottom:10px;
content:'…';
vertical-align:bottom;
color:#555;
}
.filter-item-list-container .filter-item-list li {
display:inline-block;
margin:10px 5px 0 0;
}
.filter-item-list-container .filter-item-list a {
position:relative;
display:block;
padding:5px 20px 5px 5px;
color:var(--cmn-font-color-gray);
border-radius:3px;
background-color:#eee;
font-size:12px;
font-weight:normal;
}
.filter-item-list-container .filter-item-list a:before {
position:absolute;
top:50%;
right:5px;
display:block;
overflow:hidden;
width:9px;
height:9px;
content:'';
}
.filter-item-list-container .filter-item-list a:before {
margin-top:-5px;
background:url(/element_sp/w_dp/shared/images/sprite.svg) 37.93103% 0 no-repeat;
}
.filter-item-list-container .filter-item-btn {
margin:0 -10px -10px;
padding:0;
text-align:center;
border-top:1px solid #e5e5e5;
margin-top:10px;
}
.filter-item-list-container .filter-item-btn button {
position:relative;
width:100%;
padding:10px;
border:none;
background:none;
}
.filter-item-list-container .filter-item-btn button:after {
position:absolute;
display:block;
width:5px;
height:5px;
content:'';
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:2.5px solid #bbb;
border-bottom:2.5px solid #bbb;
}
.filter-item-list-container .filter-item-btn button:after {
position:static;
display:inline-block;
margin:5px 0 0 10px;
vertical-align:top;
}
.filter-item-list-container.active .filter-item-list:after {
display:none;
}
.filter-item-list-container.active .filter-item-btn button:after {
margin-top:8px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}


/* .filter-item
----------------------------------------------- */

/* 検索エリアボックス内絞り込みフォームのトグル部分 */

.filter-item {
position:relative;
position:relative;
display:none;
margin:10px -10px -10px;
padding:0 10px 10px;
border-top:1px solid #bfbfbf;
background-color:#fff;
}
.filter-item:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:0 9px 9px 9px;
border-style:solid;
border-color:transparent transparent #bfbfbf transparent;
}
.filter-item:before {
top:-9px;
left:22%;
margin-left:-1px;
}
.filter-item:after {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:0 8px 8px 8px;
border-style:solid;
border-color:transparent transparent #f5f5f5 transparent;
}
.filter-item:after {
top:-8px;
left:22%;
}
.filter-item .filter-sort-area {
position:relative;
margin:0 -10px;
padding:10px;
background-color:#f5f5f5;
}
.filter-item .filter-sort-area .item-number {
margin-right:60px;
}
.filter-item .filter-sort-area button {
position:absolute;
top:0;
right:0;
padding:10px;
color:var(--cmn-font-color-link);
border:none;
background:none;
}
.filter-item .filter-hdg {
font-size:16px;
font-weight:bold;
margin-top:15px;
padding-top:10px;
color:#555;
border-top:1px solid #ebebeb;
}
.filter-item .filter-hdg-container {
display:table;
width:100%;
margin-top:15px;
padding-top:10px;
border-top:1px solid #ebebeb;
}
.filter-item .filter-hdg-container .filter-hdg {
display:table-cell;
margin:0;
padding:0;
vertical-align:top;
border:none;
}
.filter-item .filter-hdg-container .filter-hdg-sup {
display:table-cell;
width:140px;
text-align:right;
vertical-align:top;
}
.filter-item .filter-hdg-container .filter-hdg-sup > li {
display:inline-block;
margin-left:5px;
padding-left:8px;
border-left:1px solid #ccc;
}
.filter-item .filter-hdg-container .filter-hdg-sup > li:first-child {
margin-left:0;
padding-left:0;
border-left:none;
}
.filter-item.active {
display:block;
padding-bottom:80px;
}
.filter-sort-area + .filter-hdg-container {
margin-top:0;
border-top:none;
}

/* .search-item-container
----------------------------------------------- */

/* 検索結果一覧表示エリア */

.search-item-container {
margin:0 -10px;
background-color:#666;
/*box-shadow:1px 0 3px rgba(0, 0, 0, .3);*/
}

/* .search-item-air-back
----------------------------------------------- */
.search-item-air-back{
background-color:#444;
padding:10px 10px 0 10px;
}

.btn-air-back{
background:#666;
border:1px solid #999;
border-radius:4px;
font-size:16px;
color:#fff;
position:relative;
padding-left:28px;
height:38px;
}

.btn-air-back::before{
margin-top: -8px;
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left:8px;
background: url(/element_sp/w_dp/shared/images/icon-arrow-prev-wht.svg) no-repeat 0 0;
}

.search-item-container .search-item-num {
margin:0 0 -6px 0;
padding:9px 10px;
color:#fff;
min-height:34px;
position:relative;
font-size:12px;
background:#444;
display:flex;
justify-content:space-between;
align-items:center;
gap:8px;
}
.search-item-container .search-item + .search-item-num{
padding:5px 10px;
min-height:inherit;
}
.search-item-container .search-item-num .sup {
font-size:12px;
font-weight:normal;
}
.search-item-container .search-item {
margin-top:6px;
padding:10px 10px 6px;
background-color:#fff;
}
.search-item-container .search-item-info > .Act_Brigde_Agt_Link_Other {
position:absolute;
top:80px;
left:0;
}
.search-item-container .search-item-info .search-item-caption {
font-size:10px;
display:block;
box-sizing:border-box;
width:100px;
text-align:left;
color:#999;
white-space:nowrap;
margin-top:-3px;
}
.search-item-container .search-item-info {
position:relative;
min-height:90px;
padding-left:110px;
}
.search-item-container .search-item-info > .act_gaq_link_hotel_name{
display:block;
}
.search-item-container .search-item-info > .Act_Brigde_Agt_Link_Other{
position:absolute;
top:80px;
left:0;
}
.search-item-container .search-item-info .search-item-thumb {
max-width:100px;
max-height:100px;
border: 1px solid #dfe0e6;
}
.search-item-container .search-item-info .search-item-icon {
font-size:12px;
position:absolute;
top:80px;
left:0;
display:block;
box-sizing:border-box;
width:100px;
padding:2px;
text-align:center;
color:#fff;
border-radius:3px;
background-color:var(--cmn-font-color-base);
}
.search-item-container .search-item-info .search-item-caption {
font-size:10px;
display:block;
box-sizing:border-box;
width:100px;
padding:0 2px;
text-align:left;
color:#999;
white-space:nowrap;
}
.search-item-container .search-item-hdg {
font-size:15px;
line-height:1.1;
}
.search-item-container .search-item-hdg .text-eng{
font-size:11px;
color:#999;
display:block;
font-weight:normal;
margin:3px 0;
}
.search-item-container .text-area{
font-size:11px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}
.search-item-container .map {
margin:5px 0 8px;
display:inline-block;
background:url(/element_sp/shared/images/icon/icon-pin.png) 0 2px no-repeat;
background-size:9px;
color:#555;
font-size:11px;
padding:1px 0 1px 12px;
}
.feature-list{
display:block;
margin:0 0 4px 0;
font-size:0;
}
.feature-list li{
display:inline-block;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1.3;
margin:0 0 3px 0;
}
.feature-list li .cmn-tip-btn{
vertical-align:middle;
margin-left:2px;
}
.feature-list li.disabled{
color:#ccc;
}
.feature-list li:after{
content:'/';
color:var(--cmn-font-color-base);
margin:0 2px;
}
.feature-list li:last-child:after{
content:'';
}
.hotel-detail-area .link-line {
text-align:left;
margin:0;
}
.hdg-price{
clear:both;
font-size:12px;
background:#f1f1f1;
padding:2px 5px 0;
margin-bottom:0;
overflow:hidden;
}
.hdg-price .link-text{
display:block;
font-size:11px;
font-weight:normal;
float:right;
color:#555;
}
.hdg-price .link-text a{
cursor:pointer;
z-index:5;
}
.hdg-price.hdg-l3 .link-text{
margin-top:3px;
}
.search-item-container .search-item-hdg a {
color:var(--cmn-font-color-link);
}
.search-item-container .search-item-hdg-01 {
margin:10px 0 -10px;
}
.search-item-container .list-separate > li {
margin-top:4px;
}
.search-item-container .list-separate > li > .cell:first-child {
width:7em;
}
.search-item-container .list-separate.branch {
font-size:11px;
margin:5px 0 0 0;
clear:both;
display:block;
padding-top:3px;
}
.search-item-container .list-separate.branch > li {
margin-top:0;
}
.search-item-container .list-separate.branch > li > .cell:first-child {
width:8.5em;
font-size:11px;
}
.search-item-container .list-separate.branch > li > .cell:first-child a{
margin:0 0 0 4px;
cursor:pointer;
z-index:5;
vertical-align:top;
}
.search-item-container .list-separate.branch > li:last-child{
margin-top:2px;
}
.search-item-container .list-separate.branch .list-line {
margin-top:-4px;
margin-bottom:4px;
}
.search-item-container .list-separate.branch .list-line > li {
margin:3px 0 0 0;
padding-left:0;
border-left:none;
width:100%;
}
.search-item-container .list-separate.branch .list-line > li b {
font-size:12px;
padding-right:2px;
padding-left:4px;
display:inline-block;
vertical-align:bottom;
font-family:arial;
font-weight:normal;
margin-bottom:-1px;
}
.search-item-container .list-separate.branch .list-line > li > a {
font-size:11px;
color:#555;
vertical-align:middle;
font-weight:normal;
padding:0 0 0 15px;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
margin-left:5px;
}
.search-item-container .list-separate.branch > li.address,
.search-item-container .list-separate.branch > li.check-in-out{
display:table;
}
.search-item-container .list-separate.branch > li.check-in-out{
margin-bottom:3px;
}
.search-item-container .list-separate.branch > li.address div,
.search-item-container .list-separate.branch > li.check-in-out div{
display:table-cell;
min-width:123px;
font-size:11px;
}
.search-item-container .list-separate.branch > li.address div:last-child,
.search-item-container .list-separate.branch > li.check-in-out div:last-child{
text-indent:-.5em;
padding-left:.5em;
}
.search-item-container .list-separate.branch > li.address div:last-child:before,
.search-item-container .list-separate.branch > li.check-in-out div:last-child:before{
content:':';
margin:0 2px;
}
item-container .list-separate.branch > li.check-in-out{
margin-bottom:3px;
}
.search-item-container .list-separate.list-col-2 > li {
width:36.875%;
}
.search-item-container .list-separate.list-col-2 > li > .cell:first-child {
width:5em;
}
.search-item-container .list-separate.list-col-2 > li:nth-child(2n+1) {
width:60%;
}
.search-item-container .review-rate {
margin:0;
}
.search-item-container .review-more {
font-size:12px;
margin:0;
}
.search-item-container .nav-search-item {
font-size:11px;
margin-top:4px;
padding-top:5px;
position:relative;
padding-bottom:5px;
}

.search-item-container .nav-search-item > .cmn-loading-spinner-dot{
width:16px;
height:16px;
margin:19px auto;
}
.search-item-container .nav-search-item > a,
.search-item-container .nav-search-item > .plan-detail-box,
main .plan-detail-item-price > a{
position:relative;
display:block;
min-height:30px;
padding:0 12px 0 0;
color:var(--cmn-font-color-base);
}
.search-item-container .nav-search-item > .plan-detail-box a,
.search-item-container .nav-search-item > a,
main .plan-detail-item-price > a{
color:var(--cmn-font-color-base);
display:block;
line-height:1;
}
.search-item-container .nav-search-item > a:before,
.search-item-container .nav-search-item > .plan-detail-box:before,
main .plan-detail-item-price > a::before {
position:absolute;
display:block;
width:7px;
height:7px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #555;
border-bottom:2px solid #555;
}
.search-item-container .nav-search-item > a:before,
.search-item-container .nav-search-item > .plan-detail-box:before,
main .plan-detail-item-price > a::before {
top:50%;
right:0;
margin-top:-5px;
}

.search-item-container .price {
font-size:14px;
display:table-cell;
padding-right:16px;
vertical-align:baseline;
color:var(--cmn-font-color-red);
}
.search-item-container .price.nofix{
color:var(--cmn-font-color-base);
}
.plan-detail-box p{
font-size:11px;
margin:0;
line-height:1.2;
text-align:right;
}
.foreign-price p b{
font-size:14px;
font-weight:bold;
}
.foreign-price span.price-info{
color:var(--cmn-font-color-red);
font-size:11px;
display:block;
line-height:1.1;
float:right;
}
.search-item-container .price small{
font-size:11px;
padding-right:3px;
color:var(--cmn-font-color-base);
}
.search-item-container .nav-search-item-inner > .foreign-price {
display:block;
vertical-align:baseline;
padding-left:85px;
padding-right:3px;
}
.toggle-inner-box .foreign-price-list,
.foreign-price-list{
margin:-3px 0 0 0;
text-align:right;
float:right;
padding:0;
}
.toggle-inner-box .foreign-price-list li,
.foreign-price-list li{
line-height:1.35;
font-size:11px;
display:table;
text-align:right;
width:145px;
margin:0;
padding:0;
}
.tab-container .foreign-price-list li{
width:100%;
}
.toggle-inner-box .foreign-price-list li > span,
.foreign-price-list li > span{
display:table-cell;
box-sizing:border-box;
vertical-align:middle;
white-space:nowrap;
}
.foreign-price-list li > span:last-child{
min-width:80px;
padding-left:8px;
}
.foreign-price-list li.foreign-price-flight{
border-top:1px dotted #e9e9e9;
margin-top:5px;
padding-top:5px;
}
.foreign-price-list li.foreign-price-flight,
.foreign-price-list li.foreign-price-hotel{
position:relative;
margin-top:6px;
}
.foreign-price-list li.foreign-price-flight > span,
.foreign-price-list li.foreign-price-hotel > span{
display:block;
}
.foreign-price-list li.foreign-price-flight > span.list-hdg,
.foreign-price-list li.foreign-price-hotel > span.list-hdg{
position:absolute;
top:0;
left:0;
}
.foreign-price-list li.foreign-price-flight > span.list-hdg{
top:5px;
}
.foreign-price-list li > span:first-child{
text-align:left;
min-width:55px;
padding-left:5px;
}
.foreign-price-list li > span:first-child .cmn-tip-btn{
margin-left:4px;
vertical-align:middle;
}
.foreign-price-list li > span.clr-stl-01:first-child,
.foreign-price-list li > span.clr-stl-01:last-child,
.foreign-price-list li > span.clr-stl-02:first-child,
.foreign-price-list li > span.clr-stl-02:last-child,
.foreign-price-list li > span.num:first-child{
min-width:inherit;
padding-left:0;
display:inline;
}
.foreign-price-list li > .number-sum{
font-size:11px;
}
.foreign-price-list li > .price-sum{
font-size:11px;
}
.foreign-price-list li > .price-sum.txt-imp{
color:var(--cmn-font-color-red);
}
.foreign-price-list li > .price-sum .num{
font-size:17px;
font-weight:bold;
font-family:arial;
}
.plan-detail-box .date-num{
margin:0;
text-align:right;
}
.plan-detail-box .tax-list:before{
content:'/';
margin:0 0 0 2px;
display:inline-block;
}
.search-item-container .nav-search-item-inner > .foreign-price b {
display:inline-block;
}
.search-item-container .search-item-detaile {
font-size:13px;
margin-top:6px;
text-align:center;
}
.search-item-container .search-item-detaile .search-item-btn {
font-size:12px;
position:relative;
width:160px;
box-sizing:border-box;
padding:11px 10px 10px;
background:none;
background-color:#fff;
border:1px solid #d1d1d1;
border-radius:4px;
color:var(--cmn-font-color-gray);
margin:0 auto;
line-height:1;
}
.search-item-container .search-item-detaile .search-item-btn.disabled{
border:0;
color:#a4a4a4;
}
.search-item-container .search-item-detaile .search-item-btn.loading:before{
display:none;
}
.search-item-container .search-item-detaile .search-item-btn.loading span{
position:relative;
font-size:12px;
padding-left:21px;
}
.search-item-container .search-item-detaile .search-item-btn.loading span:before{
content:"";
top:-2px;
left:0;
position:absolute;
color: transparent;
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
background: url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 0 0 no-repeat;
background-size: 100%;
vertical-align: middle;
}
.search-item-container .search-item-detaile .search-item-btn:before {
margin-top:-14px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
left:5px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.search-item-container .search-item-detaile .search-item-btn:before {
position:static;
display:inline-block;
margin:-6px 5px 0 0;
vertical-align:middle;
}
.search-item-container .search-item-detaile.active .search-item-btn:before {
margin-top:-1px;
top:50%;
left:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* for detail */
.search-item-container.branch{
box-shadow:none;
border-bottom:none;
}
.search-item-container.branch .search-item{
padding:0 10px;
margin-top:0;
background-color:#d2d2d2;
}
.search-item-container.branch .nav-search-item{
margin:0 -10px;
padding:12px 10px 9px;
border-bottom:1px solid #666;
background-color:#fff;
}
.tab-item .search-item-container.branch .nav-search-item{
border:0;
border-bottom:1px solid #666;
}
.search-item-container.branch .search-item .tour-box{
margin-top:0;
}
.search-item-container.branch .nav-search-item div.logo{
left:10px;
}
.agent-info{
background:#f5f5f5;
position:relative;
padding:10px 15px;
display:block;
margin-top:5px;
}
.agent-info .close{
position:absolute;
top:10px;
right:10px;
font-size:11px;
}
.agent-info p{
font-weight:bold;
font-size:14px;
padding-right:3em;
margin:0;
}
.agent-info ul{
margin:0;
}
.agent-info li{
font-size:12px;
width:49%;
display:inline-block;
}
.agent-info li span{
display:inline-block;
}
.agent-info .definition{
width:4.2em;
}
.agent-info .detail:before{
content:' :'
}
.unable-box{
margin:0 -10px;
background:#ddd;
padding:0 10px;
}
.unable-box > p{
background:#525252;
margin:5px -10px 0 -10px;
padding:5px 10px;
color:#fff;
font-weight:bold;
font-size:12px;

}

/* 擬似遷移ページ内の時 */

.pseudo-content .search-item-container {
border-bottom:none;
box-shadow:none;
}
.pseudo-content .pseudo-header + .search-item-container {
margin-top:-10px;
}

.plan-detail-item-price .cmn-loading-spinner-dot{
padding-right:105px;
}

.tour-box.is-loading a::before{
display:none;
}

.tour-box.is-loading .price .cmn-loading-spinner-dot{
padding-right:90px;
}

/* .plan-detail-item
----------------------------------------------- */
.plan-detail-item{
display:flex;
justify-content:space-between;
}
.plan-detail-item-hdg{
font-size:13px;
padding-right:2px;
line-height:1.25;
width:100px;
box-sizing:border-box;
font-weight:bold;
}
.plan-detail-item-hdg .sup{
font-size:11px;
display:block;
margin-bottom:2px;
}
.plan-detail-item-hdg .cmn-tip-btn{
margin-left:4px;
}
.plan-detail-item-price{
flex:1;
}
.plan-detail-item-price-tbl{
display:table;
width:100%;
}
.plan-detail-item-price-tbl > .cell{
display:table-cell;
vertical-align:top;
}
.plan-detail-item-price-tbl > .cell:first-child{
padding:3px 4px 0 0;
text-align:right;
}

.plan-detail-item + .payment-info{
margin-top:-20px;
padding:0;
margin-bottom:-2px;
}

.plan-detail-item + .payment-info .payment-info-list{
padding-left:100px;
margin-bottom:0;
justify-content: flex-end;
}

@media screen and (max-width:365px){
.plan-detail-item + .payment-info{
margin-top:0;
padding:0;
}
.plan-detail-item + .payment-info .payment-info-list{
padding-left:0;
}
}



/* .plan-detail-item-agt
----------------------------------------------- */
.plan-detail-item-agt > span{
display:block;
font-size:12px;
margin-top:-2px;
}
.plan-detail-item-agt > .plan-agt-link{
margin:4px 0 2px;
}
.plan-detail-item-agt > .plan-agt-link a{
max-width:7em;
display:inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.plan-detail-item-hdg .plan-detail-item-agt{
font-weight:normal;
}


/* .recommend-item
----------------------------------------------- */

/* 都市ページ内おすすめツアートグルコンポーネント */

.recommend-item .recommend-item-btn {
font-weight:bold;
position:relative;
display:inline-block;
margin:0;
}
.recommend-item .recommend-item-btn:before {
position:absolute;
top:4px;
left:0;
display:block;
overflow:hidden;
width:18px;
height:18px;
content:'';
}
.recommend-item .recommend-item-btn:before {
border:1px solid #777;
border-radius:3px;
background-color:#fff;
}
.recommend-item .recommend-item-btn button {
position:relative;
z-index:1;
padding:3px 0 3px 25px;
border:none;
background:none;
}
.recommend-item .recommend-item-btn button:before {
position:absolute;
top:13px;
left:5px;
display:block;
overflow:hidden;
width:10px;
height:2px;
content:'';
}
.recommend-item .recommend-item-btn button:after {
position:absolute;
top:9px;
left:9px;
display:block;
overflow:hidden;
width:2px;
height:10px;
content:'';
}
.recommend-item .recommend-item-btn button:before,
.recommend-item .recommend-item-btn button:after {
background-color:var(--cmn-font-color-base);
}
.recommend-item.active .recommend-item-btn button:after {
display:none;
}

/* .suggest
----------------------------------------------- */

.suggest {
box-sizing:border-box;
position:absolute;
z-index:2;
top:87px;
left:0;
width:100%;
padding:0 10px;
}
.suggest .suggest-list {
box-sizing:border-box;
width:100%;
border:1px solid #ccc;
background-color:#fff;
box-shadow:0 0 2px rgba(0, 0, 0, .5);
}
.suggest .suggest-list li {
margin:0;
border-bottom:1px solid #ccc;
}
.suggest .suggest-list li:last-child {
border-bottom:none;
}
.suggest .suggest-list li a {
display:block;
padding:10px;
color:var(--cmn-font-color-base);
}

/* suggest
----------------------------------------------- */
.suggest .suggest-box {
position:absolute;
z-index:1;
left:10px;
display:none;
width:calc(100% - 20px);
border:1px solid #b5b5b5;
background-color:#fff;
box-sizing:border-box;
top:14px;
margin:0;
}
.suggest .suggest-box.is-active{
display:block;
}
.suggest .suggest-box > ul {
margin:0;
}
.suggest .suggest-box > ul li{
border-bottom:1px solid #e5e5e5;
}
.suggest .suggest-box > ul a {
display:block;
padding:10px;
font-size:14px;
color:var(--cmn-font-color-base);
line-height:1.35;
}
.suggest .hdg-l2 {
margin:0;
font-size:14px;
box-sizing:border-box;
background:#e5e5e5;
padding:8px 10px;
color:var(--cmn-font-color-base);
line-height:1;
}
.suggest.is-active .suggest-box {
display:block;
}
.txt-suggest{
padding:10px;
text-align:right;
font-size:13px;
color:#555;
margin:0;
}
.info-suggest{
font-size:11px;
padding:0 10px 10px;
color:var(--cmn-font-color-gray);
margin:0;
}
.suggest .suggest-box > ul.suggest-list-spot li a{
position:relative;
padding-left:35px;
display:block;
}
.suggest-list-spot li a:before{
position:absolute;
top:20px;
left:10px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
background-size:220px;
}
.suggest-list-spot li.spot-01 a:before {
background-position:0 0;
}
.suggest-list-spot li.spot-02 a:before {
background-position:-37px 0;
}
.suggest-list-spot li.spot-03 a:before {
background-position:-18px 0;
}
.suggest-list-spot li.spot-04 a:before {
background-position:-55px 0;
}
.suggest-list-spot li.spot-05 a:before {
background-position:-75px 0;
}
.suggest-list-spot li.spot-06 a:before {
background-position:-94px 0;
}
.suggest-list-spot li.spot-07 a:before {
width:13px;
margin-left:3px;
background-position:-110px 0;
}
.suggest-list-spot li.spot-08 a:before {
background-position:-122px 0;
}
.suggest-error{
padding:10px;
font-size:13px;line-height:1.4;
}
.suggest-error > b{
display:block;
margin-bottom:4px;
}

/* ----------------------------------------------------------------
  .pseudo-input-word
----------------------------------------------------------------- */
/* .pseudo-input-word
----------------------------------------------- */
.pseudo-input-word{
margin:20px 0;
position:relative;
}
.pseudo-input-word .hdg-l2-01,
.pseudo-input-word + .hdg-l2-01{
border-bottom:0;
}
.pseudo-input-word > .link-list > li:first-child > a,
.pseudo-input-word + .hdg-l2-01 + .link-list > li:first-child > a{
border-top: 1px solid #e5e5e5;
}
.pseudo-input-word > .link-list > li:first-child > .txt,
.pseudo-input-word + .hdg-l2-01 + .link-list > li:first-child .txt{
padding-top:0;
}
.pseudo-input-word #Area_destination_history li,
.pseudo-input-word + .hdg-l2-01 + #Area_destination_history li{
border-bottom:0;
}
.pseudo-input-word #Area_destination_history li a,
.pseudo-input-word + .hdg-l2-01 + #Area_destination_history li a{
border-bottom:1px solid #e5e5e5;
}
.pseudo-input-word #Area_departure_history li,
.pseudo-input-word + .hdg-l2-01 + #Area_departure_history li{
border-bottom:0;
}
.pseudo-input-word #Area_departure_history li a,
.pseudo-input-word + .hdg-l2-01 + #Area_departure_history li a{
border-bottom:1px solid #e5e5e5;
}
.pseudo-input-word #Area_lodging_history li,
.pseudo-input-word + .hdg-l2-01 + #Area_lodging_history li{
border-bottom:0;
}
.pseudo-input-word #Area_lodging_history li a,
.pseudo-input-word + .hdg-l2-01 + #Area_lodging_history li a{
border-bottom:1px solid #e5e5e5;
}


/* .pseudo-input-word-inner
----------------------------------------------- */
.pseudo-input-word .pseudo-input-word-inner{
position:relative;
}
.pseudo-input-word .pseudo-input-word-inner input[type='text'],
.pseudo-input-word .pseudo-input-word-inner input[type='search']{
padding:0 30px 0 7px;
border:1px solid #bbb;
width:100%;
height:38px;
min-height:38px;
box-sizing:border-box;
font-size:16px;
}
.pseudo-input-word .pseudo-input-word-inner input[type='text']::-webkit-input-placeholder,
.pseudo-input-word .pseudo-input-word-inner input[type='search']::-webkit-input-placeholder{
font-size:16px;
}
.pseudo-input-word .pseudo-input-word-inner input[type='text']::placeholder,
.pseudo-input-word .pseudo-input-word-inner input[type='search']::placeholder{
font-size:16px;
}
.pseudo-input-word .pseudo-input-word-inner button{
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
text-indent: -9999px;
border: 0;
background-color: transparent;
}
.pseudo-input-word .pseudo-input-word-inner button::before{
content: "";
display: block;
position: absolute;
top: 15px;
right: 10px;
width: 10px;
height: 10px;
background-size: 100%;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-mask: url(/element_sp/blog/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask: url(/element_sp/blog/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color: #666;
}

/* .pseudo-input-word-suggest
----------------------------------------------- */
.pseudo-input-word .pseudo-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;
}
.pseudo-input-word .pseudo-input-word-suggest.is-active{
display:block;
}

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

/* .pseudo-input-word-suggest-list-keyword
----------------------------------------------- */
.pseudo-input-word .pseudo-input-word-suggest-list-keyword{
margin:0;
font-size:14px;
line-height:1.25;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li{
position:relative;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.pseudo-input-word .pseudo-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
position:relative;
}
.pseudo-input-word .pseudo-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;
}
.pseudo-input-word .pseudo-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;
}
.pseudo-input-word .error{
font-size:12px;
padding:10px;
}
.pseudo-input-word .error .sup{
display:block;
font-size:10px;
text-indent:-1em;
padding-left:1em;
margin-top:2px;
}

/* .pseudo-lyt
----------------------------------------------- */
.pseudo-lyt .hdg-l1-container{
margin-top:0;
margin-bottom:0;
}

.pseudo-content.pseudo-lyt {
padding-bottom: 0;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}

.pseudo-content.pseudo-lyt.page-active{
display:flex;
}

/* .pseudo-error
----------------------------------------------- */
.pseudo-error{
margin:16px 0;
}

.pseudo-error strong{
margin-bottom:20px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}

/* .pseudo-link-list
----------------------------------------------- */
.pseudo-link-list{
margin:0;
line-height:1.35;
}

.pseudo-link-list > li{
border-bottom:1px solid #e5e5e5;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-link-list > li > a{
color:var(--cmn-font-color-base);
padding:4px 0;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-width:0;
min-height:44px;
}

.pseudo-link-list > li > button{
margin:0 0 0 16px;
padding:0 4px;
border:1px solid #bbb;
border-radius:3px;
min-height:23px;
background-color:#fff;
font-size:12px;
}

.pseudo-link-list > li.is-selected > a > span:first-child{
padding-right:24px;
background:url(/element_sp/w_dp/shared/images/icon-check.svg) 100% 50% no-repeat;
background-size:12px auto;
}

.pseudo-link-list > li > .airport,
.pseudo-link-list > li > .station,
.pseudo-link-list > li > .area,
.pseudo-link-list > li > .spot,
.pseudo-link-list > li > .hotel{
padding-left:26px;
position:relative;
}

.pseudo-link-list > li > .airport::before,
.pseudo-link-list > li > .station::before,
.pseudo-link-list > li > .area::before,
.pseudo-link-list > li > .spot::before,
.pseudo-link-list > li > .hotel::before{
margin-top:-8px;
content:'';
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}

.pseudo-link-list > li > .airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}

.pseudo-link-list > li > .station::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}

.pseudo-link-list > li > .area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}

.pseudo-link-list > li > .spot::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}

.pseudo-link-list > li > .hotel::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
}

.pseudo-link-list > li.has-child > a{
padding-right:20px;
position:relative;
}

.pseudo-link-list > li.has-child > 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);
}

.pseudo-link-list .is-disabled > a{
color:#ccc;
}

.pseudo-link-list .num{
color:var(--color-gray);
-webkit-box-flex:1;
flex:1;
font-size:12px;
text-align:right;
}

.pseudo-link-list .sup{
display:inline-block;
}

.pseudo-link-list .sup-s{
display:block;
font-size:12px;
}

.pseudo-toggle-list .pseudo-link-list{
margin:0 0 -1px 0;
border-top:1px solid #e5e5e5;
}

.pseudo-btn-prev + .pseudo-link-list,
.pseudo-hdg-l4 + .pseudo-link-list,
.pseudo-hdg-l4-container + .pseudo-link-list{
border-top:1px solid #e5e5e5;
}

.pseudo-hdg-l3 + .pseudo-link-list{
margin-top:-8px;
}

/* .pseudo-lyt-content
----------------------------------------------- */
.pseudo-lyt .pseudo-lyt-content{
margin:0 -10px;
padding:0 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
line-height:1.42;
}

.pseudo-lyt .pseudo-lyt-content.branch{
background-color:#f5f5f5;
}

.pseudo-lyt .pseudo-lyt-content > p:first-child{
margin-top:16px;
}

/* .pseudo-lyt-header
----------------------------------------------- */
.pseudo-lyt .pseudo-lyt-header{
position:relative;
z-index:1;
}

/* .pseudo-lyt-footer
----------------------------------------------- */
.pseudo-lyt .pseudo-lyt-footer{
margin:0 -10px;
padding:12px 10px;
color:#fff;
box-sizing:border-box;
position:relative;
background-color:#444;
font-size:12px;
}

.pseudo-lyt .pseudo-lyt-footer > p{
margin-bottom:8px;
}

.pseudo-lyt .pseudo-lyt-footer > :first-child{
margin-top:0;
}

/* .form-container
----------------------------------------------- */
.form-container{
display:table;
width:100%;
margin:10px 0;
}
.lyt-sticky .search-area .form-container{
margin:0;
}
.form-container > .form-inner{
display:table-cell;
vertical-align:middle;
padding:0 5px;
}
.form-container > .form-inner:first-child{
padding:0 5px 0 0;
}
.form-container > .form-inner:last-child{
padding:0 0 0 5px;
}
.form-container > .form-inner .select-custom{
margin-left:0;
}
.form-container > .form-inner .select-custom select{
padding:6px 20px 6px 5px;
box-sizing:border-box;
min-height:36px;
font-size:16px;
font-weight:normal;
}
.form-container > .form-inner .filter-btn{
min-height: 38px;
padding:0;
border: 1px solid #bbb;
border-radius: 4px;
background-color: #fff;
background-image: none;
font-size: 14px;
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading-box
----------------------------------------------- */
.loading-box{
color:#373737;
}
.loading-txt {
margin:45px 0 0 0;
font-size:15px;
font-weight:bold;
text-align:center;
}
.loading-txt:before{
content: "";
display: inline-block;
margin:0 auto 20px;
width: 24px;
height: 24px;
display: block;
overflow: hidden;
background: url(/element/shared/images/icon/icon-loading-spinner.svg) no-repeat 50% 50%;
background-size: 100% 100%;
animation: cmn-loading-spinner-rotate 2s linear infinite;
}
.loading-box-2{
text-align:center;
margin:15px 0;
}
.loading-box-2 .loading-txt{
color:#a4a4a4;
font-size:12px;
font-weight:normal;
margin:0;
display:inline-block;
padding:0 0 0 25px;
position:relative;
}
.loading-box-2 .loading-txt:before{
content:"";
display:inline-block;
width:17px;
height:17px;
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;
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}
.loading-num{
margin:0;
text-align:center;
}
.loading-num > b{
font-size:16px;
}
.loading-num > span{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.list .loading-box{
margin:0 -10px;
padding:25px 0;
background-color:#fff;
}
.agent-txt-list{
margin-top:15px;
}
.agent-txt-list li{
display:block;
text-align:center;
margin-bottom:4px;
font-size:12px;
}


/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
@-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-top-container
----------------------------------------------- */
.loading-top-container {
margin:-11px -10px 11px;
padding:10px;
width:calc(100% + 20px);
background-color:rgba(0,0,0,1);
box-sizing:border-box;
display:block;
}
.loading-top-container.is-fixed{
position: fixed;
top: 0;
margin: 0;
left: 0;
width: 100%;
z-index:3;
}
.loading-bar-item > .loading-bar-txt{
display:block;
font-size:12px;
margin-bottom:3px;
color:#fff;
}
.loading-bar-item .searching-progressbar{
width:100%;
background:#fff;
box-sizing:border-box;
overflow:hidden;
}
.searching-progressbar-inner {
height:4px;
border-radius:0;
background-color:#57A2EF;
background-image:url(/element/w_dp/shared/images/progress-bar.gif);
text-indent:-9999px;
background-position-x:right;
background-repeat:no-repeat;
}
.tab-item .search-result-header{
background:#666;
margin:0 -10px;
color:#fff;
font-size:12px;
padding:6px 10px;
}
.tab-item .loading-bar-item .searching-progressbar{
margin-bottom:10px;
}
.tab-item .search-result-header .loading-bar-info{
display:block;
}
.tab-item .search-result-header .loading-bar-info .cmn-tip-btn{
margin:-2px 0 0 4px;
vertical-align:middle;
}
.tab-item .search-result-header .loading-bar-info .icon-q:before{
border:0;
}
.price-info-txt-box{
text-align:right;
font-size:11px;
margin:4px -10px 0;
padding:0 10px;
border-bottom:1px solid #666;
}
.price-info-txt-box .cmn-tip-btn{
margin:0 0 0 4px;
vertical-align:top;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
top:0;
left:0;
z-index:101;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
}
.loading-modal .loading-modal-inner{
position:absolute;
right:50%;
bottom:50%;
padding:10px 20px 8px;
border-radius:8px;
background-color:#fff;
font-weight:bold;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}
.loading-modal .cmn-loading-spinner {
margin: 5px auto;
}

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
@-webkit-keyframes loading {
0%{
-webkit-transform:rotate(0) scale(1, 1) translateY(0);
transform:rotate(0) scale(1, 1) translateY(0);
}

100%{
-webkit-transform:rotate(360deg) scale(1, 1) translateY(0);
transform:rotate(360deg) scale(1, 1) translateY(0);
}
}

@keyframes loading {
0%{
-webkit-transform:rotate(0) scale(1, 1) translateY(0);
transform:rotate(0) scale(1, 1) translateY(0);
}

100%{
-webkit-transform:rotate(360deg) scale(1, 1) translateY(0);
transform:rotate(360deg) scale(1, 1) translateY(0);
}
}

/* .error-box
----------------------------------------------- */
.error-box {
font-size:12px;
font-weight:bold;
margin:20px 0;
padding-bottom:60px;
text-align:center;
/*background:url(/element_sp/shared/images/icon/icon-error.svg) 50% 100% no-repeat;*/
}
.error-list-box{
clear:both;
background:#fff;
margin:0;
padding:10px 15px 20px 15px;
text-align:center;
}
.error-list-box p{
font-size:12px;
font-weight:bold;
}
.error-list-box p + p{
font-weight:normal;
margin-top:20px;
}
.error-list-box p + p b{
display:block;
}
.error-list-box button{
background:#fff;
text-align:center;
border:1px solid #ccc;
padding:3px 5px;
display:block;
margin:0 auto;
width:100%;
box-sizing:border-box;
}

/* ----------------------------------------------------------------
    .rate-list
----------------------------------------------------------------- */
.rate-info{
padding-top:5px;
clear:both;
}
.rate-info-list{
display:table;
width:100%;
margin:0;
border-collapse:collapse;
border-top:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}
.rate-info-list>li {
padding:0;
display:table-cell;
border-bottom:none;
/*border-right:2px solid #fff;*/
text-align:left;
width:85%;
}
.rate-info-list>li:last-child {
width:auto;
border-right:none;
}
.rate-info-list>li b {
padding:3px 8px 2px 8px;
display:block;
font-size:13px;
font-weight:normal;
color:#555;
border-right:1px solid #e3e3e3;
background-color:#f0f0f0;
}
.rate-info-list>li b sup{
vertical-align:baseline;
}
.rate-info-list>li span,
.rate-info-list>li ul {
display:block;
margin: 0;
}
.rate-info-list>li span{
padding:2px 8px;
font-size:12px;
border-bottom:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
}
.rate-info-list>li:nth-child(2) span{
border-right:0px;
}
.rate-info-list>li:nth-child(2) b{
border-right:0px;
}

/* .box-carousel
----------------------------------------------- */
.box-carousel {
position:relative;
margin:0 -10px;
background-color:#fff;
}
.box-carousel#banner{
border:none;
}
.box-carousel .list-carousel-image {
overflow:hidden;
margin:0 0 10px;
height:210px;
}
.box-carousel .list-carousel-image li {
display:block;
width:100%;
height:210px;
float:left;
}
.box-carousel .list-carousel-image img{
display:block;
width:100%;
height:auto;
}
.box-carousel .num-carousel-image {
text-align:center;
font-size:12px;
margin:-5px 0 5px;
}
.box-carousel [class^="btn-carousel-"] {
position:absolute;
top:90px;
padding-top:30px;
overflow:hidden;
height:0;
width:16px;
box-sizing:border-box;
}
.box-carousel .btn-carousel-prev {
left:10px;
}
.box-carousel .btn-carousel-next {
right:10px;
}
.box-carousel [class^="btn-carousel-"]:before,
.box-carousel [class^="btn-carousel-"]:after {
content:"";
position:absolute;
top:50%;
margin-top:-6px;
height:16px;
width:16px;
display:block;
border:3px solid #555;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
box-sizing:border-box;
}
.box-carousel .btn-carousel-prev:before,
.box-carousel .btn-carousel-prev:after {
left:6px;
border-right-width:0;
border-top-width:0;
}
.box-carousel .btn-carousel-next:before,
.box-carousel .btn-carousel-next:after {
right:5px;
border-left-width:0;
border-bottom-width:0;
}
.box-carousel [class^="btn-carousel-"]:after {
border-color:#fff;
margin-top:-8px;
}
.box-carousel .caption {
position:absolute;
right:10px;
bottom:3px;
margin:0;
line-height:1.3;
text-align:right;
font-size:10px;
display:block;
color:#555;
}
.box-carousel .caption a{
color:#555;
}
.box-carousel .caption b{
font-weight:normal;
position:relative;
padding-right:8px;
}
.box-carousel .caption b:after{
content:"\ff1a";
display:block;
position:absolute;
right:0;
top:0;
}

/* No Photo ver */
.box-carousel.nophoto .list-carousel-image li{
display:block;
text-align:center;
vertical-align:middle;
margin:0 auto;
background:#ededed;
}
.box-carousel.nophoto .list-carousel-image li:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
.box-carousel.nophoto .list-carousel-image li img{
display:inline-block;
height:100%;
vertical-align:middle;
height:auto;
width:auto;
max-width:100%;
max-height:100%;
}


/* .box-detail-map
----------------------------------------------- */
.box-map-detail {
margin:0 -10px;
position:relative;
}
.box-map-detail .map-spot-container {
position:relative;
overflow:hidden;
box-sizing:border-box;
width:100%;
padding:10px 10px 0;
}
.box-map-detail .map-spot-container p {
font-size:13px;
margin:0;
padding-right:5em;
color:#555;
font-weight:bold;
}
.box-map-detail .map-spot-container button {
font-size:12px;
position:absolute;
top:10px;
right:10px;
padding:0 13px;
color:var(--cmn-font-color-gray);
border:1px solid #c4c4c4;
border-radius:3px;
background-color:#fff;
}
.box-map-detail .map-spot-container .map-spot ul {
overflow:hidden;
margin:0;
}
.box-map-detail .map-spot-container .map-spot ul li {
font-size:12px;
line-height:1;
display:inline-block;
float:left;
margin:7px 5px 7px 0;
padding-left:5px;
border-left:1px solid #bbb;
}
.box-map-detail .map-spot-container .map-spot ul li:first-child {
padding-left:0;
border-left:none;
}
.box-map-detail .map-spot-container .map-spot ul li:last-child {
margin-right:0;
}
.box-map-detail + .btn-container {
overflow:hidden;
padding:10px 0;
}
.box-map-detail + .btn-container > .btn {
float:right;
}
.box-map-detail #act_hotel-map{
border-bottom:1px solid #e5e5e5;
}

/* .review-disp-list
----------------------------------------------- */
.review-disp-list li{
position:relative;
padding-left:80px;
}
.review-disp-list li > span{
width:80px;
position:absolute;
left:0;
top:0;
}
.review-disp-list li > span > span{
margin-bottom:3px;
}
.review-disp-list li a{
display:table;
width:100%;
}
.review-disp-list li a > *{
display:table-cell;
vertical-align:middle;
}
.review-disp-list .disp-bar{
width:80%;
}
.review-disp-list .disp-bar > span{
display:block;
}
.review-disp-list .disp-bar > span:before{
content:"";
display:block;
height:12px;
background-color:#b1b1b1;
}
.box branch .review-disp-list .disp-num{
text-align:right;
}
.review-sup{
font-size:11px;
text-indent:-1em;
padding-left:1em;
}
.review-disp-list .act_review-rank-count-none{
color:#999;
font-weight:normal;
}
.review-disp-list li a > *{
text-align:right;
}

/* .comment-box
----------------------------------------------- */
.comment-box{
margin:10px -10px 0 -10px;
padding:10px 10px 0;
color:var(--cmn-font-color-base);
font-size:13px;
border-top:6px solid #666;
}
.comment-box > :first-child{
margin-top:0;
}
.comment-box > :last-child{
margin-bottom:0;
}
.btn-more{
font-size:13px;
display:block;
margin:20px -10px 0;
border-top:6px solid #666;
}
.btn-more .btn-02{
border:0;
display:block;
width:100%;
box-shadow:none;
border:0;
border-radius:0;
margin:0;
}
.btn-more .btn-02 > span{
margin:0;
padding:0 0 0 17px;
color:#555;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
}
.hdg-comment-container{
margin:0 -10px 10px;
padding:0 10px 5px;
border-bottom:1px solid #e1e1e1;
}
.hdg-comment-container .list-def {
margin:0;
overflow:hidden;
}
.hdg-comment-container .list-def > li{
display:inline-block;
width:auto;
font-size:11px;
}
.hdg-comment-container .list-def > li > *{
display:inline-block;
}
.hdg-comment-container .list-def > li:first-child{
float:left;
}
.hdg-comment-container .list-def > li:last-child{
float:right;
text-align:right;
}
.hdg-comment{
font-size:15px;
line-height:1.2;
margin-bottom:5px;
}
.hdg-comment .hdg-sup{
display:block;
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:12px;
}
.comment-txt{
margin:10px 0;
}
.comment-review {
letter-spacing:-.4em;
}
.comment-review > * {
letter-spacing:normal;
display:inline-block;
font-size:13px;
line-height:1.0;
font-weight:bold;
}
.comment-review.branch > *{
font-size:15px;
font-family:arial;
}
.comment-review > .icon-total {
margin:-5px 8px 0 0;
padding:3px 10px 1px;
border:1px solid #d3d3d3;
background-color:#fff;
font-size:11px;
vertical-align:middle;
font-weight:normal;
}
.comment-review [class^='icon-r-'] span {
margin:0 5px 5px 0;
}
.comment-review > .num-total{
font-weight:normal;
font-size:13px;
margin-left:10px;
}

/* .tab-container
----------------------------------------------- */
.tab-container > .tab-item{
padding:0 10px;
display:none;
margin:0 -10px;
}
.box-outline + .tab-container > .tab-item form .search-area.branch{
padding-top:10px;
}
.tab-container > .tab-item.active{
display:block;
}


/* .nav-box
----------------------------------------------- */
.nav-box ul{
margin:0 -10px;
overflow:hidden;
border-bottom:5px solid #fff;
}
.nav-box li{
float:left;
width:50%;
box-sizing:border-box;
text-align:center;
font-size:15px;
}
.nav-box li a{
display:block;
padding:11px 0;
background:#f5f5f5;
border-top:0;
color:#555;
font-weight:normal;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
font-size:14px;
box-sizing:border-box;
}
.nav-box li a.active{
background:#fff;
box-shadow:0 0 0;
border-bottom:0;
border-top:1px solid #bbb;
position:relative;
z-index:1;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.nav-box li:last-child{
border-left:1px solid #bbb;
}
main .nav-box li a.off{
cursor:default;
color:#999;
}
.nav-box ul:before,
.nav-box ul:after{
content:"";
display:table;
}
.nav-box ul:after{
clear:both;
}
.detail .tab-container .nav-box{
background-color:#fff;
padding-bottom:10px;
}
.detail .tab-container .nav-box li a.active{
font-weight:bold;
}

/* ----------------------------------------------------------------
  Modal Component
----------------------------------------------------------------- */
/* .modal-map-box
----------------------------------------------- */
.modal-map-box{
margin:-15px -15px 10px;
}

/* .modal-info-box
----------------------------------------------- */
.modal-info-box a:link{
color:var(--cmn-font-color-link);
}
.modal-info-box > :first-child{
margin-top:0;
}
.modal-info-box > :last-child{
margin-bottom:0;
}

/* hotel */
.modal-info-box .hdg-hotel-l2 {
margin-bottom:10px;
font-size:13px;
font-weight:bold;
line-height:1.3;
overflow:hidden;
width:100%;
box-sizing:border-box;
}
.modal-info-box .tbl-hotel-info {
font-size:11px;
margin:10px -3px 0;
}
.modal-info-box .tbl-hotel-info th {
width:60px;
font-weight:normal;
vertical-align:top;
}
.modal-info-box .tbl-hotel-info td > ul {
margin:0;
}
.modal-info-box .list-hotel-info-01 {
width:100%;
letter-spacing:-.5em;
}
.modal-info-box .list-hotel-info {
display:table-cell;
margin:0;
}
.modal-info-box .list-hotel-info li {
margin:0;
font-weight:bold;
font-size:12px;
}
.modal-info-box .list-hotel-info li b {
display:inline-block;
width:7em;
font-size:11px;
font-weight:normal;
}
.modal-info-box .list-hotel-info li:last-child span {
color:var(--cmn-font-color-red);
}
.modal-info-box .list-hotel-info li strong {
font-size:16px;
}
.modal-info-box .list-hotel-info-01 > li {
display:inline-block;
letter-spacing:normal;
}
.modal-info-box .list-hotel-info-01 > li:first-child {
margin-right:1.5em;
}
.modal-info-box .list-hotel-info-01 > li b {
margin-right:.5em;
font-weight:normal;
}
.modal-info-box .box-hotel-info {
display:table;
width:100%;
table-layout:fixed;
}
.modal-info-box .list-hotel-info {
display:table-cell;
margin:0;
}
.modal-info-box .list-hotel-info li {
margin:0;
font-weight:bold;
font-size:12px;
}
.modal-info-box .list-hotel-info li b {
display:inline-block;
width:7em;
font-weight:normal;
}
.modal-info-box .list-hotel-info li:last-child span {
color:var(--cmn-font-color-red);
}
.modal-info-box .list-hotel-info li strong {
font-size:16px;
}
.modal-info-box [class^='icon-r-'] span{
margin-bottom:3px;
}
.cmn-modal .cmn-modal-inner{
margin:0 15px;
}
.cmn-modal .modal-info-area{
padding:15px;
}
#act_pm_planmodal .simplemodal-container,
.simplemodal-container{
padding:0;
width:100%;
}
#act_pm_planmodal .simplemodal-container:focus,
.simplemodal-container:focus,
.simplemodal-wrap:focus,
.simplemodal-data:focus{
outline:none;
}

/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
.modal-container .modal-bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, .5);
z-index:1;
}
.modal-container .modal-panel{
position:absolute;
left:50%;
margin-left:-46.5%;
background:#fff;
box-shadow:1px 1px 3px rgba(6, 0, 1, .4);
z-index:2;
}
.modal-container .modal-panel img{
max-width:100%;
vertical-align:top;
}
.modal-container .modal-panel .modal-panel-item{
padding:10px;
}
.modal-container .modal-panel .modal-btn-close{
position:absolute;
top:-16px;
right:-10px;
width:34px;
height:0;
padding:30px 0 0 0;
background-color:#4d4d4d;
border:2px solid #fff;
border-radius:50%;
line-height:2;
overflow:hidden;
z-index:2;
}
.modal-container .modal-panel .modal-btn-close:before,
.modal-container .modal-panel .modal-btn-close:after{
position:absolute;
content:'';
width:20px;
height:3px;
top:50%;
left:50%;
margin-top:-2px;
margin-left:-10px;
border-radius:3px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.modal-container .modal-panel .modal-btn-close:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* .list-summary
-----------------------------------------------------*/
.list-summary{
margin-top:5px;
overflow:hidden;
}
.list-summary li{
font-size:11px;
overflow:hidden;
}
.list-summary li >b{
display:block;
float:left;
width:4.2em;
font-weight:normal;
line-height:1.3;
}
.list-summary li >b +span{
overflow:hidden;
display:block;
line-height:1.3;
}
.modal-panel-item .hdg-l2-04 {
font-size:14px;
line-height:1.4;
}
.hdg-l2-04-container .hdg-l2-04 .sup {
display:block;
font-size:10px;
font-weight:normal;
color:#4c4c4c;
}
/* .sup-category
----------------------------------------------- */
.sup-category{
display:block;
margin-top:-3px;
margin-bottom:9px;
font-size:11px;
font-weight:normal;
color:#808080;
}
.sup-category +.list-sup-area{
margin-top:-5px;
margin-bottom:-4px;
}
.sup-category +.list-summary{
margin-top:-6px;
}

/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
/* .tbl-def
----------------------------------------------- */
.tbl-def{
width:100%;
margin:9px 0 5px;
line-height:1.25;
box-sizing:border-box;
table-layout:fixed;
}
.tbl-def th{
width:23%;
padding-bottom:3px;
font-size:11px;
font-weight:normal;
color:var(--cmn-font-color-base);
text-align:left;
vertical-align:top;
}
.tbl-def th:last-of-type{
margin-bottom:0;
}
.tbl-def td{
padding-bottom:3px;
font-size:12px;
word-break:break-all;
}
.tbl-def td a{
color:var(--cmn-font-color-base);
}
.tbl-def td:last-of-type{
margin-bottom:0;
}
.modal-panel-item .tbl-def{
margin:7px -2px;
}

/* .tbl-plan
----------------------------------------------- */
.tbl-plan{
color:var(--cmn-font-color-base);
line-height:1.2;
border-collapse:collapse;
}
.tbl-plan th{
position:relative;
padding-right:7px;
font-size:11px;
font-weight:normal;
}
.tbl-plan th:after{
position:absolute;
display:inline-block;
content:':';
right:0;
}
.tbl-plan td{
font-size:10px;
}
.tbl-plan td em{
font-size:13px;
font-weight:bold;
}
.tbl-plan td span{
font-size:11px;
}

/* .spot-data
----------------------------------------------- */
.spot-data{
overflow:hidden;
}
.spot-data .spot-data-desc{
padding:0 10px;
}
.spot-data table,
.spot-data tbody{
display:block;
}
.spot-data tr{
display:inline;
margin-bottom:10px;
}
.spot-data tr th{
display:block;
float:left;
width:7.5em;
}
.spot-data tr td{
display:block;
overflow:hidden;
margin-bottom:5px;
word-break:break-all;
}
.spot-data .spot-data-thumb{
float:right;
width:75px;
margin:0 0 5px 5px;
}
.spot-data .spot-data-thumb span{
display:table-cell;
width:75px;
height:75px;
text-align:center;
vertical-align:middle;
background-color:#f2f2f2;
}
.spot-data .spot-data-thumb span img{
max-width:75px;
max-height:75px;
vertical-align:middle;
}
.spot-data .spot-data-thumb .btn-03{
margin:5px 0 0;
}
.spot-data .spot-data-thumb .btn-03 a{
padding:7px 2px;
font-size:10px;
line-height:1.2;
}


/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */

.toggle-container .toggle-item {
display:none;
}
.toggle-container.active .toggle-item {
display:block;
}
.toggle-content > .toggle-inner-box{
display:none;
}
.toggle-content.active > .toggle-inner-box{
display:block;
clear:both;
}
.toggle-content.active > .toggle-inner-box.act_gaq_other{
margin-bottom:-3px;
}
.hdg-toggle-in{
padding:0;
margin:10px 0 10px 28px;
}
.toggle-inner-box > .hdg-toggle-in:first-child{
margin-top:-3px;
}
.toggle-inner-box .hdg-toggle-in + ul{
margin-left: 28px;
}
.toggle-content > p{
margin:0;
padding:5px 10px 5px 0;
position:relative;
min-height:44px;
box-sizing:border-box;
}
.toggle-content > p a{
font-size:14px;
color:var(--cmn-font-color-base);
font-weight:bold;
position:relative;
display:block;
padding: 5px 10px 0 0;
line-height:1.8;
}
.toggle-content > p:after{
content:"";
display:block;
position:absolute;
width:13px;
height:13px;
top:50%;
right:0;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
}
.toggle-content.active > p:after{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.toggle-content > p a > span{
font-size:12px;
display:inline-block;
line-height:1.2;
padding-left:8px;
font-weight:normal;
}
.toggle-content > p a > .info-note{
position: relative;
color: var(--color-gray);
font-size:12px;
display:inline-block;
margin-left:4px;
padding-left:16px;
}
.toggle-inner-box  ul{
margin:0 0 12px 0;
}
.toggle-inner-box .toggle-child-box  ul,
.toggle-inner-box .toggle-child-box  ul + p,
.toggle-inner-box .toggle-child-box  ul + p + p{
display:none;
}
.toggle-inner-box .toggle-child-box .btn-more-01 > span:after {
display:block;
}
.toggle-inner-box .toggle-child-box.active  ul,
.toggle-inner-box .toggle-child-box.active  ul + p,
.toggle-inner-box .toggle-child-box.active  ul + p + p{
display:block;
}
.toggle-inner-box .toggle-child-box.active .btn-more-01 > span:after {
display:none;
}
.toggle-inner-box li{
width:48%;
display:inline-block;
font-size:14px;
box-sizing:border-box;
padding:0;
margin-top:16px;
vertical-align:top;
}
.toggle-inner-box li:nth-child(1),
.toggle-inner-box li:nth-child(2){
margin-top:0;
}
.toggle-inner-box li:nth-child(odd){
margin-right:2px;
}
.toggle-inner-box li label{
text-indent:-25px;
padding-left:25px;
display:block;
}
.toggle-inner-box li b{
font-size:14px;
font-weight:normal;
}
.toggle-inner-box li .select-custom{
margin-left:0;
}
.toggle-child-box p > b{
font-weight:bold;
}
.keyword-box{
margin:0 0 12px;
padding:0 10px 0 0;
}
input[type='text'],
.keyword-box input[type='text'],
input[type='search'],
.keyword-box input[type='search'] {
box-sizing:border-box;
min-height:42px;
border-color:#bbb;
}
.toggle-content:last-child{
margin-bottom:80px;
}
form.filter-list{
padding-bottom:120px;
}
.toggle-child-box{
margin-left:28px;
border-top: 1px solid #e5e5e5;
}
.toggle-child-box.toggle-link-more{
margin-left:0;
border:0;
}
.toggle-child-box > p{
margin:0 ;
background:#fff;
border-bottom:0;
padding:0;
}
.toggle-child-box > p .btn-more-01{
background:none;
padding:11px 0;
}
.act_gaq_small_area .toggle-child-box > p{
margin:0px 0 10px;
padding:0 10px 0 10px
}
.act_gaq_small_area .toggle-child-box > p .btn-more-01{
font-weight:normal;
width:auto;
display:inline-block;
padding-left:15px;
border:0;
margin-top:-10px;
font-size:14px;
vertical-align:bottom;
}
.act_gaq_small_area .toggle-child-box > p .btn-more-01.btn-more-01:before {
right:inherit;
left:0;
margin-top:-5px;
}
.toggle-child-box > p.toggle-hdg{
margin:0;
padding:0;
}
.flight .toggle-content > p{
font-weight:bold;
box-shadow:0 0 0;
color:#fff;
}
.air-detail-area .toggle-content > p.form-toggle-btn{
background-color:#fff;
margin:0;
padding:5px 10px 5px 0;
position:relative;
min-height:38px;
box-sizing:border-box;
color:#fff;
border-radius:4px;
min-height:30px;
}
.flight .toggle-content > p.form-toggle-btn a:before,
.flight .toggle-content > p.form-toggle-btn a:after{
background:#333;
}
.air-detail-area .toggle-content > p:after {
content:'';
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
right:15px;
left:inherit;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.air-detail-area .toggle-content.active > p:after {
margin-top:-2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.flight .air-detail-area .toggle-content > p a{
color:var(--cmn-font-color-base);
}
.filter-list .toggle-content + .toggle-content{
border-top:1px solid #e5e5e5;
}
main .filter-list.flight .toggle-content{
border-bottom:1px solid #e5e5e5;
border-top:0;
}
main .filter-list.flight .toggle-content.code-info-box{
border:1px solid #ccc;
}
.flight .toggle-inner-box ul {
padding: 0 0 12px;
margin-bottom: 0;
}
.flight .toggle-inner-box ul.list-in{
padding-left:28px;
line-height:1.2;
}
.flight .toggle-inner-box ul.list-in > li > b{
font-weight:bold;
}
.flight .toggle-inner-box li{
margin-top:16px;
display:block;
width:100%;
}
.flight .toggle-inner-box > ul > li:first-child{
margin-top:0;
}
.flight .toggle-inner-box li.disabled,
.filter-list .toggle-inner-box li.disabled{
color:#aaa;
}
.flight .toggle-inner-box li.disabled label,
.filter-list .toggle-inner-box li.disabled label{
cursor:default;
color:#ccc;
}
.flight .toggle-inner-box li ul li{
display:inline-block;
margin-right:30px;
width:auto;
}
.flight .toggle-inner-box .select-list b{
display:block;
}
.flight .toggle-inner-box .select-list .select-box {
margin-top:5px;
}
.flight .toggle-inner-box .select-list .select-box .select{
width:calc(100% / 2 - 12px);
display:inline-block;
font-weight:bold;
font-size:15px;
box-sizing: border-box;
}
.flight .toggle-inner-box .select-list label + label{
margin-left:30px;
}
.toggle-inner-box ul.chk-option{
display:table;
margin:5px 0 12px 0;
box-sizing:border-box;
clear:both;
overflow:hidden;
box-sizing:border-box;
padding-bottom:0;
}
.toggle-inner-box ul.chk-option + ul > li:first-child{
margin-top:15px;
}
.toggle-inner-box ul.select-list li > ul li{
display:inline-block;
margin:7px 0 4px;
}
.chk-option li:first-child button{
border-top-left-radius:.3em;
border-bottom-left-radius:.3em;
}
.flight .toggle-inner-box .chk-option li{
display:table-cell;
width:20%;
box-sizing:border-box;
padding:0;
}
.chk-option button{
font-size:12px;
font-weight:bold;
line-height:1.3;
padding:3px 1px;
text-align:center;
vertical-align:middle;
border:1px solid #b8b8b8;
border-right:none;
background:#eee;
font-weight:normal;
display:table-cell;
width:100%;
min-height:4.5em;
}
.chk-option button.active{
color:var(--cmn-font-color-base);
background:#fff;
}
.chk-option li:last-child button{
border-right:1px solid #b8b8b8;
border-top-right-radius:.3em;
border-bottom-right-radius:.3em;
}
.chk-option + ul{
margin-top:15px;
}
.flight .toggle-inner-box ul img{
width:62px;
margin:0 5px -6px 3px;
}
.check-block + ul{
margin-top:10px;
}
.check-block label{
border:1px solid #ccc;
border-radius:4px;
padding:6px 10px 7px 10px;
margin:0 15px 0 37px;
display:block;
}
.flight .toggle-inner-box ul ul{
padding-left:0;
padding-top:0;
padding-bottom:0;
}
.flight .toggle-inner-box ul ul > li{
display:block;
margin-right:0;
}
.flight .toggle-inner-box ul ul ul{
padding-left:20px;
margin-top:8px;
}
.info-tab-area{
background:#ccc;
padding-bottom:18px;
margin:0 -10px;
}
.info-tab{
position:relative;
padding:12px 0;
text-align:center;
font-size:15px;
background:#fff;
}
.toggle-content.active + .info-tab-area .info-tab{
border-top:1px solid #e5e5e5;
}
.info-tab:after{
position:absolute;
content:'';
width:0;
height:0;
border-style:solid;
border-width:15px 15px 0 15px;
border-color:#ffffff transparent transparent transparent;
bottom:-15px;
left:50%;
margin-left:-15px;
}
.code-info-box{
border:1px solid #ccc;
border-radius:4px;
margin:15px 0px 15px 5px;
padding:0;
box-sizing:border-box;
background-color:#fff;
}
.code-info-box.toggle-content > p{
min-height:30px;
background:#fff;
border-radius:4px;
}
.code-info-box.toggle-content > p:after {
background:none;
content:'';
margin-top:-5px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
right:15px;
left:inherit;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.code-info-box.toggle-content.active > p:after {
margin-top:-2px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.code-info-box.toggle-content > p a{
font-size:12px;
padding:0 37px 0 10px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.code-info-box.toggle-content > p a:before {
top:10px;
}
.code-info-box.toggle-content > p a:after{
top:7px;
}
.code-info-box.toggle-content .info-area{
display:none;
}
.code-info-box.toggle-content.active .info-area{
display:block;
}
.code-info-box .info-area{
border-top:1px solid #ccc;
margin:0 8px;
}
.code-info-box .info-area li{
display:inline-block;
font-size:11px;
margin-right:8px;
}
.code-info-box .info-area p{
margin-top:8px;
font-size:11px;
}
.code-info-box .info-area p span{
display:block;
margin-bottom:4px;
background:url(/element_sp/w_dp/shared/images/ic-car.png) no-repeat;
background-size:14px 13px;
padding-left:18px;
}
.code-info-box .info-area p b{
color:var(--cmn-font-color-red);
}
.search-area.flight .code-info-box{
margin:10px 0 0;
}
.act_label-bold {
font-size:14px;
font-weight:bold;
}

/* .flt-item
----------------------------------------------- */
.flt-item {
margin:10px -10px 0;
}
.fit-item-text{
font-size:11px;
text-align:left;
margin:0 -10px;
padding:10px 15px;
border-bottom:2px solid #ccc;
line-height:1.2;
color:#555;
}
.flt-item li{
border-bottom:1px solid #ccc;
box-sizing:border-box;
padding:5px 5px 10px 12px;
position:relative;
}
.flt-item li label{
display:block;
}
.flt-item li .check-label{
position:absolute;
top:50px;
left:8px;
margin-top:-10px;
}
.flt-item li .check-label + div{
padding-left:25px;
}
.modal-info-area .product-list li > div .link-detail,
.flt-item li div .link-detail{
display:block;
font-size:11px;
padding-left:18px;
color:var(--cmn-font-color-gray);
line-height:1.3;
margin-left:-31px;
position:relative;
}
.modal-info-area .product-list li > div .link-detail::before,
.flt-item li div .link-detail::before{
margin-top:-7px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
left:5px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.flt-item li div .link-detail + .box-schedule{
display:none;
}
.modal-info-area .product-list li > div .link-detail.active,
.flt-item li div .link-detail.active{
margin-left:0;
}
.modal-info-area .product-list li > div .link-detail.active::before,
.flt-item li div .link-detail.active::before{
margin-top:-3px;
top:50%;
left:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.modal-info-area .product-list li > div .txt-luggage{
color:var(--cmn-font-color-base);
}
.flt-item li div .link-detail.active + .box-schedule{
display:block;
}
.flt-item li div .link-detail.active + .box-schedule > ul{
margin-top:0;
}
.schedule-notice-txt{
color:#808080;
display:block;
font-size:11px;
text-indent:-1.3em;
padding-left:1.3em;
line-height:1.25;
margin-top:-6px;
}
.cmn-modal .schedule-notice-txt{
margin-top:8px;
}
.schedule-notice-txt:before{
content:'\0203B';
}
.flt-item li a:first-child {
position:relative;
display:block;
padding:7px 20px 7px 8px;
color:var(--cmn-font-color-base);
}
.flt-item li label + div a:first-child{
color:var(--cmn-font-color-link);
padding:0;
position:inherit;
}
.flt-item li label + div a.link-detail{
margin-left:0;
color:var(--cmn-font-color-gray);
padding:0 0 0 17px;
position:relative;
}
.flt-item li label + div a:first-child:after{
display:none;
}
.flt-item li a:first-child:after {
position:absolute;
display:block;
width:8px;
height:8px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #434343;
border-bottom:4px solid #434343;
}
.flt-item li a:first-child:after {
position:absolute;
top:50%;
right:10px;
border-width:2px;
}
.flight-list.branch .flt-item{
margin-top:0;
}
.flight-list.branch .flt-item li{
border-bottom-width:2px;
}
.flight-list.branch .flt-item li > label + div{
margin-top:5px;
}
/* .flt-item-02
----------------------------------------------- */
.flt-item-02 {
margin:0 -10px;
border-top:2px solid #aaa;
}
.flt-item-02 p {
margin:0;
}
.flt-item-02 .flt-item {
position:relative;
display:block;
overflow:hidden;
margin:0;
padding:5px 35px 5px 100px;
border-bottom:1px solid #d3d3d3;
background-color:#f5f5f5;
}
.flt-item-02 .flt-item:after {
position:absolute;
display:block;
width:6px;
height:6px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #434343;
border-bottom:3px solid #434343;
}
.flt-item-02 .flt-item:after {
top:50%;
right:20px;
width:8px;
height:8px;
margin-top:-4px;
}
.flt-item-02 .flt-item:link,
.flt-item-02 .flt-item:visited,
.flt-item-02 .flt-item:hover,
.flt-item-02 .flt-item:active {
color:var(--cmn-font-color-base);
}
.flt-item-02 .flt-item .flt-hdg-container {
float:right;
width:100%;
}
.flt-item-02 .flt-item .flt-hdg-container .flt-hdg {
font-size:12px;
font-weight:bold;
margin-bottom:3px;
padding:0 5px 2px;
color:var(--cmn-font-color-red);
border-bottom:1px solid #d3d3d3;
}
.flt-item-02 .flt-item .flt-hdg-container .flt-hdg small {
font-weight:normal;
}
.flt-item-02 .flt-item .flt-hdg-container .flt-hdg b {
font-family:Helvetica,Arial,sans-serif;
font-size:20px;
line-height:1.2;
display:block;
margin-top:-3px;
text-align:right;
}
.flt-item-02 .flt-item .flt-hdg-container .flt-unit {
font-size:10px;
padding-right:5px;
padding-left:5px;
}
.flt-item-02 .flt-item .flt-hdg-container .flt-unit b {
font-family:Helvetica,Arial,sans-serif;
font-size:15px;
line-height:1.2;
display:block;
margin-top:-3px;
text-align:right;
}
.flt-item-02 .flt-item .flt-cariier-dtl {
font-size:10px;
line-height:1.2;
float:left;
width:82px;
margin-left:-90px;
}
.flt-item-02 .flt-item .flt-cariier-dtl .flt-logo {
width:80px;
}
.flt-item-02 .flt-item .flt-cariier-dtl .flt-logo span {
display:table-cell;
width:80px;
height:25px;
text-align:center;
border:1px solid #bdbdbd;
background-color:#fff;
}
.flt-item-02 .flt-item .flt-cariier-dtl .flt-logo span img {
max-width:80px;
max-height:25px;
vertical-align:middle;
}
.flt-item-02 .flt-item .flt-cariier-dtl .flt-name {
margin-top:3px;
}
.flt-item-02 .flt-item .flt-cariier-dtl .carrier-notes {
display:block;
margin-top:3px;
padding:0 2px 2px;
background-color:#e5e5e5;
}
.flt-item-02 .flt-item .flt-cariier-dtl .carrier-notes b {
font-weight:normal;
display:block;
}
.flt-item-02 .flt-plan {
padding:10px 7px;
}
.flt-item-02 .flt-plan .flt-plan-txt {
font-size:13px;
font-weight:bold;
line-height:1.3;
}
.flt-item-02 .flt-plan .flt-info-list {
margin:2px 0 0;
}
.flt-item-02 .flt-plan .flt-info-list > li {
font-size:13px;
display:inline;
padding-left:5px;
color:var(--cmn-font-color-gray);
border-left:1px solid #555;
}
.flt-item-02 .flt-plan .flt-info-list > li:first-child {
padding-left:0;
border-left:none;
}
.flt-item-02 .flt-plan .flt-plan-list {
margin:-7px 0 0;
}
.flt-item-02 .flt-plan .flt-plan-list > li {
line-height:1.2;
display:table;
width:100%;
padding:7px 0;
border-bottom:1px solid #d3d3d3;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec {
font-size:12px;
display:table-cell;
padding-right:5px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec small {
font-size:12px;
display:block;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec b {
font-size:14px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sup {
display:block;
margin-bottom:2px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sup .flt-num {
font-size:10px;
padding:2px 4px;
text-align:center;
vertical-align:middle;
color:var(--cmn-font-color-gray);
background-color:#f2f2f2;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival {
position:relative;
padding-left:20px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:before,
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:after {
position:absolute;
top:50%;
display:block;
content:'';
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:before {
left:5px;
width:8px;
height:2px;
margin-top:-1px;
background-color:#aaa;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-arrival:after {
left:13px;
margin-top:-4px;
border:4px solid #aaa;
border-top-color:transparent;
border-right:none;
border-bottom-color:transparent;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-sec .flt-sec-air {
display:block;
margin-top:2px;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time {
font-size:12px;
display:table-cell;
width:90px;
vertical-align:middle;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time > span {
display:inline-block;
padding:3px 0 3px 7px;
border-left:1px solid #c9c9c9;
}
.flt-item-02 .flt-plan .flt-plan-list > li .flt-time b {
font-size:13px;
display:block;
}
.flt-item-02 .flt-agt {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
padding:7px 0 0;
}
.flt-item-02 .flt-agt .flt-agt-info {
padding-right:7px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.flt-item-02 .flt-agt .flt-agt-info .flt-agt-name {
font-size:10px;
}
.flt-item-02 .flt-agt .flt-agt-order {
width:160px;
text-align:center;
}
.flt-item-02 .flt-agt .flt-agt-order .btn-03 {
margin:0;
}

/* .flt-item-off
----------------------------------------------- */
.flt-item-off{
margin:0 -10px;
padding:0 10px;
background-color:#000;
}
.flt-item-off .flt-item{
margin-top:0;
}
.flt-item-off .flt-item li{
position:relative;
border-top-color:#444;
}
.flt-item-off .flt-item li:first-child{
border-top:none;
}
.flt-item-off .flt-item li .flt-link{
padding-top:0;
background-color:#fff;
opacity:.8;
}
.flt-item-off .flt-item li .off-item{
display:block;
position:relative;
padding:5px 20px 5px 10px;
background-color:#fff;
opacity:.8;
}
.flt-item-off .flt-item li .off-item:after{
display:block;
position:absolute;
border-right:4px solid #434343;
border-bottom:4px solid #434343;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.flt-item-off .flt-item li .off-item:after{
position:absolute;
top:50%;
right:7px;
border-width:2px;
}
.flt-item-off .flt-item li:first-child .off-item{
border-top:none;
}
.flt-item-off .flt-item-notice{
box-sizing:border-box;
position:relative;
margin:-6px -10px 0;
padding:10px;
background-color:#fff;
}
.flt-item-off .flt-item-notice:before{
position:absolute;
top:-16px;
left:50%;
margin-left:4px;
width:2px;
height:22px;
background-color:#000;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
/*filter:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur stdDeviation=\"1\" /></filter></svg>#filter");
-webkit-filter:blur(1px);
filter:blur(1px);*/
}
.flt-item-off .flt-item-notice:after{
position:absolute;
top:-14px;
left:50%;
margin-left:-18px;
border:14px solid #fff;
border-top:none;
border-right-color:transparent;
border-left-color:transparent;
content:"";
}
.flt-item-off .flt-item-notice p{
margin:12px 0 8px;
text-align:center;
font-size:13px;
line-height:1.3;
}
.flt-item-off .flt-item-notice p:before{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-20px;
width:50px;
height:5px;
background-color:#fff;
content:"";
}
.flt-item-off .flt-item-notice .notice-btn-container{
margin:0 auto;
width:185px;
}

/* .flt-carrier
----------------------------------------------- */
.flt-carrier{
display:table;
width:100%;
font-size:11px;
}
.flt-carrier .flt-logo{
display:table-cell;
width:40px;
vertical-align:top;
}
.flt-carrier .flt-logo span{
display:table-cell;
width:40px;
height:20px;
background-color:#fff;
vertical-align:middle;
text-align:center;
line-height:0;
}
.flt-carrier .flt-logo span img{
max-width:40px;
max-height:20px;
vertical-align:middle;
}
.flt-carrier .flt-cariier-dtl{
display:table-cell;
padding:5px 0 5px 9px;
vertical-align:middle;
word-break:break-all;
}
.flt-carrier .flt-cariier-dtl .flt-name{
display:inline-block;
width:100%;
font-size:11px;
}
.flt-carrier .flt-cariier-dtl .carrier-notes{
display:inline-block;
margin:0;
padding:1px 3px;
background-color:#e5e5e5;
text-indent:0;
font-size:10px;
line-height:1.3;
}
.flt-carrier .flt-cariier-dtl .carrier-notes b{
display:block;
font-weight:normal;
}

/* .flt-info
----------------------------------------------- */
.flt-info{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
}

/* .flt-airport
----------------------------------------------- */
.flt-airport{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
flex-wrap:nowrap;
width:83px;
font-size:14px;
line-height:1.2;
}
.flt-airport > span{
display:block;
position:relative;
width:50px;
font-size:11px;
}
.flt-airport > span .time-num{
font-weight:bold;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}
.flt-airport > span small{
display:block;
min-width:90px;
font-weight:normal;
font-size:10px;
}
.flt-airport > span small .date-num{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.flt-airport .ico-add{
display:inline-block;
position:relative;
top:-1px;
padding:0;
width:auto;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}
.flt-airport span + b{
padding-right:0;
text-align:left;
}
.flt-airport b{
display:block;
padding-right:2px;
vertical-align:middle;
text-align:right;
font-weight:normal;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}

/* .flt-term
----------------------------------------------- */
.flt-term{
box-sizing:border-box;
display:block;
position:relative;
margin:0 5px 0 3px;
width:90px;
min-height:40px;
text-align:center;
}
.flt-term.transit > :first-child:before{
display:block;
position:absolute;
bottom:-5px;
left:50%;
z-index:1;
margin-left:-4px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
}
.flt-term.transit.transit-02 > :first-child:before{
left:30%;
}
.flt-term.transit.transit-02 > :first-child:after{
display:block;
position:absolute;
bottom:-5px;
left:66%;
z-index:1;
margin-left:-3px;
border:2px solid #aaa;
border-radius:50%;
width:5px;
height:5px;
background-color:#fff;
content:"";
}
.flt-term > :first-child{
box-sizing:border-box;
display:block;
position:relative;
margin-top:1px;
margin-bottom:5px;
padding-bottom:4px;
width:100%;
height:16px;
line-height:1.1;
}
.flt-term::after{
display:block;
position:absolute;
top:17px;
left:3px;
border-top:2px solid #aaa;
width:95%;
height:1px;
content:"";
}
.flt-term:before{
display:block;
position:absolute;
right:0;
bottom:17px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}

/* .flt-item
----------------------------------------------- */
.flt-item{
margin:0 -10px;
}
.flt-item > li > a{
display:block;
position:relative;
padding:7px 10px 0;
color:var(--cmn-font-color-base);
}
.flt-item > li > a:after{
display:block;
position:absolute;
top:50%;
right:12px;
border-right:2px solid #434343;
border-bottom:2px solid #434343;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.flt-item > li > a .flt-cariier-dtl{
padding:0 0 0 10px;
}
.flt-item .carrier-notes{
display:block;
padding-left:120px;
text-indent:-120px;
font-size:10px;
line-height:1.3;
}
.flt-item .carrier-notes b{
display:inline;
font-weight:normal;
}
.flt-item .flt-connect{
display:block;
margin:10px 0;
padding:3px 7px;
background-color:#f3f3f3;
font-size:12px;
}
.flt-item .flt-connect b{
display:inline-block;
margin-right:15px;
font-weight:normal;
}
.flt-item .flt-connect span:after{
display:inline-block;
margin:0 4px 0 7px;
content:":";
}

/* .code-share
----------------------------------------------- */
.code-share{
display:block;
font-size:11px;
margin-top:-2px;
padding:0 45px 0 85px;
position:relative;
}

/* .add-fee
----------------------------------------------- */
.add-fee {
text-align:right;
font-size:12px;
white-space:nowrap;
width:28%;
padding-right:5px;
}
.add-fee > b{
color:var(--cmn-font-color-red);
font-size:12px;
display:block;
}

/* .flt-link
----------------------------------------------- */
.flt-link {
font-size:11px;
font-weight:bold;
display:table;
overflow:hidden;
box-sizing:border-box;
width:100%;
padding:7px 7px;
vertical-align:middle;
color:var(--cmn-font-color-link);
border-top:1px solid #d9d9d9;
}
.flt-link span {
font-size:15px;
display:table-cell;
text-align:right;
color:var(--cmn-font-color-base);
}
.flt-link span small {
font-size:10px;
color:var(--cmn-font-color-gray);
}

/* .flt-link-dtl
----------------------------------------------- */
.flt-link-dtl {
font-size:11px;
font-weight:bold;
display:block;
}
.flt-link-dtl a {
display:block;
padding-bottom:5px;
}

/* .flt-stay
----------------------------------------------- */
.flt-stay {
font-size:12px;
position:relative;
display:block;
margin:7px 0;
padding:5px 7px 5px 6em;
background-color:#e5e5e5;
}
.flt-stay h3 {
font-size:13px;
font-weight:bold;
position:absolute;
top:50%;
left:7px;
margin-top:-.7em;
}
.flt-stay p {
margin:0;
}
.flt-stay p span {
display:block;
}

/* .plan-list
----------------------------------------------- */
.plan-list .form-list{
margin:0 -10px;
}
.plan-list .form-list > li{
padding-left:35px;
margin:0;
border-bottom:2px solid #ccc;
}
.plan-list .form-list > li label{
display:table;
padding:5px 10px 5px 0;
width:100%;
box-sizing:border-box;
}
.plan-list .form-list > li label > *{
display:table-cell;
vertical-align:middle;
}
.plan-list .form-list > li input[type='radio']{
top:50%;
margin-top:-8px;
left:10px;
}
.plan-list .planname{
width:70%;
padding-left:5px;
}

/* .pseudo-under-info
----------------------------------------------- */
.pseudo-under-info{
margin-top:16px;
}
.pseudo-under-info > p{
margin:0;
}
.pseudo-under-info-list{
margin:10px 0 0;
}
.pseudo-under-info-list li{
text-indent:-18px;
padding-left:18px;
}
.pseudo-under-info-list li > span{
padding-right:4px;
}

/* .box-schedule
----------------------------------------------- */
.box-schedule,
.box-intro {
margin:0 -10px 20px;
padding:7px;
background-color:#fff;
box-shadow:0 2px 2px rgba(6, 0, 1, .3);
}
.box-schedule .hdg-container,
.box-intro .hdg-container {
position:relative;
border-bottom:1px solid #d9d9d9;
}
.box-schedule .hdg-container h2,
.box-intro .hdg-container h2 {
font-size:15px;
padding:7px 155px 7px 0;
}
.box-schedule .hdg-container .btn-schedule,
.box-intro .hdg-container .btn-schedule {
font-size:11px;
position:absolute;
top:5px;
right:0;
padding-left:20px;
border:1px solid #b5b5b5;
border-radius:3px;
background-color:#fff;
background-image:-webkit-linear-gradient(bottom, #ddd 7%, #fefefe 8%);
background-image:linear-gradient(to top, #ddd 7%, #fefefe 8%);
}
.box-schedule .hdg-container .btn-schedule:after,
.box-intro .hdg-container .btn-schedule:after {
position:absolute;
top:6px;
left:12px;
display:block;
width:5px;
height:5px;
content:'';
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.box-schedule .hdg-container .btn-schedule span:before,
.box-intro .hdg-container .btn-schedule span:before {
position:absolute;
top:3px;
left:5px;
display:block;
width:12px;
height:12px;
content:'';
background-color:#bfbfbf;
}
.box-schedule .hdg-container .btn-schedule span:after,
.box-intro .hdg-container .btn-schedule span:after {
position:absolute;
top:6px;
left:5px;
display:block;
width:5px;
height:5px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.box-schedule .flt-item,
.box-intro .flt-item {
margin-right:0;
margin-left:0;
}
.box-schedule .flt-airport,
.box-intro .flt-airport {
font-size:14px;
color:var(--cmn-font-color-base);
}
.box-schedule .flt-airport small,
.box-intro .flt-airport small {
font-size:11px;
}
.box-schedule .flt-airport b,
.box-intro .flt-airport b {
font-size:16px;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */

/* .list-popular
----------------------------------------------- */

.list-popular ul{
margin:10px 0 0 0;
}
.list-popular > ul > li{
margin-bottom:20px;
}

/* .list-inline
----------------------------------------------- */
.list-inline > li{
display:inline-block;
}

td > .list-inline{
margin:0;
}
.list-inline.comma li:after{
content:"\3001";
}
.list-inline.comma li:last-child:after{
content:"";
}
.list-inline.comma li.unavailable{
color:#ccc;
}

/* .list-review-01
----------------------------------------------- */
.list-review-01 .review-rate{
font-size:15px;
font-weight:bold;
line-height:1.0;
position:relative;
letter-spacing:-.4em;
}
.list-review-01 .review-rate > * {
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
}
.list-review-01 .review-rate .icon-r-hotel,
.list-review-01 .review-rate .icon-r-face{
font-family:Arial;
}
.list-review-01 .review-rate > b{
font-weight:normal;
color:var(--cmn-font-color-gray);
font-size:10px;
width:8em;
position:relative;
}
.list-review-01 .review-rate > b a{
margin:0 1px;
z-index:10;
cursor:pointer;
position:absolute;
right:2px;
top:-2px;
}
.list-review-01 .review-rate > span > span {
margin:0 5px 3px 0;
}

/* .list-review-02
----------------------------------------------- */
.list-review-02 {
margin:0;
overflow:hidden;
letter-spacing:-.5em;
}
.list-review-02 li {
width:50%;
display:inline-block;
letter-spacing:normal;
font-size:11px;
box-sizing:border-box;
}
.list-review-02 li:nth-child(even){
padding-left:10px;
}
.list-review-02 li b {
margin-left:10px;
float:right;
font-family:arial;
}
.list-review-02 + p {
margin:0;
}


/* .list-sch
----------------------------------------------- */
.list-sch li {
position:relative;
}
.list-sch li:after {
position:absolute;
top:3px;
left:114px;
display:block;
width:5px;
height:5px;
content:'';
border:2px solid #898989;
border-radius:50%;
background-color:#fff;
}
.list-sch li:before {
position:absolute;
top:10px;
left:116px;
width:1px;
height:100%;
content:'';
border-right:3px solid #898989;
}
.list-sch li.sch-transit:before {
border-right-style:dotted;
}
.list-sch li.sch-transit .sch-required-02 .sch-desc {
padding:15px 0 20px;
}
.list-sch li:last-child:before {
display:none;
}
.list-sch li [class^=sch-required] {
display:table;
width:100%;
}
.list-sch li [class^=sch-required] .sch-sub {
font-size:11px;
position:relative;
display:table-cell;
width:110px;
padding-right:20px;
text-align:right;
vertical-align:top;
}
.flt-item .box-schedule{
box-shadow:0 0 0;
margin:5px 7px 0 0;
padding:7px;
background-color:#f1f1f1;
box-shadow:0 0 0;
}
.flt-item .list-sch li {
border:0;
padding-left:0;
}
.flt-item .list-sch li .sch-required-02 .sch-desc .carrier-notes{
background:none;
}
.flt-item .list-sch li [class^=sch-required] .sch-sub .ico-add{
color:var(--cmn-font-color-red);
}
.list-sch li [class^=sch-required] .sch-sub .ico-add {
font-weight:bold;
display:block;
margin-left:45px;
text-align:left;
}
.list-sch li [class^=sch-required] .sch-desc {
font-size:12px;
line-height:1.3;
display:table-cell;
vertical-align:top;
word-break:break-all;
}
.list-sch li .sch-required-02 .sch-sub {
vertical-align:middle;
}
.list-sch li .sch-required-02 .sch-desc {
font-size:12px;
padding:10px 0 15px;
vertical-align:middle;
}
.list-sch li .sch-required-02 .sch-desc b {
font-size:11px;
font-weight:normal;
line-height:1.2;
display:inline-block;
padding:2px 3px;
background-color:#fffae4;
}
.list-sch li .sch-required-02 .sch-desc b:before {
content:'';
background:url(/element_sp/w_dp/shared/images/ic-transit.png) no-repeat;
background-size:13px 10px;
width:13px;
height:10px;
display:inline-block;
margin-right:3px;
margin-bottom:-1px;
}
.list-sch li .sch-required-02 .sch-desc .carrier-notes {
font-size:11px;
display:block;
margin:0 0 3px 0;
padding:1px 0;
background-color:#e5e5e5;
}
.ico-transit-03 {
overflow:hidden;
display:inline-block;
position:relative;
margin:0 3px;
padding-top:11px;
width:14px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
bottom:1px;
padding-top:14px;
width:11px;
background-image:url(/element_sp/w_dp/shared/images/icon-cycle.svg);
}

/* .list-def
----------------------------------------------- */
.list-def > li{
display:table;;
width:100%;
font-size:12px;
}
.list-def > li > *{
display:table-cell;
}
.list-def > li > b{
font-weight:normal;
padding-right:10px;
position:relative;
}
.list-def > li > b:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
}

/* .list-def.branch
----------------------------------------------- */
.list-def.branch > li > b:after{
display:none;
}

/* .list-def-code
----------------------------------------------- */
.list-def-code {
font-size:11px;
margin:5px 0;
}
.list-def-code li {
display:inline-block;
margin-right:10px;
}
.list-def-code b {
font-weight:bold;
display:inline-block;
}
.list-def-code b:after {
display:inline-block;
margin-left:5px;
content:'=';
}

/* .list-def-icon
----------------------------------------------- */
.list-def-icon {
font-size:10px;
font-weight:bold;
letter-spacing:-.02em;
}
.list-def-icon b {
font-weight:bold;
display:inline-block;
}
.list-def-icon b:after {
display:inline-block;
margin-left:2px;
content:'=';
}
.list-def-icon b .ico-transit-01 {
margin-right:0;
}

/* .list-filter
----------------------------------------------- */
.list-filter {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:7px 0;
}
.list-filter li:first-child {
width:148px;
margin-right:7px;
}
.list-filter li:not(:first-child) {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.list-filter li .btn-filter {
font-size:12px;
font-weight:bold;
position:relative;
width:100%;
height:37px;
padding:0 7px 0;
text-align:left;
letter-spacing:-.06em;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-bottom:none;
border-radius:3px;
background:#fff;
box-shadow:0 0 1px rgba(0, 0, 0, .06), 0 1px 2px rgba(6, 0, 1, .2), inset 0 -1px rgba(6, 0, 1, .3);
}
.list-filter li select {
font-size:12px;
font-weight:bold;
position:relative;
height:37px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
border-bottom:none;
border-radius:3px;
box-shadow:0 0 1px rgba(0, 0, 0, .06), 0 1px 2px rgba(6, 0, 1, .2), inset 0 -1px rgba(6, 0, 1, .3);
}

/* .list-agt
----------------------------------------------- */
.list-agt {
margin:0 -10px;
background-color:#fff;
box-shadow:0 2px 2px rgba(6, 0, 1, .3);
}
.list-agt .list-agt-item {
border-bottom:3px solid #333;
}
.list-agt .list-agt-item:last-child {
border-bottom:none;
}
.list-agt a {
display:table;
width:100%;
padding:10px 0;
border-bottom:solid 1px #ccc;
}
.list-agt a span {
display:table-cell;
vertical-align:top;
color:var(--cmn-font-color-base);
}
.list-agt a .logo {
font-size:11px;
width:90px;
padding:0 4px 0 7px;
}
.list-agt a .logo span:first-child {
display:table-cell;
width:90px;
height:30px;
text-align:center;
vertical-align:middle;
border:solid 1px #bdbdbd;
}
.list-agt a .logo span:first-child img {
max-width:82px;
max-height:30px;
vertical-align:middle;
}
.list-agt a .logo .provInfo {
font-size:10px;
padding-top:2px;
white-space:nowrap;
color:#555;
}
.list-agt a .ico-opt {
font-size:10px;
line-height:1.1;
display:block;
margin:3px 0;
padding:1px 3px;
text-align:center;
border:1px solid #f1f1f1;
border-radius:2px;
background-color:#f1f1f1;
}
.list-agt a .ico-opt.off {
color:#ccc;
border:1px solid #eee;
background-color:#fff;
}
.list-agt a .price {
font-size:10px;
padding:0 10px 0 5px;
text-align:right;
}
.list-agt a .price span {
font-size:10px;
display:block;
margin:0 0 -8px 0;
color:var(--cmn-font-color-red);
}
.list-agt a .price .add-info {
font-weight:bold;
display:block;
margin:0 0 8px 0;
color:var(--cmn-font-color-base);
}
.list-agt a .price .info {
display:block;
margin-top:5px;
color:var(--cmn-font-color-base);
}
.list-agt a .price .text-lang,
.list-agt a .price .text-domestic,
.list-agt a .price .text-seat {
display:inline;
color:var(--cmn-font-color-base);
}
.list-agt a .price .text-info {
text-align:left;
color:var(--cmn-font-color-base);
}
.list-agt a .price strong {
font-size:14px;
vertical-align:middle;
}
.list-agt a .price b {
font-size:20px;
margin:0 .1em;
}
.list-agt a .price b .pcInfo {
font-size:90%;
font-weight:normal;
display:block;
margin:3px 0 0 0;
padding-left:.6em;
text-align:left;
text-indent:-.6em;
color:var(--cmn-font-color-red);
}
.list-agt .vacancy {
font-size:10px;
width:45px;
padding-right:7px;
text-align:center;
}
.list-agt .vacancy .vacancy-box {
font-size:15px;
display:table-cell;
width:45px;
padding:4px 0 2px;
content:'';
color:#fff;
border-radius:4px;
background-color:#78ae0e;
box-shadow:inset 0 -3px rgba(0, 0, 0, .22);
}
.list-agt .vacancy .vacancy-box small {
font-size:10px;
font-weight:bold;
display:block;
margin-bottom:-3px;
}
.list-agt .vacancy .vacancy-box b {
font-weight:bold;
}
.list-agt .vacancy .vacancy-box .vacancy-true {
line-height:2;
display:block;
overflow:hidden;
width:14px;
height:0;
margin:0 auto 1px;
padding-top:14px;
border:2px solid #fff;
border-radius:50%;
}
.list-agt .vacancy .vacancy-box .vacancy-false {
line-height:2;
position:relative;
display:block;
overflow:hidden;
width:18px;
height:0;
margin:0 auto 1px;
padding-top:18px;
}
.list-agt .vacancy .vacancy-box .vacancy-false:before {
position:absolute;
top:-4px;
left:4px;
display:block;
width:9px;
height:9px;
content:'';
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}
.list-agt .vacancy .vacancy-box .vacancy-false:after {
position:absolute;
bottom:-2px;
left:4px;
display:block;
width:9px;
height:9px;
content:'';
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}
.list-agt .vacancy .vacancy-num {
font-size:10px;
display:block;
margin-top:4px;
padding:2px 0;
color:#fff;
background-color:#1b1b1b;
}
.list-agt .content-info {
position:relative;
display:table;
padding:3px 8px;
}
.list-agt .content-info .info-notes {
font-size:8px;
position:absolute;
top:3px;
left:90px;
display:inherit;
width:auto;
margin:0;
vertical-align:top;
}
.list-agt .content-info dl {
position:relative;
display:table-cell;
padding:14px 0 0 0;
}
.list-agt .content-info dl:first-child {
width:42px;
}
.list-agt .content-info dl:not(:first-child) {
width:174px;
}
.list-agt .content-info dl dt {
font-size:8px;
font-weight:normal;
position:absolute;
top:0;
left:-1px;
white-space:nowrap;
letter-spacing:-.09em;
}
.list-agt .content-info dl dd {
display:inline-block;
margin-top:3px;
}
.list-agt .content-info dl dd ul {
font-size:0;
display:inline-block;
margin:0;
}
.list-agt .content-info dl dd ul li {
display:inline-block;
width:29px;
height:29px;
margin-right:3px;
margin-left:0;
border:1px solid #f1f1f1;
border-radius:3px;
background-color:#f1f1f1;
}
.list-agt .content-info dl dd ul li.off {
color:#ccc;
border:1px solid #eee;
background:#ececec;
background-color:#fff;
}
.list-agt .content-info dl dd ul li span {
font-size:9px;
line-height:1.2;
display:table-cell;
width:29px;
height:29px;
text-align:center;
vertical-align:middle;
letter-spacing:-.04em;
}
.list-agt .content-info .list-credit {
display:table-cell;
overflow:hidden;
width:72px;
padding-top:17px;
vertical-align:top;
border:none;
}
.list-agt .content-info .list-credit li {
line-height:2;
display:inline-block;
float:left;
overflow:hidden;
height:0;
margin:0 0 1px 1px;
padding-top:17px;
vertical-align:middle;
background-repeat:no-repeat;
background-size:100% auto;
}
.list-agt .content-info .list-credit li:nth-child(4n) {
clear:left;
}
.list-agt .content-info .list-credit li.logo-visa {
width:25px;
background-image:url(/element_sp/shared/images/logo/card/logo-visa.gif);
}
.list-agt .content-info .list-credit li.logo-master {
width:25px;
background-image:url(/element_sp/shared/images/logo/card/logo-master.gif);
}
.list-agt .content-info .list-credit li.logo-jcb {
width:19px;
background-image:url(/element_sp/shared/images/logo/card/logo-jcb.gif);
}
.list-agt .content-info .list-credit li.logo-diners {
width:21px;
background-image:url(/element_sp/shared/images/logo/card/logo-diners.gif);
}
.list-agt .content-info .list-credit li.logo-amex {
width:15px;
background-image:url(/element_sp/shared/images/logo/card/logo-amex.gif);
}

/* .list-ariline
----------------------------------------------- */
.list-ariline {
display:none;
margin:0 -10px;
}
.list-ariline.active {
display:block;
}
.list-ariline table {
font-weight:bold;
width:100%;
border-collapse:collapse;
}
.list-ariline th {
font-size:12px;
width:25%;
padding:10px 0;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ccc;
background:#eee;
}
.list-ariline td {
font-size:9px;
text-align:center;
vertical-align:middle;
border-bottom:2px solid #dcdcdc;
border-left:1px solid #ccc;
}
.list-ariline td:first-child {
text-align:center;
}
.list-ariline td img {
max-width:65px;
}
.list-ariline td .airline {
font-size:10px;
display:block;
}
.list-ariline td span.title {
font-size:12px;
color:var(--cmn-font-color-base);
}
.list-ariline td span b {
font-size:15px;
display:inline-block;
text-decoration:underline;
}
.list-ariline td a {
display:block;
padding:3px 5px;
text-align:right;
text-decoration:underline;
}
.list-ariline td:first-child {
border-left:0;
}
.list-ariline td:first-child a {
text-decoration:none;
}
.list-ariline .low-price {
background:#feefe6;
}
.list-ariline .low-price span {
text-decoration:underline;
color:var(--cmn-font-color-red);
}
.list-ariline .low-price span.title {
text-decoration:none;
}

/* .list-option
----------------------------------------------- */
.list-option li {
padding:6px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}
.list-option li ul {
margin:-6px -10px;
}
.list-option li ul li {
padding-left:35px;
}
.list-option li ul li:last-child {
border-bottom:none;
}
.list-option .list-option-col2 span {
position:relative;
}
.list-option .list-option-col2 span:first-child {
position:relative;
display:inline-block;
padding-right:90px;
}
.list-option .list-option-col2 span:first-child img {
display:inline-block;
width:40px;
height:auto;
}
.list-option .list-option-col2 span:last-child {
position:absolute;
top:3px;
right:10px;
display:block;
width:90px;
text-align:right;
}
.chk-option + .box-01 .list-option-col2 span:first-child,
.chk-option-02 + .box-01 .list-option-col2 span:first-child {
padding-left:50px;
text-indent:-50px;
}
.chk-option + .box-01 .list-option-col2 span:first-child img,
.chk-option-02 + .box-01 .list-option-col2 span:first-child img {
margin-right:10px;
}

/* .list-sns
----------------------------------------------- */
.list-sns {
margin:35px 0 15px 0;
text-align:center;
letter-spacing:-.4em;
}
.list-sns > li {
display:inline-block;
margin:0 15px;
letter-spacing:normal;
vertical-align:text-top;
}
.list-sns > li img {
width:30px;
height:30px;
vertical-align:top;
}

/* ----------------------------------------------------------------
  Tooltip
----------------------------------------------------------------- */

.tooltip-item {
font-size:12px;
position:absolute;
z-index:3;
top:0;
left:0;
display:none;
min-width:150px;
max-width:80%;
margin-top:18px;
padding:10px 12px 10px 10px;
border:1px solid #9f9f9f;
border-radius:6px;
background-color:#fff;
box-shadow:2px 1px 6px rgba(0, 0, 0, .5);
}
.tooltip-item > :first-child {
margin-top:0;
}
.tooltip-item.active {
display:block;
}
.tooltip-item .tooltip-hdg {
font-size:14px;
margin-bottom:2px;
}
.tooltip-item .list-separate > li {
margin-top:0;
}
.tooltip-item .list-separate > li > .cell:first-child {
width:30%;
}
.tooltip-item .btn-close {
position:absolute;
top:-18px;
right:-18px;
overflow:hidden;
width:40px;
height:40px;
text-indent:-9999px;
color:#fff;
border:2px solid #fff;
border-radius:20px;
background:#404040;
box-shadow:2px 0 4px rgba(0, 0, 0, .5);
}
.tooltip-item .btn-close:before {
position:absolute;
top:50%;
left:50%;
display:block;
overflow:hidden;
width:9px;
height:9px;
content:'';
}
.tooltip-item .btn-close:before {
margin:-5px 0 0 -4px;
-webkit-transform:scale(2);
transform:scale(2);
background:url(/element_sp/w_dp/shared/images/sprite.svg) 53.44828% 0 no-repeat;
}
.tooltip-item .tooltip-balloon {
position:relative;
position:relative;
position:absolute;
top:-10px;
left:50%;
display:block;
margin-left:-10px;
}
.tooltip-item .tooltip-balloon:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:0 11px 11px 11px;
border-style:solid;
border-color:transparent transparent #9f9f9f transparent;
}
.tooltip-item .tooltip-balloon:before {
top:-1px;
left:-1px;
}
.tooltip-item .tooltip-balloon:after {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:0 10px 10px 10px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}
.tooltip-item .tooltip-balloon:after {
top:0;
left:0;
}
.tooltip-item.active {
display:block;
}

/* ----------------------------------------------------------------
  Balloon-box
----------------------------------------------------------------- */

.balloon-box {
font-size:12px;
position:relative;
position:relative;
position:relative;
margin-top:10px;
padding:5px;
text-align:center;
border:1px solid #d9d9d9;
background-color:#fff;
}
.balloon-box:before {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:0 8px 8px 8px;
border-style:solid;
border-color:transparent transparent #d2d2d2 transparent;
}
.balloon-box:after {
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:'';
border-width:0 7px 7px 7px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}
.balloon-box:before,
.balloon-box:after {
position:absolute;
top:-7px;
left:50%;
display:block;
margin-left:-7px;
}
.balloon-box:before {
top:-8px;
margin-left:-8px;
}

/* ----------------------------------------------------------------
  Pseudo Page 擬似遷移
----------------------------------------------------------------- */

/* .pseudo-content
----------------------------------------------- */

.pseudo-content {
box-sizing:border-box;
padding:0 10px 10px;
}

.pseudo-content .pseudo-content-item{
margin:0 -10px;
}

.pseudo-content .pseudo-content-item .pseudo-line-item + .pseudo-line-item{
padding-top:12px;
margin-top:12px;
border-top:1px solid #e5e5e5;
}

/* .pseudo-header
----------------------------------------------- */

.pseudo-header {
position:relative;
margin:0 -10px 10px;
padding:10px 55px;
color:#fff;
background-color:#4d4d4d;
}
.pseudo-header .pseudo-hdg {
font-size:16px;
font-weight:bold;
text-align:center;
}
.pseudo-header .btn-pseudo-prev {
font-weight:bold;
position:absolute;
top:0;
left:0;
height:100%;
padding:0 10px;
border-width:0 1px 0 0;
border-style:solid;
border-color:#000;
background:none;
}

main > .pseudo-header {
margin-top:-10px;
}

/* .carousel
----------------------------------------------- */

.carousel {
margin:-10px -10px 0;
}
.carousel .carousel-catch {
font-size:16px;
font-weight:bold;
position:absolute;
bottom:0;
left:0;
display:block;
box-sizing:border-box;
width:100%;
padding:10px;
color:#fff;
background-color:rgba(0, 0, 0, .7);
}

/* ----------------------------------------------------------------
  FlexSlider
----------------------------------------------------------------- */

/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author:Tyler Smith (@mbmufffin)
 *
 */

/* RESETS
----------------------------------------------- */

.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
outline:none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin:0;
padding:0;
list-style:none;
}
.flex-pauseplay span {
text-transform:capitalize;
}

/* BASE STYLES
----------------------------------------------- */

.flexslider {
margin:0;
padding:0;
}
.flexslider .slides > li {
position:relative;
display:none;
-webkit-backface-visibility:hidden;
}
.flexslider .slides img {
display:block;
width:100%;
}
.flexslider .slides:after {
line-height:0;
display:block;
visibility:hidden;
clear:both;
height:0;
content:'\0020';
}

html[xmlns] .flexslider .slides {
display:block;
}
.no-js .flexslider .slides > li:first-child {
display:block;
}

/*  DEFAULT THEME
----------------------------------------------- */

.flexslider {
position:relative;
margin:0 0 46px;
}
.flexslider .slides img {
height:auto;
}
.flex-viewport {
max-height:2000px;
-webkit-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport {
max-height:300px;
}
.flex-direction-nav a {
position:relative;
position:absolute;
z-index:10;
top:50%;
display:block;
overflow:hidden;
width:32px;
height:40px;
margin:-40px 0 0;
cursor:pointer;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
text-decoration:none;
opacity:0;
border-radius:5px 0 0 5px;
background-color:rgba(0, 0, 0, .3);
}
.flex-direction-nav a:link,
.flex-direction-nav a:active,
.flex-direction-nav a:hover,
.flex-direction-nav a:focus {
color:rgba(51, 51, 51, 0);
}
.flex-direction-nav a:before {
position:absolute;
display:block;
width:8px;
height:8px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}
.flex-direction-nav a:before {
top:50%;
right:10px;
width:14px;
height:14px;
margin-top:-9px;
}
.flex-direction-nav a.flex-prev {
border-radius:0 5px 5px 0;
}
.flex-direction-nav a.flex-prev:before {
right:auto;
left:10px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.flex-direction-nav .flex-prev {
left:0;
opacity:1;
}
.flex-direction-nav .flex-next {
right:0;
text-align:right;
opacity:1;
}
.flex-direction-nav .flex-disabled {
cursor:default;
opacity:0 !important;
filter:alpha(opacity=0);
}
.flex-pauseplay a {
position:absolute;
z-index:10;
bottom:5px;
left:10px;
display:block;
overflow:hidden;
width:20px;
height:20px;
cursor:pointer;
opacity:.8;
color:#000;
}
.flex-pauseplay a:before {
font-size:20px;
display:inline-block;
content:'\f004';
}
.flex-pauseplay a:hover {
opacity:1;
}
.flex-pauseplay a .flex-play:before {
content:'\f003';
}
.flex-control-nav {
position:absolute;
bottom:-35px;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
margin:0 6px;
}
.flex-control-paging li a {
display:block;
width:7px;
height:7px;
cursor:pointer;
text-indent:-9999px;
border-radius:20px;
background:#b3b3b3;
}
.flex-control-paging li a:hover {
background:#666;
}
.flex-control-paging li a.flex-active {
cursor:default;
background:#666;
}
.flex-control-thumbs {
position:static;
overflow:hidden;
margiin:5px 0 0;
}
.flex-control-thumbs li {
float:left;
width:25%;
margin:0;
}
.flex-control-thumbs img {
display:block;
width:100%;
height:auto;
cursor:pointer;
-webkit-transition:all 1s ease;
transition:all 1s ease;
opacity:.7;
}
.flex-control-thumbs img:hover {
opacity:1;
}
.flex-control-thumbs .flex-active {
cursor:default;
opacity:1;
}

/* ----------------------------------------------------------------
  Common
----------------------------------------------------------------- */

/* ？アイコン
----------------------------------------------- */

.icon-q {
position:relative;
display:inline-block;
overflow:hidden;
width:21px;
height:21px;
color:rgba(51, 51, 51, 0);
border:none;
background:none;
vertical-align:middle;
}
.icon-q:before {
position:absolute;
top:3px;
left:3px;
display:block;
overflow:hidden;
width:13px;
height:13px;
content:'';
border:1px solid #c9c9c9;
border-radius:2px;
}
.icon-q:before {
background:url(/element_sp/w_dp/shared/images/help_icon.svg) 0 0 no-repeat;
}

/* マージン・パディング制御用クラス
----------------------------------------------- */

.m-top-0 {
margin-top:0 !important;
}
.m-right-0 {
margin-right:0 !important;
}
.m-bottom-0 {
margin-bottom:0 !important;
}
.m-left-0 {
margin-left:0 !important;
}
.p-top-0 {
padding-top:0 !important;
}
.p-right-0 {
padding-right:0 !important;
}
.p-bottom-0 {
padding-bottom:0 !important;
}
.p-left-0 {
padding-left:0 !important;
}
.m-top-5 {
margin-top:5px !important;
}
.m-right-5 {
margin-right:5px !important;
}
.m-bottom-5 {
margin-bottom:5px !important;
}
.m-left-5 {
margin-left:5px !important;
}
.p-top-5 {
padding-top:5px !important;
}
.p-right-5 {
padding-right:5px !important;
}
.p-bottom-5 {
padding-bottom:5px !important;
}
.p-left-5 {
padding-left:5px !important;
}
.m-top-10 {
margin-top:10px !important;
}
.m-right-10 {
margin-right:10px !important;
}
.m-bottom-10 {
margin-bottom:10px !important;
}
.m-left-10 {
margin-left:10px !important;
}
.p-top-10 {
padding-top:10px !important;
}
.p-right-10 {
padding-right:10px !important;
}
.p-bottom-10 {
padding-bottom:10px !important;
}
.p-left-10 {
padding-left:10px !important;
}
.m-top-15 {
margin-top:15px !important;
}
.m-right-15 {
margin-right:15px !important;
}
.m-bottom-15 {
margin-bottom:15px !important;
}
.m-left-15 {
margin-left:15px !important;
}
.p-top-15 {
padding-top:15px !important;
}
.p-right-15 {
padding-right:15px !important;
}
.p-bottom-15 {
padding-bottom:15px !important;
}
.p-left-15 {
padding-left:15px !important;
}
.m-top-20 {
margin-top:20px !important;
}
.m-right-20 {
margin-right:20px !important;
}
.m-bottom-20 {
margin-bottom:20px !important;
}
.m-left-20 {
margin-left:20px !important;
}
.p-top-20 {
padding-top:20px !important;
}
.p-right-20 {
padding-right:20px !important;
}
.p-bottom-20 {
padding-bottom:20px !important;
}
.p-left-20 {
padding-left:20px !important;
}
.m-top-25 {
margin-top:25px !important;
}
.m-right-25 {
margin-right:25px !important;
}
.m-bottom-25 {
margin-bottom:25px !important;
}
.m-left-25 {
margin-left:25px !important;
}
.p-top-25 {
padding-top:25px !important;
}
.p-right-25 {
padding-right:25px !important;
}
.p-bottom-25 {
padding-bottom:25px !important;
}
.p-left-25 {
padding-left:25px !important;
}
.m-top-30 {
margin-top:30px !important;
}
.m-right-30 {
margin-right:30px !important;
}
.m-bottom-30 {
margin-bottom:30px !important;
}
.m-left-30 {
margin-left:30px !important;
}
.p-top-30 {
padding-top:30px !important;
}
.p-right-30 {
padding-right:30px !important;
}
.p-bottom-30 {
padding-bottom:30px !important;
}
.p-left-30 {
padding-left:30px !important;
}

/* Width制御
----------------------------------------------- */

.w-5 {
width:5% !important;
}
.w-10 {
width:10% !important;
}
.w-15 {
width:15% !important;
}
.w-20 {
width:20% !important;
}
.w-25 {
width:25% !important;
}
.w-30 {
width:30% !important;
}
.w-35 {
width:35% !important;
}
.w-40 {
width:40% !important;
}
.w-45 {
width:45% !important;
}
.w-50 {
width:50% !important;
}
.w-55 {
width:55% !important;
}
.w-60 {
width:60% !important;
}
.w-65 {
width:65% !important;
}
.w-70 {
width:70% !important;
}
.w-75 {
width:75% !important;
}
.w-80 {
width:80% !important;
}
.w-85 {
width:85% !important;
}
.w-90 {
width:90% !important;
}
.w-95 {
width:95% !important;
}
.w-100 {
width:100% !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;
}

@media screen and (max-width:362px) {
.term-idx-container {
background-size:115% auto;
}
}

/* ----------------------------------------------------------------
Headings
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.hdg-l1-container {
margin:-10px -10px 15px;
padding: 8px 50px;
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
min-height: 45px;
box-sizing: border-box;
position: relative;
background-color: #111;
z-index: 10;
}
.hdg-l1-container + form{
margin-top:-15px;
}
main > div.act_ad_manage + .hdg-l1-container {
margin-top:0;
}
.hdg-l1-inner {
display:table;
width:100%;
height:36px;
box-sizing:border-box;
line-height:1.2;
}
.hdg-l1-container .hdg-l1-box {
display:table-cell;
margin:0;
width:100%;
padding-right:10px;
vertical-align:middle;
}
.hdg-l1-container .hdg-l1 {
box-sizing: border-box;
-webkit-box-flex: 1;
flex: 1;
font-size: 16px;
font-weight: bold;
text-align: center;
margin-bottom:0;
}
#act_page_tooltip_creditcard_security .hdg-l1-container .hdg-l1{
padding:5px 0 5px 40px;
}
.hdg-l1-container .hdg-l1-sup {
margin:0;
font-size:12px;
}
.hdg-l1-container .btn-hdg + .hdg-l1-box {
text-align:center;
padding:0 10px;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
position:relative;
margin:0 -10px;
padding:8px 10px;
color:#fff;
background-color:#444;
font-size:14px;
line-height:1;
font-weight:normal;
}
.hdg-l2-01 {
font-size:14px;
position:relative;
box-sizing:border-box;
color: var(--cmn-font-color-base);
position:relative;
border-bottom:1px solid #e5e5e5;
padding-bottom:8px;
padding-left:0;
margin:16px 0 0;
}
.hdg-l2-01 button{
position:absolute;
top:50%;
right:0;
padding:0;
height:19px;
display:block;
font-size:12px;
font-weight:normal;
color:#fff;
border-radius:3px;
border:1px solid #fff;
background:none;
box-sizing:border-box;
margin-top:-12px;
color: var(--cmn-font-color-base);
--cmn-dashed-grad: linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color: #949494;
--cmn-dashed-size: 6px 1px;
--cmn-dashed-font-color: var(--cmn-font-color-base);
padding-bottom: 1px;
color: var(--cmn-dashed-font-color) !important;
background: var(--cmn-dashed-grad);
background-size: var(--cmn-dashed-size);
text-decoration: none !important;
}
.lyt-sticky .hdg-l1-container + .hdg-l2-01 {
margin:-15px -10px 0;
}
.lyt-sticky [class*="narrow-box"] + .hdg-l2-01 {
margin:0 -10px;
}

/* .tour-box
----------------------------------------------- */

.tour-box{
clear:both;
margin:6px 0 0 0;
background:#fff;
border-bottom:1px solid #e5e5e5;
font-size:12px;
}
.search-item-container.branch .search-item .tour-box{
clear:both;
margin:0 -10px 0 -10px;
background:#f5f5f5;
border-bottom:1px solid #e5e5e5;
}
main .tour-box a{
display:flex;
position:relative;
padding:8px 10px 8px 10px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
border:1px solid #d1d1d1;
}
.search-item-container.branch .search-item .tour-box a{
display:block;
position:relative;
padding:7px 10px 5px 10px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
border:0;
}
.tour-box a:before {
position:absolute;
display:block;
width:7px;
height:7px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #555;
border-bottom:2px solid #555;
top:50%;
right:12px;
margin-top:-6px;
}
.tour-box .tour-hdg{
display:table-cell;
font-size:12px;
width:108px;
vertical-align:middle;
padding-right:0;
box-sizing:border-box;
line-height:1.2;
font-weight:bold;
}
.search-item-container.branch .search-item .tour-box .tour-hdg{
font-size:11px;
width:135px;
}
.tour-box .tour-hdg button{
z-index:10;
margin-left:3px;
vertical-align:top;
}
main .tour-box .price{
color:var(--cmn-font-color-base);
width:calc(100% - 108px);
text-align:right;
line-height:1.2;
}
.search-item-container.branch .search-item .tour-box .price{
color:var(--cmn-font-color-base);
width:auto;
line-height:1.1;
font-size:10px;
}
main .tour-box .price p{
font-weight:normal;
font-size:12px;
line-height:1.3;
}
.search-item-container.branch .search-item .tour-box .price p{
font-size:10px;
margin:0;
}
.search-item-container.branch .search-item .tour-box .price small{
font-size:10px;
}
.search-item-container.branch .search-item .tour-box .tour-hdg br{
display:none;
}
.tour-box .num{
font-size:13px;
font-family:Arial;
}
.tour-box p .num:first-child{
display:inline-block;
}
main .tour-box p{
margin:0;
}
.clr-stl-01{
color:#2b65a0;
}
.clr-stl-02{
color:#af700a;
}
.clr-stl-03{
color:var(--cmn-font-color-red);
}
.tour-box b.num{
font-size:17px;
}
.tour-box small{
font-size:11px;
display:block;
}
.tour-box .tour-box-info{
font-size:11px;
line-height:1.2;
margin-top:5px;
text-align:left;
position:relative;
color:#333;
padding-left:30px;
}
.tour-box .tour-box-info + .tour-box-info{
margin-top:2px;
}
.tour-box .tour-box-info .luggage-info{
font-size:11px;
color:#AF700A;
position:absolute;
left:0;
top:0;
}

/* .review-box
----------------------------------------------- */

.search-item-container .list-separate.branch .list-line > li a.active{
display:none;
}
.active + .review-box{
display:block;
}
.review-box{
display:none;
position:relative;
background:#f5f5f5;
padding:5px;
margin-top:4px;
margin-right:-95px;
}
.review-box .close{
position:absolute;
right:8px;
top:5px;
background:none;
border:0;
color:var(--cmn-font-color-link);
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) no-repeat;
margin:0;
padding:0 0 0 15px;
border:none;
color:#555;
font-size:11px;
background-size:12px;
}
main .review-box ul{
margin:0;
}
.review-box ul li,
.search-item-container .list-separate.branch .list-line > li .review-box ul li b{
font-size:11px;
}


/* ----------------------------------------------------------------
Link
----------------------------------------------------------------- */
/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle {
font-size:14px;
border-top:1px solid #e5e5e5;
background-color:#fff;
}
.hdg-l2-01 + .link-list-toggle{
border-top:0;
margin-top:0;
}
.link-list-toggle + .hdg-l2-01,
.link-list + .hdg-l2-01{
margin-top:20px;
}
.link-list-toggle a {
position:relative;
display:block;
padding:12px 18px 12px 25px;
color:#444;
}
.link-list-toggle ul li > a{
padding-left:0;
}
.link-list-toggle ul li > ul li > a{
margin-left:18px;
}
.link-list-toggle li.level-list a:before {
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list-toggle  ul{
margin-top:0;
margin-bottom:0;
}
.link-list-toggle > li > a {
padding-right:12px;
background-color:#fff;
border-bottom: 1px solid #e5e5e5;
}
.link-list-toggle > li > a b {
position:relative;
position:relative;
display:block;
margin:-12px -12px -12px -25px;
padding:12px 12px 12px 0;
color:var(--cmn-font-color-base);
font-size:14px;
font-weight:normal;
}
.link-list-toggle > li > a b:after {
position:absolute;
top:50%;
right:10px;
display:block;
overflow:hidden;
content:'';
margin-top:-7px;
}
.link-list-toggle > li > a b:after {
position:absolute;
display:block;
content:'';
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:13px;
width:13px;
height:13px;
}
.link-list-toggle > li.active > a b:after {
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle > li > a::before{
display:none;
}
.link-list-toggle > li.active{
border-bottom:0;
}
.link-list-toggle > li > ul{
display:none;
}
.link-list-toggle > li > ul#Area_country_list,
.link-list-toggle > li > ul#Area_city_list{
display:block;
}
.link-list-toggle > li.active > ul {
display:block;
margin-left:18px;
}
.link-list-toggle > li ul li a {
color:var(--cmn-font-color-base);
border-bottom: 1px solid #e5e5e5;
}
.link-list-toggle > li ul li a[name^="Act_other_city"]:after,
.link-list-toggle #Area_country_list a:after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.btn-search {
font-size:20px;
display:block;
margin:20px 0;
padding:10px;
width:100%;
text-align:center;
color:#fff;
font-weight:bold;
border:2px solid #014a70;
border-radius:10px;
background-image:-webkit-linear-gradient(top, #179dd4 0%,#01619c 100%);
background-image:linear-gradient(to bottom, #179dd4 0%,#01619c 100%);
background-color:#179dd4;
box-shadow:0 1px 3px rgba(0,0,0,0.6);
}
.btn-hdg {
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_dp/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}
.pseudo-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;
color: #ccc;
font-weight: normal;
}
.pseudo-link-prev {
padding: 3px 0;
color: var(--cmn-font-color-link);
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;
}
.hdg-l1-container + .pseudo-link-prev {
margin-top:-15px;
}
.pseudo-link-prev-block{
border-bottom:1px solid #e5e5e5;
margin:0;
}
.hdg-l1-container + .pseudo-link-prev-block{
border-bottom:1px solid #e5e5e5;
margin:-12px 0 12px;
}
.specified_Area p.loading{
text-align:left;
}
.box-destination{
background:#fff;
margin:0 -11px;
padding:12px 10px 5px 10px;
border-top:1px solid #ccc;
position:relative;
}
.box-destination .suggest{
top:50px;
}
.toggle-inner-box{
display:none;
}
.toggle-inner-box.active{
display:block;
}
.toggle-inner-box .nav-search-item{
border-top:1px solid #e5e5e5;
}


/* .input-search-text
----------------------------------------------- */
#Area_departure_page.contentFilter_Area.departurePlace_Area.str-container .hdg-l1-container .btn-hdg + .hdg-l1-box{
padding:0 10px ;
}
#Area_destination_page.contentFilter_Area.departurePlace_Area.str-container .hdg-l1-container .btn-hdg + .hdg-l1-box{
padding:0 10px ;
}
.input-search-text {
position:relative;
margin-bottom:16px;
width:100%;
box-sizing:border-box;
}
.input-search-text + .box-destination{
box-shadow:0 0 0;
background:#fff;
border-top:2px solid #ccc;
}
.input-search-text span{
display:inline-block;
font-weight:bold;
position:absolute;
left:0;
top:50%;
margin-top:-8px;
display:none;
}
.input-search-text input[type='text'],
.input-search-text input[type='search'] {
font-size:16px;
font-weight:bold;
padding-right:25px;
padding-left:10px;
border-radius:4px;
border:1px solid #bbb;
min-height:38px;
}
.input-search-text input::-webkit-input-placeholder {
font-weight:normal;
font-size:16px;
color:#9E9E9E;
}
.input-search-text .input-search-sup,
.pseudo-input-word .input-search-sup{
font-size:12px;
color:#949494;
text-indent:-1em;
padding-left:1em;
display:block;
position:inherit;
font-weight:normal;
top:inherit;
margin-top:8px;
}
.input-search-text .input-search-sup::before,
.pseudo-input-word .input-search-sup::before{
content:'\0203B';
}
.input-search-text + .btn-show-map {
border-top:1px solid #bbb;
}
.input-search-text button {
position:absolute;
top:0;
right:0;
width: 30px;
height: 100%;
text-indent:-9999px;
border:0;
background-color:transparent;
}
.input-search-text button::before{
content: "";
display: block;
position: absolute;
top: 15px;
right: 10px;
width: 10px;
height: 10px;
background-size: 100%;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-mask: url(/element_sp/w_dp/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask: url(/element_sp/w_dp/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color: #666;
}
.link-list > li{
position:relative;
min-height:auto;
font-size:14px;
margin-top:0;
border:0;
border-bottom:1px solid #e5e5e5;
box-shadow:0 0 0 #e5e5e5 inset;
}
.link-list > li a{
min-height:45px;
}
.link-list > li a,
.link-list > li span.txt{
padding-left:14px;
position:relative;
padding:14px 10px 14px 0;
display:block;
}
.link-list > li.level-list a:after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* number-list */

.number-list{
display:block;
width:100%;
margin:0;
}
.hdg-l1-container + .number-list{
margin-top:-15px;
}
.number-list li{
border-bottom:1px solid #e1e1e1;
padding:0 16px 0 0;
margin:0 -10px 0 -10px;
}
.number-list li ul li{
display:inline-block;
margin:0 30px 0 0;
padding:0;
border:0;
}
.number-list .hdg-btn-area{
margin-right:-10px;
}
.number-list .hdg-btn-area .label-box{
width:75px;
line-height:1.2;
background:#f5f5f5;
padding:26px 0 15px 16px;
display:table-cell;
}
.number-list .hdg-btn-area .label-box b{
display:block;
font-size:14px;
vertical-align:middle;
}
.number-list .hdg-btn-area .label-box span{
font-size:12px;
text-align:left;
}
.number-list .hdg-btn-area .select-custom{
margin-left:0;
}
.number-list .hdg-btn-area .btn-box{
text-align:left;
display:table-cell;
padding:15px 5px 15px 10px;
vertical-align:middle;
width:80%;
}
.number-list .hdg-btn-area .btn-box .select-box{
margin-bottom:5px;
width:100%;
}
.number-list .hdg-btn-area .btn-box .select-box span{
width:100%;
}
.number-list .hdg-btn-area .btn-box span.child{
font-weight:normal;
display:block;
margin-bottom:-28px;
padding-top:10px;
font-size:13px;
}
.number-list .hdg-btn-area .btn-box span.child +.select-box {
padding-left:4em;
box-sizing:border-box;
}
.number-list .hdg-btn-area .btn-box .select-box select{
width:100%;
min-height:37px;
}
.number-list .hdg-btn-area .btn-box button{
width:50px;
height:45px;
border-radius:6px;
background-color:#fff;
background-image:-webkit-linear-gradient(bottom, #ccc 3%, #fff 4%);
background-image:linear-gradient(to top, #ccc 3%, #fff 4%);
border:1px solid #ccc;
font-weight:bold;
font-size:24px;
text-align:center;
margin:0 3px;
box-sizing:border-box;
padding:0;
padding-bottom:20px;
}
.number-list .hdg-btn-area .btn-box button.disabled{
color:#d9d9d9;
background:#f7f7f7;
border:1px solid #ddd;
}
.number-list .hdg-btn-area .btn-box span{
font-weight:bold;
font-size:14px;
vertical-align:text-top;
}
.number-list .hdg-btn-area .btn-box span b{
font-size:22px;
}
.number-list p{
font-size:12px;
}
.radio-custom{
padding:0 40px 0 0;
vertical-align:middle;
font-size:13px;
font-weight:bold;
}
.btn-under-area {
padding:18px 10px;
}
.btn-under-area button{
background-color:#78ae0e;
box-shadow:inset 0 -3px rgba(0,0,0,.18);
text-align:center;
font-size: 16px;
color: #fff;
text-shadow: 1px 2px rgba(4,0,0,.1);
border-radius:6px;
border:0;
display:block;
font-weight:bold;
width:100%;
padding:8px 0;
}
.agtlink .btn-under-area{
padding:0;
}
.agtlink .btn-under-area > p{
font-size:11px;
margin:0 0 10px;
color:#fff;
}

input[type="radio"] {
margin:0 0 -4px 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-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);
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.number-list .hdg-btn-area:after,
.number-list .hdg-btn-area:before,
.number-list li:before,
.number-list li:after,
.search-item-container .list-separate.branch:before,
.search-item-container .list-separate.branch:after{
content:"";
display:table;
}
.number-list .hdg-btn-area:after,
.number-list li:after,
.search-item-container .list-separate.branch:after{
clear:both;
}

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
.suggest .suggest-panel {
position:absolute;
z-index:1;
display:none;
box-sizing:border-box;
width:100%;
margin-top:-24px;
border:1px solid #ccc;
background-color:#fff;
box-shadow:1px 2px 8px rgba(4, 0, 0, .45);
}
.suggest .suggest-panel .hdg-suggest {
font-size:13px;
padding:3px 10px;
color:#888;
background-color:#f2f2f2;
}
.suggest .list-suggest {
margin:0;
}
.suggest .list-suggest li {
border-bottom:1px solid #e5e5e5;
}
.suggest .list-suggest li .text-area-detail{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.suggest .list-suggest li:last-child {
border-bottom:none;
}
.suggest .list-suggest li a {
display:block;
padding:10px 10px;
color:var(--cmn-font-color-base);
}
.suggest .list-suggest li span {
color:#999;
}
.suggest .list-suggest.suggest-spot a {
position:relative;
padding-left:33px;
}
.suggest .list-suggest.suggest-spot a:before {
position:absolute;
top:50%;
left:8px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
background-size:220px;
}
.suggest .list-suggest.suggest-spot .icon-spot-01 a:before {
background-position:0 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-02 a:before {
background-position:-37px 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-03 a:before {
background-position:-18px 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-04 a:before {
background-position:-55px 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-05 a:before {
background-position:-75px 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-06 a:before {
background-position:-94px 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-07 a:before {
width:13px;
margin-left:3px;
background-position:-110px 0;
}
.suggest .list-suggest.suggest-spot .icon-spot-08 a:before {
background-position:-122px 0;
}
.suggest .btn-suggest {
font-size:10px;
margin:0;
text-align:right;
border-top:1px dotted #ebebeb;
}
.suggest .btn-suggest a {
display:block;
padding:4px 10px;
color:var(--cmn-font-color-gray);
}
.suggest .text-notice{
font-size:11px;
margin:0;
text-align:right;
border-top:1px solid #ebebeb;
color:var(--cmn-font-color-gray);
text-align:left;
padding:5px 10px;
}

/* text */
.rcmd-text{
	font-size:10px;
}

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

.form-input-word .form-input-word-suggest:empty{
border:0;
}

.form-input-word .form-input-word-suggest.is-active{
display:block;
}

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

/* .form-input-word-suggest-btn
----------------------------------------------- */
.form-input-word .form-input-word-suggest-btn{
padding:10px;
border:none;
color:#555;
width:100%;
background:none;
font-size:13px;
text-align:right;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
margin:0;
}
.form-input-word .form-input-word-suggest-list > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-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:15px 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 15px;
}
.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 13px;
opacity:.45;
}

/* .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:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-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;
-ms-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:var(--cmn-font-color-base);
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:.25;
}
.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:15px auto;
}
.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;
}

/* ----------------------------------------------------------------
  Map
----------------------------------------------------------------- */
/* .tab-list
----------------------------------------------- */
.lyt-map .tab-list-container {
position:relative;
margin:0;
min-height:40px;
background:#fff;
overflow:hidden;
}
.lyt-map .tab-list {
position:absolute;
z-index:0;
margin:0;
}
.lyt-map .tab-list li {
position:relative;
float:left;
font-size:12px;
text-align:center;
}
.lyt-map .tab-list li[class^="icon-f-"]:before {
position:absolute;
top:4px;
left:50%;
margin-left:-7px;
display:block;
width:15px;
height:15px;
font-size:15px;
font-weight:normal;
color:#999;
z-index:1;
}
.lyt-map .tab-list li a {
position:relative;
display:block;
padding:19px 10px 3px;
font-weight:bold;
}
.lyt-map .tab-list li.active {
background:#fff9ad;
}
.lyt-map .tab-list a:link,
.lyt-map .tab-list a:visited {
color:#000;
}
.lyt-map .tab-list [class^="icon-"] {
position:relative;
}
.lyt-map .btn-hdg{
background:#333;
border-color:#666666;
position:absolute;
top:0;
padding:0 10px;
margin:0;
min-width:60px;
line-height:35px;
font-size:15px;
font-weight:bold;
min-width:60px;
box-sizing:border-box;
}
.lyt-map .btn-hdg:last-child {
border-width:0 0 0 1px;
right:0;
font-size:13px;
padding:0;
}
.lyt-map .box-condition button{
text-shadow:0 0 0;
box-shadow:0 0 0;
}
.lyt-map .box-condition button.btn:hover{
color:var(--cmn-font-color-base);
}
.lyt-map .box-condition p + span{
display:inline-block;
padding-top:8px;
padding-left:20px;
}
.lyt-map .box-condition .select-custom{
margin-left:0;
}
.lyt-map .list-hotel-info li{
font-size:11px;
}
.lyt-map .img-hotel-item .caption{
color:#555;
text-align:left;
}
.lyt-map .hdg-caption{
font-weight:normal;
margin-top:12px;
}
.lyt-map .list-hotel-review li{
font-size:11px;
line-height:1.8;
}

/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .selection
----------------------------------------------- */
.selection{
padding:0 4px;
background-color:#ff6;
}

/* .icon-map-pin
----------------------------------------------- */
.icon-map-pin{
display:inline;
padding-right:15px;
}
.icon-map-pin:after{
content:'';
display:inline-block;
background:url(/element_sp/shared/images/icon/icon-pin.png) 0 0 no-repeat;
background-size:9px;
width:10px;
height:15px;
margin:0 0 -4px 4px;
}

/* .icon-ext
----------------------------------------------- */
.icon-ext:after{
display:inline-block;
width:11px;
height:10px;
margin-left:4px;
content:'';
vertical-align:middle;
background-image:url(/element_sp/shared/images/icon/ico-external.svg);
background-repeat:no-repeat;
background-size:100% auto;
}


/* .btn-change-pc
----------------------------------------------- */
.btn-change-pc{
position:relative;
display:block;
width:100%;
margin-top:10px;
padding:.7em 15px;
border:solid 2px #a4a4a4;
border-radius:4px;
text-align:center;
font-size:14px;
background:#fff;
background-image:-webkit-linear-gradient(#fff, #dbdbdb);
background-image:linear-gradient(#fff, #dbdbdb);
display:none;
}
.btn-change-pc:before{
content:"";
width:16px;
height:16px;
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-8px;
border-radius:50%;
background-color:#fff;
}
.btn-change-pc:after{
content:"";
display:block;
position:absolute;
top:50%;
right:14px;
margin-top:-5px;
border:5px solid #a4a4a4;
border-top-color:transparent;
border-bottom-color:transparent;
border-right:none;
}


/* tab-icon
----------------------------------------------- */
.icon-hotel:before,
.icon-groumet:before,
.icon-area:before,
.icon-shopping:before,
.icon-favorite:before {
content:"";
position:absolute;
left:50%;
top:3px;
display:inline-block;
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) no-repeat;
background-size:244px auto;
}
.icon-hotel:before {
width:16px;
height:13px;
top:4px;
margin-left:-8px;
background-position:-3px -26px;
}
.tab-list li.active .icon-hotel:before {
background-position:-3px -3px;
}
.icon-groumet:before {
width:13px;
height:16px;
margin-left:-7px;
background-position:-45px -26px;
}
.tab-list li.active .icon-groumet:before {
background-position:-45px -3px;
}
.icon-area:before {
width:13px;
height:16px;
margin-left:-7px;
background-position:-26px -26px;
}
.tab-list li.active .icon-area:before {
background-position:-26px -3px;
}
.icon-shopping:before {
width:15px;
height:16px;
margin-left:-7px;
background-position:-64px -26px;
}
.tab-list li.active .icon-shopping:before {
background-position:-64px -3px;
}
.icon-favorite:before {
width:15px;
height:13px;
top:5px;
margin-left:-7px;
background:url(/element_sp/shared/images/sprite/sprite-icon-symbol.png) no-repeat;
background-size:366px auto;
background-position:-294px -40px;
}
.tab-list li.active .icon-favorite:before {
background-position:-294px -5px;
}
.hdg-hotel-l2 a span{
display:block;
font-size:10px;
font-weight:normal;
color:var(--cmn-font-color-gray);
}
.review-hdg{
display:block;
font-weight:bold;
margin:10px 0 -5px 0;
}
.loading-txt.review-text{
font-weight:normal;
text-align:center;
font-size:12px;
display:block;
}
.loading-txt.review-text:before {
content:"";
display:block;
width:40px;
height:40px;
margin:20px auto;
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-txt.review-text:after{
content:"";
display:none;
}
.agtlink-info{
text-align:center;
}

/* modal */

.modal-info-area .nav-search-item {
font-size:11px;
margin-top:5px;
padding-top:5px;
position:relative;
padding-bottom:5px;
}
.modal-info-area .nav-search-item > a {
position:relative;
position:relative;
display:block;
min-height:30px;
padding:0 ;
color:var(--cmn-font-color-base);
}
.modal-info-area .nav-search-item > a:before {
top:50%;
right:2px;
margin-top:-5px;
}
.modal-info-area .nav-search-item .luggage-info-item{
position:absolute;
}
.modal-info-area .nav-search-item .luggage-info-item .luggage-info{
margin-top:37px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.modal-info-area .nav-search-item div.logo{
position:absolute;
top:0;
left:0;
width:45px;
height:30px;
display:block;
background-color:#fff;
box-sizing:border-box;
border:1px solid #bbb;
text-align:center;
display:table-cell;
vertical-align:middle;
padding:1px 0;
z-index:1;
}
.modal-info-area .nav-search-item .search-item-logo {
max-width:40px;
max-height:25px;
vertical-align:middle;
}
.modal-info-area .nav-search-item-inner {
display:table;
width:100%;
}
.modal-info-area .nav-search-item-inner > b{
white-space:nowrap;
font-size:10px;
line-height:1.2;
margin-right:8px;
width:82px;
position:absolute;
top:5px;
padding-left:50px;
color:var(--cmn-font-color-base);
}
.modal-info-area .nav-search-item-inner > b span{
display:block;
font-size:13px;
color:var(--cmn-font-color-base);
}
.modal-info-area .price {
font-size:14px;
font-weight:bold;
display:table-cell;
padding-right:5px;
vertical-align:baseline;
white-space:nowrap;
color:var(--cmn-font-color-red);
}
.modal-info-area .price.nofix{
color:var(--cmn-font-color-base);
}
.foreign-price p{
font-size:11px;
margin:0;
line-height:1.2;
}
.foreign-price p b{
font-size:14px;
font-weight:bold;
}
.modal-info-area .price small{
font-size:11px;
padding-right:3px;
color:var(--cmn-font-color-base);
}
.modal-info-area .price small .cmn-tip-btn{
margin-left:3px;
}
.modal-info-area .nav-search-item-inner > .foreign-price {
display:table-cell;
width:100%;
vertical-align:baseline;
padding-left:130px;
}
.modal-info-area .nav-search-item-inner > .foreign-price b {
display:inline-block;
}
.modal-info-area .search-item-detaile {
font-size:13px;
}
.modal-info-area .search-item-detaile .search-item-btn {
font-size:12px;
position:relative;
width:100%;
margin-bottom:-10px;
padding:8px 10px;
border-width:1px 0 0;
border-style:solid;
border-color:#e5e5e5;
background:none;
}
.modal-info-area .search-item-detaile .search-item-btn span{
font-size:10px;
}
.modal-info-area .search-item-detaile .search-item-btn:after {
position:absolute;
display:block;
width:5px;
height:5px;
content:'';
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-right:2.5px solid #bbb;
border-bottom:2.5px solid #bbb;
}
.modal-info-area .search-item-detaile .search-item-btn:after {
position:static;
display:inline-block;
margin:4px 0 0 10px;
vertical-align:top;
}
.modal-info-area .search-item-detaile.active .search-item-btn:after {
margin-top:7px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}

/* for detail */
.modal-info-area.branch{
box-shadow:none;
border-bottom:none;
}
.modal-info-area.branch .search-item{
padding:0 10px;
margin-top:0;
background-color:#d2d2d2;
}
.modal-info-area.branch .nav-search-item{
margin:0 -10px 2px;
padding:5px 10px;
border-bottom:1px solid #aaa;
background-color:#fff;
}
.modal-info-area.branch .nav-search-item div.logo{
left:10px;
}
.modal-info-area .info-list{
font-size:11px;
line-height:1.2;
margin-bottom:5px;
margin-top:4px;
}
.modal-info-area .info-list .list-in{
text-indent:-1em;
padding-left:1em;
display:block;
}
.modal-info-area .info-list .notice{
color:var(--cmn-font-color-red);
margin:5px 0 15px;
}
.modal-info-area .hdg-modal{
font-size:14px;
background:#e5e5e5;
margin:0;
padding:2px 10px;
font-weight:bold;
}
.modal-info-area .product-list > li{
position:relative;
padding:10px 12px;
border-top:1px solid #ddd;
min-height:45px;
line-height:1.4;
}
.modal-info-area .product-list > li:last-child{
border-bottom:1px solid #ddd;
}
.modal-info-area .product-list > li:first-child{
border:0;
}
.modal-info-area .product-list > li .btn-change{
border:1px solid #bbb;
background:#fff;
border-radius:4px;
padding:4px 0;
box-sizing:border-box;
font-size:12px;
text-align:center;
line-height:1.2;
position:absolute;
right:10px;
top:8px;
width:40px;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.modal-info-area .product-list > li .info-plan-change{
position:absolute;
right:0;
top:0;
white-space:nowrap;
color:var(--cmn-font-color-base);
font-size:12px;
text-align:center;
}
.modal-info-area .product-list > li > .hotel-info{
margin:0;
display:table;
}
.hotel-info > b{
display:block;
font-size:13px;
}
.modal-info-area .hotel-info > b{
padding-right:42px;
}
.hotel-info span{
font-size:12px;
}
.hotel-info span .num{
font-size:12px;
}
.hotel-info span .stay-num{
padding:0 4px;
}
.hotel-info span .stay-num .num{
font-size:14px;
}
.ic-meal{
display:inline-block;
border:1px solid #ccc;
background:#fff;
font-size:11px;
color:#555;
padding:0 3px;
text-align:center;
margin:3px 0 0 3px;
}
.ic-lang{
display:inline-block;
background:#f4f4f4;
font-size:11px;
color:#555;
padding:0 3px;
text-align:center;
margin:3px 0 0 0;
white-space:nowrap;
line-height:1.15;
padding:2px 3px;
width:47px;
box-sizing:border-box;
}
.modal-info-area .product-list > li .logo-box{
width:45px;
float:left;
margin-right:10px;
padding-left:0;
}
.modal-info-area .product-list > li .logo-box .logo{
width:45px;
display:table-cell;
box-sizing:border-box;
border:1px solid #dcdcdc;
text-align:center;
vertical-align:middle;
padding:1px;
line-height:1;
}
.plan-list .form-list > li .logo{
width:47px;
display:inline-block;
box-sizing:border-box;
border:1px solid #dcdcdc;
text-align:center;
vertical-align:middle;
padding:1px;
line-height:1;
}
.modal-info-area .product-list > li .logo-box .logo img{
max-width:43px;
vertical-align:middle;
line-height:1;
margin:0;
padding:0;
}
.plan-list .form-list > li .logo-box .logo img{
max-width:43px;
vertical-align:middle;
line-height:1;
margin:0;
padding:0;
}
.flight-info{
font-size:11px;
display:block;
position:absolute;
left:35px;
top:0;
padding-right:45px;
}
.flight-info > strong{
font-size:12px;
}
.hotel-info span > b{
font-size:11px;
}
.modal-info-area .product-list li > div{
position:relative;
}
.modal-info-area .product-list li > div .list-hdg{
font-size:13px;
font-weight:bold;
}
.modal-info-area .product-list li > div .link-detail{
font-size:10px;
margin-left:-35px;
}
.modal-info-area .product-list .box-schedule{
margin:5px -50px 0 0;
padding:7px;
background-color:#f1f1f1;
box-shadow:0 0 0;
display:none;
}
.modal-info-area .product-list .link-detail.active + .box-schedule{
display:block;
}
.modal-info-area .product-list li .list-sch li [class^=sch-required] .sch-sub .ico-add{
color:var(--cmn-font-color-red);
}
.modal-info-area .product-list li .list-sch li .sch-required-02 .sch-desc .carrier-notes{
background:none;
}
.modal-info-area .product-list li .list-sch li .sch-required-02 .sch-desc b:before{
content:'';
background:url(/element_sp/w_dp/shared/images/ic-transit.png) no-repeat;
background-size:13px 10px;
width:13px;
height:10px;
display:inline-block;
margin-right:3px;
margin-bottom:-1px;
}
.cmn-modal .modal-btn-box {
margin-top:15px;
}
.cmn-modal .modal-btn-box li.separate{
width:50%;
flex:initial;
padding-right:1%;
box-sizing:border-box;
}
.cmn-modal .modal-btn-box li.separate:last-child{
padding-right:0;
padding-left:1%;
}
.cmn-modal .modal-btn-box li.all{
display:block;
width:100%;
clear:both;
text-align:center;
}
.cmn-modal .modal-btn-box li.all button{
font-size:14px;
width:calc(60% + 30px);
min-width:210px;
margin:0 auto;
}
.cmn-modal .modal-btn-box li button{
font-size:12px;
background-color:var(--button-color);
color:#fff;
height:44px;
box-sizing:border-box;
padding:0;
box-shadow: inherit;
font-weight: normal;
}
.cmn-modal .modal-btn-box li button .num{
font-size:15px;
}
.cmn-modal .modal-btn-box li.separate button{
border:0;
}
.cmn-modal .modal-btn-box li button.disabled{
background-color:#bbbbbb;
box-shadow:0 0 0;
text-shadow:none;
color:#fff;
}

/* .carrier-dtl
----------------------------------------------- */
.carrier-dtl{
display:table;
}
.carrier-dtl > .list-hdg,
.carrier-dtl > .flt-carrier{
display:table-cell;
}
.carrier-dtl > .list-hdg{
white-space:nowrap;
padding-right:10px;
vertical-align:middle;
}
.txt-luggage{
position:absolute;
left:0;
top:50%;
margin-top:-8px;
color:var(--cmn-font-color-base);
}

/* .dp-flt-dtl
----------------------------------------------- */
.dp-flt-dtl.add-fee-item{
padding-right:85px;
position:relative;
}
.dp-flt-dtl .add-fee{
position:absolute;
right:0;
top:8px;
}
.dp-flt-dtl .flt-info{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
margin:0 auto;
padding:2px 0 3px;
border-bottom:none;
/*
-webkit-box-pack:center;
justify-content:center;
*/
}
.dp-flt-dtl .flt-term{
position:relative;
margin:0;
width:150px;
font-size:10px;
}

@media screen and (max-width:360px){
.dp-flt-dtl.add-fee-item .flt-term{
width:100px;
}
}
.dp-flt-dtl .flt-term::before,
.dp-flt-dtl .flt-term::after{
display:none;
}
.dp-flt-dtl .flt-term + .flt-airport{
margin-right:0;
margin-left:5px;
text-align:right;
}
.dp-flt-dtl .flt-term + .flt-airport > span small{
right:0;
}
.dp-flt-dtl .flt-term .cmn-tip-info-btn{
position:relative;
top:-2px;
margin-left:2px;
vertical-align:top;
}
.dp-flt-dtl .flt-term .flt-term-top{
box-sizing:border-box;
position:relative;
margin-bottom:2px;
padding:4px 0 5px;
height:50%;
min-height:19px;
vertical-align:bottom;
line-height:1.3;
white-space:nowrap;
}
.dp-flt-dtl .flt-term .flt-term-top > span{
display:block;
}
.dp-flt-dtl .flt-term .flt-term-top::before{
display:block;
position:absolute;
bottom:0;
left:2px;
width:100%;
height:2px;
background-color:#ccc;
content:"";
}
.dp-flt-dtl .flt-term .flt-term-top::after{
display:block;
position:absolute;
right:-2px;
bottom:-4px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.dp-flt-dtl .flt-term .flt-term-top .flt-term-transit::after{
display:inline-block;
position:relative;
top:1px;
margin-left:1px;
width:12px;
height:10px;
background:url(/element_sp/w_dp/shared/images/icon-car-gray.svg) 0 0 no-repeat;
content:"";
margin:0 0 0 2px;
}
.flt-term-transit-txt::after{
content:'/';
margin:0 2px 0 4px;
line-height:1;
}
.dp-flt-dtl .flt-term .flt-term-bottom{
display:block;
position:relative;
padding-top:1px;
min-height:14px;
}
.dp-flt-dtl .flt-term .flt-term-bottom .cmn-tip-caution-btn{
margin-left:4px;
position:relative;
z-index:1;
}
.dp-flt-dtl .flt-term .flt-term-bottom .cmn-tip-caution-btn .cmn-tip-caution-btn-icon{
margin:2px 0 -2px 0;
}
.dp-flt-dtl .flt-item{
overflow:hidden;
margin:0;
}
.dp-flt-dtl .flt-item.sch-item-transit-01 .flt-term .flt-term-bottom::before{
display:block;
position:absolute;
top:-7px;
left:50%;
z-index:1;
margin-left:-4px;
border:2px solid #ccc;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.dp-flt-dtl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::before{
display:block;
position:absolute;
top:-7px;
left:35%;
z-index:1;
border:2px solid #ccc;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.dp-flt-dtl .flt-item.sch-item-transit-02 .flt-term .flt-term-bottom::after{
display:block;
position:absolute;
top:-7px;
right:35%;
border:2px solid #ccc;
border-radius:50%;
width:3px;
height:3px;
background-color:#fff;
content:"";
}
.dp-flt-dtl .flt-airport{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-right:3px;
width:68px;
min-height:38px;
}
.dp-flt-dtl .flt-airport b{
margin-left:3px;
font-size:13px;
}
.dp-flt-dtl .flt-airport .time-num{
font-size:15px;
line-height:1;
}
.dp-flt-dtl .flt-airport .flt-undecided{
display:block;
font-size:11px;
line-height:1.1;
}
.dp-flt-dtl .flt-airport > span{
box-sizing:border-box;
position:relative;
margin-top:-10px;
padding-top:12px;
width:auto;
font-size:13px;
}
.dp-flt-dtl .flt-airport > span small{
position:absolute;
top:0;
min-width:auto;
font-size:10px;
}
.dp-flt-dtl .flt-airport b{
position:absolute;
bottom:-3px;
left:0;
}
.dp-flt-dtl .flt-airport{
width:45px;
min-height:42px;
}
.dp-flt-dtl .flt-term + .flt-airport > span small{
left:0;
right:inherit;
}

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

/* sticky-sch
------------------------------------------------ */
.sticky-sch{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
}
.sticky-sch > div:first-child{
flex-wrap:wrap;
margin-right:10px;
color:#fff;
flex:1;
-webkit-box-flex:1;
padding-left:54px;
}
.sticky-sch > div:last-child{
display:-webkit-box;
display:flex;
width:160px;
}

@media screen and (max-width:360px){
.sticky-sch > div:last-child{
width:120px;
}
}
.sticky-sch .sticky-sch-btn{
display:block;
padding:5px 3px 8px;
border:none;
border-radius:4px;
width:100%;
min-height:40px;
color:#fff;
background-color:#78ae0e;
box-shadow:0 -4px 0 #608c03 inset;
text-align:center;
text-shadow:1px 2px 0 rgba(4, 0, 0, .1);
font-weight:bold;
font-size:17px;
line-height:1.2;
}
.sticky-sch .logo{
position:absolute;
left:0;
top:0;
}
.sticky-sch .logo img{
max-width:44px;
}
.sticky-price-tbl{
display:table;
width:100%;
}
.sticky-price-tbl > div{
display:table-cell;
font-size:12px;
font-weight:normal;
text-align:right;
box-sizing:border-box;
}
.sticky-price-tbl > div:last-child{
min-width:80px;
}
.sticky-price-tbl > div span.num{
font-size:13px;
}
.sticky-price-tbl > div b.num{
font-size:15px;
}

/* sch-container
------------------------------------------------ */
.sch-container .sch-item{
padding:12px;
border:1px solid #bbb;
border-radius:6px;
}
.sch-container .sch-item .sch-header{
display:-webkit-box;
display:flex;
margin-bottom:7px;
}
.sch-container .sch-item .sch-header > div:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-container .sch-item .sch-header > div:last-child{
flex:1;
text-align:right;
-webkit-box-flex:1;
}
.sch-container .sch-item .sch-header .sch-header-hdg{
margin-right:5px;
font-weight:normal;
font-size:14px;
}
.sch-container .sch-item .sch-header .sch-header-req{
padding-top:1px;
font-size:10px;
}
.sch-container .sch-item .sch-header .sch-header-req .font-num{
font-size:11px;
font-family:Arial;
}
.sch-container .sch-item .sch-header .sch-header-note{
color:var(--cmn-font-color-gray);
font-size:12px;
margin:0;
}
.sch-container .sch-stay-item{
margin:5px 0;
padding:5px 10px;
border:1px solid #bbb;
border-radius:6px;
}
.sch-container .sch-stay-item .sch-stay-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:27px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-hdg{
margin-right:10px;
white-space:nowrap;
font-weight:normal;
font-size:11px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-length{
font-size:10px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-length .font-num{
font-size:11px;
font-family:Arial;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-req{
font-size:10px;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-req .font-num{
font-size:11px;
font-family:Arial;
}
.sch-container .sch-stay-item .sch-stay-header .sch-stay-header-blank{
font-size:10px;
}

/* .sch-list for LCC NEW
----------------------------------------------- */
.sch-list{
margin:0;
}
.sch-list::after{
display:table;
clear:both;
content:"";
}
.sch-list li{
position:relative;
}
.sch-list li:last-child:before{
display:none;
}
.sch-list li:last-child .sch-required-01 .sch-sub .ico-add{
position:relative;
top:-3px;
right:5px;
left:auto;
text-align:center;
}
.sch-list li::after{
box-sizing:border-box;
display:block;
position:absolute;
top:3px;
left:85px;
border:2px solid #898989;
border-radius:50%;
width:10px;
height:10px;
background-color:#fff;
content:"";
}
.sch-list li::before{
position:absolute;
top:10px;
left:88px;
border-right:2px solid #898989;
width:1px;
height:100%;
content:"";
}
.sch-list li .sch-required-01{
display:table;
width:100%;
table-layout:fixed;
}
.sch-list li .sch-required-01 .sch-sub{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-top:1px;
padding-right:20px;
width:100px;
vertical-align:top;
text-align:right;
font-size:10px;
}
.sch-list li .sch-required-01 .sch-sub .date-num{
font-size:11px;
font-family:Arial;
}
.sch-list li .sch-required-01 .sch-sub b{
display:inline-block;
vertical-align:middle;
font-weight:normal;
font-size:11px;
}
.sch-list li .sch-required-01 .sch-sub b:not(.sch-info){
font-size:12px;
font-family:Arial;
}
.sch-list li .sch-required-01 .sch-sub .ico-add{
display:block;
position:absolute;
top:12px;
left:26%;
text-align:center;
}
.sch-list li .sch-required-01 .sch-desc{
display:table-cell;
vertical-align:top;
word-break:break-all;
font-size:12px;
}
.sch-list li .sch-required-01 .sch-desc .sch-desc-air-code{
margin-right:3px;
vertical-align:middle;
font-size:13px;
font-family:Arial;
}
.sch-list li .sch-required-01 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
}
.sch-list li .sch-required-01 .sch-desc b{
margin-right:3px;
font-weight:normal;
}
.sch-list li .sch-required-02{
display:table;
width:100%;
table-layout:fixed;
}
.sch-list li .sch-required-02 .sch-sub{
box-sizing:border-box;
display:table-cell;
position:relative;
padding-top:15px;
padding-right:20px;
padding-bottom:15px;
width:100px;
vertical-align:middle;
text-align:right;
font-size:12px;
}
.sch-list li .sch-required-02 .sch-sub .font-num{
font-family:Arial;
}
.sch-list li .sch-required-02 .sch-desc{
display:table-cell;
position:relative;
padding:10px 0;
width:100%;
vertical-align:middle;
word-break:break-all;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .alliance-logo{
position:relative;
top:-2px;
}
.sch-list li .sch-required-02 .sch-desc .sch-desc-flt-code{
margin-left:3px;
font-size:12px;
font-family:Arial;
}
.sch-list li .sch-required-02 .sch-desc .sch-desc-undecided{
position:relative;
top:-8px;
}
.sch-list li .sch-required-02 .sch-desc .sch-desc-info{
display:block;
margin-top:-15px;
}
.sch-list li .sch-required-02 .sch-desc b{
display:inline-block;
font-weight:normal;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc b .ico-transit-01{
top:-2px;
margin-left:0;
}
.sch-list li .sch-required-02 .sch-desc b .sch-desc-transit{
margin-right:8px;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-notes{
display:block;
color:#949494;
font-weight:normal;
font-size:10px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info{
display:block;
margin-top:2px;
line-height:1.3;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info::after{
display:table;
clear:both;
content:"";
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal{
display:inline-block;
position:relative;
float:right;
margin-top:0;
margin-left:3px;
padding-right:18px;
color:var(--cmn-font-color-gray);
font-size:10px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-internal .cmn-tip-caution-btn-icon{
position:absolute;
top:-1px;
right:0;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external{
display:inline-block;
float:right;
margin-top:0;
margin-left:3px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a{
position:relative;
padding-right:13px;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:10px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sch-list li .sch-required-02 .sch-desc .carrier-info .carrier-link-external a::after{
display:inline-block;
position:absolute;
top:0;
right:0;
margin-left:3px;
width:11px;
height:12px;
background:url(/element/shared/images/icon/icon-external.svg);
background-repeat:no-repeat;
content:"";
}
.sch-list li .sch-required-02 .sch-desc .carrier-info-notes{
display:block;
margin-top:2px;
font-size:10px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class{
display:inline-block;
font-size:11px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class.carrier-seat-class-att{
color:var(--cmn-font-color-red);
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class.carrier-seat-class-att::before{
display:inline-block;
margin-right:2px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:top;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class-note{
display:block;
color:var(--cmn-font-color-gray);
font-size:12px;
margin-top:2px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class-note .ic-brt{
padding-right:4px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-class-note .cmn-tip-caution-btn{
margin-left:4px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:10px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:flex;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span:first-child::after{
display:inline-block;
margin:0 2px 0 3px;
content:":";
}
.sch-list li .sch-required-02 .sch-desc .carrier-baggage-rules > span > span::last-child{
flex:1;
-webkit-box-flex:1;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-att{
display:block;
position:relative;
margin-top:3px;
padding-left:15px;
font-size:10px;
}
.sch-list li .sch-required-02 .sch-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:2px;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-list li .sch-required-02 .sch-desc .carrier-link-external{
display:block;
margin-top:3px;
text-align:right;
}
.sch-list li .sch-required-02 .sch-desc .carrier-link-internal{
display:block;
position:absolute;
right:0;
bottom:-1px;
color:#555;
font-weight:normal;
}
.sch-list li.sch-transit::before{
border-right-style:dotted;
}
.sch-list .luggage-info{
display:block;
font-size:11px;
color:var(--cmn-font-color-base);
}
.alliance-logo {
display:inline-block;
margin-left:4px;
vertical-align:middle;
line-height:1;
}
.alliance-logo span {
box-sizing:border-box;
display:table-cell;
padding:1px;
border:1px solid #d2d2d2;
width:13px;
height:13px;
background-color:#fff;
}
.alliance-logo img {
display:table-cell;
max-width:12px;
max-height:12px;
vertical-align:middle;
}

/* .hotel-plan
----------------------------------------------- */
.hotel-plan .hotel-plan-item{
display:table;
position:relative;
width:100%;
margin-bottom:10px;
}
.hotel-plan .hotel-plan-item > div{
display:table-cell;
vertical-align:top;
}
.hotel-plan .hotel-plan-item > .logo-item{
width:45px;
}
.hotel-plan .hotel-plan-item > .hotel-info-item{
padding-right:50px;
}
.hotel-plan .hotel-plan-item > .hotel-info-item .hotel-info{
font-size:13px;
}
.modal-info-area .product-list > li.hotel-plan .btn-change{
right:-6px;
top:0px;
}
.hotel-date-plan{
display:block;
font-size:12px;
line-height:1.2;
margin-bottom:5px;
}
.hotel-date-plan .num{
font-size:12px;
}
.hotel-date-plan .stay-num .num{
font-size:14px;
}

/* .flt-item-off
----------------------------------------------- */
.flt-item-off {
margin:0 -10px 15px;
padding:0 10px 0;
background-color:#ddd;
}
.flt-item-off .hdg-l2-03{
margin:0 -10px;
padding:5px 10px;
color:#fff;
font-size:12px;
font-weight:bold;
background-color:#525252;
}
.flt-item-off .flt-item {
margin-top:0;
}
.flt-item-off .flt-item li {
position:relative;
cursor:pointer;
}
.flt-item-off .flt-item li .off-item {
position:relative;
display:block;
padding:0 15px 7px 5px;
border-top:2px solid #aaa;
}
.flt-item-off .flt-item li .off-item:after {
position:absolute;
display:block;
width:8px;
height:8px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #434343;
border-bottom:4px solid #434343;
}
.flt-item-off .flt-item li .off-item:after {
position:absolute;
top:50%;
right:7px;
border-width:2px;
}
.flt-item-off .flt-item li:first-child .off-item {
border-top:none;
}
.flt-item-off .flt-item-notice {
z-index:1;
width:100%;
height:100%;
background-color:rgba(255, 255, 255, .95);
padding:5px 8px 15px 5px;
margin:-5px -20px -10px -10px;
display:block;
width:calc(100% + 13px)
}
.modal-info-area .flt-item-off .product-list .flt-item-notice {
padding:5px 8px 15px 5px;
margin:-5px -12px -12px -12px;
display:block;
width:calc(100% + 12px);
}
.modal-info-area .flt-item-off .product-list .notice-lst{
padding-right:0;
}
.flt-item-off .flt-item-notice p {
font-size:13px;
line-height:1.3;
margin:12px 0 8px;
text-align:center;
}
.flt-item-off .flt-item-notice .notice-btn-container {
width:185px;
margin:0 auto;
}
.btn-05 {
position:relative;
padding:5px 5px;
color:var(--cmn-font-color-base);
border:1px solid #afafaf;
border-radius:3px;
background-color:#fff;
font-size:14px;
font-weight:bold;
box-shadow:inset 0 -2px rgba(225, 225, 225, .75);
text-align:center;
min-width:84px;
}
.cmn-modal .modal-btn-box li:first-child:first-child{
padding-left: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);
}
.lyt-map .box-map-error-inner > p{
margin:0;
color:#fff;
font-size:14px;
font-weight:bold;
}
.lyt-map .box-map-error-inner .error-area {
display:table;
width:100%;
word-break:break-all;
}
.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{
white-space:nowrap;
}
.lyt-map .box-map-error-inner .error-area b:after{
content:":";
padding:0 3px;
}
.lyt-map .box-map-error-inner .btn {
color:#006ccc;
margin-top:10px;
border-color:#ccc;
width:100%;
}

/*--------------------------------------------------
pay-info-box
---------------------------------------------------*/
.cmn-tip-container.pay-info-box{
padding:10px 15px 10px 15px;
font-size:12px;
font-family:var(--cmn-font-family);
width:540px;
box-sizing:border-box;
position:absolute;
background:#fff;
z-index:1;
text-align:left;
top:48px;
left:0;
min-height:95px;
}
.pay-info-box.wide{
width:100%;
padding:0;
box-sizing:border-box;
}
.pay-info-box dl dt{
float:left;
margin-bottom:0px;
font-weight:normal;
}
.pay-info-box dd{
margin-left:50px;
margin-bottom:8px;
}
.pay-info-box dd:last-child{
margin-bottom:0;
}
.pay-info-box dd span{
color:#c1c1c1;
}
.pay-info-box dd img{
margin:-5px 0 -3px 0px;
height:15px;
}
.pay-text-box{
border-top:1px dotted #b5b5b5;
margin-top:12px;
padding-top:8px;
font-size:12px;
}
.pay-text-box p{
font-size:12px;
}
.pay-text-box b{
font-size:13px;
display:block;
margin-bottom:4px;
}
.pay-text-box span{
display:inline-block;
margin-top:10px;
text-indent:0;
}
.opt-price{
position:relative;
margin-right:150px;
}
.hotel-commission-box strong{
color:var(--cmn-font-color-red);
}
.hotel-commission-box .head-info{
font-weight:bold;
font-size:12px;
}
.price-detail-box{
background:#f3f3f3;
padding:12px 10px 12px 12px;
display:block;
border-radius:4px;
margin:10px 0 0 0;
position:relative;
}
.price-detail-box li{
display:inline-block;
width:260px;
vertical-align:top;
}
.price-detail-box li:first-child{
padding-top:4px;
padding-left:33px;
}
.price-detail-box li:first-child > span{
display:inline-block;
background:#888;
border-radius:3px;
color:#fff;
font-size:11px;
font-weight:bold;
padding:2px 3px 1px;
margin-right:5px;
text-shadow:0 0 0;
position:absolute;
left:10px;
top:50%;
margin-top:-8px;
}
.wide .price-detail-box li:last-child{
width:100%;
}
.price-detail-box li:last-child{
width:100%;
box-sizing:border-box;
padding-left:33px;
font-size:13px;
vertical-align:middle;
}
.price-detail-box li:last-child > span{
display:inline-block;
margin-right:5px;
width:13%;
vertical-align:middle;
}
.price-detail-box li:last-child strong{
font-size:16px;
display:inline-block;
width:40%;
text-align:right;
vertical-align:middle;
}
.price-detail-box li:last-child strong + span{
width:40%;
font-size:11px;
margin:0 0 0 7px;
line-height:1.2;
letter-spacing:-0.5px;
}
.arrow-box {
position:relative;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
}
.arrow-box:after, .arrow-box:before {
bottom:100%;
left:30px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}
.no-tax .arrow-box:after,
.no-tax .arrow-box:before {
left:30%;
}
.resort-fee-01 .arrow-box:after,.resort-fee-01 .arrow-box:before{
left:75%;
}
.arrow-box:after {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#fff;
border-width:17px;
margin-left:-17px;
}
.arrow-box:before {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#ccc;
border-width:18px;
margin-left:-18px;
}
.agent-info-box{
border-bottom:0;
margin-bottom:25px;
width:100%;
}
.agent-info-box ul{
	margin-top:0;
}
.agent-info-box li{
display:inline-block;
width:135px;
position:relative;
min-height:155px;
vertical-align:top;
padding-top:20px;
}
.agent-info-box li:first-child > div{
border:1px solid #ccc;
border-radius:4px;
width:135px;
}
.agent-info-box li div{
min-height:155px;
padding:10px 3px;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
}
.agent-info-box li div.arrow-box{
padding-bottom:0;
}
.wide .agent-info-box li:first-child{
width:28%;
}
.wide .agent-info-box li.no-tax{
width:100%;
padding-left:35px;
box-sizing:border-box;
}
.wide .agent-info-box li:first-child > div{
width:100%;
}
.agent-info-box li:first-child:before{
content:'';
display:block;
width:17px;
height:21px;
background:url(/element_sp/w_hotel/agt_link/images/icon-payment-01.png) no-repeat;
background-size:17px 21px;
position:absolute;
top:0;
left:15px;
}
.agent-info-box li.no-tax:before{
content:'';
display:block;
width:30px;
height:45px;
background:url(/element_sp/w_hotel/agt_link/images/icon-payment-03.png) no-repeat;
background-size:30px 45px;
position:absolute;
top:0;
left:5px;
}
.wide .agent-info-box li + li{
width:70%;
box-sizing:border-box;
}
.agent-info-box li + li{
padding-left:8px;
position:relative;
}
.agent-info-box li + li:before{
content:'';
display:block;
width:12px;
height:21px;
background:url(/element_sp/w_hotel/agt_link/images/icon-payment-02.png) no-repeat right center;
position:absolute;
background-size:auto 17px;
top:27px;
left:-4px;
}
.agent-info-box .head-text{
font-size:12px;
padding-bottom:6px;
margin-bottom:10px;
border-bottom:1px solid #e2e2e2;
text-align:center;
min-height:36px;
}
.agent-info-box .head-text span{
font-size:10px;
}
.agent-info-box .price-info{
text-align:center;
font-size:13px;
}
.agent-info-box .price {
font-size:13px;
color:var(--cmn-font-color-gray);
}
.wide .agent-info-box .price-info,
.wide .agent-info-box .price-info b,
.wide .agent-info-box .price{
font-size:10px;
}
.agent-info-box .price b{
font-size:13px;
color:var(--cmn-font-color-base);
}
.agent-info-box .cap{
display:block;
font-size:10px;
color:var(--cmn-font-color-gray);
margin-top:4px;
min-height:32px;
}
.agent-info-box .price-text{
display:block;
font-size:10px;
color:var(--cmn-font-color-gray);
}
.agent-info-box .price-text b{
line-height:1.3;
display:block;
margin-top:5px;
font-size:10px;
color:var(--cmn-font-color-base);
}
.pay-info-box.wide .agent-info-box li div.arrow-box,
.pay-info-box .agent-info-box li.resort-fee-01 .arrow-box{
width:100%;
}
.pay-info-box .agent-info-box li .arrow-box div{
display:inline-block;
width:43%;
padding:10px 5px;
box-sizing:border-box;
}
.pay-info-box .agent-info-box li .arrow-box div.agent-move{
padding-top:0;
padding-bottom:0;
}
.pay-info-box .agent-info-box li .arrow-box div + div{
position:relative;
margin-left:5px;
box-sizing:border-box;
width:51%;
}
.pay-info-box .agent-info-box li .arrow-box div + div:before{
display:block;
content:'';
width:11px;
height:3px;
background:#777;
position:absolute;
left:-10px;
top:55px;
}
.pay-info-box .agent-info-box li .arrow-box div + div:after{
display:block;
content:'';
width:3px;
height:11px;
background:#777;
position:absolute;
left:-6px;
top:51px;
}
.text-agent-info{
font-size:11px;
color:var(--cmn-font-color-gray);
margin:15px 0 -10px 0;
letter-spacing:-0.5px;
}
.container{
background:#fff;
}
.agt_link p.textArea{
background:none;
padding:0;
text-align:center;
}
.agt_link p.info{
padding-top:0;
}
.coupon-code ul{
margin-top:10px;
text-align:left;
font-size:10px;
padding:0 20px;
}
.coupon-code li{
text-indent:-1em;
padding-left:1em;
line-height:1.4;
color:var(--cmn-font-color-gray);
font-weight:normal;
}
.coupon-code li span{
color:var(--cmn-font-color-red);
}

#act_page_tooltip_reference_price .hdg-l1-container .btn-hdg + .hdg-l1-box {
text-align:center;
padding:0 10px 0 65px;
}

/* .cmn-tip-container
------------------------------------------------------- */

.cmn-tip-container {
padding:0;
}
.cmn-tip-container > .cmn-tip-hdg-faq:first-child {
margin-top:-15px;
}
.cmn-tip-search-box{
margin:0;
}
.cmn-tip-container hr{
margin:20px 0;
}
.str-container .cmn-tip-container .cmn-tip-hdg-01{
padding-left:0;
}
.str-container .cmn-tip-container .cmn-tip-hdg-01::before{
display:none;
}

/* .tip-tour-info
----------------------------------------------- */
.str-container .cmn-tip-container .tip-tour-info p + p{
margin-top:24px;
}

.tip-tour-info-hdg{
display:block;
font-weight:bold;
margin-bottom:4px;
}

.tip-tour-info .incld-brt{
color:var(--cmn-font-color-gray);
font-size:12px;
}

.tip-tour-info .incld-brt li{
position:relative;
padding-left:17px;
}

.tip-tour-info .incld-brt li::before{
content:'\0203B';
position: absolute;
left:2px;
}

.tip-tour-info .incld-brt li p{
line-height:1.35;
}

/* .booking-info
----------------------------------------------- */

.cmn-tip-box .booking-info-box p{
margin:0 0 10px 0;
}
.cmn-tip-box .booking-info-box p .info-st{
color:var(--cmn-font-color-red);
}
.cmn-tip-box .booking-info-box dl{
margin-bottom:8px;
}
.cmn-tip-box .booking-info-box dl dt{
display:block;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:3px;
position:relative;
height:30px;
vertical-align:middle;
margin-bottom:6px;
margin-top:24px;
}
.cmn-tip-box .booking-info-box dl.flight-list dt:before{
content:'1';
font-size:18px;
font-weight:bold;
padding:0 8px;
line-height:1.6;
}
.cmn-tip-box .booking-info-box dl.hotel-list dt:before{
content:'2';
font-size:18px;
font-weight:bold;
padding:0 8px;
line-height:1.6;
}
.cmn-tip-box .booking-info-box dl dt span{
height:28px;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
border-left:1px solid #ccc;
padding:5px 0 0 35px;
position:relative;
}
.cmn-tip-box .booking-info-box dl.flight-list dt span:before{
content:'';
position:absolute;
background:url(/element/w_dp/shared/images/ic-dp.png) no-repeat;
display:block;
width:22px;
height:22px;
background-position:-8px -12px;
left:5px ;
top:50%;
margin-top:-11px;
}
.cmn-tip-box .booking-info-box dl.hotel-list dt span:before{
content:'';
position:absolute;
background:url(/element/w_dp/shared/images/ic-dp.png) no-repeat;
display:block;
width:24px;
height:20px;
background-position:-8px -56px;
left:5px ;
top:50%;
margin-top:-10px;
}
.cmn-tip-box p > .strong{
color:var(--cmn-font-color-red);
}
.cmn-tip-box ul.sup-list {
margin-top:10px;
}
.cmn-tip-box ul.sup-list li{
font-size:11px;
text-indent:-1em;
padding-left:1em;
display:block;
}
.booking-info-box + .booking-info-box{
border-top:1px solid #ccc;
padding-top:9px;
margin-top:24px;
}

/* .cmn-tip-container
------------------------------------------------------- */

.price-info-item{
border-bottom:1px solid #e9e9e9;
padding-bottom:10px;
margin-bottom:10px;
}
.price-info-list{
margin:5px 0 0;
padding:0 10px;
}
.price-info-list .fee-list{
background:#f5f5f5;
display:block;
margin:5px 0 0;
padding:8px;
font-size:12px;
}
.price-info-list .fee-list .fee-area-list{
margin:0;
font-size:0;
padding:0 13px;
}
.price-info-list .fee-list .fee-area-list li{
width:49.5%;
font-size:12px;
display:inline-block;
}
.price-info-list-item{
margin-bottom:20px;
}
.price-info-list-item li{
text-indent:-1em;
padding-left:1em;
}
.price-info-list-item li:before{
content:'\030FB';
}
.notice{
color:var(--cmn-font-color-red);
}

/* .payment-info
----------------------------------------------- */
.payment-info {
position:relative;
padding:6px 0 0;
}
.box-plan-list .payment-info {
padding:0;
}
.payment-info .list-payment {
font-size:9px;
display:table;
width:100%;
margin:0;
table-layout:fixed;
border-collapse:collapse;
color:var(--cmn-font-color-base);
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.payment-info .list-payment > li {
line-height:1.2;
display:table-cell;
text-align:center;
vertical-align:top;
}
.payment-info .list-payment > li:last-child{
border:none;
}
.payment-info .list-payment > li:nth-child(1) {
width:29%;
}
.payment-info .list-payment > li:nth-child(2) {
width:29%;
height:52px;
}
.payment-info .list-payment > li:nth-child(2) > span{
margin-top:9px;
}
.payment-info .list-payment > li:nth-child(3) {
width:42%;
height:52px;
position:relative;
}
.payment-info .list-payment > li:nth-child(3) > ul{
height:25px;
vertical-align:middle;
position:absolute;
bottom:4px;
width:100%;
}
.payment-info .list-payment > li:nth-child(3) > ul li:only-child{
margin-top:5px;
}
/*
.payment-info .list-payment > li:nth-child(4) {
width:40%;
}
*/
.payment-info .list-payment > li > b {
font-size:10px;
font-weight:normal;
display:block;
padding:4px 0 ;
color:var(--cmn-font-color-base);
background-color:#f5f5f5;
border-right:1px solid #ddd;
}
.payment-info .list-payment > li:nth-child(1) >b{
border-left:1px solid #f5f5f5;
margin-left:-1px;
z-index:1;
position:relative;
}
.payment-info .list-payment > li:nth-child(3) >b{
border-right:1px solid #f5f5f5;
margin-right:-1px;
z-index:1;
position:relative;
}
.payment-info .list-payment > li > span {
display:block;
margin:4px 0;
}
.payment-info .list-payment .list-paytype {
display:block;
margin:3px 0 0;
letter-spacing:-.4em;
}
.payment-info .list-payment .list-paytype > li {
margin:0 2px 2px;
letter-spacing:normal;
display:inline-block;
font-size:9px;
line-height:1.1;
}
.payment-info .list-payment .list-paytype > li.disabled {
color:#ccc;
}
.payment-info .list-payment .list-paytype > li:first-child {
margin-left:0;
white-space:nowrap;
display:block;
}
.payment-info .list-payment .list-paytype > li.payment-card{
display:block;
padding-bottom:2px;
}
.payment-info .list-payment .list-paytype > li:last-child {
margin-right:0;
}
.payment-info .list-payment .list-paytype > li:first-child .list-credit{
margin-top:3px;
}
.payment-info .list-payment .list-paytype > li:first-child .cmn-tip-caution-btn{
vertical-align:middle;
margin-top:-2px;
}
.payment-info .list-payment .list-credit {
font-size:0;
line-height:1.0;
display:inline-block;
margin:0;
vertical-align:middle;
}
.payment-info .list-payment .list-credit > li {
display:inline-block;
margin:0 1px;
}
.payment-info .list-payment .list-credit > li img {
max-height:10px;
}
.payment-info .notice-list {
margin:7px 0 0;
color:#949494;
}
.payment-info .notice-list > li {
margin-top:0;
font-size:10px;
}
.tbl-info .list-paytype{
letter-spacing:-.4em;
}
.tbl-info .list-paytype > li,
.tbl-info .list-credit >li{
display:inline-block;
letter-spacing:normal;
}
.tbl-info .list-paytype > li:after{
content:"\3001";
display:inline-block;
}
.tbl-info .list-paytype > li:last-child:after{
display:none;
}
.payment-info .list-payment .list-paytype > li:first-child .card-block{
display:inline-block;
vertical-align:bottom;
}
.payment-info .list-payment .list-paytype > li.bank-transfer + .convenience-store:before {
content:'\0FF0F';
}

/* ----------------------------------------------------------------
  payment-info
----------------------------------------------------------------- */
/* .payment-info
----------------------------------------------- */
.payment-info{
margin:10px 0;
font-size:10px;
clear: both;
}

/* .payment-toggle-hook
----------------------------------------------- */
.payment-toggle-hook{
text-align: right;
clear: both;
display: block;
margin: 0 0 -7px;
}
.payment-toggle-hook > button{
padding: 5px 5px 5px 16px;
border: none;
background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size: 12px;
font-size: 11px;
display: inline-block;
margin: -14px -5px 0 0;
position: relative;
}
.payment-toggle-hook.is-active > button{
background: url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size: 12px;
}
.payment-toggle-hook > .payment-toggle-item{
display: none;
text-align: left;
}
.payment-toggle-hook.is-active > .payment-toggle-item{
display: block;
}

/* .payment-info-list
----------------------------------------------- */
.payment-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-result-item .payment-info-list,
.detail-plan-item .detail-plan-item-inner .payment-info-list{
margin:0 0 3px;
}
.payment-info-list > li{
margin-right:12px;
}
.payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
white-space: nowrap;
}
.payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg);
position: relative;
}
.payment-info-list button[aria-selected="true"]::after{
content:'';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 6px 9px;
border-color: transparent transparent #f5f5f5 transparent;
bottom: -3px;
left: 50%;
margin-left: -9px;
}
.payment-info-list button > span{
color:var(--cmn-font-color-red);
}
.payment-info-list .no-icon button,
.payment-info-list .no-icon button[aria-selected="true"]{
background: none;
}

/* .payment-info-content
----------------------------------------------- */
.payment-info-content{
padding:10px;
border-radius:4px;
display:none;
background-color:#F5f5f5;
font-size:12px;
}
.cmn-modal .modal-info-area .payment-info-content{
padding: 10px 5px;
}
.payment-info-content.is-active{
display:block;
}
.payment-info-content > *:first-child{
margin-top:0;
}
.payment-info-content > *:last-child{
margin-bottom:0;
}
.payment-info-content > .payment-info-content-list + .payment-info-content-list{
margin-top:-6px;
}
.payment-info-content a{
color: #666;
text-decoration: underline;
}

/* .pseudo-content-lyt-footer > .payment-info-content
------------------------ */
.pseudo-content-lyt-footer .payment-info-content{
margin-bottom:15px;
border-radius:0;
background-color:#f5f5f5;
}
.pseudo-content-lyt-footer .search-result-item-btn-container{
color: #fff;
margin: 0;
}
.pseudo-content-lyt-footer .reservation-sticky-btn{
padding: 2px 5px 3px;
color: #fff;
line-height: 1.55;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 2px 0px rgba(4, 0, 0, .1);
border: none;
box-shadow: 0 -3px 0 #608c03 inset;
background: #78ae0e;
border-radius: 4px;
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
min-height: 40px;
width: 85%;
margin: auto;
}
@media screen and (max-width: 320px){
.pseudo-content-lyt-footer .reservation-sticky-btn {
width: 90%;
}
}

/* .payment-info-content-more
----------------------------------------------- */
.payment-info-content-more{
text-align:right;
}
.payment-info-content-more a{
color:var(--cmn-font-color-gray);
text-decoration:underline;
}

/* .payment-info-content-list
----------------------------------------------- */
.payment-info-content-list > li{
display:-webkit-box;
display:flex;
}
.payment-info-content-list > li:not(:first-child){
margin-top:3px;
}
.payment-info-content-list > li > div:first-child{
margin-right:5px;
min-width:5.5em;
position:relative;
}
.payment-info-content-list > li > div:first-child::after{
content:':';
display:block;
position:absolute;
top:0;
right:0;
}
.payment-info-content-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.nav-search-item .payment-info-note{
margin-left:70px;
}

/* .payment-info-content-list-symbol
----------------------------------------------- */
.payment-info-content-list-symbol > li{
display:-webkit-box;
display:flex;
}
.payment-info-content-list-symbol > li:not(:first-child){
margin-top:10px;
}
.payment-info-content-list-symbol > li > span{
margin-right:5px;
}
.payment-info-content-list-symbol > li > div{
-webkit-box-flex:1;
flex:1;
}
.payment-info-content-list-symbol strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl{
display: table;
margin-top: 3px;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl-cell{
display: table-cell;
width: 13em;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl-cell:last-child{
width: auto;
}

/* .payment-info-note
----------------------------------------------- */
.payment-info-note{
font-size:12px;
margin:3px 0;
color:var(--color-gray);
}
.payment-info-note > span{
text-indent: 0;
}
.pseudo-content-lyt-footer .payment-info-note{
margin: 3px 0 0;
}
.payment-info-note .incld-brt li{
position:relative;
padding-left:17px;
}
.payment-info-note .incld-brt li::before{
content:'\0203B';
position: absolute;
left:2px;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info{
margin:0 -10px;
padding:10px 10px 0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
background-color:rgba(0, 0, 0, .7);
border-radius:10px 10px 0 0;
}

/* .payment-info-list
----------------------------------------------- */
.payment-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom: 3px;
}

.payment-info-list > li:not(:last-child){
margin-right:12px;
}

.payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

.payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg);
}

.payment-info-list button > span{
color:var(--cmn-font-color-red);
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info-list button{
color:#fff;
background: url(/element/shared/images/icon/icon-chevron-up-wht.svg) 0 45% no-repeat;
background-size: 12px;
font-size:12px;
padding-left: 16px;
}

.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]{
background: url(/element/shared/images/icon/icon-chevron-down-wht.svg) 0 45% no-repeat;
background-size: 12px;
position: relative;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]::after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 9px 0 9px;
border-color: #f5f5f5 transparent transparent transparent;
position: absolute;
top: -15px;
left: 50%;
margin-left: -9px;
}

.pseudo-content-lyt-footer .payment-info-list button > span{
color:#fff;
}

/* .top-link-content
----------------------------------------------- */
.top-link-content{
margin:8px 0 12px;
padding:8px 6px;
color:#fff;
background-color:rgb(0 56 122 / 60%);
text-shadow:0 1px 1px rgba(0, 0, 0, .3);
border-radius:4px;
border:1px solid #fff;
border-color:rgb(255 2550 255 / 65%);
}

.top-link-txt{
font-size:14px;
margin:0 -4px 0 0;
text-align:center;
line-height:1.25;
}

.top-link-txt > span{
display:inline-block;
}

.top-link-list{
display:flex;
width:100%;
justify-content:center;
align-items:center;
margin:8px 0 0;
}

.top-link-list > li{
flex:1;
text-align:center;
padding:0 2px;
line-height:1.25;
}

.top-link-list > li:not(:first-child){
border-left:1px solid #E5E5E5;
}

.top-link-list > li button{
background:none;
border:0;
width:100%;
font-size:12px;
min-height:32px;
}

.top-link-list > li button > .txt-ilb{
display:inline-block;
}

/* .search-index
----------------------------------------------- */
.search-index-inner{
padding:12px 12px 56px;
border-radius:6px;
background-color:rgba(255, 255, 255, .95);
position:relative;
box-sizing:border-box;
}
.list .search-index-inner,
.detail .search-index-inner{
min-height:inherit;
}
.search-index-inner > :first-child{
margin-top:0;
}
.search-index-inner > :last-child{
margin-bottom:0;
}
.cmn-info + main > .search-index,
.cmn-info + img + main > .search-index{
padding-top:0;
}

/* .search-index-error
----------------------------------------------- */
.search-index-inner .search-index-error{
margin:8px 0 0;
color:var(--color-red);
line-height:1.35;
font-size:12px;
}

.search-index-inner > .term-change .term-form-list .search-index-error li{
color:var(--color-red);
font-size:12px;
}

.term-change .term-form-list li .search-index-error{
margin-left:105px;
}

.form-search-index-btn-act .search-index-error{
margin: 5px auto 8px;
width: 285px;
}

.search-index-inner .search-index-error:empty{
margin:0;
}

.search-index-inner .search-index-error > li{
margin-bottom:4px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
color:var(--color-red);
font-size:14px;
}

.search-index-btn-act .search-index-error{
margin:0 auto 8px;
width:287px;
max-width:100%;
font-size:14px;
}

.search-index-inner > .search-index-error:first-child{
margin-top:0;
}

.search-index-inner .is-error{
border-color:rgba(var(--color-red-rgb),.35);
box-shadow:0 0 0 1px rgba(var(--color-red-rgb),.35) inset;
background-color:rgba(var(--color-red-rgb),.1);
}

.search-index-inner .form-search-index-btn-act > li.search button.is-disabled,
.form-search-index-btn-act li button.is-disabled{
opacity:.33;
}

.select-custom.is-error select{
color:#9e9e9e;
}

/* .search-index > .search-index-hdg-container
----------------------------------------------- */
.search-index-hdg-container{
margin-bottom:8px;
display:table;
width:100%;
position:relative;
}
.search-index-hdg-inner{
display:table-cell;
vertical-align:middle;
white-space:nowrap;
}
.search-index-hdg{
vertical-align:middle;
display:table-cell;
color:#fff;
width:100%;
box-sizing:border-box;
font-size:15px;
font-weight:bold;
text-shadow:0 1px 2px rgba(0, 0, 0, .8);
}
.search-index-hdg > span{
display:block;
font-size:11px;
line-height:1;
}
.search-index-hdg-btn{
padding-left:12px;
color:#fff !important;
display:inline-block;
font-size:12px;
position:relative;
vertical-align:middle;
}
.search-index-hdg-btn:before{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
content:'';
display:block;
position:absolute;
top:2px;
left:0;
width:7px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-index-hdg-btn-01{
margin-left:3px;
padding:0;
border:1px solid #fff;
border-radius:3px;
color:#fff;
width:40px;
height:25px;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
}


/* .search-index > .search-index-hdg-01
----------------------------------------------- */
.search-index-hdg-01{
margin:10px 0 5px;
padding-bottom:2px;
position:relative;
font-size:16px;
}
.form-search-pseudo .search-index-hdg-01{
border-bottom:1px solid #e5e5e5;
}
.search-index-hdg-01.hotel{
margin-top:10px;
padding-top:10px;
border-top:1px solid #ccc;
}
.search-index-hdg-01.air,
.search-index-hdg-01.hotel{
padding-left:30px;
line-height:1.5;
}
.form-search-pseudo .search-index-hdg-01.air{
padding-right:190px;
font-size:16px;
padding-bottom:7px;
margin-top:8px;
}
.form-search-pseudo .search-index-hdg-01{
margin-bottom:0;
padding-left:40px;
}
main .form-search-pseudo .city-link-area a{
margin-right:10px;
}
main .form-search-pseudo .city-link-area{
margin-top:-28px;
margin-bottom:5px;
}
.form-search-pseudo .search-index-hdg-01.air:before,
.form-search-pseudo .search-index-hdg-01.hotel:before{
left:13px;
}
.search-index-hdg-01.air:before,
.search-index-hdg-01.hotel:before{
content:'';
position:absolute;
top:2px;
left:3px;
display:block;
overflow:hidden;
background-size:auto 100%;
opacity:.78;
}
.search-index-hdg-01.air{
padding-right:110px;
}
.search-index-hdg-01.hotel:before{
width:23px;
height:18px;
background:url(/element/shared/images/icon/icon-hotel-gray.svg) 0 0 no-repeat;
top:12px;
}
.search-index-hdg-01.air:before{
left:0;
background:url(/element_sp/w_dp/shared/images/icon-plane-gray.svg) 0 0 no-repeat;
background-size:100% auto;
width:19px;
height:19px;
opacity:.78;
top:2px;
}
.city-link-area {
text-align:right;
margin-top:-31px;
margin-bottom:10px;
}
main .city-link-area a{
font-size:12px;
color:var(--cmn-font-color-base);
text-decoration:none;
position:relative;
}
.search-index-inner > .term-change .term-form-list li.form-info-link-list{
margin:8px 0 7px;
}
.form-info-link-list .link-01{
font-size:11px;
margin:-5px 0 0 0;
color:#555;
}
.link-01:before {
content:"";
position:relative;
bottom:1px;
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;
}


/* .search-index > .search-index-btn
----------------------------------------------- */
.search-index-btn{
margin-top:10px;
border:none;
border-radius:6px;
color:#fff;
display:block;
width:100%;
height:46px;
background-color:#444;
box-shadow:0 -4px 0 #333 inset;
font-size:20px;
font-weight:bold;
}

/* .search-item-block
----------------------------------------------- */
.search-item-block{
margin:0 -10px;
font-size:13px;
position:relative;
padding:10px 20px;
border-top:6px solid #666;
}
.search-item-block:first-child{
border-top:0;
}
.search-item-block .search-item-hdg-container{
line-height:1.3;
margin:0 -10px 10px;
border-bottom:1px solid #bababa;
}
.search-item-block .search-item-hdg-container a{
display:block;
padding:0 0 10px 105px;
color:var(--cmn-font-color-base);
}
.search-item-block .search-item-hdg{
font-size:18px;
font-weight:bold;
position:relative;
padding-right:25px;
color:#111;
}
.search-item-block .search-item-hdg:before{
position:absolute;
display:block;
width:6px;
height:6px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #888;
border-bottom:3px solid #888;
}
.search-item-block .search-item-hdg:before{
top:50%;
right:10px;
margin-top:-4px;
}
.search-item-block .search-item-hdg-01{
padding:10px;
line-height:1.3;
display:table;
width:100%;
box-sizing:border-box;
background-color:#eee;
}
.search-item-block .search-item-hdg-01 > .hdg,
.search-item-block .search-item-hdg-01 > .hdg-sup{
display:table-cell;
vertical-align:top;
}
.search-item-block .search-item-hdg-01 .hdg{
font-size:10px;
}
.search-item-block .search-item-hdg-01 .hdg b{
font-size:15px;
display:block;
}
.search-item-block .search-item-hdg-01 .hdg-sup{
text-align:right;
}
.search-item-block .search-item-hdg-01 .hdg-sup span{
display:block;
}
.search-item-block .search-item-hdg-01 .hdg-sup p{
font-size:10px;
margin:0;
color:var(--cmn-font-color-gray);
}
.search-item-block .search-item-hdg-01 .hdg-sup .price{
font-size:12px;
color:var(--cmn-font-color-red);
}
.search-item-block .search-item-hdg-01 .hdg-sup .price b{
font-size:16px;
}
.search-item-block .search-item-hdg-02-container{
position:relative;
min-height:20px;
margin:10px -8px 6px;
padding:8px 10px 0 58px;
border-top:1px solid #dbdbdb;
}
.search-item-block .search-item-hdg-02-container .hdg-icon{
line-height:1;
position:absolute;
top:1px;
left:8px;
box-sizing:border-box;
width:42px;
height:18px;
text-align:center;
border:1px solid #dadada;
}
.search-item-block .search-item-hdg-02-container .hdg-icon img{
position:absolute;
top:50%;
left:50%;
max-width:38px;
max-height:14px;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.search-item-block .search-item-hdg-02-container a{
position:relative;
position:relative;
display:block;
padding-right:20px;
color:var(--cmn-font-color-base);
}
.search-item-block .search-item-hdg-02-container a:before{
position:absolute;
top:2px;
right:0;
display:block;
overflow:hidden;
width:14px;
height:14px;
content:'';
}
.search-item-block .search-item-hdg-02-container a:before{
border-radius:7px;
background-color:#474747;
background-image:-webkit-linear-gradient(#626262, #474747);
background-image:linear-gradient(#626262, #474747);
}
.search-item-block .search-item-hdg-02-container a:after{
position:absolute;
display:block;
width:4px;
height:4px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}
.search-item-block .search-item-hdg-02-container a:after{
top:6px;
right:5px;
}
.search-item-block .search-item-hdg-02-container a .hdg-icon{
left:-50px;
}
.search-item-block .search-item-hdg-02-container .search-item-hdg-02,
.search-item-block .search-item-hdg-02-container .hdg-sup{
display:table-cell;
width:100%;
vertical-align:top;
}
.search-item-block .search-item-hdg-02-container .search-item-hdg-02 .price,
.search-item-block .search-item-hdg-02-container .hdg-sup .price{
font-size:10px;
font-weight:bold;
margin:0;
white-space:nowrap;
}
.search-item-block .search-item-hdg-02-container .search-item-hdg-02 .price b,
.search-item-block .search-item-hdg-02-container .hdg-sup .price b{
font-size:13px;
}
.search-item-block .search-item-hdg-02-container .search-item-hdg-02{
font-size:14px;
}
.search-item-block .search-item-thumb{
position:absolute;
top:10px;
left:10px;
width:85px;
min-height:130px;
}
.search-item-block .search-item-thumb .search-item-caption{
font-size:10px;
display:block;
color:#808080;
}
.search-item-block .search-item-thumb img{
max-height:75px;
}
.search-item-block .search-item-rank-list{
font-size:12px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:10px 0 0;
text-align:center;
border:1px solid #e3e3e3;
background-color:#fff;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-item-block .search-item-rank-list li{
padding:2px;
-webkit-box-flex:3;
-webkit-flex:3;
-ms-flex:3;
flex:3;
}
.search-item-block .search-item-rank-list li b{
display:block;
margin-bottom:3px;
}
.search-item-block .search-item-rank-list li:first-child{
border-right:1px solid #e3e3e3;
-webkit-box-flex:4;
-webkit-flex:4;
-ms-flex:4;
flex:4;
}
.search-item-block .search-item-rank-list .rank-txt{
font-size:10px;
display:block;
margin-top:2px;
}
.search-item-num + .search-item-block{
border-top:none;
}

/* .search-item-detail
----------------------------------------------- */
.search-item-detail{
margin-top:10px;
z-index:1;
overflow:hidden;
border-radius:4px;
}
.search-item-detail > :first-child{
margin-top:0;
}
.search-item-detail .search-item-box{
font-size:12px;
margin:0 0 10px;
padding:8px 20px;
}
.search-item-detail .search-item-box > :first-child{
margin-top:0;
padding-top:0;
border-top:0;
}
.search-item-detail .search-item-box p{
margin:5px 0;
}
.search-item-detail .search-item-box > :last-child{
margin-bottom:0;
}
.search-item-detail > :last-child{
margin-bottom:0;
}
.search-item-hdg-container + .search-item-detail{
margin-top:0;
}

/* .search-item-num
----------------------------------------------- */
.search-item-num{
margin:10px -10px 0;
padding:5px 10px;
color:#fff;
background-color:#666;
}

/* .flight-box
----------------------------------------------- */
.flight-box{
border:1px solid #bfbfbf;
border-radius:4px;
background-color:#fff;
box-shadow:0 -1px 0 #e1e0e0 inset;
}
.flight-box a{
position:relative;
display:block;
min-height:40px;
padding:5px 30px 5px 110px;
color:var(--cmn-font-color-base);
}
.flight-box a:before{
position:absolute;
display:block;
width:8px;
height:8px;
content:'';
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #888;
border-bottom:4px solid #888;
}
.flight-box a:before{
top:50%;
right:10px;
margin-top:-6px;
}
.flight-box .list-flight{
margin:0;
}
.flight-box .list-flight li{
padding-left:0;
}
.flight-box .list-flight li .flight-inner > span:first-child{
width:70%;
}
.flight-box p{
font-size:12px;
margin:0;
}
.flight-box-hdg{
font-size:16px;
line-height:1.25;
position:absolute;
top:5px;
left:5px;
text-align:center;
color:var(--cmn-font-color-base);
}
.flight-box-hdg img{
display:block;
max-width:80px;
max-height:30px;
margin:0 auto;
}


/* .direct-flight-info
----------------------------------------------- */
.direct-flight-info{
background:#fff;
color:var(--cmn-font-color-base);
font-size:13px;
position:relative;
padding:14px 15px;
line-height:1.6;
margin:0 0 10px;
border:2px solid #ea7373;
}
.direct-flight-info a{
display: block;
width: 10px;
height: 0;
padding-top: 10px;
line-height: 2;
overflow: hidden;
position: absolute;
top: 10px;
right: 10px;
background: url(/element/w_dp/shared/images/icon-x.svg) 50% 50% no-repeat;
background-size: 10px 10px;
border: 0;
}
.direct-flight-box{
margin:0 -10px -20px -10px;
padding:12px 10px;
}
.direct-flight-info p{
margin: 0;
line-height: 1.41;
position: relative;
padding-left: 15px;
font-size: 14px;
}
.direct-flight-info p b {
font-weight: normal;
color: var(--color-red);
}
.direct-flight-info p:before {
content: '';
background: url(/element/shared/images/icon/icon-caution-triangle-red.svg) no-repeat;
background-size: 14px 12px;
width: 14px;
height: 12px;
display: block;
position: absolute;
top: 2px;
left: 0;
}

/* .search-result-error
------------------------------------ */
.search-result-error{
background:#fff;
margin:-20px -10px 10px;
padding:10px 10px 0;
border-bottom:6px solid #444;
}
.search-result-info{
margin:12px 0;
padding:8px;
border:1px solid #e93939;
position:relative;
font-size:12px;
.search-result-info-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
background:url(/element_sp/w_dp/shared/images/icon-close.svg) calc(100% - 8px) 8px no-repeat;
background-size:12px;
}
}
.search-result-info .search-result-info-wording{
margin:0;
padding:0 18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 3px no-repeat;
background-size:14px auto;
span{
color:var(--color-red);
}
}

/* .search-item-error
------------------------------------------------------ */
.search-item-error{
min-height:400px;
text-align: center;
font-size:14px;
padding:32px 0 0;
}

.search-item-error button{
display:inline-block;
margin:16px auto 0;
background-color:#fff;
border:1px solid #ccc;
border-radius:5px;
height:34px;
padding:0 12px;
box-sizing: border-box;
}

/* LP
------------------------------------------------------ */

.list-city-popular .name-city{
font-size:14px;
font-weight:bold;
}
.list-city-popular .name-city img{
vertical-align:middle;
width:24px;
border:1px solid #e5e5e5;
margin-right:5px;
}
.city-list:before,
.city-list:after{
content:"";
display:table;
}
.city-list:after{
clear:both;
}
.city-list li{
float:left;
width:25%;
text-align:center;
box-sizing:border-box;
padding-right:4px;
}
.city-list li:last-child{
padding-right:0;
}
.city-list li a{
padding:6px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
color:var(--cmn-font-color-base);
}
.city-list{
margin-bottom:18px;
}

/* .seo-card-container
----------------------------------------------- */
.seo-card-container{
position:relative;
background-color:#424A57;
margin:0 -10px -18px;
padding:12px 10px 18px;
}

/* .seo-card
----------------------------------------------- */
.seo-card-container .seo-card{
margin-top:12px;
padding:12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}
.seo-card-container > .seo-card:first-child{
margin-top:0;
}
.seo-card-container .seo-card > :first-child{
margin-top:0;
}
.seo-card-container .seo-card > :last-child{
margin-bottom:-12px;
}
.seo-card-container .seo-card.branch > :last-child{
margin-bottom:0;
}
.seo-card-container .seo-card-hdg {
margin-bottom: 8px;
line-height: 1.25;
font-size: 18px;
font-weight: normal;
}

/* .news-item-list
----------------------------------------------- */
.news-item-list ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
font-size:14px;
}
.news-item-list ul a{
color:var(--cmn-font-color-base);
}
.news-item-list ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
line-height:1;
}
.news-item-list ul a > span [class^=tag]{
padding:0 2px;
color:#fff;
box-sizing:border-box;
min-width:76px;
line-height:17px;
text-align:center;
font-size:10px;
}
.news-item-list ul a > span .tag-publish,
.news-item-list ul a > span .tag-w{
background-color:#48c2e6;
}
.news-item-list ul a > span .tag-press,
.news-item-list ul a > span .tag-j{
background-color:#8db955;
}
.news-item-list ul a > span .tag-other{
background-color:#bca446;
}

/* .seo-cheapest-more
----------------------------------------------- */
.seo-card-container .seo-card > .seo-cheapest-more{
margin-bottom:0;
text-align:right;
font-size:14px;
}

/* ----------------------------------------------------------------
  .seo-card-attention
----------------------------------------------------------------- */
/* .seo-card-attention
----------------------------------------------- */
.seo-card-attention{
font-size:14px;
}

.seo-card-attention ul{
margin:12px 0;
}

.seo-card-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

.seo-card-attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* seo-card
------------------------------------------------ */
.seo-card .txt-ilb{
display:inline-block;
}

/* seo-card .notice-list
------------------------------------------------ */
.seo-card .notice-list{
margin-top:0;
}

.seo-card .notice-list > li {
font-size:12px;
position: relative;
margin-top:4px;
padding-left:16px;
color:var(--cmn-font-color-gray);
}

.seo-card .notice-list > li:first-child {
margin-top: 0;
}

.seo-card .notice-list:last-child{
margin-bottom:-4px;
}

.seo-card .notice-list li::before{
content:'\0203B';
position:absolute;
left:0;
}

/* seo-card .cmn-loading-spinner
------------------------------------------------ */
.seo-card .cmn-loading-spinner,
.seo-card-container .seo-card > .cmn-loading-spinner:last-child{
margin:32px auto;
} 

/* .seo-card-error-item
------------------------------------------------ */
.seo-card-error-item,
.seo-card-container .seo-card > .seo-card-error-item:last-child{
text-align:center;
padding:22px 10px 32px;
font-size:14px;
line-height:1.5;
}

/* seo-card .seo-card-ranking
------------------------------------------------ */
.seo-card-ranking{
overflow:hidden;
}

.seo-card-ranking-sort{
display:flex;
gap:12px;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px solid #ddd;
}

.seo-card-ranking-sort-txt{
width:200px;
}

.seo-card-ranking-sort-list{
width:calc(100% - 200px);
}

.seo-card-ranking-sort-list .select-custom{
border:1px solid #ccc;
height:36px;
border-radius:18px;
margin-left:0;
}

.seo-card-ranking-sort-list select{
width:100%;
font-size:14px;
border:0;
height:36px;
border-radius:18px;
box-sizing:border-box;
}

/* .seo-card-ranking-ranking-item
------------------------------------------------ */
.seo-card-ranking-ranking-item:not(:last-child){
margin-bottom:12px;
}

.seo-card-ranking-ranking-hdg{
font-size:16px;
margin-bottom:8px;
position:relative;
padding-left:30px;
}

.seo-card-ranking-ranking-hdg span:not([class^="icon-rank"]) > span{
margin-left:12px;
color:var(--cmn-font-color-base);
display:inline-block;
font-size:14px;
}

.seo-card-ranking-ranking-hdg [class^="icon-rank"]{
color:var(--cmn-font-color-base);
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
width: 20px;
height: 24px;
position: absolute;
top: 0;
left:0;
padding-top:4px;
line-height: 1;
background: url(/element_sp/w_dp/shared/images/icon-ranking.svg) 0 0 no-repeat;
background-size: 20px 24px;
box-sizing: border-box;
font-size:14px;
}

.seo-card-ranking-ranking-hdg [class^="icon-rank"] > span{
overflow:hidden;
position:absolute;
height:0;
}

.seo-card-ranking-ranking-hdg-02{
font-size:12px;
margin-bottom:8px;
}

.seo-card-ranking-ranking-item .seo-card-more{
display:flex;
justify-content:end;
}

.seo-card-ranking-ranking-item .seo-card-more a{
margin:0;
}

/* .seo-card-ranking-ranking-list
------------------------------------------------ */
.seo-card-ranking-ranking-list{
width:auto;
white-space:nowrap;
display:flex;
-webkit-box-align: stretch;
align-items: stretch;
gap:8px;
}

.seo-card-ranking-ranking-list > li {
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
width: calc(100vw - 88px);
min-width: calc(100vw - 88px);
overflow: hidden;
background-color: #fff;
border-radius:6px;
}

.seo-card-ranking-ranking-img{
height:110px;
overflow: hidden;
position: relative;
box-sizing: border-box;
}

.seo-card-ranking-ranking-img::before {
content: '';
display: block;
width: 100%;
height: 3em;
overflow: hidden;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(transparent 5%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%);
z-index: 1;
}

.seo-card-ranking-ranking-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
bottom: 50%;
left: 0;
transform: translateY(50%);
width: 100%;
}

.seo-card-ranking-ranking-img-hdg{
position:absolute;
top:0;
left:0;
background-color:rgb(0 0 0 / 45%);
color:#fff;
padding:2px 6px 3px;
border-radius:6px 0;
filter:drop-shadow(0px 1px 3px rgba(0,0,0,0.6));
z-index:2;
}

.seo-card-ranking-ranking-img-sup{
display: block;
box-sizing: border-box;
position: absolute;
bottom: 5px;
left: 5px;
line-height: 1;
z-index: 1;
font-size: 10px;
}

main .seo-card-ranking-ranking-img-sup a,
main .seo-card-ranking-ranking-img-sup span{
color: rgba(255, 255, 255, .7);
}

.seo-card-ranking-ranking-img .img-nophoto{
position:static;
border-bottom:1px solid #dadce0;
height:109px;
display:block;
}

.seo-card-ranking-ranking-img:has(.img-nophoto)::before{
display:none;
}

.seo-card-ranking-ranking-img .img-nophoto img{
margin:auto;
top:0;
bottom:0;
right:0;
width:auto;
height:100px;
transform:none;
backface-visibility:hidden;
}

/* .seo-card-ranking-ranking-dtl
------------------------------------------------ */
.seo-card-ranking-ranking-dtl{
padding:8px 8px 12px;
}

.seo-card-ranking-ranking-dtl-date{
font-size:12px;
display:block;
margin-bottom:4px;
}

.seo-card-ranking-ranking-dtl-list{
margin:0 0 8px;
font-size:12px;
}

.seo-card-ranking-ranking-dtl-list > li{
display:flex;
}

.seo-card-ranking-ranking-dtl-list > li > span{
white-space:normal;
width:100%;
}

.seo-card-ranking-ranking-dtl-list > li:not(:last-child) > span:last-child{
width:calc(100% - 34px);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.seo-card-ranking-ranking-dtl-list > li:last-child > span:last-child{
width:calc(100% - 34px);
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: nowrap;
display: block;
}

.seo-card-ranking-ranking-dtl-list > li > span .hotel-name{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.seo-card-ranking-ranking-dtl-list > li > span:first-child{
width:3em;
white-space:nowrap;
}

.seo-card-ranking-ranking-dtl-price{
text-align:right;
font-size:12px;
margin-bottom:10px;
}

.seo-card-ranking-ranking-dtl-price b{
font-size:18px;
font-family:Arial;
padding:0 2px 0 8px;
}

.seo-card-ranking-ranking-dtl-btn{
width:100%;
border: 1px solid #ccc;
border-radius: 4px;
text-decoration: none;
color: var(--cmn-font-color-base);
font-size: 12px;
background:#fff;
padding:4px 8px 3px;
line-height:1.2;
}

.txt-blk{
display:block;
}

/* .seo-cheapest
----------------------------------------------- */
.seo-cheapest{
font-size:14px;
}

.seo-card-container .seo-card > .seo-cheapest:last-child{
padding-bottom:12px;
}

.seo-card-container .seo-card:has(.seo-cheapest) .seo-card-hdg > span:not([class]){
font-size:14px;
}

.seo-card-container .seo-card:has(.seo-cheapest) .seo-card-hdg > span:last-child{
font-size:14px;
display:inline-block;
padding-top:3px;
white-space:nowrap;
padding-left:4px;
}

/* .seo-cheapest-filter
----------------------------------------------- */
.seo-cheapest-filter{
}

/* .seo-cheapest-filter-pulldown
----------------------------------------------- */
.seo-cheapest-filter-pulldown{
position:relative;
z-index:2;
-webkit-box-flex:1;
flex:1;
}

.seo-cheapest-filter-pulldown > button{
margin:0 0 0 auto;
padding:8px 20px 8px 12px;
border:1px solid #bbb;
border-radius:4px;
position:relative;
display:block;
width:100%;
height:44px;
background-color:#fff;
font-size:16px;
text-align:left;
}

.seo-cheapest-filter-pulldown > button::after{
margin-top:-2px;
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
right:8px;
display: block;
border-width: 6px 6px 0 6px;
border-color:#666 transparent transparent transparent;
border-style: solid;
}

.seo-cheapest-filter-pulldown[aria-expanded=true] > button::after{
transform:rotate(180deg);
}

/* .seo-cheapest-filter-pulldown-content
----------------------------------------------- */
.seo-cheapest-filter-pulldown-content{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
width:100%;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.seo-cheapest-filter-pulldown-content::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
right:50%;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.seo-cheapest-filter-pulldown-content::after{
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
right:calc(50% - 15px);
background-color:#fff;
}

.seo-cheapest-filter-pulldown[aria-expanded=true] .seo-cheapest-filter-pulldown-content{
display:block;
}

/* .seo-cheapest-filter-pulldown-content > ul
--------------------------------- */
.seo-cheapest-filter-pulldown-content > ul{
margin:0;
}

.seo-cheapest-filter-pulldown-content > ul > li{
padding:10px 0 10px 23px;
display:block;
}

.seo-cheapest-filter-pulldown-content >ul > li.is-active{
background:url(/element_sp/w_dp/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .seo-cheapest-filter-pulldown-content > button
--------------------------------- */
.seo-cheapest-filter-pulldown-content > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:24px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/w_dp/shared/images/icon-close.svg) 0 100% no-repeat;
background-size:12px;
}

/* .seo-cheapest-filter-list
----------------------------------------------- */
.seo-cheapest-filter-list{
margin:8px 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
}

.seo-cheapest-filter-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.seo-cheapest-filter-list > li label{
-webkit-box-flex:1;
flex:1;
line-height:1;
}

.seo-cheapest-filter-list > li > input{
margin:0;
}

/* .seo-cheapest-tbl
----------------------------------------------- */
.seo-cheapest-tbl{
margin-top:12px;
}

.seo-cheapest-tbl.hotel{
margin-top:20px;
}

.seo-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
font-size:14px;
}

.seo-cheapest-tbl table caption > span{
margin-bottom:8px;
display:block;
text-align:left;
}

.seo-cheapest-tbl table caption > span:last-child{
margin-bottom:20px;
}

.seo-cheapest-tbl table caption > span:first-child{
font-weight:bold;
}

.seo-cheapest-tbl table th,
.seo-cheapest-tbl table td{
padding:12px 0;
font-weight:normal;
border-bottom: 1px solid #e5e5e5;
}

.seo-card:has(.seo-cheapest-filter-list) .seo-cheapest-tbl table th,
.seo-card:has(.seo-cheapest-filter-list) .seo-cheapest-tbl table td{
padding:4px 0;
}

.seo-cheapest-tbl table td{
text-align:center;
}

.seo-cheapest-tbl tbody td > span {
display: inline-block;
min-width: 65px;
text-align: right;
}

.seo-cheapest-tbl table thead th{
padding:0 0 8px 0;
border-bottom:none;
line-height:1.25;
border-bottom:1px solid #e5e5e5;
}

.seo-cheapest-tbl table thead th > span{
display:block;
}

.seo-cheapest-tbl table thead tr > th:first-child{
width:98px;
text-align:left;
}

.seo-cheapest-tbl table tbody th{
text-align:left;
}

.seo-cheapest-tbl table tbody th > span{
display:inline-block;
}

.seo-cheapest-tbl table tbody > tr:last-child > th,
.seo-cheapest-tbl table tbody > tr:last-child > td,
.seo-card:has(.seo-cheapest-filter-list) .seo-cheapest-tbl table tbody > tr:last-child > th,
.seo-card:has(.seo-cheapest-filter-list) .seo-cheapest-tbl table tbody > tr:last-child > td{
padding-bottom:0;
border-bottom:none;
}

.seo-cheapest-tbl table tr > th.unset{
padding-left:2.5em;
}

.seo-cheapest-tbl table tr > td.unset{
padding-right:0;
text-align:center;
}

.seo-cheapest-tbl.hotel table caption{
height:0;
overflow:hidden;
position:absolute;
}

/* .lp-panel-toggle
----------------------------------------------- */
.seo-card-container .lp-panel-content-toggle:last-child{
margin-bottom:-12px;
}
.seo-card-container .lp-panel-content-toggle.branch{
text-align:right;
}
.seo-card-container .lp-panel-content-toggle.branch .notice-list,
.seo-card-container .lp-panel-content-toggle.branch .lp-panel-content-toggle-content{
text-align:left;
}

/* .lp-panel-toggle-content
----------------------------------------------- */
.lp-panel-content-toggle[aria-expanded] .lp-panel-content-toggle-content{
display:none;
}

.lp-panel-content-toggle[aria-expanded=true] .lp-panel-content-toggle-content{
display:block;
}

.lp-panel-content-toggle[aria-expanded=true] .lp-panel-content-toggle-content + .notice-list{
border-top:0;
}

/* .lp-panel-content-toggle-hook
----------------------------------------------- */
.lp-panel-content-toggle-hook{
padding:12px 0;
border:none;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.lp-panel-content-toggle-hook > span{
padding-left:16px;
display:inline-block;
position:relative;
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg) 0 50% no-repeat;
background-size:12px auto;
}

.lp-panel-content-toggle[aria-expanded=true] .lp-panel-content-toggle-hook > span{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg);
}

/* .lp-panel-content-toggle.bracnh. > .lp-panel-content-toggle-hook
----------------------------------------------- */
.lp-panel-content-toggle.branch .lp-panel-content-toggle-hook{
text-align:right;
display:inline-block;
width:auto;
margin-left:auto;
}

.lp-panel-content-toggle.branch .lp-panel-content-toggle-hook > span{
padding-left:12px;
background-size:8px auto;
}

.lp-panel-content-toggle.branch > .notice-list{
border-top: 1px solid #ddd;
margin:0;
padding-top:12px;
}

/* .seo-card-faq-item
----------------------------------------------- */
.seo-card-faq-item:not(:first-child),
.seo-card-toggle-content > .seo-card-faq-item{
border-top:1px solid #ddd;
}

.seo-card-toggle-content + .cmn-tip-link{
border-top:1px solid #ddd;
padding-top:10px;
margin-top:0;
font-size:12px;
}

.seo-card-toggle .cmn-tip-link{
display:none;
}

.seo-card-toggle.is-active .cmn-tip-link{
display:block;
}

.seo-card.seo-card-faq > .cmn-tip-link{
border-top: 1px solid #ddd;
margin: 0;
padding-top: 12px;
}

.seo-card-faq-item + .seo-card-faq-link{
border-top: 1px solid #ddd;
padding-bottom:2px;
}

.seo-card-faq-item + .seo-card-faq-link .cmn-tip-link{
font-size: 12px;
}

/* .seo-card-faq-item-hook
----------------------------------------------- */
.seo-card-faq-item-hook{
padding:0 20px 0 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:50px;
position:relative;
background:url(/element/w_dp/shared/images/icon/icon-faq-q.svg) 0 50% no-repeat;
background-size:11px auto;
text-align:left;
font-size:12px;
font-weight:normal;
}

.seo-card-faq-item-hook::before{
margin-top:-4px;
content:'';
display:block;
width:16px;
height:10px;
overflow:hidden;
position:absolute;
top:50%;
right:4px;
background:url(/element_sp/w_dp/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}

.seo-card-faq-item[aria-expanded="true"] > .seo-card-faq-item-hook::before{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-04-up-l.svg);
}

/* .faq-modified
---------------------------------- */
.faq-modified{
margin-top:12px;
display:block;
color:var(--cmn-font-color-gray);
text-align:right;
}
.faq-modified > span:first-child::after {
content: ":";
display: inline-block;
margin: 0 4px;
}

/* .seo-card-faq-item-content
----------------------------------------------- */
.seo-card-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/w_dp/shared/images/icon/icon-faq-a.svg) 0 0 no-repeat;
background-size:11px auto;
font-size:12px;
}

.seo-card-faq-item-content p{
margin:0;
}

.seo-card-faq-item[aria-expanded="false"] > .seo-card-faq-item-content{
display:none;
}

.seo-card-container .seo-card > .cmn-tip-link,
.seo-card-container .seo-card.seo-card-faq > :last-child{
margin-bottom:0;
}

/* .faq-item-content-list
----------------------------------------------------------------- */
.faq-item-content-list{
margin:8px 0;
}

.faq-item-content-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
}

.faq-item-content-list > li > span{
min-width:1.5em;
}

.faq-item-content-list > li > div{
-webkit-box-flex:1;
flex:1;
}

.seo-card-faq .seo-card-more{
border-top: 1px solid #ddd;
text-align:right;
}

.seo-card-faq .seo-card-more .cmn-tip-link{
margin-bottom:0;
width:auto;
display:inline-block;
}

/* .seo-card-list
----------------------------------------------- */
.seo-card-list{
margin:0;
font-size:14px;
}

.seo-card-list > li{
border-top:1px solid #e5e5e5;
}

.seo-card-list > li > a,
.seo-card-list > li[aria-expanded] > button{
margin-bottom:-1px;
padding:4px 0;
border:none;
/*border-bottom:1px solid #e5e5e5;*/
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-card-list > li[aria-expanded] > button{
padding-right:24px;
width:100%;
background:url(/element_sp/w_dp/shared/images/icon-arrow-04-down-l.svg) no-repeat;
background-position: right 2px center;
background-size:16px auto;
text-align:left;
font-size:14px;
}

.seo-card-list.seo-list-city > li[aria-expanded] > button{
padding-right:20px;
background-size:12px auto;
}

.seo-card-list.card-list-branch > li[aria-expanded] > button{
border-bottom:0;
}

.seo-card-list > li[aria-expanded='true'] > button{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-04-up-l.svg);
}

.seo-card-list .seo-card-list{
margin-left:16px;
}

.seo-card-list > li[aria-expanded='false'] .seo-card-list,
.seo-card-list > li[aria-expanded='false'] .seo-card-list-txt{
display:none;
}

.seo-card-list > li[aria-expanded='true'] .seo-card-list,
.seo-card-list > li[aria-expanded='true'] .seo-card-list-txt{
display:block;
}

.seo-card > .seo-card-list:first-child{
margin-top:-12px;
}

.seo-card > .seo-card-list:first-child > li:first-child{
border-top:none;
}

.seo-card > .seo-card-list:first-child:last-child{
margin-bottom:-12px;
}

.seo-card > .seo-card-list:first-child:last-child > li:last-child > a{
border-bottom:none;
}

.seo-card-list .no-line{
border-top:none;
}

/* .seo-card-list-thumb-txt
------------------------------------------------ */
.seo-card-list-thumb-txt{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.seo-card-list-thumb-txt > li{
width:calc(100% / 3 - 6px);
box-sizing:border-box;
}

.seo-card-list-thumb-txt > li a{
display:block;
}

.seo-card-list-thumb-txt > li .thumb{
display:block;
position:relative;
width:100%;
min-height:106px;
}

.seo-card-list-thumb-txt > li .thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
bottom: 50%;
left: 0;
transform: translateY(50%);
width: 100%;
}

.seo-card-list-thumb-txt > li .txt-name{
background-color:rgb(0 0 0 / 45%);
color:#fff;
font-size:12px;
padding:4px 8px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
width:100%;
box-sizing:border-box;
height:40px;
position:absolute;
left:0;
bottom:0;
line-height:1.2;
}

.seo-card-list-thumb-txt > li .txt-name .txt-ilb{
display:inline-block;
}

/* .seo-card-list-thumb
----------------------------------------------- */
.seo-card-list-thumb{
margin:-8px 0 -1px;
}

.seo-card-list-thumb > li{
border-bottom:1px solid #e5e5e5;
}

.seo-card-list-thumb > li > a{
padding:8px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
display:-webkit-box;
display:flex;
}

.seo-card-list-thumb .thumb{
margin-right:8px;
width:97px;
height:55px;
}

.seo-card-list-thumb .thumb + span{
flex: 1;
}

.seo-card-list-thumb .thumb img{
width:97px;
height:55px;
object-fit:cover;
}

.seo-card-list-thumb > li > a > span:not([class]){
-webkit-box-flex:1;
flex:1;
}

.seo-card-toggle .seo-card-list-thumb{
margin-top:0;
}

.seo-card-list-thumb > li .date{
margin-top: 2px;
color:var(--cmn-font-color-gray);
display: block;
}

/* .seo-card-toggle
----------------------------------------------- */
.seo-card-toggle{
padding-top:0;
padding-bottom:0;
}

/* .seo-card-toggle-hook
----------------------------------------------- */
.seo-card-toggle-hook{
margin-bottom:0;
padding:0 16px 0 0;
border:none;
line-height:1.35;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:44px;
background:url(/element_sp/w_dp/shared/images/icon-arrow-04-down-l.svg) no-repeat 100% 50%;
background-size:16px auto;
text-align:left;
font-size:16px;
font-weight:normal;
}

.seo-card-toggle[aria-expanded="true"] .seo-card-toggle-hook{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-04-up-l.svg);
}

/* .seo-card-toggle-content
----------------------------------------------- */
.seo-card-toggle-content > :first-child{
margin-top:0;
}

.seo-card-toggle-content > :last-child{
margin-bottom:0;
}

.seo-card-toggle[aria-expanded="false"] .seo-card-toggle-content{
display:none;
margin-bottom:0;
}

.seo-card-toggle[aria-expanded="true"] .seo-card-toggle-content{
display:block;
margin-bottom:0;
}

.seo-card-toggle-content p + p{
margin-top:16px;
}

.seo-card-toggle-content{
display:none;
}

.seo-card-toggle.is-active .seo-card-toggle-content{
display:block;
}

/* .seo-card-toggle-btn
----------------------------------------------- */
.seo-card-toggle-btn{
padding:12px 0;
border:none;
border-top:1px solid #e5e5e5;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.seo-card-toggle-btn > span{
padding-left:16px;
display:inline-block;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
}

.seo-card-toggle.is-active .seo-card-toggle-btn > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* ----------------------------------------------------------------
  LP-page
----------------------------------------------------------------- */

/* hdg-l1-02
------------------------------------------------ */
.hdg-l1-02-container{
margin:-10px -10px 0;
}
.hdg-l1-02-container .hdg-l1-02-inr:after{
content:'';
display:block;
clear:both;
}
.hdg-l1-02-container .hdg-l1-02-inr{
padding:16px 15px 0;
min-height:42px;
box-sizing:border-box;
}
.hdg-l1-02-container .hdg-l1-02-inr .hdg-l1-02{
background:#fff;
color:var(--cmn-font-color-base);
}
.hdg-l1-02-container .hdg-l1-02{
font-size:16px;
font-weight:bold;
vertical-align:top;
overflow:hidden;
line-height:1.3;
margin-top: -8px;
}

/* hdg-l2-05
------------------------------------------------ */
.hdg-l2-05{
margin:0 -10px;
padding:9px 10px;
background-color:#666;
font-size:14px;
color:#fff;
}
.hdg-l2-05 span{
font-size:13px;
}
.hdg-l2-05 a{
color:#fff;
margin:-6px -10px;
padding:6px 10px;
}

/* area-summary-container
------------------------------------------------ */
.area-summary-container{
font-size:13px;
}
.area-summary-container .area-img{
margin:0 -10px;
text-align:center;
min-height:205px;
}
.area-summary-container .area-img img{
width:100%;
vertical-align:top;
}

/* .search-index-inner.filter-lp-box
----------------------------------------------- */
.search-index-inner.filter-lp-box{
padding:0 0 0 10px;
margin:0 -10px 0 -20px;
border-radius:4px;
background-color:rgba(255, 255, 255, .9);
}


/* ----------------------------------------------------------------
  .form-search-tbl
----------------------------------------------------------------- */
.form-search-tbl{
margin:0;
width:100%;
border-collapse:collapse;
font-size:14px;
line-height:1.25;
box-sizing:border-box;
overflow:hidden;
}
.form-search-tbl li.table-room-num,
.form-search-pseudo .form-search-tbl > li.table-room-num{
display:none;
}
.form-search-tbl li.table-room-num.is-active{
display:table;
}
.form-search-tbl .search-desc,
.form-search-tbl .search-item{
padding:10px 0 0;
}
.form-search-tbl .search-desc{
padding-right:5px;
width:4.55em;
text-align:left;
font-size:13px;
}
.form-search-tbl .search-desc .form-searcn-tip-container,
.form-search-tbl .search-desc .form-search-tip-container{
position:relative;
display:block;
}
.form-search-tbl li:first-child .search-item label{
white-space:nowrap;
}
.form-search-tbl li.date:first-child .search-item{
padding-bottom:10px;
}
.form-search-tbl li:first-child .search-desc.align-top{
padding-top:13px;
}
.form-search-tbl li.date .search-desc{
padding-top:21px;
vertical-align:top;
}
.form-search-tbl li.num .search-desc{
padding-top:38px;
vertical-align:top;
}
.form-search-tbl li.keyword .search-desc{
padding-top:13px;
vertical-align:top;
}

/* .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-pseudo > .form-search-tbl
----------------------------------------------- */
.form-search-pseudo {
margin:-10px 0;
background:#fff;
}
.detail-plan-header > .form-search-pseudo{
margin-top:-5px;
}
.form-search-pseudo .date-nofix-info{
color:var(--cmn-font-color-red);
font-size:13px;
margin:-5px 0 0 0;
padding:0;
font-weight:bold;
}
.form-search-pseudo .date-nofix-info .ic-info{
display:block;
position:relative;
padding-left:18px;
}
.form-search-pseudo .date-nofix-info .ic-info:before{
content:'';
background:url(/element_sp/w_hotel/shared/images/ic-info.svg) left top no-repeat;
width:15px;
height:15px;
position:absolute;
left:0;
top:1px;
}

/* .form-search-tbl
------------------------------------------------ */
.form-search-pseudo .form-search-tbl > li{
display:table;
width:100%;
}
.form-search-pseudo .form-search-tbl > li > div{
padding:10px 6px;
border-bottom:1px solid #e5e5e5;
display:table-cell;
}
.form-search-pseudo .form-search-tbl .search-desc .sup{
display:inline-block;
font-size:11px;
white-space:nowrap;
}
.form-search-tbl .search-desc .form-searcn-tip-container small{
font-weight:normal;
white-space:nowrap;
position:absolute;
}
.form-search-pseudo .form-search-tbl .spot .search-item ul.link-list{
margin:0;
padding:8px 0 0 0;
}
.form-search-pseudo .form-search-tbl .spot .search-item .select-box{
margin:0 10px 10px 10px;
}
.form-search-pseudo .form-search-tbl .search-item .form-search-col{
margin:10px;
}
.form-search-pseudo .form-search-tbl .search-desc{
width:112px;
box-sizing:border-box;
position: relative;
font-size:14px;
vertical-align:middle;
}
.form-search-pseudo .form-search-tbl .search-desc .cmn-tip-btn{
position:absolute;
top:50%;
right:0;
margin-top:-9px;
}
.form-search-tbl li.table-room-num{
position:static;
margin-top:0;
}
.form-search-pseudo .form-search-tbl > li.table-room-num .cmn-tip-btn{
right:0;
bottom:0;
top:inherit;
}
.filter-lp-box .form-search-tbl > li:nth-child(2) .cmn-tip-btn{
top:22px;
right:5px;
}
.filter-lp-box .hotel + .form-search-tbl > li:nth-child(2) .cmn-tip-btn{
top:8px;
right:0;
}
.filter-lp-box .hotel + .form-search-tbl > li.table-room-num .cmn-tip-btn{
top:27px;
}
.filter-lp-box .term-change .term-form-list .form-list-label{
padding-top: 17px;
}
.hdg-l2-05 + .form-search-pseudo .form-search-tbl .search-desc{
width:4.5em;
}
.form-search-pseudo .form-search-tbl .input-custom,
.form-search-pseudo .form-search-tbl .select-custom,
.form-search-pseudo .form-search-tbl .select-number-box{
margin-left:0;
}
.form-search-pseudo p{
margin:0 0 3px 0;
}
.form-search-pseudo .form-search-tbl tr:first-child .search-item{
padding-top:10px;
}
.form-search-pseudo .term-change .term-form-list > li{
padding:14px 10px;
border-bottom:1px solid #e5e5e5;
margin-bottom:0;
}
.form-search-pseudo .term-change .term-form-list > li.staying-list{
border:0;
padding:0 10px;
margin-top:-2px;
border-top:1px solid #fff;
background:#fff;
}
.form-search-pseudo .term-change .term-form-list > li.staying-list:first-child{
padding:10px;
border-top:1px solid #e5e5e5;
}
.form-search-pseudo .term-change .term-form-list > li:last-child{
border-bottom:1px solid #e5e5e5;
}
.form-search-pseudo .term-change .term-form-list > li.staying-list + li{
border-top:1px solid #e5e5e5;
margin-top:-1px;
}
.form-search-pseudo .term-change .term-form-list > li.staying-list + li.staying-list{
border-top:0;
}
.form-search-pseudo .search-index-hdg-01.hotel{
margin-top:10px;
font-size:16px;
}
.filter-lp-box .form-search-pseudo .form-search-tbl + .search-index-hdg-01.hotel{
margin-top:-1px;
}
.form-search-pseudo .child-box{
margin:0 0 -10px 0;
padding-bottom:0;
padding-right:0;
}
.filter-list-box .child-box{
margin:0;
padding-bottom:0;
padding-right:0;
}
.form-search-pseudo .child-box .select-box{
margin-bottom:10px;
}
.form-search-pseudo .child-box ul li {
margin:0 20px 0 0;
}
.form-search-pseudo .select-custom + label{
margin-top:5px;
display:inline-block;
}
.form-search-pseudo .term-change .term-form-list > li + li.staying-list{
padding-bottom:10px;
}

/* search-submit-container
------------------------------------------------ */
.search-submit-container{
padding:15px 10px ;
background:#fff;
}
.detail-plan-header .search-submit-container{
margin-bottom:-5px;
border:0;
}
.search-submit-container .form-search-note{
font-size:13px;
line-height:1.35;
margin:10px 0 0;
}
/* btn-container
------------------------------------------------ */
.btn-container{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0 -10px;
padding-top:10px;
padding-right:10px;
}
.btn-container li{
-webkit-box-flex:1;
-webkit-flex:auto;
-ms-flex:auto;
flex:auto;
padding-left:10px;
}
.btn-container li:first-child{
-webkit-box-flex:initial;
-webkit-flex:initial;
-ms-flex:initial;
flex:initial;
width:60px;
}
.btn-container li button{
height:45px;
}
.btn-container li button.btn-01{
font-size:20px;
font-weight:bold;
width:100%;
height:46px;
color:#fff;
border:none;
border-radius:6px;
background-color:#444;
box-shadow:0 -4px 0 #333 inset;
padding:0 ;
}
.btn-reset-02 {
border-radius:6px;
border:1px solid #bbb;
color:var(--cmn-font-color-base);
font-size:14px;
background:none;
background-color:#fff;
width:100%;
height:45px;
padding:0 3px;
}
.hdg-l3-02 {
font-size:14px;
margin:0 -10px;
padding:8px 10px 6px;
color:var(--cmn-font-color-base);
background-color:#f5f5f5;
border-bottom:1px solid #e5e5e5;
}

/* .link-list-dp
----------------------------------------------- */
.link-list-dp{
margin:0 -10px;
overflow:hidden;
}
.link-list-dp > li{
border-bottom:1px solid #e9e9e9;
border-right:1px solid #e9e9e9;
display:table;
width:25%;
float:left;
height:40px;
box-sizing:border-box;
line-height:1.0;
}
.link-list-dp > li > a{
font-size:13px;
color:var(--cmn-font-color-base);
position:relative;
display:table-cell;
vertical-align:middle;
padding:3px 20px 0 7px;
}
.link-list-dp > li > a:after{
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list-dp > li:last-child{
border-right:0;
}

/* .city-txt-list
------------------------------------------------------ */
.city-txt-list{
font-size:13px;
}
.city-txt-list > li{
margin-bottom:1em;
}
.city-txt-list .city-name{
display:block;
font-weight:bold;
}

/* .link-list-image-03
----------------------------------------------- */
.link-list-image-03{
margin:0 -10px;
overflow:hidden;
border-top:1px solid #ebebeb;
}
.link-list-image-03 > li{
display:table;
width:100%;
height:40px;
box-sizing:border-box;
line-height:1.0;
}
.link-list-image-03 > li > a{
font-size:14px;
color:var(--cmn-font-color-base);
position:relative;
display:table-cell;
vertical-align:middle;
padding:3px 25px 0 45px;
border-bottom:1px solid #e9e9e9;
}
.link-list-image-03 > li > a:after{
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list-image-03 > li > a .img{
position:absolute;
left:10px;
top:50%;
width:24px;
overflow:hidden;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border:1px solid #e5e5e5;
line-height:1;
}
.link-list-image-03 > li > a .img img{
float:left;
}

/* ----------------------------------------------------------------
  LP　CARD
----------------------------------------------------------------- */
/* card-container
---------------------------------- */
main:has(.lp-container) .search-index-inner .form-search-index-btn-act.is-static{
margin-bottom:0;
}

.lp-container .card-container{
margin:0 -10px -10px;
padding:1px 8px 30px;
background:#f5f5f5;
}

.lp-container .card-container .card-content{
margin-top: 16px;
}

.lp-container .card-container .card-content + .card-content,
.lp-container .card-container .seo-card{
margin-top:28px;
}

main .lp-container .seo-card-container .cmn-notice-list{
color:var(--cmn-font-color-base);
}

.lp-container .card-container .card-content .card-item{
padding:12px;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
}

.lp-container .card-container .card-header {
margin-bottom: 8px;
}

.lp-container .card-header-hdg{
color: var(--cmn-font-color-base);
padding: 0;
display: inline-block;
font-size: 18px;
font-weight: normal;
line-height: calc(21 / 16);
background-color: transparent;
}

/* .lp-container .notice-list
------------------------------------------------ */
.lp-container .notice-list{
margin-top:0;
}

.lp-container .notice-list > li {
font-size:12px;
position: relative;
margin-top:4px;
padding-left:16px;
color:var(--cmn-font-color-gray);
}

.lp-container .notice-list > li:first-child {
margin-top: 0;
}

.lp-container .notice-list:last-child{
margin-bottom:-4px;
}

.lp-container .notice-list li::before{
content:'\0203B';
position:absolute;
left:0;
}

/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0;
}
.lp-container .area-list >li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .area-list .area-item{
gap:0 8px;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/w_dp/shared/images/icon-ranking-02.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:22px 26px;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .mod-noimg {
border: 1px solid #ddd;
}
.lp-container .area-list .area-pic .area-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-list .area-pic .area-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .area-list .area-pic .area-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-desc{
margin-top:8px;
}
.lp-container .area-list .area-desc p{
margin:0;
}
.lp-container .area-list .area-hdg{
font-size:16px;
margin-bottom:4px;
font-weight:normal;
}
.lp-container .area-list .area-hdg-02{
font-size:12px;
margin-bottom:4px;
font-weight:normal;
}
.lp-container .area-list .area-hdg a{
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-txt{
font-size:12px;
margin:4px 0 12px;
}
.lp-container .area-list .area-txt p{
margin:0;
}

/* .area-btn-list
---------------------------------- */
.area-btn-list{
margin:0;
display:flex;
gap:8px;
box-sizing:border-box;
}
.area-btn-list li{
box-sizing:border-box;
flex:1;
}
.area-btn-list li a{
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
padding:7px 4px;
text-align:center;
font-size:12px;
}

/* tgl-container
---------------------------------- */
.lp-container .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg);
}
.lp-container .tgl-container[aria-expanded=true] .tgl-footer-item{
display:block;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-footer-item{
display:none;
}
.lp-container .tgl-container .tgl-content .spot-list,
.lp-container .tgl-container .tgl-content .select-list,
.lp-container .tgl-container .tgl-content .area-list,
.lp-container .tgl-container .tgl-content .tour-list{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .tgl-container .tgl-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
gap:0 8px;
}
.lp-container .tgl-container .tgl-footer-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .tgl-container .tgl-footer-notes{
margin:0;
}
.lp-container .tgl-container .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .tgl-container .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .tgl-container .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.lp-container .tgl-container .tgl-hook{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg) no-repeat left 8px;
background-size:8px auto;
font-size:12px;
height:20px;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg) no-repeat left 8px;
background-size:8px auto;
}

/* info-tbl
---------------------------------- */
.lp-container .info-tbl{
width:100%;
margin:0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
border-top:1px solid #ddd;
}
.lp-container .info-tbl th,
.lp-container .info-tbl td{
padding:8px;
font-weight:normal;
font-size:12px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
word-wrap:break-word;
}
.lp-container .info-tbl th{
background-color:#f5f5f5;
width:70px;
text-align:left;
}
.lp-container .info-tbl td:last-child{
border-right:1px solid #ddd;
}

/* .lp-container .seo-card-faq-item
---------------------------------- */
.lp-container .card-item .seo-card-faq-item:first-child{
margin-top:-5px;
}
.lp-container .card-item .seo-card-faq-item:last-child{
margin-bottom:-5px;
}

/* .lp-container .seo-card-list
---------------------------------- */
.lp-container .seo-card-list{
margin:-10px 0;
}
.lp-container .seo-card-list > li:first-child{
border-top:0;
}

/* .lp-container .seo-card-list-thumb
---------------------------------- */
.lp-container .card-content.card-matome .card-item{
padding-bottom:0;
}

/* .lp-container .seo-card-attention
---------------------------------- */
.lp-container .card-container .card-content.card-attention .card-item{
padding-top:0;
padding-bottom:0;
}
.lp-container .card-attention .seo-card-attention ul{
margin:0 0 12px;
}
.lp-container .card-attention .seo-card-attention ul > li:first-child{
border-top:0;
margin-top:0;
}

/* .lp-container .card-news
---------------------------------- */
.lp-container .card-news .seo-cheapest-more{
margin-bottom: 0;
text-align: right;
font-size: 14px;
}
main .lp-container .cmn-notice-list{
margin-bottom:-6px;
}


/* select-content
---------------------------------- */
.lp-container .spot-list{
margin:0;
}
.lp-container .spot-list >li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .spot-list >li a{
color:var(--cmn-font-color-base);
}
.lp-container .spot-list .spot-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.lp-container .spot-list .spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:108px;
height:78px;
}
.lp-container .spot-list .spot-pic a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:108px;
height:78px;
}
.lp-container .spot-list .spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .spot-list .spot-pic.mod-noimg img{
width:80px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .spot-list .spot-pic .spot-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/w_dp/shared/images/icon-ranking-02.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:22px 26px;
}
.lp-container .spot-list .spot-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .spot-list .spot-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
}
.lp-container .spot-list .spot-text{
margin-top:4px;
}
.lp-container .spot-list .spot-text p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.lp-container .spot-list .spot-text p + p{
margin-top:12px;
}
.lp-container .spot-list .spot-link{
float:right;
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}

/* toggle-text
---------------------------------- */
.lp-container .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:50px;
}
.lp-container .toggle-text .toggle-text-intro{
display:block;
}
.lp-container .toggle-text .toggle-text-intro a{
color:var(--cmn-font-color-link);
}
.lp-container .toggle-text .toggle-text-full{
display:none;
}
.lp-container .toggle-text .toggle-text-full a{
color:var(--cmn-font-color-link);
}
.lp-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}
.lp-container .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.lp-container .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.lp-container .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.lp-container .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.lp-container .toggle-text.is-active .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0 0 0 12px;
margin:0;
font-size:12px;
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg) no-repeat left 6px;
background-size:8px auto;
color:var(--cmn-font-color-base);
}
.lp-container .toggle-text.is-active .toggle-text-intro {
display:none;
}
.lp-container .toggle-text.is-active .toggle-text-full {
display:block;
}


/* .service-info
------------------------------------------------ */

.toggle-inner-box .service-info{
margin:10px 10px 0 10px;
display:block;
font-size:12px;
}

/* aside.act_ad_manage
------------------------------------------------------ */

aside.act_ad_manage{
padding:10px 0;
}
aside.act_ad_manage a{
display:inline-block;
line-height:1;
vertical-align:middle;
}
#panelBelt_AreaM aside.act_ad_manage{
padding:15px 0;
background:#fff;
margin:6px 0 0 0;
}
#panelBelt_AreaH aside.act_ad_manage{
background:#fff;
}
#panelBelt_AreaH_dummy aside.act_ad_manage a{
display:block;
box-sizing:border-box;
}
.search-item-container .act_ad_manage + .search-item {
margin-top:6px!important;
}
#panelBelt_AreaH_dummy aside.act_ad_manage {
padding:10px 0;
margin-bottom:-9px;
}
#panelBelt_AreaH_dummy aside.act_ad_manage:empty{
padding:0;
margin:0;
display:none;
}
#panelBelt_AreaH aside.act_ad_manage {
padding:15px 0 11px;
background:#004c9a;
}
.str-container > #panelBelt_AreaH.act_ad_manage .act_ad_manage{
padding-top:5px;
}

#Area_main_page #panelBelt_AreaH_dummy aside.act_ad_manage{
margin-bottom:0;
}
#panelBelt_AreaM:empty{
display:none;
}
#panelBelt_AreaM .cmn-ad-bnr {
margin:6px 0;
text-align:center;
background:#fff;
padding:15px 10px;
}

#panelBelt_AreaF .cmn-ad-bnr{
padding:0 10px;
}
main + #panelBelt_AreaF .cmn-ad-bnr{
padding: 20px 8px 15px;
background: #f5f5f5;
margin-top: -10px;
}
.search-item + .act_ad_manage .cmn-ad-bnr{
background: #fff;
padding: 0;
border-top: 6px solid #666;
}

/* Renewal design
-------------------------------------------------- */

/* ----------------------------------------------------------------
  .form-search-index-btn-act
----------------------------------------------------------------- */

.search-index-inner .form-search-index-btn-act{
margin:0;
padding:12px 20px;
border-top:1px solid #ddd;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:2;
background-color:rgba(255, 255, 255, 0.8);
box-sizing:border-box;
}
.search-index-inner .form-search-index-btn-act .form-btn-list{
width:100%;
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;
margin:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
box-sizing:border-box;
justify-content: center;
align-items: center;
}
.search-index-inner .form-search-index-btn-act .form-btn-list > li button{
padding:0;
border-radius:4px;
width:100%;
height:44px;
}
.search-index-inner .form-search-index-btn-act .form-btn-list > li.reset{
width:60px;
}
.search-index-inner .form-search-index-btn-act .form-btn-list > li.reset button{
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
}
.search-index-inner .form-search-index-btn-act .form-btn-list > li.search{
margin-left:8px;
width:217px
}
.search-index-inner .form-search-index-btn-act .form-btn-list > li.search button{
padding:4px;
border:none;
color:#fff;
display:block;
background-color:#444;
text-shadow:1px 2px 0 rgb(0 0 0 / 10%);
font-size:16px;
}
.search-index-inner .form-search-index-btn-act.is-static{
padding:0 0 12px 0;
border-top:none;
position:inherit;
bottom:inherit;
background-color:transparent;
margin-top:12px;
margin-bottom:-40px;
}
.search-index-inner.filter-list-box .form-search-index-btn-act.is-static{
position:inherit;
bottom:inherit;
margin-top:10px;
padding:0;
margin-bottom:0;
}

/* .serching-new
----------------------------------------------- */
.search-item-num-info{
color:#fff;
padding:8px 10px 6px 10px;
font-size:12px;
}
.search-item-num-info + .search-item{
margin-top:0;
}
.search-item-container .search-item{
background:#e8e8e8;
}
.search-item-container .nav-search-item{
background:#fff;
padding:9px;
border:1px solid #d1d1d1;
}
.hdg-price{
background:none;
padding:6px 0 0;
margin-bottom:-2px;
}
.search-item-container .search-item-info{
background:#fff;
margin:-10px;
padding:10px 5px 10px 10px;
}
.search-item-container .search-item-info .search-item-img{
float:left;
min-height:90px;
}
.search-item-container .search-item-info .search-detail-item{
margin-left:110px;
}
.search-item-container .search-item-info > .Act_Brigde_Agt_Link_Other {
position:absolute;
top:100px;
left:9px;
}
.search-item-container .nav-search-item div.logo{
left:9px;
top:12px;
margin:0;
}
.search-item-container .nav-search-item .luggage-info-item{
position:absolute;
}
.search-item-container .nav-search-item .luggage-info-item .logo,
.search-item-container.branch  .nav-search-item .luggage-info-item .logo{
left:0;
top:0;
}
.search-item-container .nav-search-item .luggage-info{
margin-top:38px;
font-size:11px;
}
.search-item-container .nav-search-item-inner > b{
margin:0;
top:2px;
}
.search-item-container .nav-search-item-inner{
display:inline-block;
}
.toggle-inner-box .foreign-price-list li, .foreign-price-list li{
width:128px;
}
.tax-date-list{
display:block;
font-size:12px;
text-align:right;
margin-left: -2px;
letter-spacing: -0.01em;
}
.tax-date-list .num{
font-family:Arial;
font-size:12px;
}
.tax-date-list > .stay-num{
font-weight:normal;
padding:0 2px;
}
.tax-date-list > .stay-num .num{
font-size:14px;
font-weight:bold;
}

@media screen and (max-width:365px){
.tax-date-list{
padding-left:40px;
line-height:1.2;
}
.cmn-modal .tax-date-list{
padding-left:90px;
line-height:1.2;
}
.plan-detail-box .date-num{
padding-left:55px;
}
}
.modal-info-area .foreign-price-list{
font-size:0;
}
.modal-info-area .foreign-price-list li{
width:100%;
}
.modal-info-area .foreign-price-list li.tax-list,
.modal-info-area .foreign-price-list li.date-num{
display:inline-block;
width:auto;
font-size:11px;
}
.foreign-price-list li.tax-list,
.foreign-price-list li.date-num{
display:inline-block;
width:auto;
font-size:11px;
}
.plan-detail-box .date-num .num{
font-size:12px;
}
.plan-detail-box .date-num .stay-num{
padding:0 4px;
}
.plan-detail-box .date-num .stay-num .num{
font-size:14px;
}
.modal-info-area .foreign-price-list li.date-num:after{
content:'/';
margin:0 2px;
display:inline-block;
}
.modal-info-area .foreign-price-list li.date-num .num{
font-size:12px;
}
.modal-info-area .foreign-price-list li.date-num .stay-num .num{
font-size:14px;
}
.modal-info-area .foreign-price-list li.date-num .stay-num{
padding:0 4px;
}
.num{
font-family:Arial;
font-size:11px;
}
.price-one .num{
font-size:12px;
}

/* .agt-link w_hotel
----------------------------------------------- */

.pseudo-content .pseudo-header, .pseudo-content .pseudo-header-sticky {
margin: 0 -10px;
padding: 0 50px;
color: #fff;
position: relative;
background-color: #444;
z-index: 10;
}
.pseudo-content .pseudo-hdg-l1 {
padding: 5px 5px 4px;
font-size: 17px;
font-weight: bold;
text-align: center;
box-sizing: border-box;
line-height: 1.5;
min-height: 35px;
}
.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/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size: 9px auto;
}

/* .pseudo-content .cmn-tip-container
------------------------------------------------ */
.pseudo-content .cmn-tip-container,
.str-container .cmn-tip-container{
line-height: 1.4;
}
.pseudo-content .cmn-tip-container p,
.str-container .cmn-tip-container p{
margin: 10px 0;
line-height:21px;
}
.cmn-tip-container.tip-infomation .cmn-tip-hdg-01 {
margin-top: 10px;
}
.cmn-tip-container .cmn-tip-hdg-01 + p {
margin-top: 0;
}

/* tip-tbl
------------------------------------------------ */
.pseudo-content .cmn-tip-container .tip-tbl,
.str-container .cmn-tip-container .tip-tbl{
display:table;
margin:5px 0 10px;
border-collapse:collapse;
border-top:1px solid #e5e5e5;
width:100%;
table-layout:fixed;
}
.pseudo-content .cmn-tip-container .tip-tbl .tbl-tr,
.str-container .cmn-tip-container .tip-tbl .tbl-tr{
display:table-row;
}
.pseudo-content .cmn-tip-container .tip-tbl .tbl-th,
.str-container .cmn-tip-container .tip-tbl .tbl-th{
width:75px;
background-color:#f5f5f5;
text-align:left;
font-weight:normal;
font-size:12px;
}
.pseudo-content .cmn-tip-container .tip-tbl .tbl-th,
.pseudo-content .cmn-tip-container .tip-tbl .tbl-td,
.str-container .cmn-tip-container .tip-tbl .tbl-th,
.str-container .cmn-tip-container .tip-tbl .tbl-td{
display:table-cell;
padding:7px 10px;
border-bottom:1px solid #e5e5e5;
}

/* tip-3d-secure
------------------------------------------------ */
.tip-3d-secure .pseudo-hdg-l3{
margin: 0 0 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
}
.str-container .cmn-tip-container.tip-3d-secure p{
margin:0;
}
.tip-3d-secure p + .pseudo-hdg-l3{
margin-top:24px;
}

/* faq-about-container
------------------------------------------------ */
.pseudo-content .faq-about-container{
margin:0 -10px;
padding-top:0;
line-height:1.4;
}
.pseudo-content .faq-about-container >:first-child{
margin-top:16px;
}
.pseudo-content .faq-about-container p{
margin:8px 0 0;
}

.pseudo-content .pseudo-list{
margin-top:12px;
}
.pseudo-content .pseudo-list li{
position:relative;
padding-left:15px;
}
.pseudo-content .pseudo-list.col-02 li{
margin-top:4px;
width:49%;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
}
.pseudo-content .pseudo-list li:not(:first-child){
margin-top:4px;
}
.pseudo-content .pseudo-list li::before{
content:"\30FB";
display:block;
position:absolute;
left:0;
top:0;
}
.pseudo-content .pseudo-list-02{
margin-top:16px;
}
.pseudo-content .pseudo-list-02 li{
position:relative;
padding-left:15px;
}
.pseudo-content .pseudo-list-02 li:not(:first-child){
margin-top:8px;
}
.pseudo-content .pseudo-list-02 li::before{
content:"\30FB";
display:block;
position:absolute;
left:0;
top:0;
}
.pseudo-content .pseudo-note-list-02{
margin-top:4px;
}
.pseudo-content .pseudo-note-list-02 li{
position:relative;
margin-left:1.3em;
text-indent:-1.3em;
line-height:1.45;
color:var(--cmn-font-color-gray);
}
.pseudo-content .pseudo-note-list-02 li:not(:first-child){
margin-top:8px;
}
.pseudo-content .pseudo-note-list-02 li .mark{
margin-right:4px;
}
.pseudo-content .pseudo-link-02 {
margin-top:24px;
text-align:right;
}

/* icon-blank
------------------------------------------------ */
.icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* carrier-link-external
------------------------------------------------ */
.carrier-link-external a{
font-weight:normal;
font-size:11px;
}
.carrier-link-external a:link,
.carrier-link-external a:visited,
.carrier-link-external a:hover,
.carrier-link-external a:active{
color:#555;
}
.carrier-link-external a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #555;
border-right:1px solid #555;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.carrier-link-external a:after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg);
content:"";
}

/* ticket-header-container
------------------------------------------------ */
.ticket-header-container{
margin:0 -10px;
margin-bottom:10px;
padding:0 10px;
}
.ticket-header-container .ticket-header{
display:-webkit-box;
display:flex;
margin:0 -10px;
margin-bottom:10px;
padding:10px;
background-color:#f5f5f5;
}
.ticket-header-container .ticket-header .ticket-header-sup{
display:-webkit-box;
display:flex;
flex:1;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
}
.ticket-header-container .ticket-header .ticket-header-sup > span{
font-weight:bold;
font-size:12px;
}
.ticket-header-container .ticket-header .ticket-header-detail{
display:-webkit-box;
display:flex;
width:220px;
-webkit-box-pack:end;
justify-content:flex-end;
}
.ticket-header-container .ticket-header .ticket-header-detail > div:last-child{
text-align:right;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-price{
color:var(--cmn-font-color-red);
font-size:11px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-price .font-num{
font-weight:bold;
font-size:17px;
font-family:Arial;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-sup{
display:inline-block;
font-size:11px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-note{
display:block;
font-size:11px;
}
.ticket-header-container .ticket-header .ticket-header-detail .ticket-header-detail-btn{
padding:1px 0;
border:1px solid #bbb;
border-radius:3px;
width:30px;
height:24px;
background:none;
background-color:#fff;
box-shadow:inset 0 -2px 0 0 rgba(187, 187, 187, 1);
font-size:11px;
line-height:1;
}
.ticket-header-container .ticket-header-att{
position:relative;
margin-bottom:5px;
padding-left:18px;
font-size:12px;
}
.ticket-header-container .ticket-header-att::before{
display:block;
position:absolute;
top:0;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:top;
}
.ticket-header-container .ticket-header-notes > li{
margin-left:1em;
font-size:11px;
}
.ticket-header-container .ticket-header-notes > li::before{
display:inline-block;
content:"\30FB";
text-indent:-1em;
}
.ticket-header-container .ticket-header-notes > li:not(:first-child){
margin-top:3px;
}
.ticket-header-container .ticket-header-notes > li em{
color:var(--cmn-font-color-red);
}

/* sticky-sch
------------------------------------------------ */
.sch-add .sch-add-guide > li {
font-size: 11px;
}
.sticky-sch{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sticky-sch > div:first-child{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
margin-right:10px;
width:140px;
color:#fff;
}
.sticky-sch > div:last-child{
flex:1;
text-align:right;
-webkit-box-flex:1;
}
.sticky-sch .sticky-sch-sup{
margin-top:2px;
font-size:11px;
}
.sticky-sch .sticky-sch-note{
display:block;
width:100%;
text-align:right;
font-size:11px;
}
.sticky-sch .sticky-sch-price{
flex:1;
text-align:right;
font-size:11px;
-webkit-box-flex:1;
}
.sticky-sch .sticky-sch-price .font-num{
font-weight:bold;
font-size:18px;
font-family:Arial;
}
.sticky-sch .sticky-sch-btn{
display:block;
padding:5px 3px 8px;
border:none;
border-radius:4px;
width:100%;
min-height:45px;
color:#fff;
background-color:#78ae0e;
box-shadow:0 -4px 0 #608c03 inset;
text-align:center;
text-shadow:1px 2px 0 rgba(4, 0, 0, .1);
font-weight:bold;
font-size:16px;
line-height:1.2;
}
.sch-container + .sticky-box .sticky-sch > div:first-child {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
flex:  inherit;
-webkit-box-flex: inherit;
padding-left: 0;
}

/* .agt-link
----------------------------------------------- */
.agt-link{
margin:10px 0;
color:var(--cmn-font-color-base);
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 > span{
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 .agt-link-info{
border: 1px solid #ddd;
margin: 0 5px;
padding: 10px;
font-size: 13px;
text-align: left;
}

/* .cache-info-item
----------------------------------------------- */
.cache-info-item .cache-info{
font-weight: bold;
}

/* .cache-info
----------------------------------------------- */
.cache-info{
font-size: 14px;
text-align: center;
margin-top: 12px;
}
.cache-info .cache-note{
color: #666;
font-size: 11px;
margin-top: 10px;
font-weight: normal;
}

/* .agt-move-price-tbl
----------------------------------------------- */
.agt-link.flight-dtl{
margin-bottom: 100px;
}
.agt-move-price-tbl{
border: 1px solid #ccc;
margin: 12px 0 10px;
}
.agt-move-price-tbl-tr{
display: table;
width: 100%;
box-sizing: border-box;
}
.agt-move-price-tbl-tr:first-child{
padding: 6px 8px 3px;
text-align: left;
}
.agt-move-price-tbl-tr:last-child{
border-top:1px solid #ccc;
padding: 5px 8px;
}
.agt-move-price-tbl-td{
display: table-cell;
}
.agt-move-price-tbl-tr:first-child .agt-move-price-tbl-td:first-child{
text-align: left;
font-size: 11px;
vertical-align: middle;
width: 90px;
}
.agt-move-price-tbl-tr:first-child .agt-move-price-tbl-td:first-child .cmn-tip-btn{
vertical-align: text-top;
}
.agt-move-price-tbl-tr:first-child .agt-move-price-tbl-td:first-child .price-about{
margin-top: 4px;
}
.agt-move-price-tbl-td .flight-detail-item .airline-item{
margin-top: 3px;
min-height: 34px;
}
.agt-move-price-tbl-td .flight-detail-item .flight-detail-list{
width: 250px;
margin: 0 auto;
}
.agt-move-price-tbl-td .flight-detail-item .airline-item .logo{
padding-right: 0;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col{
vertical-align: middle;
display: inline-block;
max-width: 90px;
line-height: 1.4;
vertical-align: top;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:first-child{
padding-right:15px;
color:#a4a4a4;
text-align:right;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .price-about{
display: inline-block;
font-size: 11px;
text-align: left;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .price-about{
display: block;
font-size: 11px;
text-align: right;
font-weight: normal;
color: #333;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .price-about .num,
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .price-about .num{
font-size: 12px;
font-weight: normal;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .num{
font-size:16px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child{
padding-left:15px;
color:var(--cmn-font-color-red);
vertical-align:middle;
text-align:left;
position: relative;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .num{
font-weight:bold;
font-size:17px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child:before{
display:inline-block;
position:absolute;
top:50%;
left:-8px;
margin-top:-8px;
width:17px;
height:12px;
background:url(/element_sp/w_air/shared/images/icon-arrow-03.svg) top left no-repeat;
background-size:17px 12px;
content:"";
}
.agt-move-price-tbl-td .agt-hotel-check-num{
padding: 0 8px 4px;
margin-top: -4px;
}
.tax.include {
margin-left: 2px;
color: #2b65a0;
}
.agt-flight-seat,
.agt-flight-luggage{
text-align: left;
font-size: 11px;
margin-bottom: 3px;
}
.agt-flight-luggage{
margin-bottom: 12px;
}
.agt-flight-luggage a{
color: #666;
text-decoration: underline;
}
.agt-plan-dtl,
.agt-check-num{
text-align: left;
font-size: 12px;
}
.agt-plan-dtl .num,
.agt-check-num .num{
font-size: 13px;
}
.agt-check-num b.num{
font-size: 14px;
}
@media screen and (max-width: 330px){
.agt-move-price-tbl-td .flight-detail-item .flight-detail-list{
width: 100%;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col .num{
font-size:15px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child .num {
font-size: 16px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col {
max-width: 85px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:first-child {
padding-right: 10px;
}
.agt-move-price-tbl-td .agt-move-price-tbl-td-col:last-child {
padding-left: 10px;
}
.btn-container-02 .btn-11{
font-size:13px;
}
}

/* .agt-move-price-tbl
------------------------------------------------ */
.agt-move-price-tbl.agt-tour .airline-item .txt-hdg{
vertical-align: top;
font-weight: bold;
font-size: 13px;
}
.agt-tour .agt-move-price-tbl-td .flight-detail-item .airline-item .logo{
position: relative;
padding-left: 60px;
line-height: 1.6;
vertical-align: top;
}
.agt-tour .agt-move-price-tbl-td .flight-detail-item .airline-item .logo > span{
position: absolute;
left: 0;
top: 0;
}
.agt-tour .luggage-info{
font-size: 11px;
text-align: left;
margin: -18px 0 5px;
}
.agt-hotel-name{
text-align: left;
font-size: 13px;
margin-bottom: 10px;
}
.agt-hotel-check-num{
text-align: left;
font-size: 11px;
}
.agt-hotel-check-num .num{
font-size: 12px;
}
.agt-hotel-check-num b.num{
font-size: 14px;
}
.agt-hotel-plan{
text-align: left;
font-size: 11px;
margin-top: 3px;
}
.agt-hotel-plan .ic-meal{
display: inline-block;
border: 1px solid #ccc;
padding: 2px 4px;
line-height: 1;
margin-left: 5px;
vertical-align: middle;
}

/* btn-container-02btn-container-02
------------------------------------------------ */
.btn-container-02{
margin:5px auto 0;
width: 85%;
display: table;
}
.btn-container-02 > li{
display: table-cell;
padding-right: 5px;
width: 50%;
}
.btn-container-02 > li:last-child{
padding-right:0;
padding-left:5px;
}
.btn-container-02 > li:only-of-type{
padding-left:0;
}
.btn-11 {
padding: 6px 5px 9px;
border: 1px solid #bbb;
border-radius: 5px;
width: 100%;
max-height: 51px;
color: #666;
font-weight: bold;
background: #fff;
vertical-align: middle;
text-align: center;
font-size: 14px;
line-height: 1.3;
}
.btn-11 .txt-ilb{
display: block;
}

/* btn-notes
------------------------------------------------ */
.btn-notes{
display:block;
margin:10px 0 0;
color:#fff;
font-weight:normal;
font-size:10px;
}
.btn-notes .mark{
margin-left:1em;
text-indent:-1em;
font-size: 11px;
}
.btn-notes a{
color:#fff;
text-decoration:underline;
}

/* .detail-sticky-container.str-separate
----------------------------------------------- */
.detail-sticky-container > .detail-plan-header{
background: none;
margin: 0 0 10px 0;
padding: 0;
}
.detail-sticky-container > .detail-plan-header + .detail-plan-header {
margin: -10px -10px 0;
padding: 10px;
background-color: #cfcfcf;
}

/* .airline-item
----------------------------------------------- */
.flight-detail-item .airline-item{
display: table;
width: 100%;
margin: 10px 0 0;
font-size: 11px;
}
.flight-detail-item .airline-item > div{
display: table-cell;
vertical-align: middle;
}
.airline-item .txt-hdg{
width: 30px;
}
.airline-item .logo{
line-height: 1;
text-align: left;
padding-right: 15px;
}
.airline-item .logo > span{
display: inline-block;
padding: 1px;
margin-left: 5px;
vertical-align: middle;
}
.airline-item .logo > span img{
max-width: 48px;
}
.airline-item .txt-name{
font-size: 11px;
padding: 0 5px;
}
.airline-item .txt-name .alliance-logo,
.airline-item .logo > .alliance-logo{
display: inline-block;
border: 1px solid #ccc;
margin-left: 3px;
}
.airline-item .txt-name img,
.airline-item .logo > .alliance-logo img {
max-width: 15px;
max-height: 15px;
vertical-align: middle;
line-height: 1;
}
.airline-item .btn-detail{
width: 72px;
}
.airline-item .btn-detail button{
padding: 0;
border: 1px solid #bbb;
border-radius: 3px;
width: 72px;
height: 25px;
color: #555;
background-color: #fff;
box-shadow: 0 -1px 0 #bbb inset;
font-size: 10px;
}

/* .airline-item
----------------------------------------------- */
.flight-detail-list{
display: table;
width:100%;
}
.flight-detail-list + .airline-item{
margin-top: 5px;
padding-top: 5px;
border-top: 1px dotted #ccc;
}
.flight-detail-list > div{
display: table-cell;
white-space: nowrap;
vertical-align: middle;
}
.flight-detail-list > .item-filter{
width: 30px;
font-size: 11px;
padding-right: 7px;
}
.flight-detail-list > .item-filter span{
display: block;
color: #666;
}
.flight-detail-list > .item-filter .btn-filter{
font-size: 0;
width: 22px;
height: 21px;
margin: 5px 0 1px;
position: relative;
background: url(/element_sp/w_hotel/shared/images/icon-filter-off.svg) no-repeat;
background-size: 12px 12px;
background-position: 4px 3px;
text-indent: -9999px;
}
.flight-detail-list > .item-filter .btn-filter.is-active{
background-image: url(/element_sp/w_hotel/shared/images/icon-filter-on.svg);
}
.flight-detail-list > .date-detail{
width: auto;
}
.flight-detail-list > .date-detail span{
display: block;
line-height: 1.2;
}
.flight-detail-list > .date-detail span.num{
display: inline;
}
.flight-detail-list > .date-detail .date{
font-size: 11px;
}
.flight-detail-list > .date-detail .time{
font-size: 13px;
font-weight: bold;
font-family: Arial;
}
.flight-detail-list > .date-detail .airport{
font-size: 12px;
font-family: Arial;
}
.flight-detail-list > .date-detail.dpt .date-detail-item{
display: inline-block;
float: right;
text-align: left;
}

/* .time-detail
----------------------------------------------- */
.flight-detail-list > .time-detail{
font-size: 11px;
width: 162px;
padding: 0 7px;
text-align: center;
box-sizing: border-box;
}
.flight-detail-list > .time-detail.dpt,
.flight-detail-list > .time-detail.arv{
width: auto;
}
.flight-detail-list > .time-detail .flight-time{
position: relative;
}
.flight-detail-list > .time-detail .flight-time .cmn-tip-btn,
.flight-detail-list > .time-detail .flight-time .cmn-tip-info-btn{
margin: -2px 0 0 2px;
vertical-align: middle;
}
.flight-detail-list > .time-detail .seat-class{
position: relative;
margin-top: 12px;
}
.flight-detail-list > .time-detail .seat-class:before {
display: block;
position: absolute;
right: 50%;
margin-right: -73px;
top: -11px;
border-width: 5px 0 5px 5px;
border-style: solid;
border-color: transparent transparent transparent #aaa;
width: 0;
height: 0;
content: "";
}
.flight-detail-list > .time-detail .seat-class::after {
display: block;
position: absolute;
top: -7px;
left: 50%;
margin-left: -76px;
border-top: 2px solid #aaa;
width: 145px;
height: 1px;
content: "";
}
.flight-detail-list > .time-detail .seat-class.transit-01 > span::before {
display: block;
position: absolute;
top: -9px;
left: 50%;
z-index: 1;
margin-left: -4px;
border: 2px solid #aaa;
border-radius: 50%;
width: 3px;
height: 3px;
background-color: #fff;
content: "";
}
[class*="ico-transit-"] {
overflow: hidden;
display: inline-block;
position: relative;
margin: 0 3px;
padding-top: 11px;
width: 14px;
height: 0;
background-position: 0 0;
background-size: 100%;
background-repeat: no-repeat;
vertical-align: middle;
line-height: 2;
}
.ico-transit-01 {
top: -1px;
padding-top: 10px;
width: 12px;
background-image: url(/element_sp/w_hotel/shared/images/icon-car-gray.svg);
}
.txt-imp {
color:var(--cmn-font-color-red);
}
.agt-flight-luggage a {
color: #666;
text-decoration: underline;
}

/* .error-item
----------------------------------------------- */
.error-item{
text-align: center;
padding: 20px 0 60px;
background: #fff;
margin-bottom: -20px;
}
.error-item .error-hdg{
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
}
.error-item .error-txt{
font-size: 13px;
margin-bottom: 20px;
text-align: left;
padding: 0 8px;
}
.error-item .error-txt.center{
text-align: center;
}
.error-item .btn-error{
border: 1px solid #bbb;
border-radius: 5px;
font-size: 13px;
background: #fff;
color: #666;
text-align: center;
padding: 4px 8px;
font-weight: bold;
}
.filter-dp .error-item .error-txt{
font-size: 12px;
}
.error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
text-align:left;
}
.error-align-c{
text-align:center;
font-size:14px;
}
.error-item strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.error-item p:not([class]){
font-size:14px;
text-align: left;
}
.error-item .txt-notfound{
font-size:12px;
text-align: left;
}
.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;
text-align: center;
font-size: 14px;
background-color: #fff;
font-weight:normal;
box-shadow: 0 0 0;
text-shadow: inherit;
width:150px;
box-sizing:border-box;
}

/* .error-catch
----------------------------------------------- */
.error-catch{
font-size: 14px;
margin:10px 0 15px;
font-weight: bold;
}
.agt-link .error-catch{
margin-top: -4px;
}
.error-catch-txt{
font-size: 14px;
text-align: left;
}
.error-catch-txt.center{
text-align: center;
}
.error-catch-btn-item{
text-align: center;
margin-top: 30px;
}
.btn-catch-error{
border: 1px solid #bbb;
border-radius: 5px;
min-width: 200px;
min-height: 38px;
color: #666;
font-size: 13px;
background: #fff;
font-weight: bold;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
margin:15px 0 20px;
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;
font-size:13px;
line-height:1.3;
}
.pager.is-disabled{
opacity:.33;
position:relative;
}
.pager.is-disabled::before {
content: '';
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#555;
text-align:center;
}
.pager > li.pager-first{
margin-right:6px;
}
.pager > li.pager-first + .pager-prev{
margin-left:0;
}
.pager > li.pager-prev{
margin-left:51px;
}
.pager > li.pager-current{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}
.pager > li.pager-current span{
font-family:Arial;
}
.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}
.pager > li.pager-current > b > span{
font-size:15px;
}
.pager > li.pager-current:first-child{
margin-left:96px;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-next{
width:96px;
}

/* Clear-fix
----------------------------------------------------------------- */
.child-box:before,
.child-box:after{
content:"";
display:table;
}
.child-box:after{
clear:both;
}

/* for android app
---------------------------------- */
/* for android app
---------------------------------- */
.is-app-android .form-box-idx .form-submit-container,
.is-app-android .box-fixed,
.is-app-android .calendar-sticky-box,
.is-app-android .lyt-sticky,
.is-app-android .departurePlace_Area{
padding-bottom:57px!important;
}
.is-app-android #Act_search_menu.box-fixed.box-fixed{
padding:10px!important;
}
.is-app-android .search-index-inner .form-search-index-btn-act{
padding-bottom:57px;
}
.is-app-android .search-index-inner .form-search-index-btn-act.is-static{
padding-bottom:0;
}

/* for ios
---------------------------------- */
.is-ios [role=page],
.is-ios [role=dialog],
.is-ios [data-role=dialog],
.is-ios [data-role=page],
.act_page{
display:none
}
.is-ios [role=page].page-active,
.is-ios [role=dialog].page-active,
.is-ios [data-role=dialog].page-active,
.is-ios [data-role=page].page-active,
.act_page.act_page-active{
display:block;
}

/* for Google App
----------------------------------------------------------------- */
.support-app-google .form-box-idx .form-submit-container,
.support-app-google .box-fixed,
.support-app-google .calendar-sticky-box,
.support-app-google .lyt-sticky,
.support-app-google .departurePlace_Area{
padding-bottom:145px;
}
.support-app-google form.filter-list{
padding-bottom:228px;
}
.support-app-google .filter .box-fixed{
padding-bottom:10px;
}
.support-app-google .calendar-guide{
padding-bottom:70px;
}
.support-app-google .cmn-modal .cmn-modal-inner{
margin-top:70px;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
margin:0 -10px;
}
main .special-info-nav a{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 11px no-repeat #fff;
background-size:14px 12px;
padding:9px 10px 8px 28px;
min-height:36px;
box-sizing:border-box;
}

/* .pseudo-special-info
---------------------------------- */
.pseudo-special-info[role=dialog]{
display:none;
height:100%;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
color:var(--cmn-font-color-base);
}
.pseudo-special-info[role=dialog].is-active{
display:-webkit-box;
display:flex;
opacity: 1;
}
.pseudo-special-info .pseudo-special-info-content{
margin:0;
padding:16px 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
color:var(--cmn-font-color-base);
}
.pseudo-special-info .pseudo-special-info-content > :first-child{
margin-top:0 !important;
}
.pseudo-special-info .pseudo-special-info-header-hdg{
padding:8px 55px;
margin:0;
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-special-info .pseudo-special-info-header-hdg h2{
padding:0;
box-sizing:border-box;
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-special-info .pseudo-special-info-header-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_dp/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}
.pseudo-special-info .special-info-point{
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-sup{
font-size:12px;
margin:0;
}
.pseudo-special-info .special-info-desc{
margin-top:8px;
}
.pseudo-special-info .special-info-desc p{
margin-top:4px;
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-desc p:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.pseudo-special-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
}
.pseudo-special-info .special-info-tabs{
margin:8px -10px 16px;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:var(--cmn-font-color-base);
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li button{
position:relative;
background:none;
border:none;
margin:0;
display:block;
padding:11px 12px 10px;
color:var(--cmn-font-color-base);
font-size:14px;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li button::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.pseudo-special-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.pseudo-special-info .special-info-status{
margin-top:24px;
}
.pseudo-special-info .special-info-status.branch{
margin-top:12px;
}
.pseudo-special-info .special-info-status .special-info-status-list{
font-size:0;
}
.pseudo-special-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.pseudo-special-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.pseudo-special-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.pseudo-special-info .special-info-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-note-list li > span{
margin-right:4px;
}
.pseudo-special-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:#777;
}
.pseudo-special-info .special-info-guide > li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.pseudo-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.pseudo-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:13px;
}
.pseudo-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:2px;
right:4px;
content:":";
display:block;
}
.pseudo-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-link.right{
text-align:right;
}
.pseudo-special-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.pseudo-special-info .special-info-tgl{
margin-top:8px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item{
display:none;
margin-top:8px;
padding-bottom:4px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-hook{
display:inline-block;
cursor:pointer;
margin:0;
padding:0 0 0 13px;
border:none;
background:none;
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:8px 5px;
font-size:12px;
font-weight:normal;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-item{
display:block;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-hook{
background-position:0 6px;
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg);
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-hook{
margin:0;
padding:8px 20px 8px 0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px 7px;
font-weight:normal;
cursor:pointer;
font-size:16px;
border-bottom:1px solid #e5e5e5;
line-height:calc(20 / 16);
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
border-bottom:none;
}
.pseudo-special-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.pseudo-special-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:8px 6px 8px 8px;
width:100px;
box-sizing:border-box;
}
.pseudo-special-info .special-info-tbl td{
padding:8px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl td >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tbl-list{
margin:4px 0 0;
}
.pseudo-special-info .special-info-tbl-list li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.pseudo-special-info .special-info-tbl-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.pseudo-special-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:#777;
}
.pseudo-special-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* for special information
---------------------------------- */
.special-info{
background-color: rgba(255,255,255,.7);
text-align: center;
padding: 8px 4px;
margin-bottom: 12px;
border-radius: 4px;
font-size: 14px;
line-height: calc(17 / 12);
color: var(--cmn-dashed-font-color);
}
.special-info ul{
margin:0;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* .icon-required
----------------------------------------------- */
.icon-required{
margin-left:2px;
padding-top:7px;
vertical-align:middle;
overflow:hidden;
display:inline-block;
width:7px;
height:0;
position:relative;
top:-1px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 0 no-repeat;
}

.form-search-lyt-item.date .icon-required,
.form-search-lyt-item.num .icon-required{
position:absolute;
top:50%;
left:2.1em;
transform:translateY(-50%);
}

/* footer Info
----------------------------------------------- */
main .cmn-notice-list{
margin-bottom:14px;
}
main .seo-card-container .cmn-notice-list {
margin-bottom:6px;
color:#fff;
}

/* .app-loading
----------------------------------------------- */
.app-loading{
padding:10px 0;
}