button,
select{
cursor:pointer;
}

button[disabled],
select[disabled]{
cursor:default;
color:#ccc;
}
input[type='text'][disabled]{
color:#ccc;
background:#e9e9e9;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}

/* ----------------------------------------------------------------
Base Setting
----------------------------------------------------------------- */
#one_column strong,
#two_column_right strong,
#two_column_left strong,
.cmn-modal-select strong{
color:var(--cmn-font-color-red);
}
.image-list-rank:before,
.lyt-col-2:before,
.lyt-col-3:before,
.lyt-col-4:before,
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.lyt-bus-top:before,
.search-result .search-result-inner:before,
.search-result .search-result-footer:before,
.search-filter-container .search-filter-lyt:before,
.search-filter-container .search-filter-theme-list:before,
.image-list-rank:after,
.lyt-col-2:after,
.lyt-col-3:after,
.lyt-col-4:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.lyt-bus-top:after,
.search-result .search-result-inner:after,
.search-result .search-result-footer:after,
.search-filter-container .search-filter-lyt:after,
.search-filter-container .search-filter-theme-list:after{
content:'';
display:table;
}
.image-list-rank:after,
.lyt-col-2:after,
.lyt-col-3:after,
.lyt-col-4:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.lyt-bus-top:after,
.search-result .search-result-inner:after,
.search-result .search-result-footer:after,
.search-filter-container .search-filter-lyt:after,
.search-filter-container .search-filter-theme-list:after{
clear:both;
}

/* RENEWAL CMN OVERRIDE
---------------------------------- */
.cmn-tip-box .cmn-tip-hdg-01{
padding-left:0;
}
.cmn-tip-box .cmn-tip-hdg-01::before{
display:none;
}

/* ----------------------------------------------------------------
headings
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
padding:12px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.menu-header-container .menu-header{
display: block;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
font-size: 30px;
line-height: 1.25;
}
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:focus{
color:#fff;
text-decoration:none;
font-size:30px;
}
.menu-header-container .menu-header-agt-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 8px;
background-color:#fff;
height:30px;
}
.menu-header-container .menu-header-agt-sup{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
margin-right:8px;
}
.menu-header-container .menu-header-agt{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
}

/* .menu-header-btn
----------------------------------------------- */
.menu-header-container .menu-header-btn{
padding:0 18px 0 8px;
border:none;
border-radius:3px;
color:var(--cmn-font-color-base);
position:absolute;
top:17px;
left:280px;
height:24px;
box-shadow:0 1px 0 rgba(0, 0, 0, .3);
background-color:#fff;
font-size:13px;
text-align:left;
font-family:Arial;
}
.menu-header-container .menu-header-btn::after{
margin:auto 0;
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
right:10px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.menu-header-container .menu-header-btn b{
color:var(--cmn-font-color-red);
font-weight:normal;
}
/* .menu-header-container > .menu-header-sup
  ----------------------------------------------- */
.menu-header-container .menu-header-sup{
font-size: 14px;
margin: 8px 0;
line-height: 1.45;
}
/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position: absolute;
top: 58px;
right: 20px;
font-size: 12px;
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}
.menu-header-container .menu-header-link{
position:absolute;
right:25px;
top:55px;
}
.menu-header-container .menu-header-link a,
.menu-header-container .menu-header-link:link,
.menu-header-container .menu-header-link:visited,
.menu-header-container .menu-header-link:hover,
.menu-header-container .menu-header-link:active{
color:#fff;
}
.menu-header-container .menu-header-link a:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
.menu-header-container .menu-header-agt:after{
color:var(--cmn-font-color-base);
content:"...";
font-size:16px;
}
.menu-header-container .menu-header-agt > li img{
vertical-align:middle;
}
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
position:absolute;
top:16px;
right:20px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:not(:first-child){
border-left:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history{
position:relative;
}
.menu-header-container .menu-header-utility .history-hook{
padding:0 10px;
border:none;
color:#fff;
min-height:26px;
height:100%;
background:none;
font-size:12px;
}
.menu-header-container .menu-header-utility .history-hook:active,
.menu-header-container .menu-header-utility .history-hook:hover,
.menu-header-container .menu-header-utility .history-hook:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-hook .num{
display:inline-block;
}
.menu-header-container .menu-header-utility .history-hook .num b{
margin:0 5px;
display:inline-block;
font-size:16px;
}
.menu-header-container .search-index-link-btn{
position:absolute;
padding-left:12px;
padding-right:0;
color:#fff !important;
display:inline-block;
vertical-align:middle;
font-size:12px;
text-align:right;
white-space:nowrap;
top:19px;
right:134px;
background:transparent;
border:none;
}
.error-page .menu-header-container .search-index-link-btn{
right:25px;
}
.menu-header-container .search-index-link-btn:before{
position:absolute;
display:block;
width:4px;
height:4px;
content:'';
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #fff;
border-bottom:1px solid #fff;
top:7px;
left:0;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:30px 0 10px;
padding-left:15px;
position:relative;
font-size:16px;
display:flex !important;
align-items:center;
}
.hdg-l2:before{
content:'';
position:absolute;
display:block;
width:6px;
height:100%;
overflow:hidden;
top:0;
left:0;
}
.hdg-l2:before{
background-color:#71b519;
}
.hdg-l2 .hdg-l2-note,
.hdg-l2-01 .hdg-l2-note{
font-size:11px;
font-weight:normal;
position:relative;
margin:auto 0.5em;
}
.hdg-l2 .hdg-l2-note li,
.hdg-l2-01 .hdg-l2-note li{
display:block;
padding-left:1em;
position:relative;
color:var(--cmn-font-color-gray);
}
.hdg-l2 .hdg-l2-note li:before,
.hdg-l2-01 .hdg-l2-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:'\203b';
}
.hdg-l2-container{
margin:30px 0 10px;
padding-left:15px;
position:relative;
}
.hdg-l2-container .hdg-l2{
margin:0;
padding:0;
display:inline-block;
position:static;
}
.hdg-l2-container .hdg-l2-sup{
margin-left:5px;
display:inline-block;
font-size:11px;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
margin:30px 0 10px;
padding:8px 10px 4px 25px;
border-bottom:1px solid #fff;
box-shadow:0 1px 0 rgba(0, 0, 0, 0.15);
position:relative;
background-color:#f7f7f7;
font-size:15px;
display:flex !important;
align-items:center;
}
.hdg-l2-01:before{
content:'';
position:absolute;
display:block;
width:4px;
height:50%;
overflow:hidden;
top:25%;
left:10px;
}
.hdg-l2-01:before{
border:1px solid #555;
background-image:-webkit-linear-gradient(#777 50%, #323232 50%);
background-image:linear-gradient(#777 50%, #323232 50%);
background-color:#323232;
}

/* hdg-l2-01-container
---------------------------------- */
.hdg-l2-01-container{
margin:30px 0 20px;
padding:8px 10px 4px 25px;
box-shadow:0 1px 0 rgba(0, 0, 0, 0.15);
border-bottom:1px solid #fff;
background-color:#f7f7f7;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
}
.hdg-l2-01-container::before{
content:"";
position:absolute;
display:block;
width:4px;
height:50%;
overflow:hidden;
top:25%;
left:10px;
border:1px solid #555;
background-image:-webkit-linear-gradient(#777 50%, #323232 50%);
background-image:linear-gradient(#777 50%, #323232 50%);
background-color:#323232;
}
.hdg-l2-01-container .hdg-l2-01{
padding:0;
margin:0;
box-shadow:none;
font-size:15px;
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
background-color: transparent;
border-bottom:none;
}
.hdg-l2-01-container .hdg-l2-01::before{
display: none;
}
.hdg-l2-01-container .card-item-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
}
.hdg-l2-01-container .card-item-more a{
color:var(--cmn-font-color-base);
}
.hdg-l2-01-container .card-item-more::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  .important-info-link
----------------------------------------------------------------- */
/* .important-info-link-lyt
----------------------------------------------- */
.important-info-link-lyt{
margin:20px 0 15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

/* .important-info-link
----------------------------------------------- */
.important-info-link{
margin:0 0 15px;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
}
.important-info-link .sup{
margin-left:5px;
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
font-weight:normal;
vertical-align:middle;
}
.important-info-link strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
#two_column_right .important-info-link{
margin:20px 0 10px;
}
.important-info-link-lyt .important-info-link{
margin-bottom:0;
min-width:225px;
padding:10px;
font-size:15px;
line-height:1;
box-sizing:border-box;
}
.important-info-link b,
.important-info-text-link b{
color:var(--cmn-font-color-red);
}
.important-info-text-link b{
font-weight:normal;
}
.important-info-checkbox input{
margin:0 10px 0 0;
}
.important-info-text-link{
margin:auto 0;
margin-left:20px;
}
.important-info-link-lyt > .important-info-text-link:first-child{
margin-left:0!important;
}
.important-info-text-link a{
color:var(--cmn-font-color-gray);
text-decoration:none;
font-size:13px;
}
.important-info-text-link a > span{
text-decoration:underline;
}
.important-info-text-link a > b{
margin-right:4px;
color:var(--cmn-font-color-red);
display:inline-block;
font-family:Arial;
font-size:11px;
font-weight:normal;
}

/* .important-info-btn
----------------------------------------------- */
.important-info-link .important-info-btn{
padding:8px 7px 6px 10px;
border:none;
position:relative;
box-sizing:border-box;
width:100%;
background-color:#fff;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
}
.important-info-link .important-info-btn::before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
top:50%;
right:10px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-link .important-info-btn > b{
color:var(--cmn-font-color-red);
}
#two_column_right .important-info-link-lyt .important-info-link:last-child{
margin-left:10px;
width:250px;
}

/* .important-info-btn-01
----------------------------------------------- */
.important-info-link .important-info-btn-01{
padding:8px 20px 6px 15px;
border:none;
color:var(--cmn-font-color-base);
position:relative;
box-sizing:border-box;
width:100%;
height:100%;
background:none;
text-align:left;
font-size:13px;
}
.important-info-link .important-info-btn-01::before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
top:50%;
right:10px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
paragraph
----------------------------------------------------------------- */

/* .catch
----------------------------------------------- */
.catch{
margin:25px 0;
font-weight:bold;
font-size:20px;
text-align:center;
}

/* .description
----------------------------------------------- */
.description,
.description-l{
margin-top:10px;
padding-left:18px;
position:relative;
font-size:14px;
}
.description:before,
.description-l:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:6px 6px 0 6px;
border-color:#333 transparent transparent transparent;
border-style:solid;
}
.description:before,
.description-l:before{
top:6px;
left:0;
border-width:8px 6px 0 6px;
}
.lyt-bus-top-main > .description:first-child,
.lyt-bus-top-main > .description-l:first-child{
margin-top:-25px;
padding-bottom:5px;
}

/* .description-l
----------------------------------------------- */
.description-l{
margin-top:0;
font-weight:bold;
font-size:16px;
}
.description-l:before{
top:8px;
}

/* ----------------------------------------------------------------
list
----------------------------------------------------------------- */
/* .list-image
----------------------------------------------- */
.list-image > li{
margin-bottom:20px;
}
.list-image > li > img{
margin:0 auto 5px;
display:block;
}
.list-image > li > .list-image-catch{
display:block;
font-weight:normal;
font-size:16px;
}
/* .list-line
----------------------------------------------- */
.list-line{
margin-top:-5px;
}
.list-line > li{
margin-top:5px;
display:inline-block;
}
.list-line > li:not(:last-child):after{
margin-left:2px;
content:'\ff0f';
display:inline-block;
}
.list-line > li.is-disabled{
color:#ccc;
}
.list-line > li .payment-guide{
margin-left:4px;
}
.list-line > li .payment-guide .cmn-tip-btn{
position:relative;
margin-left:4px;
}
/* .list-tag
----------------------------------------------- */
.list-tag{
margin-top:10px;
line-height:1.25;
font-size:12px;
}
.list-tag > li{
display:inline-block;
}
.list-tag > li:not(:first-child){
margin-left:8px;
padding-left:10px;
border-left:1px solid #ccc;
}
.list-tag > li > ul{
overflow:hidden;
}
.list-tag > li > ul > li{
margin-right:5px;
padding:2px 4px 1px;
border:1px solid #d9d9d9;
border-radius:3px;
float:left;
background-color:#fff;
}
.list-tag > li > ul > li:last-child{
margin-right:0;
}
.list-tag > li > ul > li.is-disabled{
color:rgba(0, 0, 0, 0.5);
background-color:#f0f0f0;
}

/* .list-tag-01
----------------------------------------------- */
.list-tag-01{
margin-top:10px;
line-height:1.25;
font-size:12px;
overflow:hidden;
}
.list-tag-01 > li{
margin-right:5px;
padding:2px 4px 1px;
border:1px solid #d9d9d9;
border-radius:3px;
float:left;
background-color:#fff;
}
.list-tag-01 > li:last-child{
margin-right:0;
}
.list-tag-01 > li.is-disabled{
color:rgba(0, 0, 0, 0.5);
background-color:#f0f0f0;
}
/* .list-icon-def
----------------------------------------------- */
.list-icon-def{
color:#555;
font-size:12px;
}
.list-icon-def > li{
padding-left:25px;
position:relative;
}
.list-icon-def > li:not(:first-child){
margin-top:10px;
}
.list-icon-def > li [class*='icon']{
display:block;
position:absolute;
top:-1px;
left:0;
width:18px;
height:18px;
box-sizing:border-box;
text-indent:-9999px;
}
.list-icon-def > li .icon-circle{
border:2px solid var(--cmn-font-color-link);
border-radius:9px;
}
/* .list-bnr
----------------------------------------------- */
.list-bnr{
margin-top:10px;
}
.list-bnr > li:not(:first-child){
margin-top:5px;
}

/* ----------------------------------------------------------------
link
----------------------------------------------------------------- */
/* .link-more
----------------------------------------------- */
.link-more{
margin-top:10px;
font-size:14px;
text-align:right;
}
.link-more > a{
display:inline-block;
padding-left:15px;
color:var(--cmn-font-color-base);
position:relative;
}
.link-more > a:before{
content:'';
position:absolute;
display:block;
width:10px;
height:10px;
overflow:hidden;
top:5px;
left:0;
}
.link-more > a:before{
border-radius:2px;
background-color:#626262;
}
.link-more > a:after{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:3px 0 3px 3px;
border-color:transparent transparent transparent #fff;
border-style:solid;
}
.link-more > a:after{
top:7px;
left:4px;
}
/* .link-list
----------------------------------------------- */
.link-list{
margin-top:10px;
line-height:1.35;
font-size:12px;
}
.link-list > li:not(:first-child){
margin-top:5px;
}
.link-list > li > a{
display:inline-block;
padding-left:8px;
position:relative;
}
.link-list > li > a:after{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 0 4px 4px;
border-color:transparent transparent transparent #ababab;
border-style:solid;
}
.link-list > li > a:after{
top:3px;
left:0;
}
.list-image-catch + .link-list{
margin-top:2.5px;
}
/* .link-list-rank
----------------------------------------------- */
.link-list-rank > li{
margin-bottom:15px;
}
.link-list-rank > li > a{
display:inline-block;
}
.link-list-rank > li > a [class^='rank-icon-']{
padding:3px 4px;
color:#fff;
display:inline-block;
font-size:11px;
line-height:1;
}
.link-list-rank > li > a .rank-icon-1{
background-color:#ecb031;
}
.link-list-rank > li > a .rank-icon-2{
background-color:#808080;
}
.link-list-rank > li > a .rank-icon-3{
background-color:#b88656;
}
.link-list-rank-lyt{
margin-top:3px;
display:table;
width:100%;
}
.link-list-rank-lyt > *{
padding-right:5px;
display:table-cell;
vertical-align:top;
}
.link-list-rank-lyt > *:last-child{
padding-right:0;
text-align:right;
}
.link-list-rank .list-rank-sup{
font-size:11px;
}
.link-list-rank .list-rank-sup > li{
margin-right:10px;
display:inline-block;
}
.link-list-rank .price{
color:var(--cmn-font-color-red);
line-height:1.25;
}
.link-list-rank .price > span{
font-size:20px;
}

/* ----------------------------------------------------------------
nav
----------------------------------------------------------------- */
/* .nav-internal
----------------------------------------------- */
.nav-internal{
margin:20px 0;
overflow:hidden;
font-size:16px;
font-weight:bold;
}
.nav-internal > li{
float:left;
width:175px;
text-align:center;
}
.nav-internal > li:not(:first-child){
margin-left:10px;
}
.nav-internal > li a{
padding:8px 5px 12px;
border:1px solid #ccc;
border-radius:4px;
color:#555;
display:block;
position:relative;
box-shadow:0 -1px 1px #d5d5d5 inset;
background-image:-webkit-linear-gradient(#fff, #f4f4f4);
background-image:linear-gradient(#fff, #f4f4f4);
background-color:#fff;
text-decoration:none;
}
.nav-internal > li a:active,
.nav-internal > li a:hover,
.nav-internal > li a:focus{
background-image:-webkit-linear-gradient(whitesmoke, #eaeaea);
background-image:linear-gradient(whitesmoke, #eaeaea);
background-color:#eaeaea;
}
.nav-internal > li a:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:5px 5px 0 5px;
border-color:#555 transparent transparent transparent;
border-style:solid;
}
.nav-internal > li a:before{
margin-left:-5px;
left:50%;
bottom:5px;
}
/* .calendar-icon-list
----------------------------------------------- */
.calendar-icon-list{
overflow:hidden;
display:flex;
flex-wrap:wrap;
margin-top:12px;
}
.calendar-icon-list li{
font-size:12px;
margin-right:16px;
}
.calendar-icon-list li > div:first-child{
width:12px;
display:inline;
}
.calendar-icon-list li > div:last-child{
display:inline;
}
.calendar-icon-list li > div.icon,
.calendar-icon-list li > div.icon-01,
.calendar-icon-list li > div.icon-03{
position:relative;
}
.calendar-icon-list li > div.icon > span,
.calendar-icon-list li > div.icon-01 > span,
.calendar-icon-list li > div.icon-03 > span{
color:transparent;
}
.calendar-icon-list li > div.icon:before{
content:'';
position:absolute;
left:50%;
top:2px;
border:solid 2px #a4a4a4;
display:block;
width:12px;
height:12px;
border-radius:100%;
margin:0 0 0 -5px;
box-sizing:border-box;
}
.calendar-icon-list li > div.icon-01:before,
.calendar-icon-list li > div.icon-01:after{
margin:0;
content:'';
display:block;
border:none;
border-radius:0;
width:11px;
height:2px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%) rotate(45deg);
-ms-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
background-color:#a4a4a4;
}
.calendar-icon-list li > div.icon-01:after{
width:2px;
height:11px;
}
.calendar-icon-list li > div.icon-02{
display:inline;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1.0;
}
.calendar-icon-list li > div.icon-03:before{
content:'';
position:absolute;
left:50%;
top:2px;
border:double 5px #a4a4a4;
display:block;
width:12px;
height:12px;
border-radius:100%;
margin:0 0 0 -5px;
box-sizing:border-box;
}
.calendar-icon-list li > div:last-child [class]{
vertical-align:middle;
}
.calendar-icon-list li > div:last-child::before{
content:'：';
}
/* .tab
----------------------------------------------- */
.tab{
margin-bottom:15px;
display:table;
width:100%;
text-align:center;
font-size:15px;
}
.tab > li{
display:table-cell;
vertical-align:bottom;
min-width:60px;
}
.tab > li:first-child{
padding-left:1px;
}
.tab > li a{
margin-left:-1px;
padding-top:8px;
border-width:1px 1px 2px;
border-style:solid;
border-color:#b0b0b0;
border-radius:6px 6px 0 0;
color:var(--cmn-font-color-base);
display:block;
height:49px;
line-height:1.25;
box-sizing:border-box;
background-color:#f5f5f5;
text-decoration:none;
}
.tab > li .num{
display:block;
font-size:11px;
font-weight:normal;
}
.tab > li.branch a{
line-height:1.42;
font-size:12px;
}
.tab > li.is-active a{
padding-top:7px;
border-width:2px;
border-bottom:none;
background-color:#fff;
font-weight:bold;
}
.tab > li.is-disabled a{
color:rgba(51, 51, 51, 0.45);
}
/* .tab-01
----------------------------------------------- */
.tab-01{
margin-top:10px;
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
}
.tab-01 > li{
margin-left:5px;
}
.tab-01 .goto-plan{
margin-left:0;
margin-right:auto;
}
.tab-01 > li button{
padding:2px 5px;
border:1px solid #bdbdbd;
border-radius:3px;
color:var(--cmn-font-color-link);
min-width:3.3em;
box-sizing:border-box;
cursor:pointer;
background:none;
font-weight:bold;
}
.tab-01 > li button[disabled]{
color:#555;
cursor:default;
background-color:#f2f2f2;
}
/* .tab-content
----------------------------------------------- */
.tab-content{
margin-bottom:20px;
border-bottom:1px solid #c1c1c1;
display:flex;
align-items:center;
}
.tab-content-list > li{
margin-right:10px;
display:inline-block;
vertical-align:bottom;
}
.tab-content-list > li button{
padding:0;
border-width:1px 1px 0;
border-color:#b0b0b0;
border-style:solid;
border-radius:4px 4px 0 0;
color:#111;
display:block;
min-width:186px;
height:54px;
background-color:#f0f0f0;
font-size:14px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}
.tab-content-list > li button > span{
display:block;
font-weight:normal;
font-size:11px;
}
.tab-content-list > li button:active,
.tab-content-list > li button:hover,
.tab-content-list > li button:focus,
.tab-content-list > li button[disabled]{
margin-bottom:-1px;
padding-bottom:1px;
height:55px;
background-color:#fff;
}
.tab-content-list > li button[disabled]{
cursor:default;
}

.calendar .tab-content{
margin-bottom:12px;
border-bottom:1px solid #c1c1c1;
display:flex;
align-items:center;
}
.calendar .tab-content-list > li{
margin-right:10px;
display:inline-block;
vertical-align:bottom;
}
.calendar .tab-content-list > li button{
padding:4px 8px;
border-width:1px 1px 0;
border-color:#b0b0b0;
border-style:solid;
border-radius:4px 4px 0 0;
color:#111;
display:block;
height:auto;
background-color:#f0f0f0;
font-size:14px;
text-decoration:none;
cursor:default;
}
.calendar .tab-content-list > li button:active,
.calendar .tab-content-list > li button:hover,
.calendar .tab-content-list > li button:focus,
.calendar .tab-content-list > li button[disabled]{
color:#ccc;
margin:0;
}
.calendar .tab-content-list > li button > span{
display:inline-block;
font-weight:normal;
font-size:13px;
}
/* .tab-content-goto-filter
----------------------------------------------- */
.tab-content .tab-content-goto-filter{
margin-left:10px;
}
.tab-content .tab-content-goto-filter label{
padding-left:20px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
cursor:pointer;
font-size:15px;
}
.tab-content .tab-content-goto-filter label input{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:0;
}
.tab-content .tab-content-goto-filter b{
color:var(--cmn-font-color-red);
font-weight:normal;
}
/* .tab-tour-area
----------------------------------------------- */
.tab-tour-area .tab-tour-area-list{
margin:-5px 0 -10px;
display:table;
width:100%;
table-layout:fixed;
}
.tab-tour-area .tab-tour-area-list > li{
display:table-cell;
}
.tab-tour-area .tab-tour-area-list > li button{
padding:6px 2px;
width:100%;
border:none;
cursor:pointer;
line-height:1.25;
background:none;
font-size:14px;
}
.tab-tour-area .tab-tour-area-list > li button[disabled]{
opacity:0.8;
cursor:default;
}
.tab-tour-area .tab-tour-area-list > li .num{
display:inline-block;
font-size:11px;
font-weight:normal;
}
.tab-tour-area .tab-tour-area-list > li.is-active button{
color:#fff;
cursor:default;
background-color:#555;
font-weight:bold;
}
.tab-tour-area .tab-tour-area-item{
display:none;
}
.tab-tour-area .tab-tour-area-item.is-active{
display:block;
}
/* .nav-area-tour-container
----------------------------------------------- */
.nav-area-tour-container{
margin-top:20px;
}
.nav-area-tour-container .nav-area-tour-tab{
display:table;
width:100%;
text-align:center;
}
.nav-area-tour-container .nav-area-tour-tab > li{
display:table-cell;
vertical-align:bottom;
}
.nav-area-tour-container .nav-area-tour-tab > li:first-child{
padding-left:1px;
}
.nav-area-tour-container .nav-area-tour-tab > li > a{
margin-left:-1px;
padding:8px 5px;
border:1px solid #b0b0b0;
color:var(--cmn-font-color-base);
border-radius:4px 4px 0 0;
display:block;
background:#f5f5f5;
font-size:14px;
text-decoration:none;
}
.nav-area-tour-container .nav-area-tour-tab > li.is-active > a{
padding-bottom:9px;
border-bottom:none;
color:var(--cmn-font-color-base);
background:#fff;
}
.nav-area-tour-container .nav-area-tour-item{
padding:15px;
border-width:0 1px 1px;
border-color:#b0b0b0;
border-style:solid;
display:none;
}
.nav-area-tour-container .nav-area-tour-item.is-active{
display:block;
}
.nav-area-tour-container .nav-area-tour-item > :first-child{
margin-top:0;
}
.nav-area-tour-container .nav-area-tour-hdg{
margin:20px 0 10px;
padding:5px 10px 3px;
background-color:#f7f7f7;
font-size:14px;
}
.nav-area-tour-container .nav-area-tour-list-line{
margin:0 10px;
line-height:1.25;
}
.nav-area-tour-container .nav-area-tour-list-line > li{
margin:0 5px 5px 0;
padding-right:8px;
border-right:1px solid #ccc;
display:inline-block;
}
.nav-area-tour-container .nav-area-tour-list-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.nav-area-tour-container .nav-area-tour-list{
margin:10px 10px 0;
line-height:1.25;
}
.nav-area-tour-container .nav-area-tour-list > li{
overflow:hidden;
}
.nav-area-tour-container .nav-area-tour-list > li:not(:first-child){
margin-top:8px;
}
.nav-area-tour-container .nav-area-tour-list > li > b{
display:block;
float:left;
width:7em;
color:#555;
}
.nav-area-tour-container .nav-area-tour-list > li > .nav-area-tour-list-line{
margin:0;
overflow:hidden;
}

/* ----------------------------------------------------------------
button
----------------------------------------------------------------- */
/* .btn-cv
----------------------------------------------- */
.btn-cv{
margin:20px auto;
padding:10px 20px;
color:#fff;
border:none;
border-radius:5px;
display:block;
min-width:160px;
box-shadow:0 -2px 1px #316d00 inset;
background-image:-webkit-linear-gradient(#6fbd00, #599c01);
background-image:linear-gradient(#6fbd00, #599c01);
background-color:#599c01;
cursor:pointer;
font-size:22px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
}
.btn-cv:active,
.btn-cv:hover,
.btn-cv:focus{
background-image:-webkit-linear-gradient(#4f9d02, #4e8901);
background-image:linear-gradient(#4f9d02, #4e8901);
background-color:#4e8901;
}
/* .btn-inquiry
----------------------------------------------- */
.btn-inquiry{
margin:20px auto 0;
padding:8px 30px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#555;
display:block;
cursor:pointer;
box-shadow:0 -1px 1px #d5d5d5 inset;
background-image:-webkit-linear-gradient(#fff, #f4f4f4);
background-image:linear-gradient(#fff, #f4f4f4);
background-color:#fff;
font-size:20px;
font-weight:bold;
}
.btn-inquiry:before{
content:'';
position:relative;
display:inline-block;
width:20px;
height:25px;
overflow:hidden;
top:0;
}
.btn-inquiry:before{
margin-right:5px;
padding-bottom:2px;
vertical-align:bottom;
background:url(/element/j_bustour/shared/images/icon-phone.svg) 0 0 no-repeat;
background-size:100% auto;
}
.btn-inquiry:active,
.btn-inquiry:hover,
.btn-inquiry:focus{
background-image:-webkit-linear-gradient(whitesmoke, #eaeaea);
background-image:linear-gradient(whitesmoke, #eaeaea);
background-color:#eaeaea;
}

/* ----------------------------------------------------------------
table
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl{
margin-top:10px;
border-collapse:collapse;
border-top:1px solid #ddd;
width:100%;
}
.tbl th,
.tbl td{
padding:5px 10px;
text-align:left;
}
.tbl th{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
width:9.5em;
background-color:#eaeaea;
}
.tbl td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
}
.tbl tr > td:last-child{
border-right:none;
}

/* .tbl-schedule
----------------------------------------------- */
.tbl-schedule{
margin-top:10px;
border-collapse:collapse;
border-bottom:1px solid #ddd;
width:100%;
}
.tbl-schedule thead{
text-align:center;
}
.tbl-schedule th,
.tbl-schedule td{
padding:5px 10px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
}
.tbl-schedule th{
background-color:#eaeaea;
}
.tbl-schedule tr > :first-child{
border-left:none;
}
.tbl-schedule .day{
width:2.5em;
font-weight:normal;
}
.tbl-schedule .course{
max-width:500px;
}
.tbl-schedule .meal{
width:5em;
text-align:center;
}
.tbl-schedule .tbl-schedule-detail{
margin:10px -10px -5px;
border-top:1px dotted #ddd;
padding:10px;
background-color:#fcfcf2;
}
.tbl-schedule .tbl-schedule-detail-list > li{
padding-left:5em;
position:relative;
}
.tbl-schedule .tbl-schedule-detail-list > li:not(:first-child){
margin-top:10px;
}
.tbl-schedule .tbl-schedule-detail-list > li .icon{
padding:1px 5px;
border-radius:3px;
color:#fff;
display:block;
position:absolute;
top:0;
left:0;
background-color:#6793da;
font-size:11px;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl{
font-size:12px;
width:100%;
margin:8px 0 10px;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
text-align:center;
color:#555;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
background-color:#fff;
}

.calendar .calendar-tbl .num{
font-family:Arial;
}

.calendar .calendar-tbl > thead > tr > th,
.calendar .calendar-tbl > tbody > tr > td{
padding:0;
border:1px solid #ddd;
position:relative;
}

.calendar .calendar-tbl > thead > tr > th{
font-weight:normal;
background-color:#f1f1f1;
border-left:none;
border-right:none;
}

.calendar .calendar-tbl > thead > tr > th:first-child{
border-left:1px solid #ddd;
}

.calendar .calendar-tbl tr > td:nth-child(1) .date{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl > tbody > tr > td > div{
box-sizing:border-box;
min-height:75px;
padding:22px 0 32px;
cursor:pointer;
text-align:center;
vertical-align:top;
}

.calendar .calendar-tbl > tbody > tr > td > div:active,
.calendar .calendar-tbl > tbody > tr > td > div:hover,
.calendar .calendar-tbl > tbody > tr > td > div:focus{
background-color:#f5f5f5;
}

.calendar .calendar-tbl > tbody > tr > td > div .date{
color:var(--cmn-font-color-gray);
font-size:11px;
line-height:1;
position:absolute;
top:4px;
left:4px;
display:block;
}

.calendar .calendar-tbl > tbody > tr > td > div .price{
font-size:14px;
line-height:1;
display:block;
color:var(--cmn-font-color-base);
}

.calendar .calendar-tbl > tbody > tr > td > div .price li:first-child .num{
font-size:14px;
}

.calendar .calendar-tbl > tbody > tr > td > div .price > .sup{
font-size:11px;
font-weight:normal;
display:block;
color:var(--cmn-font-color-base);
}

.calendar .calendar-tbl > tbody > tr > td > div .state{
font-size:11px;
line-height:20px;
position:absolute;
bottom:8px;
left:0;
right:0;
display:block;
box-sizing:border-box;
width:82px;
height:20px;
margin:0 auto;
white-space:nowrap;
color:#fff;
border:none;
border-radius:4px;
background-color:var(--cmn-btn-color);
box-shadow:0 -2px 0 #5b9500 inset;
}

.calendar .calendar-tbl > tbody > tr > td > div .fix{
position:absolute;
top:2px;
right:2px;
font-size:10px;
border:1px solid #d5d5d5;
background-color:#fff;
padding:0 2px;
color:var(--cmn-font-color-base);
}

.calendar .calendar-tbl > tbody > tr > td > div.holiday .date{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl > tbody > tr > td > div.is-disabled{
cursor:default;
}

.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:active,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:hover,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:focus{
background-color:#fff;
}

.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:before{
font-size:18px;
line-height:1;
position:absolute;
right:50%;
bottom:50%;
display:block;
content:'-';
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
color:#bbb;
}

.calendar .calendar-tbl > tbody > tr > td > div.no-seat,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .price,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .price > .sup{
cursor:default;
color:#ccc;
}

.calendar .calendar-tbl > tbody > tr > td > div.no-seat:active,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:hover,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:focus{
background-color:#fff;
}

.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
color:transparent;
background:transparent;
box-shadow:none;
}

.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:after{
position:absolute;
right:50%;
bottom:50%;
display:block;
width:13px;
height:2px;
margin:0;
content:'';
-webkit-transform:translate(50%, 50%) rotate(45deg);
-ms-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
border:none;
border-radius:0;
background-color:#ccc;
}

.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:after{
width:2px;
height:13px;
}

.calendar .calendar-tbl > tbody > tr > td > div.stock-double-circle .state,
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state{
color:transparent;
}

.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state:before{
position:absolute;
top:2px;
left:50%;
display:block;
box-sizing:border-box;
width:14px;
height:14px;
margin:0 0 0 -7px;
content:'';
border:solid 2px #fff;
border-radius:100%;
}

.calendar .calendar-tbl > tbody > tr > td > div.stock-double-circle .state:before{
position:absolute;
top:2px;
left:50%;
display:block;
box-sizing:border-box;
width:14px;
height:14px;
margin:0 0 0 -7px;
content:'';
border:double 5px #fff;
border-radius:100%;
}

.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
position:absolute;
top:2px;
left:50%;
display:block;
width:0;
height:0;
margin:0 0 0 -8px;
content:'';
border-width:0 8px 14px 8px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}

.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
top:7px;
margin:0 0 0 -4px;
border-width:0 4px 7px 4px;
border-color:transparent transparent var(--cmn-btn-color) transparent;
}


.calendar .calendar-tbl > tbody > tr > td > div .goto-reference{
display:block;
padding:0 7px;
margin-top:2px;
box-sizing:border-box;
width:100%;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a{
font-size:12px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
display:block;
text-decoration:none;
width:100%;
box-sizing:border-box;
background-color:#fff;
padding:2px 0;
min-height:35px;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a > span{
line-height:1.2;
display:block;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a > span:first-child{
background:url(/element/shared/images/icon/icon-tip-info.svg) right 2px top 0 no-repeat;
background-size:12px 12px;
padding-right:14px;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference.goto-not a > span:first-child{
padding-right:0;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a strong{
font-size:13px;
color:var(--cmn-font-color-red);
display:block;
line-height:1;
}
.calendar .calendar-tbl > tbody > tr > td > div .goto-reference a strong b{
font-family:Arial;
font-weight:normal;
}

.calendar-note-price{
font-size:12px;
margin-top:4px;
}

/* .tbl-calendar
----------------------------------------------- */
.tbl-calendar,
.tbl-calendar-simple{
margin-top:10px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#bdbdbd;
border-collapse:collapse;
color:#555;
width:100%;
table-layout:fixed;
background-color:#fff;
text-align:center;
}
.tbl-calendar tr > th:first-child,
.tbl-calendar-simple tr > th:first-child{
color:var(--cmn-font-color-red);
background-color:#fee3e8;
}
.tbl-calendar tr > td:first-child .date,
.tbl-calendar-simple tr > td:first-child .date{
color:var(--cmn-font-color-red);
}
.tbl-calendar th,
.tbl-calendar-simple th,
.tbl-calendar td,
.tbl-calendar-simple td{
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#bdbdbd;
}
.tbl-calendar th,
.tbl-calendar-simple th{
padding:2px 5px;
background-color:#f1f1f1;
}
.tbl-calendar td > div,
.tbl-calendar-simple td > div{
padding:25px 0 35px;
cursor:pointer;
box-sizing:border-box;
position:relative;
min-height:90px;
cursor:pointer;
vertical-align:top;
text-align:center;
}
.tbl-calendar td > div:active,
.tbl-calendar-simple td > div:active,
.tbl-calendar td > div:hover,
.tbl-calendar-simple td > div:hover,
.tbl-calendar td > div:focus,
.tbl-calendar-simple td > div:focus{
background-color:#f5f5f5;
}
.tbl-calendar td > div .date,
.tbl-calendar-simple td > div .date{
position:absolute;
top:4px;
left:8px;
display:block;
font-size:12px;
font-weight:bold;
line-height:1;
}
.tbl-calendar td > div .price,
.tbl-calendar-simple td > div .price{
display:inline-table;
line-height:1.25;
}
.tbl-calendar td > div .price > b,
.tbl-calendar-simple td > div .price > b{
display:block;
}
.tbl-calendar td > div .tbl-calendar-btn,
.tbl-calendar-simple td > div .tbl-calendar-btn,
.tbl-calendar td > div .tbl-calendar-btn-circle,
.tbl-calendar-simple td > div .tbl-calendar-btn-circle,
.tbl-calendar td > div .tbl-calendar-btn-double-circle,
.tbl-calendar-simple td > div .tbl-calendar-btn-double-circle{
padding:1px;
border-radius:3px;
color:#fff;
position:absolute;
right:50%;
bottom:10px;
-webkit-transform:translateX(50%);
-ms-transform:translateX(50%);
transform:translateX(50%);
min-width:82px;
height:18px;
box-shadow:0 -2px 0 #5B9500 inset;
background-color:var(--cmn-btn-color);
font-size:11px;
}
.tbl-calendar td > div .tbl-calendar-btn-circle,
.tbl-calendar-simple td > div .tbl-calendar-btn-circle,
.tbl-calendar td > div .tbl-calendar-btn-double-circle,
.tbl-calendar-simple td > div .tbl-calendar-btn-double-circle{
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.tbl-calendar td > div .tbl-calendar-btn-circle:before,
.tbl-calendar-simple td > div .tbl-calendar-btn-circle:before,
.tbl-calendar td > div .tbl-calendar-btn-double-circle:before,
.tbl-calendar-simple td > div .tbl-calendar-btn-double-circle:before{
content:'';
position:absolute;
display:block;
width:14px;
height:14px;
overflow:hidden;
top:50%;
left:50%;
}
.tbl-calendar td > div .tbl-calendar-btn-circle:before,
.tbl-calendar-simple td > div .tbl-calendar-btn-circle:before{
margin:-8px 0 0 -8px;
border:2px solid #fff;
border-radius:8px;
box-sizing:border-box;
}
.tbl-calendar td > div .tbl-calendar-btn-double-circle:before,
.tbl-calendar-simple td > div .tbl-calendar-btn-double―circle:before{
margin:-8px 0 0 -8px;
border:5px double #fff;
border-radius:8px;
box-sizing:border-box;
}
.tbl-calendar td > div .tbl-calendar-tag,
.tbl-calendar-simple td > div .tbl-calendar-tag{
border:1px solid #bdbdbd;
padding:2px 4px;
position:absolute;
top:4px;
right:4px;
line-height:1;
background-color:#fff;
font-size:11px;
}
.tbl-calendar td > div.holiday .date,
.tbl-calendar-simple td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.tbl-calendar td > div.no-seat,
.tbl-calendar-simple td > div.no-seat{
cursor:default;
}
.tbl-calendar td > div.no-seat:active,
.tbl-calendar-simple td > div.no-seat:active,
.tbl-calendar td > div.no-seat:hover,
.tbl-calendar-simple td > div.no-seat:hover,
.tbl-calendar td > div.no-seat:focus,
.tbl-calendar-simple td > div.no-seat:focus{
background-color:transparent;
}
.tbl-calendar td > div.no-seat .price,
.tbl-calendar-simple td > div.no-seat .price{
color:#ccc;
}
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat{
position:absolute;
right:50%;
bottom:10px;
-webkit-transform:translateX(50%);
-ms-transform:translateX(50%);
transform:translateX(50%);
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
width:5em;
}
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat:before,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat:before{
content:'';
position:absolute;
display:block;
width:2px;
height:18px;
overflow:hidden;
right:50%;
bottom:50%;
}
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat:after,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat:after{
content:'';
position:absolute;
display:block;
width:18px;
height:2px;
overflow:hidden;
right:50%;
bottom:50%;
}
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat:before,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat:before,
.tbl-calendar td > div.no-seat .tbl-calendar-btn-no-seat:after,
.tbl-calendar-simple td > div.no-seat .tbl-calendar-btn-no-seat:after{
-webkit-transform:translate(50%, 50%) rotate(45deg);
-ms-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
background-color:#ccc;
}
.tbl-calendar td > div.disabled,
.tbl-calendar-simple td > div.disabled{
cursor:default;
}
.tbl-calendar td > div.disabled:active,
.tbl-calendar-simple td > div.disabled:active,
.tbl-calendar td > div.disabled:hover,
.tbl-calendar-simple td > div.disabled:hover,
.tbl-calendar td > div.disabled:focus,
.tbl-calendar-simple td > div.disabled:focus{
background-color:transparent;
}
.tbl-calendar td > div.disabled:before,
.tbl-calendar-simple td > div.disabled:before{
content:'―';
color:#bbb;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:18px;
vertical-align:middle;
}
/* .tbl-calendar-simple
----------------------------------------------- */
.tbl-calendar-simple td > div{
padding:12px 0 0;
min-height:34px;
}
.tbl-calendar-simple td > div .date{
top:2px;
left:2px;
font-weight:normal;
font-size:11px;
}
.tbl-calendar-simple td > div .price{
font-weight:bold;
}
.tbl-calendar-simple td > div.disabled:before{
display:none;
}
/* .tbl-price-rank
----------------------------------------------- */
.tbl-price-rank{
margin-top:10px;
border-collapse:collapse;
width:100%;
line-height:1.35;
}
.tbl-price-rank th,
.tbl-price-rank td{
padding:5px 10px;
text-align:center;
border:1px solid #ddd;
}
.tbl-price-rank th{
background-color:#f1f1f1;
}
.tbl-price-rank th > span{
display:block;
font-weight:normal;
font-size:11px;
}
.tbl-price-rank tbody th{
width:3em;
}
.tbl-price-rank .tbl-price-sup{
display:block;
color:var(--cmn-font-color-gray);
font-size:11px;
}

/* ----------------------------------------------------------------
image
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
img{
max-width:100%;
}
/* .image-list
----------------------------------------------- */
.image-list > li{
margin-top:10px;
text-align:center;
}
.image-list > li .caption{
display:block;
font-size:11px;
}
/* .image-list-line
----------------------------------------------- */
.image-list-line > li{
display:inline-block;
}
.image-list-line > li:not(:last-child){
margin-right:5px;
}
.image-list-line > li img{
vertical-align:bottom;
}
/* .image-list-rank
----------------------------------------------- */
.image-list-rank{
position:relative;
padding-left:315px;
}
.image-list-rank > li{
position:relative;
float:left;
}
.image-list-rank > li:first-child{
position:absolute;
top:0;
left:0;
width:315px;
height:100%;
}
.image-list-rank > li:first-child > a{
height:100%;
}
.image-list-rank > li:first-child > a > b{
padding:14px 12px 10px 50px;
font-size:16px;
}
.image-list-rank > li:not(:first-child){
margin-left:10px;
width:152.5px;
}
.image-list-rank > li:not(:first-child) img{
width:152.5px;
height:121.41px;
}
.image-list-rank > li:nth-last-child(-n+2){
margin-top:10px;
}
.image-list-rank > li > a{
color:#fff;
position:relative;
display:block;
overflow:hidden;
}
.image-list-rank > li > a > b{
padding:7px 5px 4px 34px;
position:absolute;
bottom:0;
left:0;
width:100%;
box-sizing:border-box;
display:block;
background-color:rgba(0, 0, 0, 0.7);
line-height:1.25;
}
.image-list-rank [class^='rank-icon']{
padding:2px 3px;
color:var(--cmn-font-color-base);
display:block;
position:absolute;
top:7px;
left:5px;
line-height:1;
background-color:#dedede;
font-size:11px;
text-align:center;
}
.image-list-rank .rank-icon-1{
padding:5px 3px 3px;
color:#fff;
top:10px;
left:10px;
background-color:#ecb031;
font-size:16px;
}
.image-list-rank .rank-icon-2{
color:#fff;
background-color:#808080;
}
.image-list-rank .rank-icon-3{
color:#fff;
background-color:#b88656;
}
.image-list-rank > li img{
width:315px;
height: 252.81px;
vertical-align:bottom;
object-fit: cover;
}
.image-list-rank .image-list-cap{
display: block;
text-align: right;
position: absolute;
width:100%;
top:0;
right:0;
font-size:11px;
color: #fff;
padding:4px;
box-sizing: border-box;
}
.image-list-rank .image-list-cap >span{
z-index:1;
position:relative;
}
.image-list-rank .image-list-cap a{
color: rgba(255,255,255,.7);
text-decoration:none;
}
.image-list-rank .image-list-cap a{
}
.image-list-rank .image-list-cap::before{
content: "";
display: block;
position: absolute;
height: 26px;
width: 100%;
top: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(rgba(0, 0, 0, .6) 0%,rgba(0, 0, 0, 0) 100%);
}

/* ----------------------------------------------------------------
box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
.box{
margin-top:20px;
padding:20px;
border:3px solid #e5e5e5;
background-color:#fff;
word-wrap:break-word;
word-break:break-all;
}
.box .box-hdg{
margin:-20px -20px 20px;
padding:8px 15px 6px 25px;
border-bottom:2px solid #e5e5e5;
position:relative;
background-color:#efefef;
font-size:18px;
}
.box .box-hdg:before{
content:'';
position:absolute;
display:block;
width:6px;
height:100%;
overflow:hidden;
top:0;
left:10px;
}
.box .box-hdg:before{
border-width:10px 0;
border-style:solid;
border-color:#efefef;
box-sizing:border-box;
background-color:#71b519;
}
.box .box-hdg-container{
margin:-20px -20px 20px;
padding-right:170px;
border-bottom:2px solid #e5e5e5;
position:relative;
background-color:#efefef;
}
.box .box-hdg-container .box-hdg{
margin:0;
border-bottom:none;
}
.box .box-hdg-container .box-hdg-btn{
padding:5px 10px 5px 28px;
color:#fff;
border-radius:3px;
position:absolute;
top:5px;
right:10px;
box-shadow:0 -1px 1px #316d00 inset;
background-image:-webkit-linear-gradient(#6fbd00, #599c01);
background-image:linear-gradient(#6fbd00, #599c01);
background-color:#599c01;
font-size:13px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
}
.box .box-hdg-container .box-hdg-btn:active,
.box .box-hdg-container .box-hdg-btn:hover,
.box .box-hdg-container .box-hdg-btn:focus{
background-image:-webkit-linear-gradient(#4f9d02, #4e8901);
background-image:linear-gradient(#4f9d02, #4e8901);
background-color:#4e8901;
text-decoration:none;
}
.box .box-hdg-container .box-hdg-btn:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:6px 6px 0 6px;
border-color:#fff transparent transparent transparent;
border-style:solid;
}
.box .box-hdg-container .box-hdg-btn:before{
margin-top:-3px;
top:50%;
left:10px;
}
.box .box-hdg-01{
margin:20px 0 10px;
padding:5px 5px 3px;
background-color:#f0f0f0;
font-size:14px;
text-align:center;
}
.box .box-hdg-02{
margin:20px 0 -5px;
font-size:14px;
}
/* .box-01
----------------------------------------------- */
.box-01{
margin:10px 0 20px;
padding:10px;
border:1px solid #ecd59d;
background-color:#fff9ea;
}
/* .box-02
----------------------------------------------- */
.box-02{
margin-top:20px;
display:table;
width:100%;
box-sizing:border-box;
font-size:12px;
}
.box-02 > .box-02-hdg{
padding:5px 10px;
display:table-cell;
vertical-align:middle;
white-space:nowrap;
background-color:#eee;
font-weight:normal;
}
.box-02 > .box-02-item{
padding:0 10px;
display:table-cell;
width:100%;
vertical-align:middle;
}
/* .box-attention
----------------------------------------------- */
.box-attention{
margin-top:20px;
padding:20px;
background-color:#fff5f5;
}
.box-attention .box-attention-hdg{
margin-bottom:10px;
color:var(--cmn-font-color-red);
font-size:15px;
}

/* ----------------------------------------------------------------
notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
margin-top:10px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.notice-list > li{
padding-left:1.25em;
position:relative;
}
.notice-list > li:before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}
.notice-list > li:not(:first-child){
margin-top:8px;
}
/* .notice-icon-list
----------------------------------------------- */
.notice-icon-list{
margin-top:10px;
font-size:12px;
display:table;
width:100%;
}
.notice-icon-list > li:not(:first-child){
margin-top:5px;
}
.notice-icon-list > li > .notice-icon,
.notice-icon-list > li > div{
display:table-cell;
vertical-align:top;
}
.notice-icon-list > li > .notice-icon{
padding:1px 4px;
border:1px solid #d1d1d1;
white-space:nowrap;
font-size:11px;
}
.notice-icon-list > li > div{
padding-left:5px;
box-sizing:border-box;
width:100%;
}

/* ----------------------------------------------------------------
layout
----------------------------------------------------------------- */
/* lyt-col-2,lyt-col-3,lyt-col-4
----------------------------------------------- */
.lyt-col-2 > .lyt-col{
margin-left:1.5625%;
float:left;
box-sizing:border-box;
width:49.21875%;
}
.lyt-col-2 > .lyt-col:nth-child(2n + 1){
margin-left:0;
clear:left;
}
.lyt-col-3 > .lyt-col{
margin-left:1.5625%;
float:left;
box-sizing:border-box;
width:32.29167%;
}
.lyt-col-3 > .lyt-col:nth-child(3n + 1){
margin-left:0;
clear:left;
}
.lyt-col-4 > .lyt-col{
margin-left:1.5625%;
float:left;
box-sizing:border-box;
width:23.82813%;
}
.lyt-col-4 > .lyt-col:nth-child(4n + 1){
margin-left:0;
clear:left;
}
/* list-col-2,list-col-3,list-col-4
----------------------------------------------- */
.list-col-2 > li{
margin-left:1.5625%;
float:left;
box-sizing:border-box;
width:49.21875%;
}
.list-col-2 > li li{
margin-left:0;
width:auto;
float:none;
}
.list-col-2 > li:nth-child(2n + 1){
margin-left:0;
clear:left;
}
.list-col-3 > li{
margin-left:1.5625%;
float:left;
box-sizing:border-box;
width:32.29167%;
}
.list-col-3 > li li{
margin-left:0;
width:auto;
float:none;
}
.list-col-3 > li:nth-child(3n + 1){
margin-left:0;
clear:left;
}
.list-col-4 > li{
margin-left:1.5625%;
float:left;
box-sizing:border-box;
width:23.82813%;
}
.list-col-4 > li li{
margin-left:0;
width:auto;
float:none;
}
.list-col-4 > li:nth-child(4n + 1){
margin-left:0;
clear:left;
}
/* .lyt-bus-top
----------------------------------------------- */
.lyt-bus-top{
margin-top:35px;
}
.lyt-bus-top-main{
float:left;
width:640px;
}
.lyt-bus-top-sub{
float:right;
width:300px;
}
.sub-bnr-box{
margin-bottom:10px;
}

/* ----------------------------------------------------------------
component
----------------------------------------------------------------- */
/* .search-result-item-agent
----------------------------------------------- */
.search-result-item-agent{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:11px;
min-height:44px;
}
.search-result-item-agent > a,
.search-result-item-agent > .search-result-item-agent-box{
display:table;
color:var(--cmn-font-color-gray);
max-width:430px;
}
.search-result-item-agent .search-result-item-agent-logo{
display:table-cell;
vertical-align:middle;
padding-right:15px;
height:28px;
text-align:center;
box-sizing:border-box;
}
.search-result-item-agent .search-result-item-agent-logo > span{
display:block;
border:1px solid #c5c5c5;
width:65px;
cursor:pointer;
}
.search-result-item-agent .search-result-item-agent-logo img{
max-width:63px;
max-height:26px;
vertical-align:middle;
}
.search-result-item-agent .search-result-item-agent-name{
display:table-cell;
vertical-align:middle;
line-height:1.2;
margin-right:10px;
}
.search-result-item-agent > a .search-result-item-agent-name > span{
padding-left:12px;
position:relative;
display:inline-block;
}
.search-result-item-agent > a .search-result-item-agent-name > span:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-result-item-agent > img{
cursor:pointer;
}
.search-result-item-agent .search-result-item-agent-anta{
margin-left:8px;
}
.search-result-item-agent .search-result-item-agent-link{
padding-left:12px;
position:relative;
}
.search-result-item-agent .search-result-item-agent-link:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-result-item-agent .search-result-item-agent-link > a{
color:var(--cmn-font-color-gray);
}
/* .agt-info
----------------------------------------------- */
.agt-info{
margin:10px 0 20px;
padding-left:110px;
position:relative;
}
.agt-info .agt-info-hdg{
margin-bottom:5px;
line-height:1.35;
font-size:17px;
}
.agt-info .agt-info-logo{
position:absolute;
max-width:100px;
height:auto;
top:0.15em;
left:0;
}
.agt-info .agt-info-list{
color:#555;
font-size:11px;
}
.agt-info .agt-info-list > li{
margin-top:5px;
display:inline-block;
}
.agt-info .agt-info-list > li:not(:last-child){
margin-right:30px;
}
.agt-info .agt-info-list > li button{
padding:0;
border:none;
color:var(--cmn-font-color-link);
background:none;
display:block;
cursor:pointer;
font-size:14px;
}
/* .agt-info-01
----------------------------------------------- */
.agt-info-01{
margin-top:20px;
padding:10px;
border:1px solid #bdbdbd;
border-radius:3px;
}
.agt-info-01 .agt-info-01-hdg{
font-size:15px;
}
.agt-info-01 .agt-info-01-hdg-01{
margin:5px 0;
font-size:14px;
}
/* .search-item-nav
----------------------------------------------- */
.search-item-nav{
margin-top:20px;
}
.search-item-nav .search-item-sort{
line-height:1.25;
}
.search-item-nav .search-item-sort > li{
display:inline-block;
}
.search-item-nav .search-item-sort > li:not(:first-child){
margin-left:8px;
padding-left:12px;
border-left:1px solid #ccc;
}
.search-item-nav .search-item-sort ul{
display:inline-block;
}
.search-item-nav .search-item-sort ul:before{
content:'(';
display:inline-block;
}
.search-item-nav .search-item-sort ul:after{
content:')';
display:inline-block;
}
.search-item-nav .search-item-sort ul > li{
display:inline-block;
}
.search-item-nav .search-item-sort ul > li:not(:first-child){
margin-left:5px;
}
.search-item-nav .search-item-sort button{
padding:0;
border:none;
color:var(--cmn-font-color-link);
background:none;
cursor:pointer;
}
.search-item-nav .search-item-sort button[disabled]{
cursor:default;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.search-item-nav .search-item-pager{
margin-top:10px;
display:table;
width:100%;
line-height:1;
}
.search-item-nav .search-item-pager > .search-item-pager-inner{
display:table-cell;
width:100%;
vertical-align:middle;
text-align:right;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child{
padding-right:15px;
white-space:nowrap;
width:auto;
text-align:left;
}
.search-item-nav .search-item-pager .search-item-num b{
color:var(--cmn-font-color-red);
}
.search-item-nav .search-item-pager .search-item-pager-list li{
display:inline-block;
text-align:center;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a,
.search-item-nav .search-item-pager .search-item-pager-list li > b{
padding:5px 3px 4px 3px;
border:1px solid #b8b8b8;
display:block;
min-width:26px;
box-sizing:border-box;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a:active,
.search-item-nav .search-item-pager .search-item-pager-list li > a:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > a:focus,
.search-item-nav .search-item-pager .search-item-pager-list li > b:active,
.search-item-nav .search-item-pager .search-item-pager-list li > b:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > b:focus{
background-color:#f0f0f0;
text-decoration:none;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b{
border-color:#eaeaea;
color:var(--cmn-font-color-gray);
background-color:#eaeaea;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b:active,
.search-item-nav .search-item-pager .search-item-pager-list li > b:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > b:focus{
background-color:#eaeaea;
}
.search-item-nav .search-item-pager .search-item-pager-list .prev{
margin-right:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list .next{
margin-left:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis{
margin-left:-3px;
padding-left:14px;
position:relative;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis:before{
content:'...';
display:block;
position:absolute;
color:var(--cmn-font-color-base);
left:0;
bottom:0;
speak:none;
font-weight:normal;
}
/* .search-result-area
----------------------------------------------- */
.search-result-area{
position:relative;
}
.search-result-area .search-result-area-alert{
margin:0 auto;
padding:20px;
color:var(--cmn-font-color-base);
position:absolute;
top:130px;
right:0;
left:0;
z-index:1;
background-color:#fff;
border:4px solid #ccc;
font-size:18px;
font-weight:bold;
text-align:center;
width:525px;
display:none;
}
.search-result-area.is-active:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(255, 255, 255, 0.8);
}
.search-result-area.is-active .search-result-area-alert{
display:block;
}
/* .search-result-container
----------------------------------------------- */
.search-result-container{
margin:-10px 0 30px;
}
/* .search-result
----------------------------------------------- */
.search-result{
margin-top:30px;
padding-top:20px;
border-top:4px solid #777;
}
.search-result .search-result-cell:first-child{
float:right;
width:700px;
}
.search-result .search-result-cell:last-child{
float:left;
width:230px;
}
.search-result .search-result-hdg{
font-size:18px;
line-height:1.35;
}
.search-result .search-result-hdg a{
color:var(--cmn-font-color-link);
}
.search-result .search-result-date{
padding-right:165px;
position:relative;
display:table;
}
.search-result .search-result-date-more{
padding-left:8px;
position:absolute;
top:0;
right:0;
display:block;
font-size:11px;
}
.search-result .search-result-date-more:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 0 4px 4px;
border-color:transparent transparent transparent #888;
border-style:solid;
}
.search-result .search-result-date-more:before{
left:0;
top:4px;
}
.search-result .search-result-date-list{
position:relative;
overflow:hidden;
white-space:nowrap;
font-size:12px;
}
.search-result .search-result-date-list > li{
display:inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.search-result .search-result-date-list > li:not(:first-child){
margin-left:5px;
}
.search-result .search-result-date-list > li > b{
padding:2px 3px 1px;
color:#fff;
display:inline-block;
background-color:#888;
line-height:1.25;
font-weight:normal;
}
.search-result .search-result-date-list ul{
display:inline-block;
vertical-align:top;
overflow:hidden;
}
.search-result .search-result-date-list ul > li{
float:left;
}
.search-result .search-result-date-list ul > li:not(:last-child):after{
content:'\3001';
display:inline-block;
font-size:11px;
width:0.65em;
}
.search-result .search-result-date-list ul > li span{
font-size:10px;
}
.search-result .search-result-date-list ul > li b{
background-color:#ffee9d;
font-weight:normal;
}
.search-result .search-result-date-list ul > li.ellipsis:after{
content:'...';
}
.search-result .search-result-info-list{
margin-top:5px;
display:table;
width:100%;
position:relative;
line-height:1.25;
font-size:11px;
text-align:center;
}
.search-result .search-result-info-list:before{
content:'';
position:absolute;
display:block;
width:6px;
height:100%;
overflow:hidden;
top:0;
left:50%;
}
.search-result .search-result-info-list:before{
margin-left:-3px;
border-width:0 1px;
border-style:solid;
border-color:#d9d9d9;
box-sizing:border-box;
background-color:#fff;
}
.search-result .search-result-info-list > li{
padding:5px 3px;
border:1px solid #d9d9d9;
display:table-cell;
width:50%;
box-sizing:border-box;
vertical-align:middle;
}
.search-result .search-result-info-list > li:first-child{
padding-right:5px;
}
.search-result .search-result-info-list > li:last-child{
padding-left:5px;
}
/* .local-discount-tag
----------------------------------------------- */
.local-discount-tag{
margin:8px 0 0;
padding:4px 8px;
border-radius:2px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
min-height:25px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#e1f1fc;
font-size:11px;
text-decoration:none !important;
}

.local-discount-tag > span:first-child{
margin-right:8px;
padding-right:16px;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 40% no-repeat;
background-size:12px 12px;
}

.local-discount-tag:active > span:first-child,
.local-discount-tag:hover > span:first-child,
.local-discount-tag:focus > span:first-child{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}

.local-discount-tag > span:last-child{
display:block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.local-discount-tag.wrap{
display:table;
line-height:1.5;
}

/* .goto
----------------------------------------------- */
.goto{
margin-top:8px;
color:var(--cmn-font-color-base);
display:block;
box-sizing:border-box;
line-height:1;
font-size:12px;
z-index:1;
}
.goto > a{
padding:5px 8px;
font-size:12px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
background-color:#fff;
display:inline-block;
text-decoration:none;
}
.goto > a::after{
margin:0 0 -2px 4px;
content:'';
display:block;
width:12px;
height:12px;
display:inline-block;
background:url(/element/shared/images/icon/icon-tip-info.svg) 0 0 no-repeat;
}
.goto > a:hover::after,
.goto > a:focus::after{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
/* .goto-apply
----------------------------------------------- */
.goto-apply{
margin-top:8px;
display:inline-block;
}
.goto-apply > a{
padding:5px 8px;
font-size:11px;
color:var(--cmn-font-color-base);
border:1px solid #d5d5d5;
border-radius:3px;
background-color:#fff;
display:inline-block;
text-decoration:none;
}
.goto-apply > a > span{
display:block;
}
.goto-apply > a > span:last-child{
border-top:1px solid #ddd;
margin-top:4px;
padding-top:4px;
}
.goto-apply > a > span strong{
font-size:10px;
font-weight:normal;
color:var(--cmn-font-color-red);
margin-right:4px;
}
.goto-apply > a > span strong b{
font-size:16px;
font-family:Arial;
}
.goto-apply > a > span .num{
font-family:Arial;
}
.goto-apply > a > span:first-child{
font-size:12px;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 3px no-repeat;
background-size:12px 12px;
padding-right:12px;
}
.goto-apply > a:hover > span:first-child,
.goto-apply > a:focus > span:first-child{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.goto-apply > a > span:first-child > span{
font-size:12px;
display:inline-block;
}
.goto-apply > a > span:last-child > span{
display:inline-block;
}
.goto-apply > a > span:last-child > span .num{
font-size:12px;
}
.goto-apply > a > span:last-child > span:not(:last-child)::after{
margin:0 4px;
content:"/";
display:inline-block;
vertical-align:middle;
}

.search-result .search-result-toggle-btn{
margin-top:5px;
text-align:right;
}
.search-result .search-result-toggle-btn button{
padding:0;
border:none;
color:var(--cmn-font-color-link);
position:relative;
background:none;
cursor:pointer;
font-size:12px;
}
.search-result .search-result-toggle-btn button:before{
content:'';
position:absolute;
display:block;
width:12px;
height:12px;
overflow:hidden;
top:3px;
left:0;
}
.search-result .search-result-toggle-btn button:before{
border-radius:2px;
background-color:#888;
}
.search-result .search-result-toggle-btn button span{
padding-left:17px;
display:block;
}
.search-result .search-result-toggle-btn button span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
top:8px;
left:2px;
}
.search-result .search-result-toggle-btn button span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
top:5px;
left:5px;
}
.search-result .search-result-toggle-btn button span:before,
.search-result .search-result-toggle-btn button span:after{
background-color:#fff;
}
.search-result .search-result-toggle-btn.is-active button span:after{
display:none;
}
.search-result .search-result-thumb{
margin:0 auto 10px;
display:block;
}
.search-result .search-result-detail{
margin-top:10px;
display:table;
width:100%;
}
.search-result .search-result-detail.branch .search-result-detail-cell:first-child{
width:4.5em;
}
.search-result .search-result-detail.branch .search-result-detail-cell:last-child{
font-size:14px;
}
.search-result .search-result-detail-line .search-result-detail{
display:inline-table;
width:auto;
vertical-align:bottom;
}
.search-result .search-result-detail-line .search-result-detail:first-child{
padding-right:40px;
}
.search-result .search-result-detail-cell{
display:table-cell;
vertical-align:top;
word-break:break-all;
word-wrap:break-word;
width:calc(100% - 6em);
max-width:600px;
}
.search-result .search-result-detail-cell:first-child{
padding-right:15px;
width:6em;
position:relative;
box-sizing:border-box;
}
.search-result .search-result-detail-cell:first-child:after{
content:'\ff1a';
display:block;
position:absolute;
top:-1px;
right:5px;
}
.search-result .search-result-detail-hdg{
font-weight:normal;
}
.search-result .search-result-detail-hdg > span{
display:block;
}
.search-result .search-result-emphasis-container{
padding:8px 10px;
border:1px solid #d9d9d9;
}
.search-result .search-result-emphasis-container > :first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.search-result .search-result-emphasis{
margin-top:5px;
padding-top:5px;
border-top:1px solid #d9d9d9;
overflow:hidden;
}
.search-result .search-result-emphasis.branch{
border-top-style:dotted;
color:#555;
line-height:1.25;
font-size:12px;
}
.search-result .search-result-emphasis-hdg{
padding-right:3px;
float:left;
width:6em;
box-sizing:border-box;
font-weight:normal;
}
.search-result .search-result-emphasis-item{
text-align:right;
}
.search-result .search-result-price{
color:var(--cmn-font-color-red);
line-height:1;
font-size:25px;
font-weight:bold;
}
.search-result .search-result-price span{
font-size:16px;
}
.search-result .search-result-price-sup{
display:block;
font-size:10.5px;
letter-spacing:-0.035em;
}
.search-result .search-result-footer{
margin-top:10px;
padding-top:10px;
border-top:1px solid #dcdcdc;
display:flex;
width:100%;
}
.search-result .search-result-footer-cell{
box-sizing:border-box;
}
.search-result .search-result-footer-cell:first-child{
padding-right:20px;
max-width:460px;
}
.search-result .search-result-footer-cell:last-child{
position:relative;
margin-left:auto;
}
.search-result .search-result-footer-cell > :first-child{
margin-top:0;
}
.search-result-item-right{
margin-left:auto;
display:flex;
align-items:center;
}
.search-result .search-result-cv{
border:1px solid #b0b0b0;
border-radius:3px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:table;
width:425px;
box-shadow:0 -2px 0 #edecec inset;
text-decoration:none;
}
.search-result .search-result-cv:active,
.search-result .search-result-cv:hover,
.search-result .search-result-cv:focus{
background-color:#f5f5f5;
}
.search-result .search-result-cv-hdg,
.search-result .search-result-cv-item{
display:table-cell;
vertical-align:middle;
}
.search-result .search-result-cv-hdg{
padding:10px 8px;
position:relative;
white-space:nowrap;
text-align:center;
font-weight:normal;
}
.search-result .search-result-cv-hdg:before{
content:'';
position:absolute;
display:block;
width:1px;
height:50%;
overflow:hidden;
top:25%;
right:0;
}
.search-result .search-result-cv-hdg:before{
background-color:#ccc;
}
.search-result .search-result-cv-item{
padding:0 4px 0 8px;
width:100%;
font-weight:bold;
}
.search-result .search-result-cv-item > b{
color:#699f00;
font-size:15px;
}
.search-result .search-result-cv-seat{
padding-right:2px;
display:table-cell;
width:100%;
box-sizing:border-box;
vertical-align:middle;
font-weight:normal;
font-size:11px;
}
.search-result .search-result-cv-seat > span{
margin:4px;
color:transparent;
width:20px;
height:20px;
border-radius:10px;
border:2px solid #0a67c4;
box-sizing:border-box;
display:inline-block;
overflow:hidden;
vertical-align:middle;
}
.search-result .search-result-cv-btn{
padding:4px 20px;
border-radius:3px;
box-shadow:0 -2px 0 #4f8801 inset;
color:#fff;
display:table-cell;
white-space:nowrap;
background-color:var(--cmn-btn-color);
vertical-align:middle;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
font-size:16px;
}
/* .search-result-payment
----------------------------------------------- */
.search-result-payment{
padding:20px;
border:1px solid #aaa;
border-radius:3px;
position:absolute;
display:none;
top:100%;
right:0;
width:580px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:1px 1px 3px 0 rgba(204, 204, 204, 0.75);
font-size:12px;
}
.search-result-payment .payment-info-list{
margin:5px 0 10px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
color:var(--cmn-font-color-gray);
}
.search-result-payment .payment-info-list > li{
display:block;
position:relative;
/* padding-left:23px; */
padding-left:calc(1em + 2px);
}
.search-result-payment .payment-info-list > li:not(:first-child) {
margin-top: 7px;
}
.search-result-payment .payment-info-list > li:before{
content:"\30fb";
display:block;
position:absolute;
top:0;
left:0;
/* display:inline-block;
position:absolute;
top:1px;
left:0;
width:16px;
height:14px;
background:no-repeat url(/element/shared/images/icon/icon-caution-triangle-red.svg);
background-size:100%;
content:""; */

}
.search-result-payment .payment-info-list strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.search-result-payment.is-active{
display:block;
}
.search-result-payment .search-result-payment-list > li{
margin-top:4px;
display:table;
width:100%;
}
.search-result-payment .search-result-payment-list > li > div{
display:table-cell;
vertical-align:top;
}
.search-result-payment .search-result-payment-list > li > div:first-child{
padding-right:12px;
white-space:nowrap;
width:5em;
position:relative;
}
.search-result-payment .search-result-payment-list > li > div:first-child:after{
content:'\ff1a';
position:absolute;
top:2px;
right:0;
line-height:1;
font-size:13px;
}
.search-result-payment .search-result-payment-list sup{
line-height:1;
}
.search-result-payment .search-result-payment-list-01{
overflow:hidden;
}
.search-result-payment .search-result-payment-list-01 > li{
float:left;
}
.search-result-payment .search-result-payment-list-01 > li:before{
content:'\ff0f';
color:var(--cmn-font-color-base);
}
.search-result-payment .search-result-payment-list-01 > li:first-child:before{
display:none;
}
.search-result-payment .search-result-payment-list-01 > li.is-disabled{
color:#ccc;
}
.search-result-payment .search-result-payment-list-01 > li .payment-guide{
margin-left:4px;
margin-right:4px;
}
.search-result-payment .search-result-payment-list-01 > li .payment-guide .cmn-tip-btn{
margin-left:4px;
}
.search-result-payment .search-result-payment-list-credit{
display:inline-block;
vertical-align:middle;
}
.search-result-payment .search-result-payment-list-credit > li{
display:inline-block;
}
.search-result-payment .search-result-payment-list-credit > li img{
vertical-align:middle;
height:15px;
width:auto;
}
.search-result-payment .search-result-payment-list-notice{
margin-top:10px;
padding-top:5px;
border-top:1px solid #ccc;
}
.search-result-payment .search-result-payment-list-notice > li{
margin-top:2px;
position:relative;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.tip-list-bullet .tip-list-indent > li{
margin-top:5px;
}
.tip-list-bullet .tip-list-indent > li:not(:first-of-type){
padding-left:2em;
}
.tip-goto-plan strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
/* .tip-payment-cv-btn
----------------------------------------------- */
.tip-payment-cv-btn{
margin:10px 0 0 auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff !important;
display:block;
box-sizing:border-box;
width:116px;
position:relative;
background-color:var(--cmn-btn-color);
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:18px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}
.tip-payment-cv-btn:active,
.tip-payment-cv-btn:hover,
.tip-payment-cv-btn:focus{
background-color:#67a700;
text-decoration:none;
}
/* .item-basic-info
----------------------------------------------- */
.item-basic-info{
padding:15px;
border:3px solid #a9a9a9;
margin-top:20px;
}
.item-basic-info .item-basic-info-header{
margin:-15px -15px 15px;
padding:15px;
overflow:hidden;
background-color:#f0f0f0;
}
.item-basic-info .item-basic-info-header-cell:first-child{
padding-left:250px;
float:right;
margin-left:-100%;
width:100%;
box-sizing:border-box;
}
.item-basic-info .item-basic-info-header-cell:last-child{
float:left;
width:230px;
}
.item-basic-info .item-basic-info-hdg{
margin-bottom:10px;
font-size:16px;
}
.item-basic-info .item-basic-info-hdg.branch{
font-weight:normal;
font-size:14px;
}
.item-basic-info .item-basic-info-hdg + p{
margin-top:-8px;
}
.item-basic-info .item-basic-info-list > li{
margin-top:5px;
overflow:hidden;
}
.item-basic-info .item-basic-info-list > li > span{
padding-right:10px;
float:left;
width:3.25em;
position:relative;
}
.item-basic-info .item-basic-info-list > li > span:after{
content:'\ff1a';
display:block;
position:absolute;
top:-0.1em;
right:0;
}
.item-basic-info .item-basic-info-list > li > div{
overflow:hidden;
}
.item-basic-info .item-basic-info-list-01{
margin-top:5px;
display:table;
width:100%;
position:relative;
line-height:1.25;
font-size:11px;
text-align:center;
}
.item-basic-info .item-basic-info-list-01:before{
content:'';
position:absolute;
display:block;
width:6px;
height:100%;
overflow:hidden;
top:0;
left:50%;
}
.item-basic-info .item-basic-info-list-01:before{
margin-left:-3px;
border-width:0 1px;
border-style:solid;
border-color:#d9d9d9;
box-sizing:border-box;
background-color:#f0f0f0;
}
.item-basic-info .item-basic-info-list-01 > li{
padding:5px 3px;
border:1px solid #d9d9d9;
display:table-cell;
width:50%;
box-sizing:border-box;
vertical-align:middle;
background-color:#fff;
}
.item-basic-info .item-basic-info-list-01 > li:first-child{
padding-right:5px;
}
.item-basic-info .item-basic-info-list-01 > li:last-child{
padding-left:5px;
}
.item-basic-info .item-basic-info-list-02{
margin-top:5px;
}
.item-basic-info .item-basic-info-emphasis-container{
padding:8px 10px;
border:1px solid #d9d9d9;
background-color:#fff;
}
.item-basic-info .item-basic-info-emphasis-container > :first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.item-basic-info .item-basic-info-emphasis{
margin-top:5px;
padding-top:5px;
border-top:1px solid #d9d9d9;
overflow:hidden;
}
.item-basic-info .item-basic-info-emphasis.branch{
border-top-style:dotted;
color:#555;
line-height:1.25;
font-size:12px;
}
.item-basic-info .item-basic-info-emphasis-hdg{
padding-right:3px;
float:left;
width:6em;
box-sizing:border-box;
font-weight:normal;
}
.item-basic-info .item-basic-info-emphasis-detail{
text-align:right;
}
.item-basic-info .item-basic-info-price{
color:var(--cmn-font-color-red);
line-height:1;
font-size:25px;
font-weight:bold;
}
.item-basic-info .item-basic-info-price span{
font-size:16px;
}
.item-basic-info .item-basic-info-price-sup{
display:block;
font-size:11px;
}
.item-basic-info .item-basic-info-footer{
position:relative;
display:flex;
justify-content:space-between;
}
.item-basic-info .item-basic-info-footer .item-basic-info-footer-cell{
width:35%;
box-sizing:border-box;
}
.item-basic-info .item-basic-info-footer .item-basic-info-footer-cell:first-child{
padding-right:15px;
width:65%;
}
.item-basic-info .item-basic-info-footer .item-basic-info-footer-cell > :first-child{
margin-top:0;
}
.item-basic-info .item-basic-info-cv{
padding:10px;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
font-weight:bold;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:bold;
text-align:center;
display:block;
border-radius:4px;
}
.item-basic-info .item-basic-info-cv:active,
.item-basic-info .item-basic-info-cv:hover,
.item-basic-info .item-basic-info-cv:focus{
background-color:#67a700;
text-decoration:none;
}
/* .icon-explanation
----------------------------------------------- */
.icon-explanation{
margin-top:10px;
overflow:hidden;
font-size:11px;
}
.icon-explanation .icon-explanation-hdg{
padding:1px 5px;
border:1px solid #d1d1d1;
border-radius:3px;
float:left;
background-color:#eee;
font-weight:normal;
font-size:10px;
}
.icon-explanation .icon-explanation-list{
padding-left:5px;
overflow:hidden;
}
.icon-explanation .icon-explanation-list > li{
margin-right:10px;
display:inline-block;
}
/* .topic-path
----------------------------------------------- */
.contents-topic-path{
margin-top:20px;
}
.contents-topic-path .contents-topic-path-hdg{
padding-left:13px;
position:relative;
font-size:14px;
font-weight:normal;
display:flex;
}
.contents-topic-path .contents-topic-path-hdg:before{
content:'';
position:absolute;
display:block;
width:8px;
height:8px;
overflow:hidden;
top:6px;
left:0;
}
.contents-topic-path .contents-topic-path-hdg:before{
background-color:var(--cmn-font-color-base);
}
.contents-topic-path .contents-topic-path-hdg-note{
font-size:11px;
font-weight:normal;
position:relative;
margin:auto 0.5em;
}
.contents-topic-path .contents-topic-path-hdg-note li{
display:block;
padding-left:1em;
position:relative;
color:var(--cmn-font-color-gray);
}
.contents-topic-path .contents-topic-path-hdg-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:'\203b';
}
.contents-topic-path .contents-topic-path-item{
margin-top:2px;
}
/* .purchase-feature
----------------------------------------------- */
.purchase-feature{
border:1px solid #d0d0d0;
border-radius:3px;
color:#555;
line-height:1.45;
margin-top:20px;
}
.purchase-feature .purchase-feature-hdg{
padding:7px 5px 5px;
border-bottom:1px solid #d0d0d0;
border-radius:3px 3px 0 0;
line-height:1.35;
box-shadow:1px 1px 0 #fff inset, 0 -1px 0 #fff inset;
background-color:#f0f0f0;
text-align:center;
font-size:14px;
}
.purchase-feature .purchase-feature-hdg > span{
display:block;
}
.purchase-feature .purchase-feature-item > li{
padding:8px 5px;
}
.purchase-feature .purchase-feature-item > li:not(:first-child){
border-top:1px dashed #c7c7c7;
}
.purchase-feature .purchase-feature-item > li > a{
display:block;
font-size:13px;
}
.purchase-feature .purchase-feature-item-info{
font-size:12px;
}
.purchase-feature .purchase-feature-item-info > li{
margin-top:3px;
overflow:hidden;
}
.purchase-feature .purchase-feature-item-info > li > span{
display:block;
}
.purchase-feature .purchase-feature-item-info > li > span:first-child{
padding-right:10px;
float:left;
width:4em;
box-sizing:border-box;
position:relative;
}
.purchase-feature .purchase-feature-item-info > li > span:first-child:after{
content:'\ff1a';
display:block;
position:absolute;
top:-1px;
right:0;
}
.purchase-feature .purchase-feature-item-info > li > span:last-child{
overflow:hidden;
}
.purchase-feature .purchase-feature-item-price{
font-size:14px;
line-height:1.25;
}

/* modal module
----------------------------------------------- */
/* .modal-hdg ------------------------------ */
.modal-hdg{
margin-bottom:15px;
font-weight:normal;
font-size:14px;
}
/* .modal-hdg-01 --------------------------- */
.modal-hdg-01{
margin:10px 0 -5px;
font-size:14px;
}
/* .modal-catch ---------------------------- */
.modal-catch{
font-size:14px;
}
/* .modal-list-sort ------------------------ */
.modal-list-sort > li{
display:inline-block;
}
.modal-list-sort > li:not(:first-child){
margin-left:5px;
padding-left:10px;
border-left:1px solid #cacaca;
}
.modal-list-sort > li button{
padding:0;
border:none;
color:var(--cmn-font-color-link);
cursor:pointer;
background:none;
}
.modal-list-sort > li button[disabled]{
color:var(--cmn-font-color-base);
cursor:default;
}
/* .modal-tbl ------------------------------ */
.modal-tbl{
border-collapse:collapse;
}
.modal-tbl th,
.modal-tbl td{
padding:3px 20px;
font-weight:normal;
text-align:center;
}
.modal-tbl thead{
font-size:11px;
}
.modal-tbl tbody th,
.modal-tbl tbody td{
border-top:1px solid #ccc;
}
.modal-tbl tbody > tr:first-child > th,
.modal-tbl tbody > tr:first-child td{
border-top:none;
}
.modal-tbl tbody > tr > :last-child{
width:auto;
}
/* .modal-tbl-vendor ----------------------- */
.modal-tbl-vendor{
margin-top:10px;
width:100%;
border-collapse:collapse;
}
.modal-tbl-vendor th,
.modal-tbl-vendor td{
padding:7px 5px;
border-bottom:1px dotted #ccc;
}
.modal-tbl-vendor tbody > tr:active,
.modal-tbl-vendor tbody > tr:hover,
.modal-tbl-vendor tbody > tr:focus{
background-color:#f2f2f2;
}
.modal-tbl-vendor tbody > tr > td:first-child{
width:100px;
}
.modal-tbl-vendor tbody > tr > td:last-child{
width:110px;
text-align:center;
}
.modal-tbl-vendor tbody > tr > td:last-child img{
max-height:22px;
vertical-align:middle;
}
.modal-tbl-vendor tbody > tr > td label{
cursor:pointer;
display:inline-block;
}
.modal-tbl-vendor tbody > tr > td input{
margin:0;
vertical-align:middle;
}
.modal-tbl-vendor .modal-tbl-vendor-logo{
margin-left:10px;
border:1px solid #c4c4c4;
display:inline-block;
vertical-align:middle;
width:62px;
height:24px;
position:relative;
overflow:hidden;
background-color:#fff;
}
.modal-tbl-vendor .modal-tbl-vendor-logo img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:block;
max-width:100%;
max-height:100%;
}
/* .modal-form-vendor ---------------------- */
.modal-form-vendor{
display:inline-block;
font-weight:bold;
font-size:14px;
}
.modal-form-vendor > li{
margin-left:15px;
display:inline-block;
}
.modal-form-vendor > li > label{
padding-left:16px;
position:relative;
display:block;
cursor:pointer;
}
.modal-form-vendor > li > label input[type='radio']{
margin:0;
position:absolute;
top:4px;
left:0;
}
/* ----------------------------------------------------------------
  Modal goto-campaing
----------------------------------------------------------------- */
/* .modal-goto-campaing
----------------------------------------------- */
.modal-goto-campaing{
text-align:left;
font-size:14px;
}
.modal-goto-campaing-hdg-l2{
margin-bottom:15px;
padding:14px 10px 10px;
font-size:16px;
background-color:#eee;
line-height:1;
}
.modal-goto-campaing .date{
margin-bottom:10px;
}
.modal-goto-campaing .more{
display:table;
margin-top:30px;
color:var(--cmn-font-color-gray);
text-decoration:underline;
}
.modal-goto-campaing .more > .more-note{
margin-left:5px;
font-size:11px;
display:inline-block;
}
.modal-goto-campaing .modal-burette-list{
margin-bottom:25px;
}
.modal-goto-campaing .modal-burette-list li::before{
content:'\030FB';
}
.modal-goto-campaing .modal-burette-list ul{
padding-left:1em;
}
.modal-goto-campaing .modal-burette-list ul li{
padding-left:1em;
text-indent:-1em;
}

/* .modal-goto-text
----------------------------------------------- */
.cmn-modal-box .text-info{
margin-bottom: 0;
}

.text-info + .modal-btn-box{
margin-top: 30px;
}

.modal-goto-text p{
font-size: 14px;
text-align: left;
margin-top: 20px;
}

.modal-goto-text .goto-notice-list{
font-size: 11px;
text-align: left;
margin-top: 20px;
}

/* ----------------------------------------------------------------
form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
textarea,
select{
padding:4px 3px;
border:1px solid #aaa;
max-width:100%;
min-height:26px;
box-sizing:border-box;
background-color: #fff;
}
select{
-webkit-appearance:none;
-moz-appearance:none;
color: var(--cmn-font-color-base);
}
select:focus{
outline:none;
}
input[type='checkbox'],
input[type='radio']{
cursor:pointer;
}
input[type='checkbox'][disabled],
input[type='radio'][disabled]{
cursor:default;
}
input[type='text']:-ms-input-placeholder{
color:#999;
}
/* .form-list
----------------------------------------------- */
.form-list > li,
.form-list-line > li{
margin-top:3px;
position:relative;
height:20px;
min-height:20px;
}
.form-list > li label,
.form-list-line > li label{
cursor:pointer;
padding-left:15px;
height:20px;
min-height:20px;
display:flex;
align-items:center;
}
.form-list > li input[type='checkbox'],
.form-list-line > li input[type='checkbox'],
.form-list > li input[type='radio'],
.form-list-line > li input[type='radio']{
margin:auto 0;
padding:0;
position:absolute;
top:-1px;
bottom:0;
left:0;
}
.form-list > li.is-disabled,
.form-list-line > li.is-disabled{
color:#ccc;
}
.form-list > li.is-disabled label,
.form-list-line > li.is-disabled label{
cursor:default;
}
.form-list > li.is-disabled input[type='checkbox'],
.form-list-line > li.is-disabled input[type='checkbox'],
.form-list > li.is-disabled input[type='radio'],
.form-list-line > li.is-disabled input[type='radio']{
cursor:default;
}
.search-filter-sub-hdg-01 + .form-list-line{
margin-top:-5px;
}
.cmn-modal-hdg-01{
min-height:27px;
box-sizing:border-box;
padding:3px 5px 1px !important;
}
/* .form-list-line
----------------------------------------------- */
.form-list-line{
margin-bottom:-5px;
}
.form-list-line > li{
margin:0 10px 5px 0;
display:inline-block;
vertical-align:top;
}
.form-list-line > li:last-child{
margin-right:0;
}
.form-list-line > li .num{
display:inline-block;
font-size:10px;
}
.form-list-line > li.br{
display:block;
}
/* .form-departure-date
----------------------------------------------- */
.form-departure-date{
margin:30px auto 20px;
display:table;
padding:10px 30px;
background-color:#f3f3f3;
font-size:14px;
}
.form-departure-date label{
margin-right:5px;
display:inline-block;
}
.form-departure-date .required{
margin-right:10px;
padding:1px 5px;
border-radius:3px;
color:var(--cmn-font-color-red);
display:inline-block;
background-color:#fadcd8;
font-size:11px;
}
.form-departure-date .ui-datepicker-btn{
vertical-align:middle;
}
/* .search-keyword
----------------------------------------------- */
.search-keyword .search-keyword-form{
padding-right:50px;
border:2px solid #cbcbcb;
border-radius:4px;
box-sizing:border-box;
position:relative;
}
.search-keyword .search-keyword-form input[type='text'],
.search-keyword .search-keyword-form input[type='search']{
padding:14px 10px 10px;
width:100%;
min-height:45px;
font-size:17px;
border:none;
}
.search-keyword .search-keyword-form-btn{
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border:none;
position:absolute;
top:0;
right:0;
width:50px;
height:100%;
cursor:pointer;
background:url(/element/j_bustour/shared/images/icon-search.svg) 50% 50% no-repeat;
background-size:auto 60%;
}
.search-keyword .search-keyword-hdg{
color:#555;
font-size:15px;
}
.search-keyword .search-keyword-popular{
margin-top:10px;
overflow:hidden;
line-height:1.25;
font-size:12px;
}
.search-keyword .search-keyword-popular-hdg{
padding-right:15px;
font-weight:normal;
float:left;
position:relative;
}
.search-keyword .search-keyword-popular-hdg:after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:1px;
line-height:1;
font-size:14px;
}
.search-keyword .search-keyword-popular-list{
overflow:hidden;
}
.search-keyword .search-keyword-popular-list > li{
margin:0 5px 5px 0;
padding-right:5px;
border-right:1px solid #d8d8d8;
display:inline-block;
}
.search-keyword .search-keyword-popular-list > li:last-child{
margin-right:0;
padding-right:0;
border:none;
}
.search-keyword .search-keyword-suggest-container{
position:relative;
}
.search-keyword .search-keyword-suggest-container .search-keyword-suggest{
border:1px solid #aaa;
border-radius:2px;
padding:5px 10px;
position:absolute;
top:48px;
left:0;
z-index:100;
box-sizing:border-box;
width:100%;
background-color:#fff;
box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
}
.search-keyword .search-keyword-suggest-container .search-keyword-suggest-list > li a{
padding:6px 5px 5px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}
.search-keyword .search-keyword-suggest-container .search-keyword-suggest-list > li a:active,
.search-keyword .search-keyword-suggest-container .search-keyword-suggest-list > li a:hover,
.search-keyword .search-keyword-suggest-container .search-keyword-suggest-list > li a:focus{
background-color:#f9eaba;
}
.search-keyword .search-keyword-suggest-container .search-keyword-suggest-list > li.over a{
background-color:#f9eaba;
}
/* .search-filter-container
----------------------------------------------- */
.search-filter-container{
padding:15px 10px;
border:1px solid #d8d8d8;
color:#555;
background-color:#f7f7f7;
}
.search-filter-container .search-filter-hdg{
font-size:11px;
}
/* .search-filter-lyt
----------------------------------------------- */
.search-filter-container .search-filter-lyt > .search-filter-lyt-cell{
box-sizing:border-box;
}
.search-filter-container .search-filter-lyt > .search-filter-lyt-cell:first-child{
width:330px;
float:right;
}
.search-filter-container .search-filter-lyt > .search-filter-lyt-cell:last-child{
float:left;
width:598px;
}
.search-filter-container .search-filter-lyt > .search-filter-lyt-cell > :first-child{
margin-top:0;
}
/* .search-filter-lyt-line
----------------------------------------------- */
.search-filter-lyt-line{
display:table;
margin-top:5px;
vertical-align:middle;
}
.search-filter-lyt-line .search-filter-lyt-line-cell{
display:table-cell;
padding:0 15px 0 0;
vertical-align:middle;
}
.search-filter-lyt-line .search-filter-lyt-line-cell li{
margin-top:0;
}
/* .search-filter-item
----------------------------------------------- */
.search-filter-container .search-filter-item{
margin-top:15px;
display:table;
width:100%;
}
.search-filter-container .search-filter-item > .search-filter-item-cell{
box-sizing:border-box;
display:table-cell;
position:relative;
vertical-align:top;
}
.search-filter-container .search-filter-item > .search-filter-item-cell:first-child{
padding-right:5px;
vertical-align:top;
top:5px;
width:6em;
}
/* .search-filter-btn
----------------------------------------------- */
.search-filter-container .search-filter-btn{
margin-top:5px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
display:block;
min-width:141px;
position:relative;
cursor:pointer;
background-image:-webkit-linear-gradient(#fcfcfc, #efefef);
background-image:linear-gradient(#fcfcfc, #efefef);
background-color:#fcfcfc;
font-size:12px;
text-align:left;
height:24px;
min-height:24px;
color: var(--cmn-font-color-base);
}
.search-filter-container .search-filter-btn:before{
content:'';
position:absolute;
display:block;
width:12px;
height:12px;
overflow:hidden;
top:5px;
left:5px;
}
.search-filter-container .search-filter-btn:before{
border-radius:2px;
background-color:#888;
}
.search-filter-container .search-filter-btn > span{
padding:3px 5px 2px 20px;
display:block;
}
.search-filter-container .search-filter-btn > span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
top:10px;
left:7px;
}
.search-filter-container .search-filter-btn > span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
top:7px;
left:10px;
}
.search-filter-container .search-filter-btn > span:before,
.search-filter-container .search-filter-btn > span:after{
background-color:#fff;
}
.search-filter-container .search-filter-btn.is-cancel > span:after{
display:none;
}
/* .search-filter-btn-arrow
----------------------------------------------- */
.search-filter-container .search-filter-btn-arrow{
margin-top:5px;
padding:2px 10px 2px 14px;
border:1px solid #999;
border-radius:3px;
color:var(--cmn-font-color-link);
display:block;
position:relative;
cursor:pointer;
background-image:-webkit-linear-gradient(#fcfcfc, #efefef);
background-image:linear-gradient(#fcfcfc, #efefef);
background-color:#fcfcfc;
font-size:12px;
height:24px;
min-height:24px;
}
.search-filter-container .search-filter-btn-arrow:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 0 4px 4px;
border-color:transparent transparent transparent #666;
border-style:solid;
}
.search-filter-container .search-filter-btn-arrow:before{
margin-top:-4px;
top:50%;
left:6px;
}
/* .search-filter-btn-del
----------------------------------------------- */
.search-filter-container .search-filter-btn-del{
padding:0;
border:1px solid #fff;
border-radius:3px;
width:16px;
height:16px;
overflow:hidden;
cursor:pointer;
vertical-align:middle;
text-indent:-9999px;
background:#666;
}
.search-filter-container .search-filter-btn-del > span{
display:block;
}
.search-filter-container .search-filter-btn-del > span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
top:6px;
left:3px;
}
.search-filter-container .search-filter-btn-del > span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
top:3px;
left:6px;
}
.search-filter-container .search-filter-btn-del > span:before,
.search-filter-container .search-filter-btn-del > span:after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#fff;
}
/* .search-filter-btn-exec
----------------------------------------------- */
.search-filter-container .search-filter-btn-exec{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}
.search-filter-container .search-filter-btn-exec:active,
.search-filter-container .search-filter-btn-exec:hover,
.search-filter-container .search-filter-btn-exec:focus{
background-color:#67a700;
text-decoration:none;
}
/* .search-filter-btn-list
----------------------------------------------- */
.search-filter-container .search-filter-btn-list > li{
margin:0 10px 0 0;
display:inline-block;
}
.search-filter-container .search-filter-btn-list > li:last-child{
margin-right:0;
}
.search-filter-container .search-filter-btn-list > li > button{
margin:0;
}
/* .search-filter-list / .search-filter-list-simple
----------------------------------------------- */
.search-filter-container .search-filter-list,
.search-filter-container .search-filter-list-simple{
box-sizing:border-box;
display:table;
}
.search-filter-container .search-filter-list > li,
.search-filter-container .search-filter-list-simple > li{
margin-top:5px;
padding-right:20px;
position:relative;
}
.search-filter-container .search-filter-list > li:first-child,
.search-filter-container .search-filter-list-simple > li:first-child{
margin-top:0;
}
.search-filter-container .search-filter-list > li .search-filter-btn-del,
.search-filter-container .search-filter-list-simple > li .search-filter-btn-del{
position:absolute;
top:5px;
right:0;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li{
display:inline-block;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li:not(:last-child):after,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li:not(:last-child):after{
margin:0 -2px;
content:'\ff1e';
display:inline-block;
vertical-align:middle;
font-size:10px;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li select,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li select{
width:130px;
font-size:12px;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li select.wide,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li select.wide{
width:209px;
}
.search-filter-container .search-filter-list > li.simple,
.search-filter-container .search-filter-list-simple > li.simple{
padding-right:25px;
max-width:200px;
}
.search-filter-container .search-filter-list > li.simple select,
.search-filter-container .search-filter-list-simple > li.simple select{
width:100%;
}
.search-filter-container .search-filter-list.search-filter-multiple,
.search-filter-container .search-filter-list-simple.search-filter-multiple{
padding-right:147px;
position:relative;
}
.search-filter-container .search-filter-list.search-filter-multiple > li:last-child,
.search-filter-container .search-filter-list-simple.search-filter-multiple > li:last-child{
margin:0;
padding:0;
position:absolute;
top:0;
right:0;
}
.search-filter-container .search-filter-list.search-filter-multiple > li:last-child button,
.search-filter-container .search-filter-list-simple.search-filter-multiple > li:last-child button{
margin-top:0;
width:139px;
box-sizing:border-box;
font-size:.90em;
max-width:inherit;
white-space:nowrap
}
/* .search-filter-list-simple
----------------------------------------------- */
.search-filter-container .search-filter-list-simple{
width:400px;
}
.search-filter-container .search-filter-list-simple > li{
padding-right:20px;
}
.search-filter-container .search-filter-list-simple > li select{
width:100%;
padding:5px 3px 4px;
}
/* .search-filter-list-date
----------------------------------------------- */
.search-filter-container .search-filter-list-date > li{
display:inline-block;
}
.search-filter-container .search-filter-list-date > li:not(:last-child){
padding-right:26px;
position:relative;
}
.search-filter-container .search-filter-list-date > li:not(:last-child):after{
content:'\ff5e';
display:block;
position:absolute;
top:5px;
right:5px;
width:13px;
}
.search-filter-container .search-filter-list-date > li input{
width:160px;
padding:5px 3px 3px;
vertical-align:text-bottom;
}
/* .search-filter-keyword
----------------------------------------------- */
.search-filter-container .search-filter-keyword{
font-size:11px;
}
.search-filter-container .search-filter-keyword input{
width:90%;
}
/* .search-filter-keyword-list
----------------------------------------------- */
.search-filter-container .search-filter-keyword-list{
margin-top:10px;
}
.search-filter-container .search-filter-keyword-list > li{
margin-top:5px;
overflow:hidden;
}
.search-filter-container .search-filter-keyword-list > li > div{
padding-right:15px;
float:left;
width:5em;
position:relative;
top:1px;
font-size:11px;
}
.search-filter-container .search-filter-keyword-list > li > div:after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:3px;
}
.search-filter-container .search-filter-keyword-list > li > ul:not([class]){
overflow:hidden;
}
.search-filter-container .search-filter-keyword-list > li > ul:not([class]) > li{
display:inline-block;
}
.search-filter-container .search-filter-keyword-list > li > ul:not([class]) > li:not(:last-child){
margin-right:5px;
padding-right:8px;
position:relative;
}
.search-filter-container .search-filter-keyword-list > li > ul:not([class]) > li:not(:last-child):before{
content:'';
position:absolute;
display:block;
width:1px;
height:10px;
overflow:hidden;
top:0.3em;
right:0;
}
.search-filter-container .search-filter-keyword-list > li > ul:not([class]) > li:not(:last-child):before{
background-color:#d8d8d8;
}
.search-filter-container .search-filter-keyword-list > li > ul:not([class]) > li button{
margin:0;
padding:0;
border:none;
color:var(--cmn-font-color-link);
cursor:pointer;
background:none;
font-size:13px;
}
/* .search-filter-keyword-exclusion
----------------------------------------------- */
.search-filter-container .search-filter-keyword-exclusion{
margin-top:5px;
padding:5px 10px;
background-color:#e8e8e8;
font-size:11px;
font-weight:bold;
}
.search-filter-container .search-filter-keyword-exclusion input{
margin:0 2px;
width:380px;
vertical-align:middle;
}
/* .search-filter-suggest / .search-filter-suggest-list
----------------------------------------------- */
.search-filter-container .search-filter-suggest{
padding:5px;
border:1px solid #aaa;
box-sizing:border-box;
position:absolute;
top:25px;
left:0;
z-index:100;
width:90%;
background-color:#fff;
}
.search-filter-container .search-filter-suggest-list{
line-height:1.35;
}
.search-filter-container .search-filter-suggest-list > li a{
padding:6px 5px 5px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}
.search-filter-container .search-filter-suggest-list > li a:active,
.search-filter-container .search-filter-suggest-list > li a:hover,
.search-filter-container .search-filter-suggest-list > li a:focus{
background-color:#f9eaba;
}
.search-filter-container .search-filter-suggest-list > li.over a{
background-color:#f9eaba;
}
/* .search-filter-theme-list
----------------------------------------------- */
.search-filter-container .search-filter-theme-list{
margin-top:-14px;
}
.search-filter-container .search-filter-theme-list > li{
margin:10px 0 0 1%;
box-sizing:border-box;
float:left;
width:13.42857%;
}
.search-filter-container .search-filter-theme-list > li:nth-child(6n+1){
margin-left:0;
clear:both;
}
.search-filter-container .search-filter-theme-list > li button{
padding:0;
height:35px;
width:100%;
border-radius:4px;
border:1px solid #999;
background-color:#fff;
box-shadow:0 -3px 0 rgba(0, 0, 0, 0.15) inset;
cursor:pointer;
font-size:12px;
color: var(--cmn-font-color-base);
}
.search-filter-container .search-filter-theme-list > li button.is-active{
color:var(--cmn-font-color-base);
box-shadow:0 3px 0 rgba(0, 0, 0, 0.15) inset;
background-color:#fcc453;
}
.search-filter-container .search-filter-theme-list > li button[disabled]{
opacity:0.8;
cursor:default;
background-color:#eee;
}
/* .search-filter-tab / .search-filter-tab-item
----------------------------------------------- */
.search-filter-container .search-filter-tab{
display:table;
table-layout:fixed;
width:100%;
font-size:13px;
}
/* iPad OS */
@media screen and (max-width:1185px) and (min-aspect-ratio:3/4){
.search-filter-container .search-filter-tab{
font-size:10px;
white-space:nowrap;
}
}
.search-filter-container .search-filter-tab > li{
display:table-cell;
vertical-align:bottom;
}
.search-filter-container .search-filter-tab > li:first-child{
padding-left:1px;
}
.search-filter-container .search-filter-tab > li > a{
margin-left:-1px;
padding:5px 2px;
border:1px solid #b0b0b0;
border-radius:4px 4px 0 0;
color:var(--cmn-font-color-base);
display:block;
background-color:#f0f0f0;
text-align:center;
text-decoration:none;
line-height:1.1;
}
.search-filter-container .search-filter-tab > li > a .sup{
display:inline-block;
font-size:10px;
}
.search-filter-container .search-filter-tab > li.is-active > a{
padding-bottom:6px;
border-bottom:none;
background-color:#fff;
}
.search-filter-container .search-filter-tab-item{
display:none;
box-sizing:border-box;
}
.search-filter-container .search-filter-tab-item.is-active{
display:block;
}
/* .search-filter-calendar
----------------------------------------------- */
.search-filter-container .search-filter-calendar{
padding-top:10px;
border-width:0 1px 1px;
border-style:solid;
border-color:#b0b0b0;
background-color:#fff;
}
.search-filter-container .search-filter-calendar-header{
padding:0 50px;
position:relative;
text-align:center;
min-height:23px;
}
.search-filter-container .search-filter-calendar-hdg{
color:var(--cmn-font-color-base);
font-size:15px;
}
.search-filter-container .search-filter-calendar-nav > li{
position:absolute;
top:0;
left:10px;
}
.search-filter-container .search-filter-calendar-nav > li.next{
right:10px;
left:auto;
}
.search-filter-container .search-filter-calendar-nav > li.next button:before{
right:2px;
left:auto;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-filter-container .search-filter-calendar-nav > li button{
border:none;
margin:0;
padding:0;
cursor:pointer;
width:30px;
height:20px;
background:none;
text-indent:-9999px;
}
.search-filter-container .search-filter-calendar-nav > li button:before{
content:'';
display:block;
position:absolute;
border-right:3px solid #444;
border-bottom:3px solid #444;
width:9px;
height:9px;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}
.search-filter-container .search-filter-calendar-nav > li button:before{
top:4px;
left:2px;
}
.search-filter-container .search-filter-calendar-nav > li button[disabled]{
opacity:0.3;
cursor:default;
}
.search-filter-container .search-filter-calendar-tbl{
width:100%;
border-collapse:collapse;
table-layout:fixed;
font-size:12px;
}
.search-filter-container .search-filter-calendar-tbl tr:first-child > td{
border-top-style:solid;
}
.search-filter-container .search-filter-calendar-tbl tr > th:first-child{
color:var(--cmn-font-color-red);
}
.search-filter-container .search-filter-calendar-tbl tr > td:first-child .date{
color:var(--cmn-font-color-red);
}
.search-filter-container .search-filter-calendar-tbl tr > td:last-child{
border-right:none;
}
.search-filter-container .search-filter-calendar-tbl th,
.search-filter-container .search-filter-calendar-tbl td{
padding:0;
text-align:center;
font-weight:normal;
}
.search-filter-container .search-filter-calendar-tbl th{
font-size:10px;
}
.search-filter-container .search-filter-calendar-tbl td{
border-right:1px solid #c9c9c9;
border-top:1px dotted #c9c9c9;
}
.search-filter-container .search-filter-calendar-tbl td > div{
padding-top:10px;
height:28px;
box-sizing:border-box;
position:relative;
cursor:pointer;
}
.search-filter-container .search-filter-calendar-tbl td > div:active,
.search-filter-container .search-filter-calendar-tbl td > div:hover,
.search-filter-container .search-filter-calendar-tbl td > div:focus{
background-color:#fff3da;
}
.search-filter-container .search-filter-calendar-tbl td > div .date{
position:absolute;
top:2px;
left:2px;
display:block;
font-size:9px;
line-height:1;
}
.search-filter-container .search-filter-calendar-tbl td > div .num,
.search-filter-container .search-filter-calendar-tbl td > div .cheapest-price{
color:var(--cmn-font-color-link);
height:16px;
position:absolute;
bottom:0;
width:100%;
left:0;
}
.search-filter-container .search-filter-calendar-tbl td > div .calendar-icon-cheapest{
position:absolute;
bottom:0;
left:1%;
display:block;
box-sizing:border-box;
width:98%;
height:18px;
border:1px solid var(--cmn-font-color-red);
border-radius:50%;
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.search-filter-container .search-filter-calendar-tbl td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.search-filter-container .search-filter-calendar-tbl td > div.is-active{
background-color:#fdf8e0;
}
.search-filter-container .search-filter-calendar-tbl td > div.disabled{
cursor:default;
}
.search-filter-container .search-filter-calendar-tbl td > div.disabled:before{
margin-top:-2px;
content:'-';
color:#999;
display:inline-block;
line-height:1;
vertical-align:top;
}
/* .search-filter-calendar-explanation
----------------------------------------------- */
.search-filter-container .search-filter-calendar-explanation{
text-align:right;
}
.search-filter-container .search-filter-calendar-explanation > li{
margin:2px 0 0 5px;
display:inline-block;
}
.search-filter-container .search-filter-calendar-explanation > li.cheapest{
padding-left:23px;
position:relative;
}
.search-filter-container .search-filter-calendar-explanation > li.cheapest:before{
content:'';
position:absolute;
top:4px;
left:0;
display:block;
box-sizing:border-box;
width:20px;
height:55%;
border:1px solid var(--cmn-font-color-red);
border-radius:50%;
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
/* .search-filter-selected
----------------------------------------------- */
.search-filter-container .search-filter-selected{
margin-top:-1px;
border:1px solid #d1d1d1;
position:relative;
box-sizing:border-box;
background-color:#f7f7f7;
}
.search-filter-container .search-filter-selected:before{
content:'';
position:absolute;
display:block;
width:100%;
height:2px;
overflow:hidden;
top:-1PX;
left:0;
}
.search-filter-container .search-filter-selected:before{
background-image:-webkit-linear-gradient(#bbb, #f7f7f7);
background-image:linear-gradient(#bbb, #f7f7f7);
}
.search-filter-container .search-filter-selected-hdg{
padding:5px;
border-right:1px solid #d1d1d1;
display:table-cell;
width:100px;
vertical-align:middle;
background-color:#f0f0f0;
text-align:center;
font-size:11px;
}
.search-filter-container .search-filter-selected-item{
padding:2px 10px;
display:table-cell;
vertical-align:middle;
}
.search-filter-container .search-filter-selected-list{
margin-bottom:-2px;
}
.search-filter-container .search-filter-selected-list > li{
margin:0 15px 2px 0;
display:inline-block;
}
.search-filter-container .search-filter-selected-list > li > button{
padding:0 12px 0 0;
border:none;
color:#555;
cursor:pointer;
position:relative;
background:none;
}
.search-filter-container .search-filter-selected-list > li > button:before{
content:'';
position:absolute;
display:block;
width:12px;
height:12px;
overflow:hidden;
top:50%;
right:0;
}
.search-filter-container .search-filter-selected-list > li > button:before{
margin-top:-6px;
border:1px solid #fff;
border-radius:3px;
box-sizing:border-box;
background-color:#777;
}
.search-filter-container .search-filter-selected-list > li > button > span{
margin-top:-6px;
display:block;
position:absolute;
top:50%;
right:0;
width:12px;
height:12px;
overflow:hidden;
text-indent:-9999px;
}
.search-filter-container .search-filter-selected-list > li > button > span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
top:5px;
left:2px;
}
.search-filter-container .search-filter-selected-list > li > button > span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
top:2px;
left:5px;
}
.search-filter-container .search-filter-selected-list > li > button > span:before,
.search-filter-container .search-filter-selected-list > li > button > span:after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#fff;
}
.search-filter-container .search-filter-selected-btn{
padding:0;
border:1px solid #fff;
border-radius:4px;
color:#fff;
cursor:pointer;
background:#666;
font-size:10px;
}
.search-filter-container .search-filter-selected-btn > span{
padding:1px 3px 1px 14px;
display:block;
position:relative;
}
.search-filter-container .search-filter-selected-btn > span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
bottom:50%;
left:4px;
}
.search-filter-container .search-filter-selected-btn > span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
bottom:50%;
left:7px;
}
.search-filter-container .search-filter-selected-btn > span:before,
.search-filter-container .search-filter-selected-btn > span:after{
-webkit-transform:translateY(50%) rotate(45deg);
-ms-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
background-color:#fff;
}
.search-filter-container .search-filter-selected + .search-filter-selected:before{
display:none;
}
.search-filter-container > .search-filter-selected{
margin:15px -10px -15px;
border-width:1px 0 0;
}
/* .search-filter-exec
----------------------------------------------- */
.search-filter-container .search-filter-exec{
margin:15px -10px -15px;
padding:15px;
border-top:1px solid #d8d8d8;
color:var(--cmn-font-color-base);
position:relative;
background-color:#fff;
text-align:center;
font-size:16px;
}
.search-filter-container .search-filter-exec:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:12px 12px 0 12px;
border-color:#d1d1d1 transparent transparent transparent;
border-style:solid;
}
.search-filter-container .search-filter-exec:after{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:12px 12px 0 12px;
border-color:#f7f7f7 transparent transparent transparent;
border-style:solid;
}
.search-filter-container .search-filter-exec:before,
.search-filter-container .search-filter-exec:after{
margin-left:-12px;
top:0;
left:50%;
}
.search-filter-container .search-filter-exec:after{
top:-1px;
}
.search-filter-container .search-filter-exec .search-filter-num{
margin-right:50px;
padding-right:70px;
display:inline-block;
position:relative;
font-weight:bold;
white-space:nowrap;
}
.search-filter-container .search-filter-exec .search-filter-num:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #6ebd00;
border-style:solid;
}
.search-filter-container .search-filter-exec .search-filter-num:after{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #6ebd00;
border-style:solid;
}
.search-filter-container .search-filter-exec .search-filter-num:before,
.search-filter-container .search-filter-exec .search-filter-num:after{
margin-top:-5px;
top:50%;
right:0;
}
.search-filter-container .search-filter-exec .search-filter-num:after{
right:10px;
}
.search-filter-container .search-filter-exec .search-filter-num > b{
color:var(--cmn-font-color-red);
display:inline-block;
min-width:90px;
font-size:20px;
}
.search-filter-container .search-filter-exec .search-filter-num > b:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:5px 0 5px 5px;
border-color:transparent transparent transparent #6ebd00;
border-style:solid;
}
.search-filter-container .search-filter-exec .search-filter-num > b:before{
margin-top:-5px;
top:50%;
right:20px;
}
.search-filter-container .search-filter-exec .search-filter-balloon{
border-radius:4px;
padding:7px 15px;
position:absolute;
top:11px;
right:16px;
color:#fff;
box-sizing:border-box;
background-color:#555;
font-size:11px;
}
.search-filter-container .search-filter-exec .search-filter-balloon:before{
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:18px;
left:-5px;
display:block;
background-color:#555;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}
/* .search-filter-sub-container
----------------------------------------------- */
.search-filter-sub-container{
padding:10px;
border:1px solid #d8d8d8;
color:#555;
background-color:#fff;
}
.search-filter-sub-container .search-filter-sub-hdg{
margin-bottom:5px;
color:#555;
font-size:16px;
position:relative;
}
.search-filter-sub-container .search-filter-sub-hdg + .search-filter-sub-hdg-01{
margin-top:0;
}
.search-filter-sub-container .search-filter-sub-hdg-01{
margin:10px 0 5px;
font-size:11px;
}
.search-filter-sub-container .search-filter-sub-hdg-01-container > *{
margin-bottom:0;
display:inline-block;
}
.search-filter-sub-container .search-filter-sub-history{
padding-left:14px;
display:inline-block;
background:url(/element/j_bustour/shared/images/icon/icon-history.svg) 0 50% no-repeat;
background-size:10px 10px;
text-decoration:none;
position: absolute;
top:2px;
right:0;
font-size:11px;
font-weight:normal;
}
.search-filter-sub-container .search-filter-sub-btn{
margin-top:5px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
display:block;
position:relative;
cursor:pointer;
background-image:-webkit-linear-gradient(#fcfcfc, #efefef);
background-image:linear-gradient(#fcfcfc, #efefef);
background-color:#fcfcfc;
font-size:12px;
height:24px;
min-height:24px;
color: var(--cmn-font-color-base);
}
.search-filter-sub-container .search-filter-sub-btn:before{
content:'';
position:absolute;
display:block;
width:12px;
height:12px;
overflow:hidden;
top:0;
bottom:0;
left:5px;
margin:auto 0;
}
.search-filter-sub-container .search-filter-sub-btn:before{
border-radius:2px;
background-color:#888;
}
.search-filter-sub-container .search-filter-sub-btn > span{
padding:2px 5px 2px 22px;
display:block;
}
.search-filter-sub-container .search-filter-sub-btn > span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
top:0;
bottom:0;
left:7px;
margin:auto 0;
}
.search-filter-sub-container .search-filter-sub-btn > span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
top:0;
bottom:0;
left:10px;
margin:auto 0;
}
.search-filter-sub-container .search-filter-sub-btn > span:before,
.search-filter-sub-container .search-filter-sub-btn > span:after{
background-color:#fff;
}
.search-filter-sub-container .search-filter-sub-btn.is-cancel > span:after{
display:none;
}
.search-filter-sub-container .search-filter-sub-btn-arrow{
margin-top:5px;
padding:2px 10px 2px 14px;
border:1px solid #999;
border-radius:3px;
color:var(--cmn-font-color-link);
display:block;
position:relative;
cursor:pointer;
background-image:-webkit-linear-gradient(#fcfcfc, #efefef);
background-image:linear-gradient(#fcfcfc, #efefef);
background-color:#fcfcfc;
font-size:12px;
height:24px;
min-height:24px;
}
.search-filter-sub-container .search-filter-sub-btn-arrow:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:4px 0 4px 4px;
border-color:transparent transparent transparent #666;
border-style:solid;
}
.search-filter-sub-container .search-filter-sub-btn-arrow:before{
margin-top:-4px;
top:50%;
left:6px;
}
.search-filter-sub-container .search-filter-sub-btn-del{
padding:0;
border:1px solid #fff;
border-radius:3px;
width:16px;
height:16px;
overflow:hidden;
cursor:pointer;
text-indent:-9999px;
background:#666;
}
.search-filter-sub-container .search-filter-sub-btn-del > span{
display:block;
}
.search-filter-sub-container .search-filter-sub-btn-del > span:before{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
top:6px;
left:3px;
}
.search-filter-sub-container .search-filter-sub-btn-del > span:after{
content:'';
position:absolute;
display:block;
width:2px;
height:8px;
overflow:hidden;
top:3px;
left:6px;
}
.search-filter-sub-container .search-filter-sub-btn-del > span:before,
.search-filter-sub-container .search-filter-sub-btn-del > span:after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#fff;
}
.search-filter-sub-container .search-filter-sub-btn-exec{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}
.search-filter-sub-container .search-filter-sub-btn-exec:active,
.search-filter-sub-container .search-filter-sub-btn-exec:hover,
.search-filter-sub-container .search-filter-sub-btn-exec:focus{
background-color:#67a700;
text-decoration:none;
}
.search-filter-sub-container .search-filter-sub-toggle{
margin-top:10px;
padding:5px;
border:none;
color:var(--cmn-font-color-link);
width:100%;
cursor:pointer;
background:none;
}
.search-filter-sub-container .search-filter-sub-toggle:after{
margin-left:5px;
top:-3px;
content:'';
display:inline-block;
position:relative;
border-right:2.5px solid #999;
border-bottom:2.5px solid #999;
width:5px;
height:5px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-filter-sub-container .search-filter-sub-toggle.is-active:after{
top:0;
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.search-filter-sub-container .search-filter-sub-list > li{
margin-top:5px;
padding-right:15px;
position:relative;
}
.search-filter-sub-container .search-filter-sub-list > li .search-filter-sub-btn-del{
position:absolute;
top:4px;
right:0;
}
.search-filter-sub-container .search-filter-sub-list > li > ul:not([class]) > li{
display:inline-block;
}
.search-filter-sub-container .search-filter-sub-list > li > ul:not([class]) > li:not(:last-child):after{
margin:0 -2px;
content:'\ff1e';
display:inline-block;
vertical-align:middle;
font-size:10px;
}
.search-filter-sub-container .search-filter-sub-list > li > ul:not([class]) > li select{
width:115px;
font-size:12px;
}
.search-filter-sub-container .search-filter-sub-list > li > ul:not([class]) > li select.wide{
width:130px;
}
.search-filter-sub-container .search-filter-sub-list > li.simple{
padding-right:25px;
max-width:200px;
}
.search-filter-sub-container .search-filter-sub-list > li.simple select{
width:100%;
min-height:28px;
}
.search-filter-sub-container .search-filter-sub-list > li.simple select .test{
color:#fcc;
}
.search-filter-sub-container .search-filter-sub-list-date{
margin-top:5px;
}
.search-filter-sub-container .search-filter-sub-list-date > li:not(:last-child):after{
margin-left:70px;
content:'\ff5e';
display:block;
width:13px;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.search-filter-sub-container .search-filter-sub-list-date > li input{
width:160px;
padding:5px 3px 3px;
vertical-align:text-bottom;
}
.search-filter-sub-container .search-filter-sub-keyword{
margin-top:5px;
position:relative;
font-size:11px;
}
.search-filter-sub-container .search-filter-sub-keyword input{
width:235px;
}
.search-filter-sub-container .search-filter-sub-keyword .search-filter-sub-suggest{
border:1px solid #aaa;
border-radius:2px;
padding:5px;
position:absolute;
top:24px;
left:0;
z-index:100;
box-sizing:border-box;
width:100%;
background-color:#fff;
font-size:12px;
}
.search-filter-sub-container .search-filter-sub-keyword .search-filter-sub-suggest-list > li a{
padding:6px 5px 5px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}
.search-filter-sub-container .search-filter-sub-keyword .search-filter-sub-suggest-list > li a:active,
.search-filter-sub-container .search-filter-sub-keyword .search-filter-sub-suggest-list > li a:hover,
.search-filter-sub-container .search-filter-sub-keyword .search-filter-sub-suggest-list > li a:focus{
background-color:#f9eaba;
}
.search-filter-sub-container .search-filter-sub-keyword .search-filter-sub-suggest-list > li.over a{
background-color:#f9eaba;
}
.search-filter-sub-container .search-filter-sub-keyword-exclusion{
margin-top:5px;
padding:5px;
background-color:#e8e8e8;
font-size:11px;
font-weight:bold;
}
.search-filter-sub-container .search-filter-sub-keyword-exclusion label > span{
display:block;
}
.search-filter-sub-container .search-filter-sub-keyword-exclusion input{
margin-right:2px;
width:230px;
vertical-align:middle;
}
.search-filter-sub-container .search-filter-sub-exec{
margin:10px -10px -10px;
padding:15px 10px;
border-top:1px solid #d8d8d8;
position:relative;
text-align:center;
}
.search-filter-sub-container .search-filter-sub-exec:before{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:12px 12px 0 12px;
border-color:#d1d1d1 transparent transparent transparent;
border-style:solid;
}
.search-filter-sub-container .search-filter-sub-exec:after{
content:'';
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:12px 12px 0 12px;
border-color:#fff transparent transparent transparent;
border-style:solid;
}
.search-filter-sub-container .search-filter-sub-exec:before,
.search-filter-sub-container .search-filter-sub-exec:after{
margin-left:-12px;
top:0;
left:50%;
}
.search-filter-sub-container .search-filter-sub-exec:after{
top:-1px;
}
.search-filter-sub-container .search-filter-sub-exec .search-filter-sub-num{
margin-bottom:3px;
font-weight:bold;
}
.search-filter-sub-container .search-filter-sub-exec .search-filter-sub-num > b{
color:var(--cmn-font-color-red);
display:inline-block;
min-width:90px;
font-size:20px;
}

/* ----------------------------------------------------------------
dynamic
----------------------------------------------------------------- */
/* .toggle-container
----------------------------------------------- */
.toggle-container{
margin-top:20px;
padding:10px 10px 0;
border:1px solid #c9c9c9;
border-radius:3px;
background-color:#fff;
}
/* state active */
.toggle-container.is-active .toggle-hook span:after{
display:none;
}
.toggle-container.is-active .toggle-item{
display:block;
}
/* .toggle-container > .toggle-hook
----------------------------------------------- */
.toggle-container .toggle-hook{
margin:-10px 0 0;
padding:0;
border:none;
color:#555;
width:100%;
position:relative;
background:none;
text-align:left;
cursor:pointer;
}
.toggle-container .toggle-hook:before{
content:'';
position:absolute;
display:block;
width:12px;
height:12px;
overflow:hidden;
top:50%;
left:0;
}
.toggle-container .toggle-hook:before{
margin-top:-6px;
border-radius:2px;
background-color:#888;
}
.toggle-container .toggle-hook span{
margin:0 -10px;
padding:10px 10px 8px 28px;
display:block;
}
.toggle-container .toggle-hook span:before,
.toggle-container .toggle-hook span:after{
position:absolute;
top:50%;
display:block;
content:'';
overflow:hidden;
background-color:#fff;
}
.toggle-container .toggle-hook span:before{
margin-top:-1px;
left:2px;
width:8px;
height:2px;
}
.toggle-container .toggle-hook span:after{
margin-top:-4px;
left:5px;
width:2px;
height:8px;
}
/* .toggle-container > .toggle-item
----------------------------------------------- */
.toggle-container .toggle-item{
padding:10px 0;
border-top:1px solid #c9c9c9;
display:none;
}

/* ----------------------------------------------------------------
common
----------------------------------------------------------------- */
/* .font-l
----------------------------------------------- */
.font-l{
font-size:18px;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
padding:40px 0 120px;
}
/* .error-wording
----------------------------------------------- */
.error .error-wording{
font-size:18px;
text-align:center;
margin-bottom:20px;
}
.error .error-wording-sub{
font-size:14px;
text-align:center;
}
.error .btn{
margin:32px auto 0;
padding:6px 12px 5px;
border:1px solid #c5c5c5;
border-radius:4px;
color:var(--cmn-font-color-base);
display:table;
min-width:202px;
width:auto;
min-height:40px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
box-shadow:none;
}
#one_column .error-wording strong{
color:var(--cmn-font-color-base);
}
/* .error-prev
----------------------------------------------- */
.error-prev{
margin-top:20px;
text-align:center;
}
.error-prev a{
padding-left:18px;
display:inline-block;
background:url(/element/shared/images/icon/icon-return.svg) 0 50% no-repeat;
}
.error .error-hint{
margin-top:44px;
padding:20px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
}
.error .error-hint-list{
margin-top:5px;
}
.error .error-hint-list > li{
margin-top:3px;
padding-left:10px;
position:relative;
}
.error .error-hint-list > li:before{
content:'';
position:absolute;
display:block;
width:2px;
height:2px;
overflow:hidden;
top:0.55em;
left:0;
}
.error .error-hint-list > li:before{
border-radius:1px;
background-color:var(--cmn-font-color-red);
}
/* .error .error-prev-btn
----------------------------------------------- */
.error .error-prev-btn{
text-align:center;
margin:32px auto 0;
}
.error .error-prev-btn > a{
padding:9px 0 8px;
border:1px solid #c5c5c5;
border-radius:4px;
color:var(--cmn-font-color-gray) !important;
display:inline-block;
min-width:202px;
width:auto;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
box-shadow:none;
text-decoration:none;
}

/* .loading
----------------------------------------------- */
.loading-container{
color:rgba(51, 51, 51, 0);
position:relative;
height:189px;
text-align:center;
font-size:18px;
display:flex;
align-items:center;
}
/* .cmn-tip-container
----------------------------------------------- */
.cmn-tip-container .qtip-content{
font-size:12px;
}
.cmn-tip-container .qtip-content .table_base{
border:solid 1px #ccc;
width:100%;
margin-top:12px;
}
.cmn-tip-container .qtip-content .table_base th{
background:#f1f1f1;
text-align:left;
max-width:3.8em;
box-sizing:border-box;
}
.cmn-tip-container .qtip-content .table_base th,
.cmn-tip-container .qtip-content .table_base td{
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;
padding:5px 10px;
}
.cmn-tip-container .qtip-content .table_base tr :last-child{
border-right:1px solid #ccc;
}
.cmn-tip-container .qtip-content .table_base tr:last-child th,
.cmn-tip-container .qtip-content .table_base tr:last-child td{
border-bottom:1px solid #ccc;
}
.cmn-tip-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* ----------------------------------------------------------------
  GoTo Tooptip
----------------------------------------------------------------- */
/* .tip-goto
----------------------------------------------- */
.tip-goto{
padding:20px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
width:540px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
z-index:3;
font-size:12px;
}
.tip-goto.is-active{
display:block;
}
.tip-goto[role] > *:first-child{
margin-top:0;
}
.tip-goto strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
/* .tip-goto-hdg
----------------------------------------------- */
.tip-goto .tip-goto-hdg{
margin:20px 0 6px;
padding-left:0;
position:relative;
font-size:13px;
}
.tip-goto .tip-goto-hdg::before{
content:'';
display:none;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background-color:var(--cmn-font-color-base);
}
.tip-goto .tip-goto-hdg.branch{
padding-top:15px;
border-top:1px solid #ddd;
}
.tip-goto .tip-goto-hdg.branch::before{
top:19px;
}
/* .tip-goto-hdg-01
----------------------------------------------- */
.tip-goto .tip-goto-hdg-01{
margin:15px 0 6px;
padding:3px 10px;
background-color:#eee;
font-weight:normal;
}
/* .tip-goto-hdg-02
----------------------------------------------- */
.tip-goto .tip-goto-hdg-02{
margin:20px 0 6px;
}
/* .tip-goto-hdg-03
----------------------------------------------- */
.tip-goto .tip-goto-hdg-03{
margin:20px 0 6px;
padding-top:16px;
border-top:1px solid #e5e5e5;
font-weight:normal;
}
.tip-goto .tip-goto-hdg-03 + .tip-goto-hdg{
margin-top:12px;
}
/* .tip-goto-list-bullet
----------------------------------------------- */
.tip-goto .tip-goto-list-bullet{
margin-top:6px;
}
.tip-goto .tip-goto-list-bullet > li{
padding-left:10px;
position:relative;
}
.tip-goto .tip-goto-list-bullet > li:not(:first-child){
margin-top:10px;
}
.tip-goto .tip-goto-list-bullet > li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:7px;
left:2px;
background-color:var(--cmn-font-color-base);
}
/* .tip-goto-list-separate
----------------------------------------------- */
.tip-goto .tip-goto-list-separate > li{
margin-top:6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tip-goto .tip-goto-list-separate > li > div:first-child{
padding-right:15px;
min-width:4em;
position:relative;
}
.tip-goto .tip-goto-list-separate > li > div:first-child::before{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
}
.tip-goto .tip-goto-list-separate > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
/* .tip-goto-note
----------------------------------------------- */
.tip-goto .tip-goto-note{
margin-top:10px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.tip-goto .tip-goto-note > li{
margin-top:6px;
padding-left:1.25em;
position:relative;
}
.tip-goto .tip-goto-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}
.tip-goto .tip-goto-list-bullet > .tip-goto-note{
margin-left:1em;
}
/* .tip-goto-toggle
----------------------------------------------- */
.tip-goto .tip-goto-toggle{
margin-top:6px;
border-top:1px solid #ddd;
}
/* .tip-goto-toggle-hook
----------------------------------------------- */
.tip-goto .tip-goto-toggle-hook{
padding:10px 0 8px 20px;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:12px 7px;
}
.tip-goto .tip-goto-toggle-hook > button{
margin:0;
padding:0;
border:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
text-indent:-1000px;
overflow:hidden;
}
.tip-goto .tip-goto-toggle.is-active .tip-goto-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
/* .tip-goto-toggle-hook-hdg
----------------------------------------------- */
.tip-goto .tip-goto-toggle-hook-hdg{
font-weight:normal;
}
/* .tip-goto-toggle-content
----------------------------------------------- */
.tip-goto .tip-goto-toggle-content{
margin-bottom:15px;
display:none;
}
.tip-goto .tip-goto-toggle.is-active .tip-goto-toggle-content{
display:block;
}
/* .tip-goto-inquiry
----------------------------------------------- */
.tip-goto .tip-goto-inquiry{
margin:6px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tip-goto .tip-goto-inquiry > div{
margin-right:10px;
}
/* .tip-goto-inquiry-num
----------------------------------------------- */
.tip-goto .tip-goto-inquiry-num{
padding-left:22px;
display:inline-block;
position:relative;
font-weight:bold;
font-size:15px;
font-family:Arial;
}
.tip-goto .tip-goto-inquiry-num > span{
border:1px solid #ccc;
color:transparent;
position:absolute;
top:1px;
left:0;
width:16px;
height:16px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 50% 50% no-repeat;
background-size:9px 10px;
text-indent:-80px;
}
/* .tip-goto-discount
----------------------------------------------- */
.tip-goto .tip-goto-discount{
margin-top:6px;
}
/* .tip-goto-discount-list
----------------------------------------------- */
.tip-goto .tip-goto-discount-list > li{
margin-top:2px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tip-goto .tip-goto-discount-list > li > span:first-child{
min-width:8em;
padding-right:15px;
position:relative;
}
.tip-goto .tip-goto-discount-list > li > span:first-child::before{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
}
.tip-goto .tip-goto-discount-list .price,
.tip-goto .tip-goto-discount-list .discount-price{
min-width:5.85em;
text-align:right;
}
.tip-goto .tip-goto-discount-list b{
font-size:14px;
font-family:Arial;
font-weight:normal;
}
.tip-goto .tip-goto-discount-list .discount-price{
color:var(--cmn-font-color-red);
}
.tip-goto .tip-goto-discount-list .sup{
margin-left:5px;
}
/* .tip-goto-panel
----------------------------------------------- */
.tip-goto .tip-goto-panel{
margin:25px 0 10px;
padding:10px;
border:1px solid #ddd;
}
.tip-goto .tip-goto-panel b strong{
font-weight:bold;
}
/* .ad-box
----------------------------------------------- */
.ad-box{
text-align:center;
}
.ad-box a{
display:inline-block;
line-height:0;
}
.ad-box.left > *{
text-align:left !important;
}
.ad-box #prsuperLow_AreaM{
border-top:4px solid #777;
padding-top:20px;
}

/* attention
---------------------------------- */
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.attention ul > li:first-child{
margin-top:0;
padding-top: 0;
border-top:none;
}

.attention ul a{
display: inline-block;
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}

.attention ul a:active,
.attention ul a:hover,
.attention ul a:focus{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul > li{
border-bottom:1px solid #ddd;
padding-bottom: 12px;
}
.news ul > li:not(:first-child){
padding-top:12px;
}

.news ul a{
color:#555;
text-decoration:none;
}

.news ul a:active > div,
.news ul a:hover > div,
.news ul a:focus > div{
text-decoration:underline;
}

.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}

.news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
font-size:12px;
}

.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}