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

  LP Form Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-form-search > .form-search-lyt
----------------------------------------------------------------- */
.lp-form-search .form-search-lyt .form-search-btn-arrow{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}



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

	LP Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Header
----------------------------------------------------------------- */
/* .lp-header
----------------------------------------------- */
.lp-header{
margin:-11px -10px 0;
padding:1px 10px 10px;
background:var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}

main .lp-header > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.lp-hdg-l1{
margin-top:16px;
color:#fff;
line-height: 1.35;
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
}


/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:16px 0 8px;
font-size:16px;
}


/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .lp-btn-list
----------------------------------------------- */
.lp-btn-list{
margin:5px 0 15px -4px;
margin-left:-4px;
line-height:1.25;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
font-size:13px;
font-weight:bold;
text-align:center;
}
.lp-btn-list > li{
margin-top:5px;
padding-left:4px;
width:50%;
box-sizing:border-box;
}
.lp-btn-list > li a{
padding:0 2px;
border:1px solid #bbb;
border-radius:3px;
color:#555;
min-height:40px;
height:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
box-sizing:border-box;
}
.lp-btn-list > li .sup{
width:100%;
font-weight:normal;
font-size:12px;
}

/* ----------------------------------------------------------------
  Images
----------------------------------------------------------------- */
/* .lp-image-col
----------------------------------------------- */
.lp-image-col > .image{
margin:0 -10px 10px;
height:150px;
position:relative;
background-color:#f0f0f0;
}
.lp-image-col > .image img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}

.lp-image-col .lp-image-col-hdg{
font-weight:bold;
font-size:13px;
}
.lp-image-col .lp-image-col-hdg + p{
margin-top:0;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .lp-form-search
----------------------------------------------- */
.lp-form-search{
margin:0 -10px;
}

/* .lp-form-search > .form-search-lyt
----------------------------------------------- */
.lp-form-search .form-search-lyt .form-search-lyt-item{
padding:0;
border-bottom:1px solid #e5e5e5;
-webkit-box-align:stretch;
align-items:stretch;
}

.lp-form-search .form-search-lyt .form-search-lyt-item-col:first-child{
padding:10px 5px 10px 10px;
width:5.5em;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.lp-form-search .form-search-lyt .form-search-lyt-item-col:first-child > *{
-webkit-box-flex:1;
flex:1;
}

.lp-form-search .form-search-lyt .form-search-lyt-item-col:last-child{
padding:10px;
position:relative;
}

/* .lp-form-search-btn-act
----------------------------------------------- */
.lp-form-search .lp-form-search-btn-act{
margin:12px auto 0;
max-width:287px;
}

.lp-form-search-btn-act ul{
font-size:14px;
}

/* .lp-form-search-btn-act-list
----------------------------------------------- */
.lp-form-search .lp-form-search-btn-act-list{
margin:8px 0 20px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
box-sizing:border-box;
z-index:2;
}
.lp-form-search .lp-form-search-btn-act-list > li button{
padding:0;
border-radius:4px;
width:100%;
height:45px;
}
.lp-form-search .lp-form-search-btn-act-list > li button:disabled{
opacity:.33;
}
.lp-form-search .lp-form-search-btn-act-list > li.reset{
width:21.42857%;
}
.lp-form-search .lp-form-search-btn-act-list > li.reset button{
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
}
.lp-form-search .lp-form-search-btn-act-list > li.search{
margin-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.lp-form-search .lp-form-search-btn-act-list > li.search button{
padding:4px;
border:none;
color:#fff;
display:block;
background-color:#444;text-shadow: 1px 2px 0 rgba(0,0,0,.1);
font-size:16px;
}



/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .li-tab
----------------------------------------------------------------- */
/* .lp-tab-list
----------------------------------------------- */
.lp-tab .lp-tab-list{
margin:15px -10px;
border-top:1px solid #bbb;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
line-height:1.35;
text-align:center;
font-size:14px;
}
.lp-tab .lp-tab-list > li{
border-left:1px solid #bbb;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
height:45px;
}
.lp-tab .lp-tab-list > li:first-child{
border-left:none;
}
.lp-tab .lp-tab-list > li a{
padding:4px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
box-sizing:border-box;
border-bottom:1px solid #bbb;
color:#555;
background-color:#f5f5f5;
}
.lp-tab .lp-tab-list > li a:not([href]){
color:#333;
border-bottom:none;
background-color:#fff;
font-weight:bold;
}
.lp-tab .lp-tab-list > li a:not([href]) span{
font-weight:bold;
}
.lp-tab .lp-tab-list > li span{
display:inline-block;
}

/* .lp-tab-item
----------------------------------------------- */
.lp-tab .lp-tab-item{
display:none;
}
.lp-tab .lp-tab-item.is-active{
display:block;
}


/* ----------------------------------------------------------------
  cheapest
----------------------------------------------------------------- */
/* .lp-cheapest-tbl
----------------------------------------------- */
.lp-cheapest .lp-cheapest-tbl{
margin:0 -10px;
border-bottom:1px solid #e5e5e5;
line-height:1.25;
font-size:12px;
}

.lp-cheapest .lp-cheapest-tbl table{
margin:0;
border-spacing:0;
border-collapse:collapse;
width:100%;
}

.lp-cheapest .lp-cheapest-tbl table th,
.lp-cheapest .lp-cheapest-tbl table td{
padding:10px 2px;
border-top:1px solid #e5e5e5;
text-align:center;
width:23%;
font-weight:normal;
}

.lp-cheapest .lp-cheapest-tbl table th{
padding-left:10px;
text-align:left;
}

.lp-cheapest .lp-cheapest-tbl table td:last-child{
padding-right:10px;
}

.lp-cheapest .lp-cheapest-tbl table td > a{
margin:-10px 0;
padding:10px 0;
display:block;
}

.lp-cheapest .lp-cheapest-tbl table thead th{
padding:6px 0;
background-color:#f3f3f3;
font-size:12px;
text-align:center;
font-weight:normal;
}

.lp-cheapest .lp-cheapest-tbl table thead th:first-child{
padding-left:10px;
text-align:left;
font-size:12px;
width:31%;
}

.lp-cheapest .lp-cheapest-tbl table thead th:last-child{
padding-right:10px;
}

/* .lp-cheapest-tbl-scroll
----------------------------------------------- */
.lp-cheapest .lp-cheapest-tbl-scroll{
margin:0 -10px;
padding-top:28px;
border-top:1px solid #e5e5e5;
line-height:1.25;
position:relative;
background-color:#f3f3f3;
font-size:11px;
}

.lp-cheapest .lp-cheapest-tbl-scroll .lp-cheapest-tbl-scroll-inner{
max-height:150px;
overflow-y:scroll;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}

.lp-cheapest .lp-cheapest-tbl-scroll table{
margin:0;
border-spacing:0;
border-collapse:collapse;
width:100%;
}

.lp-cheapest .lp-cheapest-tbl-scroll table th,
.lp-cheapest .lp-cheapest-tbl-scroll table td{
padding:10px 2px;
border-top:1px solid #e5e5e5;
text-align:right;
width:24%;
}

.lp-cheapest .lp-cheapest-tbl-scroll table th{
padding-left:10px;
text-align:left;
}

.lp-cheapest .lp-cheapest-tbl-scroll table td:last-child{
padding-right:10px;
}

.lp-cheapest .lp-cheapest-tbl-scroll table td > a{
margin:-10px 0;
padding:10px 0;
display:block;
}

.lp-cheapest .lp-cheapest-tbl-scroll table thead th{
padding:0;
border:none;
width:24%;
font-size:12px;
text-align:center;
}

.lp-cheapest .lp-cheapest-tbl-scroll table thead th:first-child{
padding-left:10px;
padding-right:0;
text-align:left;
font-size:11px;
width:28%;
}

.lp-cheapest .lp-cheapest-tbl-scroll table thead th > div{
padding-top:6px;
position:absolute;
top:0;
width:24%;
height:28px;
box-sizing:border-box;
}

/* .lp-cheapest-tbl-replace
----------------------------------------------- */
.lp-cheapest .lp-cheapest-tbl .lp-cheapest-tbl-replace{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.lp-cheapest .lp-cheapest-tbl .lp-cheapest-tbl-replace > span:nth-child(2){
-webkit-box-ordinal-group:4;
order:3;
}

.lp-cheapest .lp-cheapest-tbl .lp-cheapest-tbl-replace-btn{
margin:0 2px;
padding:0;
border:1px solid #ccc;
border-radius:2px;
color:rgba(0, 0, 0, 0);
width:24px;
height:22px;
box-sizing:border-box;
overflow:hidden;
background:#fff url(/element_sp/j_bus/shared/images/icon-replace-01.svg) 50% 50% no-repeat;
background-size:auto 16px;
}

/* .lp-cheapest-note
----------------------------------------------- */
.lp-cheapest .lp-cheapest-note{
padding-left:16px;
color:var(--color-gray);
line-height:1.45;
position:relative;
font-size:12px;
}

.lp-cheapest .lp-cheapest-note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}