@charset "UTF-8";

[data-role=page],
.modal-container,
button,
input,
select {
font-size: 12px;
line-height: 1.45;
}

.lyt-map [data-role=page] main {
background-color: #f7f7f7;
}

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

  Custom Properties

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

main a {
color: var(--cmn-font-color-link);
}

/* ----------------------------------------------------------------
    headings
----------------------------------------------------------------- */
/* Default
----------------------------------------------- */
/* .hdg-l1-container
----------------------------------------------- */
.hdg-l1-container {
position: relative;
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1 {
margin: 4px 0 12px;
font-size: 14px;
line-height: 1.35;
color: #fff;
}

.hdg-l1 > .hdg-sup {
font-size: 12px;
font-weight: normal;
color:var(--cmn-font-color-gray);
}

.hdg-l1 > .hdg-sup-br{
display: block;
}

.str-pseudo .hdg-l1{
color:var(--cmn-font-color-base);
font-size: 14px;
font-weight: normal;
text-shadow: none;
background-color: #f5f5f5;
margin: 0;
padding: 8px 10px 7px;
border-top: 0;
}

.str-pseudo .hdg-l1.branch{
display: flex;
align-items: center;
}

.str-pseudo .hdg-l1.branch .notice-list{
margin: 0 0 0 8px;
flex: 1;
}

.str-pseudo .hdg-l2-01 + .hdg-l1{
margin: 0;
}

.hdg-l1+.notice-list{
margin: -7px 0 -2px;
}

.search-area .hdg-l1+.notice-list li{
color: #fff;
margin: -7px 0 -2px;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2-container {
position: relative;
box-sizing: border-box;
margin: -10px -10px 0;
background-color: #fff;
}

.hdg-l2-container .hdg-l2 {
font-size: 17px;
box-sizing: border-box;
width: 100%;
padding: 5px;
color:var(--cmn-font-color-base);
vertical-align: middle;
}

.hdg-l2-container .hdg-l2 small {
font-size: 13px;
line-height: 1.1;
display: inline-block;
margin-top: -1px;
}

.hdg-l2-container .btn-hdg {
margin:0;
padding:0 5px;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}

.hdg-l2-container .btn-hdg:disabled{
color: #a4a4a4 !important;
}

.hdg-l2-container .btn-hdg:last-child {
right: 0;
left: auto;
border-width: 0 0 0 1px;
background:none;
width:50px;
color:#fff;
}

.lyt-map .hdg-l2-container {
margin: 0;
}

.area .hdg-l2-container .hdg-l2 {
font-size: 16px;
font-weight: bold;
padding: 10px;
}

/* .pseudo-header
----------------------------------------------- */
.str-pseudo .pseudo-header-hdg{
padding:8px 10px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.str-pseudo .pseudo-header-hdg h2,
.str-pseudo .pseudo-header-hdg > .hdg-pseudo-l2{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.str-pseudo .pseudo-header-hdg.branch h2{
margin-right:60px;
}
/* .pseudo-header-hdg-btn-prev
----------------------------------------------- */
.str-pseudo .pseudo-header-hdg-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}
/* .pseudo-header-hdg-btn-close
----------------------------------------------- */
.str-pseudo .pseudo-header-hdg-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size:16px auto;
}
/* .pseudo-header-hdg-btn-clear
----------------------------------------------- */
.str-pseudo .pseudo-header-hdg-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}
/* .pseudo-header-hdg-inquiry
----------------------------------------------- */
.pseudo-header-hdg-inquiry{
margin-left:4px;
padding-left:12px;
border-left:1px solid #999;
}

.str-pseudo .hdg-l2-container {
padding: 0 50px;
background: #111;
margin: 0;
}

.str-pseudo .hdg-l2-container.is-fixed{
position: fixed;
width: 100%;
z-index: 2;
top: 0;
left: 0;
margin: 0;
}

.str-pseudo .hdg-l2-container.is-fixed + *{
margin-top: 25px;
}

.str-pseudo .hdg-l2-container .hdg-l2{
text-align: center;
color: #fff;
padding:7px 5px 3px;
line-height:1.35;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01 {
font-size: 14px;
margin: 0 -10px;
padding: 7px 10px;
color:var(--cmn-font-color-base);
background-color: #e5e5e5;
font-weight:bold;
display:block;
}

.hdg-l2-01.branch {
padding: 3px 10px 2px;
font-size: 13px;
font-weight: normal;
background-color: #888;
}

.str-pseudo .hdg-l2-01{   
background-color: #444;
font-weight: normal;
color: #fff;
margin: 0;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
font-size: 14px;
font-weight:normal;
margin: 0 -10px;
padding:8px 10px;
color: #fff;
background: #444;
line-height:1.35;
}

.hdg-l2-02 + .notice-list{
margin: 7px 0 6px;
}

.str-pseudo .pseudo-content .notice-list{
margin: 7px 10px 6px;
}

.hdg-l2-02 + .notice-list + .toggle-list-container{
border-top: 1px solid #e5e5e5;
}

.str-pseudo .hdg-l2-02{
background-color: #444;
margin: 0;
}

.str-pseudo .hdg-l2-02 + .pseudo-prev-bak {
padding:0 10px;
}
.str-pseudo .hdg-l2-02 + .pseudo-prev-bak > a {
padding:10px 0;
border-bottom: 1px solid #e5e5e5;
display: flex;
align-items: center;
color:var(--cmn-font-color-link);
min-height:44px;
box-sizing: border-box;
}

.hdg-l2-note{
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:7px 10px;
font-size:12px;
}
.hdg-l2-note li{
display:block;
padding-left:16px;
position:relative;
}
.hdg-l2-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:'\203b';
}
.hdg-l2-note + .toggle-list-container,
.hdg-l2-note + .link-list,
.hdg-l2-note + .link-list-toggle,
.hdg-l2-note + .link-list-area{
border-top: 1px solid #e5e5e5;
}

.hdg-l2-note + .hdg-l3-01{
border-top: 1px solid #e5e5e5;
margin: 0 -10px;
padding: 12px 10px 11px;
}

/* .hdg-l2-03
----------------------------------------------- */
.hdg-l2-03{
margin: 0 -10px;
padding: 7px 10px;
color:var(--cmn-font-color-base);
background-color: #e5e5e5;
font-size: 14px;
}

/* .hdg-l2-04
----------------------------------------------- */
.hdg-l2-04{
padding:20px 0 8px;
margin:0 10px;
border-bottom: 1px solid #e5e5e5;
font-weight:bold;
}

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

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

.pseudo-hdg-l2-container .hdg-l2-02{
margin:0;
padding:0;
color:#fff;
}

.str-pseudo .pseudo-content .pseudo-hdg-l2-container{
margin: 0;
}

.str-pseudo .pseudo-content .pseudo-hdg-l2-container .cmn-dashed{
padding:0;
color:#fff !important;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
--cmn-dashed-grad: linear-gradient(90deg, #fff, #fff 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color: #fff;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3 {
font-size: 14px;
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01 {
margin: 12px 0 11px;
line-height: 1.35;
font-weight: bold;
font-size: 13px;
}
.hdg-l3-01 + .link-list{
border-top: 1px solid #e9e9e9;
}

/* .hdg-l4
----------------------------------------------- */
.hdg-l4 {
margin: 0 -10px 5px;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
border-top: 1px solid #e5e5e5;
padding: 10px 10px 0 10px;
}
.hdg-l4 > .hdg-sup {
font-size: 12px;
font-weight: normal;
color:var(--cmn-font-color-gray);
}
.str-pseudo .hdg-l4{
margin: 0 0 5px;
}
.str-pseudo .hdg-l4 + .form-container + .form-container,
.str-pseudo .hdg-l4 + .form-container + .form-container + .form-container {
border-top: 0;
}
.str-pseudo .hdg-l4 + .form-container > .form-cell,
.str-pseudo .hdg-l4 + .form-container + .form-container > .form-cell{
padding: 5px 10px;
}
.str-pseudo .hdg-l4 + .form-container + .form-container + .form-container > .form-cell{
padding: 5px 10px 10px;
}

/* .hdg-bill
----------------------------------------------- */
.hdg-bill{
margin-top: 20px;
font-size: 11px;
}

.hdg-bill > span{
display: inline-block;
padding: 1px 3px 0;
background-color: #eaeaea;
}

.str-pseudo .pseudo-content .hdg-bill {
margin: 20px 10px 0;
}

/* .hdg-item
----------------------------------------------- */
.hdg-item-container {
line-height: 1.4;
position: relative;
}

.hdg-item-container .hdg-item {
font-weight: bold;
}

.hdg-item-container .hdg-item-img {
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
margin: 0;
border: 1px solid #e5e5e5;
background-color: #fff;
}

.hdg-item-container .hdg-item-img:before {
display: inline-block;
width: 0;
height: 100%;
content: '';
vertical-align: middle;
}

.hdg-item-container .notice-list{
margin: 0 0 7px;
color: #808080;
}

.hdg-item-container .hdg-item-img img {
display: inline-block;
max-width: 100%;
max-height: 80px;
vertical-align: middle;
}

.planlist .hdg-item-container {
min-height: 90px;
padding-left: 120px;
}

.planlist .hdg-item {
font-size: 14px;
line-height: 1.35;
margin-bottom: 10px;
}

.planlist .hdg-item-container .hdg-item-img {
width: 110px;
height: 100%;
min-height:90px;
max-height:90px;
text-align: center;
background-color: #FCFCFC;
}

.storelist .hdg-item-container {
padding-left: 80px;
min-height: 25px;
}

.storelist .hdg-item-container .hdg-item {
font-size: 16px;
line-height: 1.2;
}

.storelist .hdg-item-container .hdg-item-img {
width: 70px;
height: 25px;
}

.lyt-map .storelist .hdg-item-container {
min-height: 18px;
padding: 0 30px 0 64px;
}

.lyt-map .storelist .hdg-item-container .hdg-item {
font-size: 13px;
line-height: 1.2;
}

.lyt-map .storelist .hdg-item-container .hdg-item-img {
width: 48px;
height: 18px;
}

.lyt-map .storelist .hdg-item-container .hdg-item-img img {
vertical-align: top;
}

/* .agt-link
----------------------------------------------- */
.agt-link{
line-height:1.42;
}

/* .str-container .cmn-hdg-band
----------------------------------------------- */
.str-container .cmn-hdg-band{
font-size:14px;
font-weight:normal;
}

/* .hdg-agtlink
----------------------------------------------- */
.hdg-agtlink {
font-size: 12px;
margin: 10px 0;
text-align: center;
}

.hdg-agtlink .vendorname {
color:var(--cmn-font-color-red);
}

.hdg-agtlink .vendorlogo {
display: block;
max-width: 120px;
height: auto;
margin: 0 auto 10px;
}

/* .agt-link-wording-cpn
----------------------------------------------- */
.agt-link-wording-cpn{
color:var(--cmn-font-color-base);
text-align:center;
font-size:16px;
margin:10px 0 20px;
}

/* .agt-link-caution-hdg
----------------------------------------------- */
.agt-link .agt-link-caution-hdg{
margin:0 -10px 12px;
padding:4px 10px 4px 28px;
position:relative;
background-color:#eee;
font-weight:normal;
font-size:14px;
line-height:1.6;
}

.agt-link .agt-link-caution-hdg::before{
content:'';
display:block;
width:14px;
height:14px;
overflow:hidden;
position:absolute;
top:8px;
left:10px;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 0 no-repeat;
}

/* .agt-link-info-box-list
----------------------------------------------- */
.agt-link-info-box-list{
color:var(--cmn-font-color-base);
margin-top:5px;
font-size:14px;
}
.agt-link-info-box-list > li{
padding-left:18px;
position:relative;
}
.agt-link-info-box-list > li:not(:first-child){
margin-top:8px;
}
.agt-link-info-box-list > li::before{
content:"";
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:8px;
background-color:var(--cmn-font-color-base);
}
.agt-link-info-box-list > li > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agt-link-box-border .agt-link-info-box-list > li{
padding-left:10px;
}
.agt-link-box-border .agt-link-info-box-list > li::before{
left:0;
}

/* .agt-link-box-border
----------------------------------------------- */
.agt-link .agt-link-box-border{
margin:12px 0 10px;
padding:10px 13px;
border:1px solid #ddd;
text-align:left;
}
.agt-link .agt-link-box-border > :first-child{
margin-top:0;
}
.agt-link .agt-link-box-border .agt-link-info-box-list{
margin:0;
font-size:12px;
}

/* .agt-link-note-list
----------------------------------------------- */
.agt-link .agt-link-note-list{
margin-top:12px;
}
.agt-link .agt-link-note-list>li{
position:relative;
margin-top:2px;
color:var(--cmn-font-color-gray);
font-size:12px;
padding-left:1.25em;
display:inline-block;
}
.agt-link .agt-link-note-list>li:before{
margin-right:4px;
content:'\203b';
display:inline-block;
position:absolute;
left:0;
top:0;
}
.agt-link .agt-link-note-list>li a{
color:#777!important;
}
.agt-link .btn-02{
margin:28px auto 0;
width:calc(80% + 20px);
height:44px;
}

/* ----------------------------------------------------------------
    paragraph
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list > li {
font-size:12px;
position: relative;
margin-top: .5em;
padding-left:16px;
color:var(--cmn-font-color-gray);
}

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

.notice-list > li > .mark {
position: absolute;
top: 0;
left: 0;
}

.list-area-btn + .notice-list > li {
display: inline-block;
}

.notice{
font-size: 11px;
}

.txt-ilb{
display: inline-block;
}

/* .price
----------------------------------------------- */
.price {
font-size: 20px;
font-weight: bold;
white-space: nowrap;
line-height: 1;
}

.price > span {
font-size: 14px;
}

.lyt-map .price {
font-size: 13px;
}

/* .decided-location
----------------------------------------------- */
.decided-location {
font-size: 16px;
font-weight: bold;
}

/* .storename
----------------------------------------------- */
.storename {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
position: relative;
display: block;
margin: 0 0 5px;
color:var(--cmn-font-color-base);
}

.storename .storename-sup {
font-size: 13px;
display: block;
}

.storename.branch {
font-size: 14px;
padding-left: 25px;
color:var(--cmn-font-color-base);
}

.storename.branch .icon-num {
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 18px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

.storename + .list-def {
margin: 0;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error,
.error-result{
margin:22px 0 60px;
text-align:center;
font-size:14px;
}
.error .error-align-l{
text-align:left;
}
.error > *,
.error-result > *{
margin:0;
font-size:14px;
}
.error .error-catch,
.error-result .error-catch{
font-size:16px;
margin-bottom:16px;
}
.error .error-catch strong,
.error-result .error-catch strong{
color:var(--cmn-font-color-base) !important;
font-weight:normal;
}
.error .error-catch + p,
.error-result .error-catch + p{
font-size:12px;
}
.error .btn,
.error-result .btn{
margin:20px auto 0;
padding:6px 12px 5px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base) !important;
display:table;
min-width:164px;
width:auto;
min-height:34px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
box-shadow:none;
box-sizing:border-box;
}

/* .is-error
----------------------------------------------- */
.form-box-idx .search-word-btn.is-error,
.form-box-idx .search-word-btn-s.is-error{
border-color: rgba(233,57,57,.35);
box-shadow: 0 0 0 1px rgba(233,57,57,.35) inset;
background-color: rgba(233,57,57,.1);
}
.form-box-pseudo .is-error,
.search-word-btn.is-error{
border-color: rgba(233,57,57,.35);
box-shadow: 0 0 0 1px rgba(233,57,57,.35) inset;
background-color: rgba(233,57,57,.1);
}
.str-pseudo .sticky-box.is-error{
flex-wrap:wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
}
.str-pseudo .sticky-box.is-error .form-search-error > li{
color:#fff;
background: url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size: 14px auto;
width: 287px;
text-align: left;
box-sizing: border-box;
font-size:12px;
}
.str-pseudo .sticky-box.is-error .form-sticky-btn-list{
margin:0 auto;
}
.clear-sticky-btn.is-disabled,
.search-sticky-btn.is-disabled,
.form-sticky-btn-list .is-disabled,
.btn-02.is-disabled{
opacity:.33;
}

/* .form-search-error
----------------------------------------------- */
.form-search-error{
margin:0;
text-align:center;
width:100%;
box-sizing:border-box;
}
.form-search-error > li{
margin:0 auto 8px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
font-size:14px;
color:var(--cmn-font-color-red);
display:inline-block;
}
.form-search-button-fix{
position: absolute;
bottom: 20px;
right: 20px;
margin: 0;
padding-top:10px;
}
.form-search-button-fix.error{
padding-top:45px;
}
.form-search .form-search-inner .form-search-button-fix .form-search-exec-btn{
position:static;
float:right;
}
.form-index-btn-container .form-search-error > li{
width: 287px;
text-align: left;
box-sizing: border-box;
}
main > .form-search-error{
margin:16px auto -10px;
}
main > .form-search-error > li{
width:60%;
text-align:left;
box-sizing:border-box;
}

/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
.list-bullet > li {
position: relative;
margin-top: 5px;
padding-left: 10px;
}

.list-bullet > li:before {
position: absolute;
top: 6px;
left: 0;
display: block;
overflow: hidden;
width: 6px;
height: 6px;
content: '';
}

.list-bullet > li:before {
border-radius: 100%;
background-color: #333;
}

/* .list-def
----------------------------------------------- */
.list-def > li:not(:first-child) {
display: table;
width: 100%;
margin: 1px 0 0;
table-layout: fixed;
}

.list-def > li:first-child {
margin-top: 0;
}

.list-def > li:last-child {
margin-bottom: 0;
}

.list-def > li > * {
display: table-cell;
word-break: break-all;
}

.list-def > li .hdg {
font-size: 12px;
font-weight: normal;
box-sizing: border-box;
width: 6.5em;
padding-right: 10px;
vertical-align: top;
position: relative;
}

.item-container .item-detail > p.summary{
margin:0;
}

.list-def > li .hdg::after{
content:'\0FF1A';
position: absolute;
right: 3px;
}

.list-def > li .price{
font-size:18px;
display:inline-block;
}

.view-list-all .list-def.branch > li .hdg::after{
display: none;
}

.list-def.branch > li {
font-size: 11px;
}

.list-def.branch > li .hdg {
font-size: 12px;
line-height: 1.2;
padding-top: 2px;
/* letter-spacing: -.1em; */
/* width:auto; */
padding-right:8px;
}

.list-def.branch > li .hdg > span {
display: block;
}

.list-def.bill{
margin: 8px 0 0;
}

.str-pseudo .pseudo-content .list-def.bill{
margin: 8px 10px 0;
}

.str-pseudo .pseudo-content .list-def.bill:first-child{
margin-top:16px;
}

.str-pseudo .pseudo-content .list-def.list-shop{
margin: 20px 0 0;
font-size: 14px;
}

.str-pseudo .pseudo-content .list-def.list-shop li{
margin-bottom:4px;
}

.str-pseudo .pseudo-content .list-def.list-shop .hdg{
font-size: 14px;
width: 5.5em;
}

.list-def.bill > li {
font-size: 14px;
margin: 0;
}

.list-def.bill > li .hdg{
vertical-align: middle;
width: 130px;
font-size: 14px;
}

.list-def.bill > li:first-child {
margin-top: 0;
}

.list-def.bill > li.total {
margin-bottom: 6px;
font-size: 11px;
border-bottom: 1px solid #ccc;
}

.list-def.bill > li.total .hdg {
font-weight: bold;
font-size: 15px;
}

.list-def.bill > li.total strong {
font-size: 21px;
}

.list-def.bill > li.total p {
font-size: 11px;
}

.lyt-map .list-def {
margin-top: 5px;
}

.lyt-map .list-def > li {
font-size: 10px;
line-height: 1.3;
}

.lyt-map .list-def .hdg {
font-size: 11px;
}

/* .list-def-colon
----------------------------------------------- */
.list-def-colon > li {
font-size: 11px;
display: table;
width: 100%;
}

.list-def-colon > li > * {
line-height: 1.2;
display: table-cell;
word-break: break-all;
}

.list-def-colon > li .hdg {
font-weight: normal;
}

.list-def-colon > li p,
.list-def-colon > li div {
position: relative;
padding-left: 7px;
word-break: break-all;
}

.list-def-colon > li p:before,
.list-def-colon > li div:before {
position: absolute;
display: inline;
overflow: hidden;
content: '';
top: 0;
left: 2px;
content: '\003A';
}

/* .list-def.cartype
----------------------------------------------- */
[class^="list-def"].cartype {
margin: 0 0 3px;
padding-top: 5px;
}

[class^="list-def"].cartype > li {
margin: 0;
}

[class^="list-def"].cartype > li .hdg{
width: 5em;
}

/* .list-provide
----------------------------------------------- */
.list-provide{
margin: 4px 0 0;
text-align: right;
}

.list-provide > li{
margin-top: 8px;
}

.list-provide > li > a{
font-size: 12px;
display: inline-block;
}

.list-provide > li .hdg{
font-weight: normal;
position: relative;
}

.list-provide > li .hdg:after{
content: ":";
}

/* .list-option
----------------------------------------------- */
.list-option{
margin: 0 0 10px;
}
.list-option > li{
display: table;
float: left;
width: 13.5em;
font-size: 9px;
box-sizing: border-box;
}
.list-option > li > *{
display: table-cell;
}
.list-option > li > b{
width: 1em;
}
.list-option > li > b:after{
content: "\2026";
}

/* .list-option-02
----------------------------------------------- */
.list-option-02 > li{
text-align: center;
width: 20%;
float: left;
border: 1px solid #fff;
box-sizing: border-box;
}

.list-option-02 > li .cmn-tip-btn{
vertical-align: middle;
}

.list-option-02 > li.active{
background-color: rgba(214, 233, 248, 0.5);
}

.list-option-02 > li > b{
font-weight: normal;
font-size: 9px;
display: block;
height: 27px;
line-height: 1.0;
background-color: #efefef;
position: relative;
border-bottom: 2px solid #fff;
}

.list-option-02 > li > b > span{
display: block;
position: absolute;
width: 100%;
bottom: 50%;
right: 50%;
-webkit-transform: translate(50%,50%);
-ms-transform: translate(50%,50%);
transform: translate(50%,50%);
}

.list-option-02.shop-detail-list{
display:table;
width:100%;
}

.list-option-02.shop-detail-list::after,
.list-option-02.shop-detail-list::before{
display:none;
}

.list-option-02.shop-detail-list > li .cmn-tip-btn{
vertical-align:middle;
margin-left:2px;
}

.list-option-02.shop-detail-list > li{
float:inherit;
width:18%;
display:table-cell;
white-space:nowrap;
}

.list-option-02.shop-detail-list > li:nth-child(4){
width:26%;
}


/* .list-01
----------------------------------------------- */
.list-01 {
font-size: 14px;
margin: 0 -10px;
background-color: #fff;
}

.list-01 > li > a {
display: block;
padding: 9px 10px 5px;
color: #333 !important;
}


/* .list-01
----------------------------------------------- */
.list-01.branch > li:not(:first-child) {
border-top: 6px solid #666;
}

.list-01.branch > li.selected {
background-color: #fcecc9;
}

/* .list-02
----------------------------------------------- */
.list-02 {
margin: 0 -10px;
background-color: #fff;
}

.list-02 > li {
padding: 9px 10px 5px;
border-top: 6px solid #666;
}

.str-pseudo .pseudo-content .list-02 {
margin: 0;
}

.str-pseudo .list-02 > li:first-child{
border-top: 0;
}

/* .list-check
----------------------------------------------- */
.list-check{
margin: 0 -10px;
font-size: 14px;
line-height:1.35;
}

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

.list-check > li > a {
position: relative;
color:var(--cmn-font-color-base);
padding: 10px 25px 9px 10px;
min-height:44px;
display:flex;
align-items:center;
box-sizing: border-box;
}

.str-pseudo .pseudo-content .list-check {
margin: 0;
padding: 0 10px;
}

.str-pseudo .pseudo-content .list-check > li > a {
padding: 4px 0;
}

/* .toggle-list-container
----------------------------------------------- */
.toggle-list-container {
margin: 0 -10px;
background: #fff;
}

.str-pseudo .pseudo-content .toggle-list-container {
margin: 0 10px;
}

.str-pseudo .pseudo-content .toggle-list-container .hdg-toggle > [role='button'] {
padding: 9px 0;
}

.str-pseudo .pseudo-content .toggle-list-container .hdg-toggle + .list-check{
padding: 0;
}

.str-pseudo .pseudo-content .toggle-list-container .hdg-toggle + .list-check a {
padding: 10px 0 9px 25px;
}

/* .toggle-list
----------------------------------------------- */
.toggle-list > .hdg-toggle {
font-size: 14px;
font-weight: normal;
min-height: 44px;
display: flex;
align-items: center;
box-sizing: border-box;
}

.toggle-list + .toggle-list > .hdg-toggle{
border-top: 1px solid #e5e5e5;
}

.toggle-list > .hdg-toggle [role="button"]:after{
content: '';
width: 13px;
height: 13px;
vertical-align: middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100% 100%;
position:absolute;
right:10px;
margin-top:4px;
}

.toggle-list.active > .hdg-toggle [role="button"]:after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .toggle-list-item
----------------------------------------------- */
.toggle-list > .toggle-list-item {
display: none;
margin: 0;
font-size: 14px;
}

.toggle-list > .toggle-list-item.list-check li{
border-bottom:none;
}

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

.toggle-list > .toggle-list-item > li.is-disabled > a{
opacity:.5;
}

.toggle-list > .toggle-list-item > li > * {
display: flex;
color:var(--cmn-font-color-base);
padding: 10px 10px 9px 34px;
}

.toggle-list.active > .toggle-list-item {
display: block;
}

.toggle-list > .toggle-list-item.list-check > li > *{
padding: 10px 25px 9px 25px;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
font-size:14px;
line-height:1.35;
}
.link-list-toggle > li > .link-list-toggle-hook{
padding:11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
}
.link-list-toggle > li > .link-list-toggle-hook:after{
content:'';
width:13px;
height:13px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100% 100%;
position:absolute;
right:10px;
margin-top:4px;
}
.link-list-toggle > li.is-active > .link-list-toggle-hook:after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle > li > .link-list-toggle-hook::before{
display:none;
}
.link-list-toggle .link-list-toggle-item .link-list-toggle-hook{
padding-left:50px;
background-position-x:30px;
}
.link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}
.link-list-toggle > li > .link-list-toggle.link-list-toggle-item > li > a{
padding-left:35px;
}
.link-list-toggle > li > .link-list-toggle-item > li > a{
padding-left:34px;
}
.link-list-toggle > li > .link-list-toggle-item > li > .link-list > li > a{
padding-left:58px;
}
.toggle-list-container .toggle-list:last-child{
border-bottom:1px solid #e5e5e5;
}

/* .list-seo
----------------------------------------------- */
.list-seo {
margin: 0 -10px;
padding: 24px 10px;
background-color: #fff;
}

.list-seo > li+li {
padding: 10px 0 0;
}

.list-seo > li .btn {
padding: 9px 9px 7px;
font-size: 13px;
height: 35px;
color: #555;
border: 1px solid #bbb;
}

/* .list-sns
----------------------------------------------- */
.list-sns {
padding: 0;
margin: 0 -10px;
background-color: #fff;
text-align: center;
letter-spacing: -.4em;
border-bottom: 1px solid #e5e5e5;
}

.list-sns > li {
display: inline-block;
margin: 15px;
letter-spacing: normal;
}

.list-sns > li img {
width: 30px;
height: 30px;
vertical-align: top;
}

.cmn-sns-list{
margin: 0 -10px;
background: #fff;
border-top: 0;
padding: 15px 0;
}

/* .list-area
----------------------------------------------- */
.list-area-btn {
margin: 5px -5px 0;
letter-spacing: -.5em;
}

.list-area-btn > li {
display: inline-block;
box-sizing: border-box;
width: 50%;
padding: 5px;
vertical-align: top;
letter-spacing: normal;
}

.list-area-btn > li .btn-01,
.list-area-btn > li .btn-02,
.list-area-btn > li .btn-03 {
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 6px 0;
border-color: #aaa;
}

.form-box-area + .btn-02 {
margin-bottom: 16px !important;
}

.list-area-btn > li .btn-01 > .storename,
.list-area-btn > li .btn-02 > .storename,
.list-area-btn > li .btn-03 > .storename {
margin-bottom: 0;
}

.list-area-btn > li .btn-01 > .condition,
.list-area-btn > li .btn-02 > .condition,
.list-area-btn > li .btn-03 > .condition {
font-size: 12px;
display: block;
color:var(--cmn-font-color-base);
}

/* .list-recommend
----------------------------------------------- */
.list-recommend .image-left > .image img,
.list-recommend .image-right > .image img {
width: 125px;
border: 1px solid #ccc;
}

/* .btn-area
----------------------------------------------- */
.btn-area{
margin:5px -5px 10px 0;
overflow:hidden;
}

.btn-area + .link-list{
border-top: 1px solid #e9e9e9;
margin-top: 10px;
}

.link-list + .link-list{
border-top: 1px solid #e9e9e9;
}

.btn-area > li{
float:left;
padding-right:5px;
margin-top:5px;
width:25%;
font-size:13px;
box-sizing:border-box;
line-height:1.2;
}

.btn-area > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:var(--cmn-font-color-base);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
box-sizing:border-box;
}

.btn-area > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

.btn-area > li > a > span > span{
display:block;
}

.btn-area > li.active > a{
background-color:#888;
border-color:#888;
color:#fff;
}

.btn-area.dest > li{
width:33.333%;
}

/* ----------------------------------------------------------------
    link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
line-height:1.35;
font-size:13px;
}

.link-list > li > a{
font-size:14px;
padding:11px 25px 11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:flex;
align-items: center;
position:relative;
min-height:44px;
box-sizing: border-box;
}

.link-list > li > a > .sup{
color:#808080;
font-size:11px;
margin-left:15px;
}

.link-list > li > .link-list{
margin:0;
}

.link-list > li > .link-list > li > a{
padding:12px 34px 12px 24px;
}

.link-list.indent > li > a{
padding-left:34px;
}

.hdg-l3-02 + .link-list > li:first-child > a{
border-top:1px solid #e9e9e9;
}

.link-list > li.no-arrow > a{
padding:11px 10px;
}

.link-list > li.no-arrow > a:before{
display:none;
}

.str-pseudo .pseudo-content .link-list{
margin: 0 10px;
}
.str-pseudo .pseudo-content .link-list > li > a{
padding: 11px 0;
}

/* .link-01
----------------------------------------------- */
.link-01 {
position: relative;
padding-left: 10px;
}

.link-01:before {
position: absolute;
display: inline-block;
display: block;
width: 0;
height: 0;
margin: 0;
content: '';
border-width: 3px 0 3px 3px;
border-style: solid;
border-color: transparent transparent transparent #ccc;
}

.link-01:before {
top: 5px;
left: 0;
}

/* ----------------------------------------------------------------
    nav
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
margin:15px 0 28px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:13px;
line-height:1.3;
}

.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#555;
text-align:center;
}

.pager > li.pager-first{
margin-right:6px;
}

.pager > li.pager-first + .pager-prev{
margin-left:0;
}

.pager > li.pager-prev{
margin-left:51px;
}

.pager > li.pager-current{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}

.pager > li.pager-current:first-child{
margin-left:96px;
}

.pager > li.pager-current:last-child{
margin-right:96px;
}

.pager > li.pager-prev + li.pager-current{
margin-left:0;
}

.pager > li.pager-current span{
font-family:Arial;
}

.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}

.pager > li.pager-current > b > span{
font-size:15px;
}

.pager > li.pager-next{
width:96px;
}

/* ----------------------------------------------------------------
    button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn {
display: block;
box-sizing: border-box;
width: 100%;
padding: 5px 11px 4px;
text-align: center;
line-height: 1.2;
color:var(--cmn-font-color-base);
border: 1px solid #bbb;
border-radius: 4px;
background-color: #fff;
}

.btn > span{
font-weight: bold;
}

.form-box-idx .btn{
border:1px solid #999;
}

/* .btn-date
----------------------------------------------- */
.btn-date {
display: block;
box-sizing: border-box;
min-width: 86px;
height: 38px;
min-height: 38px;
padding: 5px 7px;
text-align: left;
font-size: 16px;
line-height: 1.2;
color:var(--cmn-font-color-base);
border: 1px solid #999;
border-radius: 4px;
background-color: #fff;
}

.btn-date > span {
font-size: 11px;
}

.form-box-idx .btn-date{
border-color: #999;
}

/* .btn-01
----------------------------------------------- */
.btn-01,
.btn-03 {
font-size: 14px;
font-weight: bold;
display: block;
box-sizing: border-box;
width: 100%;
margin: 10px 0;
padding: 8px 0;
text-align: center;
color: #555;
border: 1px solid #bbb;
border-radius: 5px;
background-color: #fff;
}

.btn-01.branch,
.branch.btn-02,
.branch.btn-03 {
color:var(--cmn-font-color-base);
border-color: #aaa;
}

a:link.btn-01.branch,
a.btn-02:link.branch,
a.btn-03:link.branch,
a:visited.btn-01.branch,
a.btn-02:visited.branch,
a.btn-03:visited.branch,
a:active.btn-01.branch,
a.btn-02:active.branch,
a.btn-03:active.branch {
color:var(--cmn-font-color-base);
}

.btn-view-map {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
width: 33.3%;
padding: 0 10px 0 8px;
}

.btn-view-map > .btn-01,
.btn-view-map > .btn-02,
.btn-view-map > .btn-03 {
font-size: 13px;
margin: 0;
padding: 10px 0;
color: #333 !important;
border: none;
box-shadow: inset 0 -3px rgba(0, 0, 0, .3);
}

/* .btn-02
----------------------------------------------- */
.btn-02 {
display: block;
box-sizing: border-box;
width: 100%;
margin: 10px 0;
padding: 8px 0;
font-size:16px;
text-align: center;
border-radius: 4px;
border:none;
color:#fff;
background-color:var(--button-color);
}

main > #return_date + .btn-02{
width: 60%;
margin: 10px auto 16px;
}

.box.notice-box + .btn-02{
width: 80%;
margin: 10px auto;
}

.form-sticky-btn-list .btn-02{
margin: 0 auto;
max-width:225px;
}

.item-container .btn-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
-webkit-box-pack:right;
-ms-flex-pack:right;
justify-content:right;
margin: 0;
padding:0 10px;
font-size: 14px;
white-space: nowrap;
height:36px;
box-sizing: border-box;
}
.item-container .btn-02 > span{
display: table-cell;
width: 100%;
min-width:55%;
text-align: center;
}
.item-container .item-btn span > b{
font-size: 12px;
line-height: 1.2;
}

.item-container .avairable {
font-size: 13px;
display: inline-block;
padding: 0 5px;
vertical-align: middle;
white-space: nowrap;
text-shadow: none;
}

.item-container .avairable.active {
position: relative;
overflow: hidden;
white-space: nowrap;
width: 18px;
text-indent: -9999px;
padding: 0 0 2px 0;
margin-left: 8px;
}
@media screen and (max-width: 320px){
.item-container .avairable.active {
margin-left: 0px;
}
}

.item-btn .avairable.active:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
width: 12px;
height: 12px;
content: '';
}

.item-btn .avairable.active:before {
border: 3px solid #177BCB;
border-radius: 100%;
}

.item-btn{
display: flex;
align-items: center;
}

.item-btn > span:first-child{
white-space:nowrap;
padding-right: 12px;
}

/* .btn-03
----------------------------------------------- */
.btn-03 {
font-size: 20px;
color: #fff;
border: none;
border-radius: 6px;
background-color: #444;
box-shadow: inset 0 -4px #333;
}

/* .btn-search-around
----------------------------------------------- */
.btn-search-around button{
font-size: 12px;
height: 33px;
padding: 8px 5px 6px;
border:none !important;
}

.btn-search-around button > span{
position:relative;
font-weight:normal;
}

.btn-search-around button > span:before {
position: relative;
display: inline-block;
overflow: hidden;
width: 15px;
height: 15px;
content: '';
margin: 0 3px 0 0;
vertical-align: top;
background: url(/element_sp/shared/images/icon/ico-scope.svg) 0 0 no-repeat;
background-size: 100% auto;
}

/* .btn-arrow
----------------------------------------------- */
.btn-arrow {
position: relative;
min-height: 38px;
padding-right: 25px;
font-size: 14px;
text-align: left;
color: #9e9e9e;
letter-spacing: -0.05em;
}

.btn-arrow:after {
position: absolute;
display: block;
content: '';
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
border-right: 2px solid #888;
border-bottom: 2px solid #888;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
}

.btn-arrow span:not(:last-child):after {
content: ',';
}

.btn-arrow > span{
font-weight:normal;
color:var(--cmn-font-color-base);
}

/* .btn-search
----------------------------------------------- */
.btn-search {
font-size: 16px;
position: relative;
padding-left: 30px;
text-align: left;
min-height: 38px;
color: #9e9e9e;
}

.btn-search:before {
position: absolute;
top: 50%;
left: 10px;
display: inline-block;
overflow: hidden;
width: 16px;
height: 16px;
content: '';
}

.btn-search:before {
margin-top: -8px;
background: url(/element_sp/shared/images/icon/ico-search.svg) 0 -16px no-repeat;
background-size: 100% auto;
}

.btn-search:disabled {
color: #ccc;
border-color: #d8d8da;
background-color: #f0f1f2;
}

.btn-search.selected{
font-weight: normal;
color:var(--cmn-font-color-base);
}

/* .btn-select
----------------------------------------------- */
.btn-select {
font-size: 12px;
font-weight: bold;
line-height: 1.2;
position: relative;
width: 100%;
height: 36px;
padding: 3px 18px 3px 7px;
text-align: left;
color:var(--cmn-font-color-base);
border-radius: 3px;
background-color: #fff;
box-shadow: rgba(191, 191, 191, 1) 0 2px 0 0;
}

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

.btn-select:before {
top: 50%;
right: 4px;
margin-top: -3px;
}

/* ----------------------------------------------------------------
    table
----------------------------------------------------------------- */
/* .tbl-container
----------------------------------------------- */
.tbl-container {
margin: 0 -10px;
background-color: #fff;
}

/* .tbl
----------------------------------------------- */
.tbl {
width: 100%;
margin: 0;
border-collapse: collapse;
}

.tbl thead {
color: #fff;
background-color: #666;
}

.tbl thead th{
padding: 3px 0 2px;
text-align: left;
font-size: 13px;
font-weight: normal;
}

.tbl thead .cell-store{
padding-left: 10px;
}

.tbl td {
padding-top: 7px;
border-bottom: 1px solid #d9d9d9;
}

.tbl tr.selected {
background-color: #fcecc9;
}

.tbl tbody .cell-store{
padding: 10px 10px 6px;
border-bottom: 6px solid #666;
}

.tbl tbody .cell-store .storename{
margin-bottom: 0;
}

.maplist .tbl {
margin: 0;
}

.maplist .tbl .cell-store {
text-align: left;
padding: 0 10px;
}

.maplist .tbl .cell-price {
padding: 5px 0;
width:6.5em;
text-align: left;
}

.maplist .tbl tbody .cell-price {
color:var(--cmn-font-color-red);
border-bottom: 6px solid #666;
}

/* .tbl-option
----------------------------------------------- */
.tbl-option{
margin: 5px 0;
line-height: 1;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}

.tbl-option th,
.tbl-option td{
padding: 3px 1px;
text-align: center;
font-weight: normal;
vertical-align: middle;
}

.tbl-option th:not(:first-child),
.tbl-option td:not(:first-child){
border-left: 2px solid #fff;
}

.tbl-option th{
font-size: 9px;
background-color:#efefef;
}

.tbl-option tbody:not(:last-child) > tr td{
border-bottom: 2px solid #fff;
}

.tbl-option tbody > tr td{
border-top: 2px solid #fff;
}

.tbl-option td.active{
background-color: rgba(214, 233, 248, 0.5);
}


/* ----------------------------------------------------------------
    images
----------------------------------------------------------------- */
/* .image-left / .image-right
----------------------------------------------- */
.image-left {
overflow: hidden;
}

.image-left > .image {
float: left;
padding-right: 10px;
}

.image-right {
overflow: hidden;
}

.image-right > .image {
float: right;
padding-left: 10px;
}

.image-left > .image,
.image-right > .image {
text-align: center;
min-height:95px;
}

.image-left > .image img,
.image-right > .image img {
vertical-align: top;
}

.image-left > .col,
.image-right > .col {
overflow: hidden;
}

.image-left > .col > :first-child,
.image-right > .col > :first-child {
margin-top: 0;
}

/* ----------------------------------------------------------------
    box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
.box {
box-sizing: border-box;
margin: 10px 0;
padding: 10px;
border-radius: 3px;
background-color: #fff;
}

.box > :first-child {
margin-top: 0;
}

.box > :last-child {
margin-bottom: 0;
}

.box.branch {
padding: 10px;
border-radius: none;
background-color: #f1f1f1;
}

/* .shop-box
----------------------------------------------- */
.box.shop-box {
padding: 0 5px;
color:var(--cmn-font-color-base);
}

.box.shop-box .form-container{
margin: 0;
}

.box.shop-box .form-container:nth-child(2){
padding-bottom: 9px;
}

.box.shop-box .form-container .form-hdg {
font-size: 11px;
padding-right: 5px;
color: #000;
}

.box.shop-box .form-inner > * {
padding: 0;
}

.box.shop-box .form-inner > *:last-child {
text-align: center;
white-space: nowrap;
}

.box.shop-box .form-inner > *:last-child > a{
display: block;
}

.box.shop-box .form-inner .suggest-box {
top: auto;
margin-top: 1px;
padding: 0;
position: absolute;
z-index: 1;
width: 100%;
}

.box.shop-box .form-inner .suggest-box .list-01{
margin: 0;
}

.box.shop-box .form-inner .suggest-box .list-01 > li {
border-color: #e0e0e0;
}

.box.shop-box .form-inner .suggest-box .list-01 > li:last-child {
border-bottom: none;
}

/* .rentacar-shop-detail-item
----------------------------------------------- */
.rentacar-shop-detail-item{
background-color:#eee;
padding:10px 8px;
border-radius:4px;
margin:8px 0;
}

/* .rentacar-shop-detail-list-item
----------------------------------------------- */
.rentacar-shop-detail-list-item{
display:flex;
font-size:12px;
gap:10px;
align-items:center;
}
.rentacar-shop-detail-list-item:not(:first-child){
margin-top:10px;
}
.rentacar-shop-detail-head{
white-space:nowrap;
}
.rentacar-shop-detail-name{
padding-left:2px;
}
.rentacar-shop-detail-name a{
font-weight:bold;
}
.shop-return .rentacar-shop-detail-name{
width:100%;
padding-left:0;
}
.rentacar-shop-detail-name .select-custom,
.rentacar-shop-detail-name .select-custom select{
font-size:12px;
width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-weight:bold;
border-color:#ccc;
min-height:28px;
}
.rentacar-shop-detail-map{
white-space:nowrap;
}

/* .ic-map
----------------------------------------------- */
.ic-map{
background:url(/element_sp/j_rentacar/shared/images/icon-map.svg) no-repeat;
background-size:9px 14px;
background-position:0 center;
padding-left:13px;
}


/* .notice-box
----------------------------------------------- */
.box.notice-box {
padding: 15px;
background-color: #fdf0f0;
}

.box.notice-box b {
font-weight: normal;
color: #de1116;
}

/* .sticky-box
----------------------------------------------- */
.sticky-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
font-size: 12px;
color: #fff;
box-sizing: border-box;
width: 100%;
background-color:#444;
}

.str-pseudo .sticky-box{
position: relative;
justify-content: center;
}

.str-pseudo .sticky-box  > * + *{
margin-left: 10px;
}

.sticky-box .sticky-box-cell{
color: #fff;
}

.sticky-box .sticky-box-form-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 7px;
}

.sticky-box .sticky-box-form-list .radio-custom{
font-size: 14px;
}

/* .detail-bg
----------------------------------------------- */
.detail-bg {
background: var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size: 100% auto;
}
.detail-bg.bg-black {
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}
.detail-bg .cmn-info{
margin:0 !important;
}
.detail-bg .cmn-hdg-band{
background:none !important;
padding: 14px 10px 0;
font-size:14px;
font-weight:normal;
}
.detail-bg .cmn-info + .head-link-history-back,
.detail-bg .cmn-info + img + .head-link-history-back{
border-top: 1px solid rgba(255, 255, 255, 0.45);
}
.search-area .head-link-history-back{
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.detail-bg .head-link-history-back{
margin:0 10px;
padding:0 6px;
}
.detail-bg .link-history-back,
.search-area .link-history-back{
padding: 12px 0 4px 28px;
color: #fff;
display: -webkit-box;
display: block;
-webkit-box-align: center;
align-items: center;
box-sizing: border-box;
min-height: 40px;
position: relative;
line-height: 1.35;
text-align: left;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.detail-bg .link-history-back::before,
.search-area .link-history-back::before{
margin-top: -8px;
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 0;
background: url(/element_sp/j_rentacar/shared/images/icon-arrow-prev-wht.svg) no-repeat 0 0;
}
.detail-bg .cmn-info + .head-link-history-back .link-history-back{
min-height:44px;
}
main .search-area > .head-link-history-back{
margin:-12px 0 12px!important;
}
.link-history-back .link-history-back-overflow{
display:grid;
grid-template-columns:auto 1fr;
}
.link-history-back .link-history-back-overflow > span:first-child{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.link-history-back .link-history-back-overflow > span:last-child{
white-space:nowrap;
}

/* .map-container
----------------------------------------------- */
.map-container {
position: relative;
margin: 0 -10px;
background-color: #fff;
z-index: 0;
}

.map-container .map-area {
overflow: hidden;
width: 100%;
min-height: 320px;
}

.map-container .hdg-map {
font-size: 18px;
line-height: 1.2;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 9px 15px 7px;
color:var(--cmn-font-color-base);
background-color: #fff;
z-index: 1;
}

/* .general-container
----------------------------------------------- */
.general-container {
position: relative;
margin: -10px -10px 0;
padding: 10px;
background-color: #fff;
}

.general-container > :first-child {
margin-top: 0;
}

.general-container > :last-child {
margin-bottom: 0;
}

.general-container.detail {
margin-bottom: 10px;
padding: 0 10px 10px;
}

.general-container.detail .btn-detail-map{
font-size: 16px;
display: block;
box-sizing: border-box;
width: 100%;
height: 38px;
margin: 10px 0;
padding: 7px 0;
text-align: center;
color:var(--cmn-font-color-base);
border: 1px solid #bbb;
border-radius: 5px;
background-color: #fff;
}

.general-container.detail .notice-list{
color:var(--cmn-font-color-gray);
}

.hdg-branch-info{
font-weight:bold;
font-size:12px;
margin:0 0 -4px;
}

/* .toggle-container
----------------------------------------------- */
.toggle-container {
position: relative;
}

.toggle-container > .toggle-item {
display: none;
}

.toggle-container > .toggle-item > :first-child {
margin-top: 0;
}

.toggle-container > .toggle-item > :last-child {
margin-bottom: 0;
}

.toggle-container.active .hdg-toggle > span:after {
display: none;
}

.toggle-container.active > .toggle-item {
display: block;
}

.toggle-container.box-payment {
margin-bottom: 10px;
padding: 9px 10px 9px 30px;
background-color: #fff;
}

.toggle-container.box-payment .hdg-toggle {
font-size: 14px;
font-weight: normal;
margin: -9px -10px -9px -30px;
}

.toggle-container.box-payment .hdg-toggle > [role='button'] {
padding: 9px 10px 9px 30px;
}

.hdg-toggle {
position: relative;
}

.hdg-toggle > span:after {
content: '';
width: 13px;
height: 13px;
vertical-align: middle;
background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size: 100% 100%;
position:absolute;
right:10px;
margin-top:4px;
}

.hdg-toggle > [role='button'] {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
padding: 9px 10px;
}

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

.toggle > .toggle-hook{
margin:-1px -10px 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:13px;
text-align:center;
}

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

.toggle.is-active > .toggle-item{
display:block;
}

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

/* .tab-container
----------------------------------------------- */
.tab-container {
position: relative;
margin: 0 -10px;
padding: 0 10px;
background-color: #fff;
}

.tab-container > .tab-item {
display: none;
}

.tab-container > .tab-item.active {
display: block;
}

.tab-container .tab-list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin: 0 -10px;
padding-bottom: 10px;
background-color: #fff;
}

.tab-container .tab-list > li {
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size: 14px;
box-sizing: border-box;
text-align: center;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #bbb;
border-top:1px solid #fff;
}

.tab-container .tab-list > li:first-child {
border-left: 0;
}

.tab-container .tab-list > li > a {
display: block;
padding: 12px 0 11px;
color:var(--cmn-font-color-base);
background-color: #f5f5f5;
}

.tab-container .tab-list > li.active{
font-weight: bold;
border-bottom-color: #fff;
}

.tab-container .tab-list > li.active > a {
background-color: #fff;
color:var(--cmn-font-color-base);
}

.tab-container .tab-list > li.is-disabled a{
background-color:rgba(245, 245, 245, .3);
color:#bbb;
}

.str-pseudo .tab-container .tab-list{
border-top: 1px solid #bbb;
}

.str-pseudo .tab-container .tab-list > li{
border-top:none;
}

.str-pseudo .link-list + .tab-container{
margin-top: 15px;
}

/* .modal-container
----------------------------------------------- */
.modal-container {
position: absolute;
z-index: 2;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0 25px;
margin-bottom: 50px;
}

.modal-container .hdg-modal {
font-size: 12px;
padding: 5px 10px;
color: #fff;
background-color: #333;
font-weight:bold;
}

.modal-container .btn-modal-close {
position: absolute;
z-index: 2;
top: -36px;
right: 25px;
overflow: hidden;
width: 40px;
height: 36px;
padding: 0;
white-space: nowrap;
text-indent: 200%;
background-color: transparent;
}

.modal-container .btn-modal-close > span {
position: relative;
display: block;
width: 40px;
height: 36px;
}

.modal-container .btn-modal-close > span:after {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 40px;
height: 36px;
content: '';
}

.modal-container .btn-modal-close > span:after {
background: url(/element_sp/j_rentacar/shared/images/btn-close.svg) 50% 50% no-repeat;
background-size: 20px;
}

.modal-container .modal-inner {
position: relative;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}

.modal-container .modal-inner .map-container {
margin: 0;
}

.modal-container .modal-info {
position: relative;
overflow: hidden;
padding: 10px 30px;
}

.modal-container .modal-info > :first-child {
margin-top: 0;
}

.modal-container .modal-info > :last-child {
margin-bottom: 0;
}

.modal-container .modal-info .btn-item-prev,
.modal-container .modal-info .btn-item-next {
z-index: 2;
top: 50px;
display: block;
width: 38px;
height: 38px;
padding: 0;
border: none;
border-radius: 100%;
background: #555;
}

.modal-container .modal-info .btn-item-prev > span,
.modal-container .modal-info .btn-item-next > span {
opacity: 0;
}

.modal-container .modal-info .btn-item-prev {
position: absolute !important;
position: relative;
left: -19px;
}

.modal-container .modal-info .btn-item-prev:before {
position: absolute;
display: block;
width: 6px;
height: 6px;
content: '';
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
}

.modal-container .modal-info .btn-item-prev:before {
top: 50%;
left: 50%;
width: 10px;
height: 10px;
margin: -7px 0 0 4px;
}

.modal-container .modal-info .btn-item-next {
position: absolute !important;
position: relative;
right: -19px;
}

.modal-container .modal-info .btn-item-next:before {
position: absolute;
display: block;
width: 6px;
height: 6px;
content: '';
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
}

.modal-container .modal-info .btn-item-next:before {
top: 50%;
right: 50%;
width: 10px;
height: 10px;
margin: -7px 4px 0 0;
}

/* .modal-overlay
----------------------------------------------- */
.modal-overlay {
position: fixed;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: #4c4c4c;
}



/* .sticky-btn-list
----------------------------------------------- */
.form-sticky-btn-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content:center;
margin: 0 auto;
width:287px;
}

.sticky-box-cell + .form-sticky-btn-list{
width:160px;
margin: 0 0 0 10px;
}

.sticky-box-cell + .form-sticky-btn-list .btn-02{
width:160px;
}

.form-sticky-btn-list > li:first-child{
width: 20%;
}

.form-box-idx .form-sticky-btn-list > li:first-child{
width:60px;
}

.form-sticky-btn-list > li:last-child{
flex:1;
}

.form-sticky-btn-list > li + li{
margin-left:8px;
}

.form-sticky-btn-list > li button{
display:block;
width:100%;
height:44px;
border-radius:4px;
text-align:center;
box-sizing:border-box;
}

.form-sticky-btn-list .search-sticky-btn{
color:#fff;
font-size:16px;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
border:none;
background-color:#444;
width: 100%;
}

.form-sticky-btn-list .set-sticky-btn{
color:#fff;
line-height:1.55;
font-size:20px;
font-weight:bold;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
border:none;
box-shadow:0 -4px 0 #608c03 inset;
background-color:#78ae0e;
width: 100%;
}

.form-sticky-btn-list .clear-sticky-btn{
margin-right: 10px;
padding: 0;
color:var(--cmn-font-color-base);
font-size:14px;
white-space: nowrap;
background-color:#fff;
border:none;
line-height:1.55;
}

.form-box-idx .form-sticky-btn-list .clear-sticky-btn{
border:1px solid #bbb;
}

.form-sticky-btn-list .exclusion-sticky-btn{
padding:5px 0 9px;
color:#555;
line-height:1.55;
font-size:20px;
border:none;
box-shadow:0 -4px 0 #ccc inset;
background-color:#fff;
}

.pseudo-content .form-btn-container .form-sticky-btn-list .clear-sticky-btn{
border-color:#fff;
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
/* grid
----------------------------------------------- */
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
   DEVELOPER : DENIS LEBLANC
   URL : http://responsive.gs
   VERSION : 3.0
   LICENSE : GPL & MIT */
[class^='grid-'] {
box-sizing: border-box;
}

.grid-container {
margin: 0 auto;
}

.grid-container .grid-col {
display: block;
float: left;
}

.grid-container .grid-gutters .grid-col {
margin-left: 10%;
}

.grid-container .grid-gutters .grid-col:first-child {
margin-left: 0;
}

.grid-container .grid-span-1 {
width: 8.33333%;
}

.grid-container .grid-span-2 {
width: 16.66667%;
}

.grid-container .grid-span-3 {
width: 25%;
}

.grid-container .grid-span-4 {
width: 33.33333%;
}

.grid-container .grid-span-5 {
width: 41.66667%;
}

.grid-container .grid-span-6 {
width: 50%;
}

.grid-container .grid-span-7 {
width: 58.33333%;
}

.grid-container .grid-span-8 {
width: 66.66667%;
}

.grid-container .grid-span-9 {
width: 75%;
}

.grid-container .grid-span-10 {
width: 83.33333%;
}

.grid-container .grid-span-11 {
width: 91.66667%;
}

.grid-container .grid-span-12 {
width: 100%;
}

.grid-container .grid-gutters .grid-span-1 {
width: -.83333%;
}

.grid-container .grid-gutters .grid-span-2 {
width: 8.33333%;
}

.grid-container .grid-gutters .grid-span-3 {
width: 17.5%;
}

.grid-container .grid-gutters .grid-span-4 {
width: 26.66667%;
}

.grid-container .grid-gutters .grid-span-5 {
width: 35.83333%;
}

.grid-container .grid-gutters .grid-span-6 {
width: 45%;
}

.grid-container .grid-gutters .grid-span-7 {
width: 54.16667%;
}

.grid-container .grid-gutters .grid-span-8 {
width: 63.33333%;
}

.grid-container .grid-gutters .grid-span-9 {
width: 72.5%;
}

.grid-container .grid-gutters .grid-span-10 {
width: 81.66667%;
}

.grid-container .grid-gutters .grid-span-11 {
width: 90.83333%;
}

.grid-container .grid-gutters .grid-span-12 {
width: 100%;
}

/* .str-pseudo
----------------------------------------------- */
[role=page],
[data-role=dialog],
[data-role=page]{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
box-sizing:border-box;
}
[role=page].page-active,
[data-role=dialog].page-active,
[data-role=page].page-active,
[data-role=page].is-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
overflow-x:hidden;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
}
[data-role=dialog].is-active{
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
display:-webkit-box;
display:flex;
background-color:#fff;
opacity:1;
}

/* .str-pseudo
----------------------------------------------- */
.str-pseudo {
margin: 0;
padding: 0;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
top: 0;
left: 0;
font-size: 14px;
width: 100%;
height: 100%;
min-height: 100%;
box-sizing: border-box;
}

.str-pseudo .pseudo-content {
padding: 0 0 16px;
-webkit-box-flex: 1;
flex: 1;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: scroll;
box-sizing: border-box;
width: 100%;
}

.str-pseudo .pseudo-content .cmn-tip-container > p:first-child{
padding-top: 6px;
}

.str-pseudo-footer .sticky-box {
position: relative;
}

.str-pseudo.cmn-faq-page {
padding: 0;
}

.str-pseudo.cmn-faq-page > .cmn-tip-search-box{
margin: 10px;
}

.str-pseudo.cmn-faq-page .hdg-l2-container {
margin: 0;
}

.str-pseudo.cmn-faq-page strong{
font-weight: normal;
color:var(--cmn-font-color-red);
}

.str-pseudo.cmn-faq-page .cmn-tip-link {
padding:0 10px;
}

/* .lyt-sticky
----------------------------------------------- */
.lyt-sticky {
padding-bottom: 80px;
}

/* .act_ad_manage
----------------------------------------------- */
main + #panelBelt_AreaF{
padding: 0 8px;
background:#f5f5f5;
}
aside.act_ad_manage > p {
background-color: #fff;
}

/* ----------------------------------------------------------------
    component
----------------------------------------------------------------- */
.search-area{
margin: -10px -10px 0;
padding: 14px 10px;
background: var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size: 100% auto;
}

.search-area .hdg-l1{
margin: 0 0 8px;
line-height: 1.35;
font-weight: normal;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.search-area > :first-child{
margin-top:0 !important;
padding-top:0 !important;
}

/* .search-condition
----------------------------------------------- */
.search-condition {
position: relative;
padding-right: 70px;
padding: 7px 8px;
border-radius: 3px;
background-color: #fff;
box-sizing: border-box;
min-height:81px;
}

/* .search-condition-state
----------------------------------------------- */
.search-condition-state{
padding-right: 64px;
}

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

.search-condition-toggle.is-active > .search-condition-toggle-item{
display: block;
}

.search-condition-toggle-btn{
margin-top: 5px;
padding: 0 0 0 17px;
font-size: 12px;
color: #666;
background: url(/element/shared/images/icon/icon-chevron-down.svg) transparent no-repeat 0 50%;
background-size: 12px 12px;
border: none;
}

.search-condition-toggle.is-active .search-condition-toggle-btn{
background-image: url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .search-condition-state-list
----------------------------------------------- */
.search-condition-state-list{
margin: 0;
}

.search-condition-state-list > li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 13px;
}

.search-condition-state-list > li:not(:first-child){
margin-top: 7px;
}

.search-condition-state-list > li > span{
font-weight: normal;
font-size: 11px;
width: 2.5em;
}

.search-condition-state-list > li > div{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.2;
}

.search-condition-state-list > li > div > b{
display: block;
}

/* .search-condition-state-list-01
----------------------------------------------- */
.search-condition-state-list-01{
margin: 7px 0 3px;
}

.search-condition-state-list-01 > li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
}

.search-condition-state-list-01 > li:not(:first-child){
margin-top: 1px;
}

.search-condition-state-list-01 > li > span{
padding-right: 1em;
width: 7em;
position: relative;
}

.search-condition-state-list-01 > li > span:after{
content: ':';
position: absolute;
right: 5px;
top: 0;
}

.search-condition-state-list-01 > li > div{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

/* .search-condition-state-list-hdg
----------------------------------------------- */
.search-condition-state-list-hdg{
position: relative;
display: inline-block;
padding-right: 6px;
margin-right: 5px;
}

.search-condition-state-list-hdg::after{
position: absolute;
right: -1px;
top: 3px;
content: '';
width: 1px;
height: 12px;
background-color: #333;
display: block;
}

/* .search-condition-state-list-icon
----------------------------------------------- */
.search-condition-state-list-icon{
display: inline-block;
margin: -2px 4px 0 0;
padding: 1px 2px;
font-size: 10px;
line-height: 1.2;
vertical-align: middle;
border: 1px solid #ccc;
}

/* .search-condition-btn
----------------------------------------------- */
.search-condition-btn {
margin:0;
padding:0 0 2px;
color:var(--cmn-font-color-base);
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:40px;
box-shadow:0 -3px 0 0 #d9d9d9 inset;
box-sizing:border-box;
position:absolute;
top:10px;
right:10px;
font-size:12px;
line-height:1.16;
background-color:#fff;
text-align:center;
}

/* .result-container
----------------------------------------------- */
.result-container {
position: relative;
margin: 0 -10px;
padding: 0 10px 11px;
box-sizing: border-box;
background: #fff;
}
.result-num{
color:#fff;
margin:0 -10px 13px;
padding:5px 10px;
background:#666;
line-height:1.25;
font-size:12px;
}
.result-num .num{
font-size:14px;
font-weight:normal;
font-family:Arial;
}
.result-sort{
margin: 0;
}

/* .item-container
----------------------------------------------- */
.item-container {
position: relative;
margin: 0 -10px;
border-top: 6px solid #666;
}

.item-container > .item-container-inner {
padding: 13px 10px 10px;
background: #fff;
}

.item-container > .item-container-inner > :first-child {
margin-top: 0;
}

.item-container > .item-container-inner > :last-child {
margin-bottom: 0;
}

.result-container + .item-container {
padding-top: 0;
}

/* .item-container .item-detail
----------------------------------------------- */
.item-container .item-detail{
position: relative;
margin: 5px 0;
padding-top: 5px;
border-top: 1px solid #e0e0e0;
}

.item-container .list-def .item-detail{
margin:0;
padding:0;
border:0;
}

.item-container .item-detail > p{
margin: 5px 0;
}

.item-container .item-detail > .summary{
display: inline;
}

.item-container .list-def .item-detail .toggle-item > .areaToggleAll{
margin:0;
}

/* .item-container .item-detail-toggle-btn
----------------------------------------------- */
.item-container .item-detail-toggle-btn{
border:0;
display:inline-block;
padding-left:.5em;
margin:0 auto;
color:#a4a4a4;
font-size:12px;
text-align:right;
box-sizing:border-box;
background-color:#fff;
padding: 1px 0;
}

.item-container .item-detail-toggle-btn > span:before{
margin-right:5px;
content:'...';
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom
}

.item-container .item-detail-toggle-btn.is-active{
margin:4px 0 0 auto;
padding:0 0 0 12px;
border:none;
color:var(--cmn-color-font-base);
position:relative;
line-height:1;
display:table;
background:0 0;
font-size:12px;
}

.item-container .item-detail-toggle-btn.is-active > span:before{
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:2px;
left:0;
background: url(/element/j_rentacar/shared/images/icon/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size: 8px auto;
}

.item-container + .act_ad_manage{
background-color: #fff;
margin: 0 -10px;
border-top:6px solid #666;
}

.item-container + .act_ad_manage:empty{
display: none!important;
}

.storelist .item-container > .item-container-inner > .list-def{
margin: 7px 0 9px;
}

.planlist.detail .item-container{
border-top: 6px solid #666;
}

/* .item-time
----------------------------------------------- */
.item-time{
font-size: 11px;
margin-bottom: 6px;
}

/* .item-price
----------------------------------------------- */
.item-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 6px;
}

.item-price .btn-01{
margin: 0;
width: 58px;
max-height:23px;
text-align:center;
font-size: 12px;
border-radius: 3px;
vertical-align: top;
border: 1px solid #bbb;
font-weight:normal;
padding:3px 0 2px;
display:inline-block;
}

.item-price a.btn-01 ,
.item-price a.btn-01:link{
color:var(--cmn-font-color-base);
}
.item-price > span{
font-size:12px;
padding:0 12px 0 4px;
}

/* .shop-detail-item
----------------------------------------------- */
.item-container > .item-container-inner > .shop-detail-item{
background:#eee;
margin:-13px -10px 0;
padding:13px 10px 1px;
}
.shop-detail-item .item-detail-toggle-btn{
background-color:transparent;
}

/* .shop-plan-detail
----------------------------------------------- */
.shop-plan-detail{
padding-top:8px;
}

/* .shop-plan-detail-hdg
----------------------------------------------- */
.shop-plan-detail-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:6px;
line-height:1.2;
}

/* .shop-plan-detail-name
----------------------------------------------- */
.shop-plan-detail-name{
font-size:14px;
display:inline-block;
margin-bottom:8px;
line-height:1.45;
}

/* .shop-plan-detail .hdg-item-img img
----------------------------------------------- */
.storelist .shop-plan-detail .hdg-item-container {
padding-left:122px;
min-height:90px;
}
.storelist .shop-plan-detail .hdg-item-container .hdg-item-img {
width:110px;
height:90px;
}
.shop-plan-detail .hdg-item-container .hdg-item-img img{
max-height:90px;
}

/* .shop-plan-detail [class^="list-def"].cartype
----------------------------------------------- */
.shop-plan-detail [class^="list-def"].cartype{
margin-top:12px;
padding-top:0;
}

/* .shop-plan-detail .item-detail
----------------------------------------------- */
.item-container .shop-plan-detail .item-detail{
border:0;
margin:8px 0 0;
padding-top:0;
}
.item-container .shop-plan-detail .item-detail p{
margin:0;
}

/* .tgl-btn-list
----------------------------------------------- */
.tgl-btn-list{
display:flex;
width:100%;
gap:12px;
justify-content:end;
align-items:center;
margin-top:12px;
}
.tgl-btn-list .tgl-btn{
background-color:transparent;
padding: 3px 0 3px 12px;
border: none;
color: var(--cmn-font-color-base);
background: url(/element/j_rentacar/shared/images/icon/icon-arrow-01-down.svg) no-repeat 0 9px;
background-size: 8px auto;
font-size: 12px;
}
.tgl-btn-list .tgl-btn[aria-selected="true"] {
background-image: url(/element/j_rentacar/shared/images/icon/icon-arrow-01-up.svg);
}
.tgl-detail-cont{
display:none;
}
.tgl-detail-cont.is-active{
display:block;
}

/* .shop-plan-detail-under
----------------------------------------------- */
.shop-plan-detail-under{
text-align:center;
border-top:1px solid #ddd;
margin-top:12px;
padding-bottom:2px;
}
.shop-plan-detail-btn{
background:transparent;
padding:12px;
margin-bottom:-12px;
font-size:14px;
width:100%;
text-align:center;
}


/* .view-list-all
----------------------------------------------- */
.view-list-all {
line-height: 1.2;
padding-top: 8px;
border-top: 1px solid #ccc;
}

.view-list-all a {
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
position: relative;
padding-right: 15px;
color: #333 !important;
}

.view-list-all a:after {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 8px;
height: 8px;
content: '';
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
border-right: 2px solid #555;
border-bottom: 2px solid #555;
}

.view-list-all a > * {
margin: 0;
}

.view-list-all a .plan-num {
font-weight: bold;
text-align: right;
}

.view-list-all a .plan-num > .num {
display: block;
}

.view-list-all .list-def.branch .price,
.view-list-all .branch.list-def-02 .price {
display: block;
}

.icon-spot {
position: relative;
}

.icon-spot:before {
position: absolute;
top: 10px;
left: 5px;
display: block;
overflow: hidden;
width: 12px;
height: 18px;
content: '';
}

.icon-spot:before {
background: url(/element_sp/j_rentacar/shared/images/icon-spot.svg) no-repeat;
background-size: 100% 100%;
}

.icon-airport {
position: relative;
}

.icon-airport:before {
position: absolute;
top: 11px;
left: 2px;
display: block;
overflow: hidden;
width: 16px;
height: 16px;
content: '';
}

.icon-airport:before {
background: url(/element_sp/j_rentacar/shared/images/icon-airport.svg) no-repeat;
background-size: 100% 100%;
}

.icon-station {
position: relative;
}

.icon-station:before {
position: absolute;
top: 11px;
left: 5px;
display: block;
overflow: hidden;
width: 12px;
height: 16px;
content: '';
}

.icon-station:before {
background: url(/element_sp/j_rentacar/shared/images/icon-station.svg) no-repeat;
background-size: 100% 100%;
}

.str-pseudo .suggest-container {
padding: 15px 0;
}

/* .suggest-overlay
----------------------------------------------- */
.suggest-overlay {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: rgba(255, 255, 255, .7);
}

.str-pseudo .suggest-overlay {
left: -10px;
padding: 0 10px;
}

/* .map-info-box
----------------------------------------------- */
.map-info-box {
font-size: 10px;
background: #fff;
max-width:250px;
}

.map-info-box > :first-child{
margin-top: 0;
}

.map-info-box > :last-child{
margin-bottom: 0;
}

.map-info-box .storename {
font-size: 13px;
color:var(--cmn-font-color-base);
}

.map-info-box .price {
font-size: 11px !important;
font-weight: normal;
margin:4px 0 0;
}

.map-info-box .list-def > li > *{
vertical-align: middle;
}

.map-info-box > *,
.map-info-box > *:focus,
.map-info-box > *:focus-visible{
outline: none;
}

.gm-style .gm-style-iw-d{
overflow: hidden;
}

/* .paging-map
----------------------------------------------- */
.paging-map {
padding: 15px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.paging-map .btn-map-paging {
position: relative;
width: 40px;
height: 30px;
}

.paging-map .btn-map-paging:before {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 40px;
height: 30px;
content: '';
}

.paging-map .btn-map-paging:before {
background: url(/element_sp/j_rentacar/shared/images/btn-map-paging.svg) no-repeat;
background-size: 100% auto;
}

.paging-map .btn-map-paging.prev:before {
background-position: 0 -30px;
}

.paging-map .btn-map-paging.prev:disabled:before {
background-position: 0 0;
}

.paging-map .btn-map-paging.next:before {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
background-position: 0 -30px;
}

.paging-map .btn-map-paging.next:disabled:before {
background-position: 0 0;
}

.paging-map .paging-num {
font-size: 13px;
font-weight: bold;
margin: 0 10px;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal {
margin: 0 -10px;
padding: 20px 0 500px;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #fff;
}

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

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

.tab-item .loading-modal {
margin: 0 -10px;
}

.tab-item .pager + .loading-modal{
margin: 0 -10px;
}

/* .tab-list-container for MAP PAGE
----------------------------------------------- */
.lyt-map .tab-list-container {
position: relative;
overflow: hidden;
min-height: 40px;
background-color: #fff;
}

.lyt-map .tab-list-container .tab-list {
position: absolute;
z-index: 0;
margin: 0;
}

.lyt-map .tab-list-container .tab-list > li {
font-size: 12px;
float: left;
text-align: center;
}

.lyt-map .tab-list-container .tab-list > li > a {
display: block;
padding: 19px 10px 3px;
color: #000;
}

.lyt-map .tab-list-container .tab-list > li.active {
background-color: #fff9ad;
}

.lyt-map .tab-list-container .tab-list > li.active > a {
font-weight: bold;
}

.lyt-map .tab-list-container .tab-list > li.disabled > a {
color: #ddd;
}

.lyt-map .tab-list-container .tab-list > li a {
position: relative;
}

.lyt-map .tab-list-container .tab-list > li a:before {
position: absolute;
top: 3px;
left: 50%;
display: inline-block;
overflow: hidden;
width: 16px;
height: 16px;
content: '';
}

.lyt-map .tab-list-container .tab-list > li a:before {
margin-left: -8px;
background-position: 0 -16px;
}

.lyt-map .tab-list-container .tab-list > li a.icon-car:before {
background-image: url(/element_sp/shared/images/icon/ico-car.svg);
background-position: 0 -17px;
background-size: 100% auto;
}

.lyt-map .tab-list-container .tab-list > li a.icon-hotel:before {
background-image: url(/element_sp/shared/images/icon/ico-hotel.svg);
background-size: 100% auto;
}

.lyt-map .tab-list-container .tab-list > li a.icon-groumet:before {
background-image: url(/element_sp/shared/images/icon/ico-restaurant.svg);
background-size: 100% auto;
}

.lyt-map .tab-list-container .tab-list > li a.icon-area:before {
background-image: url(/element_sp/shared/images/icon/ico-attraction.svg);
background-size: 100% auto;
}

.lyt-map .tab-list-container .tab-list > li a.icon-shopping:before {
background-image: url(/element_sp/shared/images/icon/ico-shopping.svg);
background-size: 100% auto;
}

.lyt-map .tab-list-container .tab-list > li a.icon-favorite:before {
background-image: url(/element_sp/shared/images/icon/ico-favorite.svg);
background-size: 100% auto;
}

.lyt-map .tab-list-container .tab-list > li.active > a:before {
background-position: 0 0;
}

/* .payment-info
----------------------------------------------- */
.payment-info {
position: relative;
}

.payment-info .list-payment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width:100%;
font-size: 10px;
margin: 0;
color:var(--cmn-font-color-base);
}

.payment-info .list-payment > li {
line-height: 1.0;
text-align: center;
display:flex;
flex:1;
flex-direction:column;
}

.payment-info .list-payment > li:nth-child(4){
min-width:100px;
}

.payment-info .list-payment > li .cmn-tip-btn{
margin-left:2px;
vertical-align:middle;
}

.payment-info .list-payment > li > b {
font-weight: normal;
padding: 3px 0 2px;
background-color: #f0f0f0;
}

.payment-info .list-payment > li:not(:first-child) > b{
border-left: 1px solid #ddd;
}

.payment-info .list-payment > li > span {
padding: 4px 0;
border-bottom: 1px solid #ddd;
flex:1;
display:inline-flex;
align-items:center;
justify-content:center;
}

.payment-info .list-payment > li:first-child > span{
border-left: 1px solid #ddd;
}

.payment-info .list-payment > li:last-child > span{
border-right: 1px solid #ddd;
}

.payment-info .list-payment .list-paytype {
display: block;
margin: 8px 0 0;
letter-spacing: -.4em;
}

.payment-info .list-payment .list-paytype > li {
display: inline-block;
margin: 0 2px;
vertical-align: middle;
letter-spacing: normal;
}

.payment-info .list-payment .list-paytype > li:first-child {
margin-left: 0;
}

.payment-info .list-payment .list-paytype > li:last-child {
margin-right: 0;
}

.payment-info .list-payment .list-credit {
font-size: 0;
line-height: 1.0;
display: inline-block;
width: 30px;
margin: 0 0 0 -2px;
vertical-align: middle;
white-space: normal;
}

.payment-info .list-payment .list-credit > li {
display: inline-block;
margin: 0 1px;
}

.payment-info .list-payment .list-credit > li img {
max-height: 6px;
}

.payment-info .notice-list {
margin: 15px 0 0;
color: #808080;
}

.payment-info .notice-list > li {
margin-top: 0;
padding-left: 1.8em;
}

/* ----------------------------------------------------------------
    Calendar
----------------------------------------------------------------- */
.lyt-calendar {
line-height: 1.45;
padding-bottom: 124px !important;
}

.lyt-calendar.form {
padding-bottom: 88px !important;
}

.calendar-hdg {
font-size: 15px;
line-height: 1.2;
padding:20px 10px;
font-weight:bold;
}

.calendar-hdg-container {
position: relative;
padding: 6px 10px 4px;
}

.calendar-hdg-container .calendar-hdg {
padding: 4px 0 0;
}

.calendar-hdg-container .calendar-btn {
font-size: 13px;
font-weight: bold;
position: absolute;
top: 6px;
right: 10px;
box-sizing: border-box;
padding: 3px 5px 2px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
box-shadow: inset 0 -2px rgba(0, 0, 0, .2);
}

.calendar-hdg-container .calendar-btn.calendar-btn-active {
padding: 4px 6px 3px;
border: none;
background-color: #ffce6c;
box-shadow: none;
}

.calendar-container {
padding-bottom:16px;
border-bottom:1px solid #bbb;
}

.calendar-container .cmn-calendar {
font-size:14px;
width:100%;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
background-color:#fff;
}

.calendar-container .cmn-calendar thead th {
font-size:13px;
font-weight: normal;
padding-bottom:12px;
}

.calendar-container .cmn-calendar td{
padding-top:8px;
}

.calendar-container .cmn-calendar td a {
position: relative;
display: block;
overflow: hidden;
padding: 9px 0;
height: 38px;
color:var(--cmn-font-color-base);
z-index: 0;
box-sizing: border-box;
}

.calendar-container .cmn-calendar td a:link,
.calendar-container .cmn-calendar td a:visited,
.calendar-container .cmn-calendar td a:active,
.calendar-container .cmn-calendar td a:focus {
color:var(--cmn-font-color-base);
}

.calendar-container .cmn-calendar td.calendar-disabled a {
color: #ccc !important;
}

.calendar-container .cmn-calendar td.calendar-active a{
color: #fff;
margin: 0 auto;
}

.calendar-container .cmn-calendar td.calendar-active a:after{
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 38px;
height: 38px;
border-radius: 5px;
background-color: #2584d1;
z-index: -1;
}

.calendar-container .cmn-calendar tr > th:first-child,
.calendar-container .cmn-calendar tr > td:first-child a,
.calendar-container .cmn-calendar tr > td.calendar-holiday a {
color:var(--cmn-font-color-red);
}

.calendar-container .cmn-calendar tr > td:first-child.calendar-disabled a,
.calendar-container .cmn-calendar tr > td.calendar-holiday.calendar-disabled a {
color:var(--cmn-font-color-base);
}

.calendar-container .cmn-calendar tr > td:first-child.calendar-active a,
.calendar-container .cmn-calendar tr > td.calendar-holiday.calendar-active a {
color: #fff;
}

.calendar-container.branch .cmn-calendar td.calendar-active {
background-color: #ffe9bb;
}

.calendar-container.branch .cmn-calendar td.calendar-allday {
background-color: #ffce6c;
}

.calendar-container.branch .cmn-calendar td.calendar-start a:link,
.calendar-container.branch .cmn-calendar td.calendar-start a:visited,
.calendar-container.branch .cmn-calendar td.calendar-start a:active,
.calendar-container.branch .cmn-calendar td.calendar-start a:focus,
.calendar-container.branch .cmn-calendar td.calendar-end a:link,
.calendar-container.branch .cmn-calendar td.calendar-end a:visited,
.calendar-container.branch .cmn-calendar td.calendar-end a:active,
.calendar-container.branch .cmn-calendar td.calendar-end a:focus {
position: relative;
overflow: hidden;
background-color: #ffce6c;
}

.calendar-container.branch .cmn-calendar td.calendar-start a:link:after,
.calendar-container.branch .cmn-calendar td.calendar-start a:visited:after,
.calendar-container.branch .cmn-calendar td.calendar-start a:active:after,
.calendar-container.branch .cmn-calendar td.calendar-start a:focus:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:link:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:visited:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:active:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:focus:after {
position: absolute;
display: inline-block;
display: block;
width: 0;
height: 0;
margin: 0;
content: '';
border-width: auto 0 auto auto;
border-style: solid;
border-color: transparent transparent transparent #ffce6c;
}

.calendar-container.branch .cmn-calendar td.calendar-start a:link:after,
.calendar-container.branch .cmn-calendar td.calendar-start a:visited:after,
.calendar-container.branch .cmn-calendar td.calendar-start a:active:after,
.calendar-container.branch .cmn-calendar td.calendar-start a:focus:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:link:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:visited:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:active:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:focus:after {
top: 50%;
right: 0;
margin-top: -20px;
border-width: 20px 0 20px 10px;
border-color: #ffe9bb #ffe9bb #ffe9bb #ffce6c;
}

.calendar-container.branch .cmn-calendar td.calendar-end a:link:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:visited:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:active:after,
.calendar-container.branch .cmn-calendar td.calendar-end a:focus:after {
left: 0;
border-width: 20px 10px 20px 0;
border-color: #ffe9bb #ffce6c #ffe9bb #ffe9bb;
}

.calendar-sticky {
font-size: 12px;
position: fixed;
z-index: 3;
bottom: 0;
box-sizing: border-box;
width: 100%;
margin: 0 -10px;
padding: 15px 10px;
background-color: rgba(0, 0, 0, .7);
}

.str-pseudo .calendar-sticky{
background: none;
position: relative;
padding: 12px 10px;
margin: 0;
}

.calendar-sticky > :first-child {
margin-top: 0;
}

.calendar-sticky > :last-child {
margin-bottom: 0;
}

.calendar-sticky .calendar-form {
display: table;
width: 100%;
margin-bottom: 10px;
color: #fff;
}

.calendar-sticky .calendar-form > * {
display: table-cell;
vertical-align: middle;
}

.calendar-sticky .calendar-form > * > label {
font-size: 15px;
font-weight: bold;
text-align: left;
}

.calendar-sticky .calendar-form .calendar-select {
position: relative;
display: block;
box-sizing: border-box;
border-radius: 3px;
background-color: transparent;
}

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

.calendar-sticky .calendar-form .calendar-select:before {
top: 50%;
right: 4px;
margin-top: -3px;
}

.calendar-sticky .calendar-form .calendar-select > select {
font-size: 16px;
display: block;
width: 100%;
min-height: 30px;
margin: 0;
padding: 3px 18px 1px 5px;
border: none;
border-radius: 3px;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
}

.calendar-sticky .calendar-chkbox {
display: block;
}

.calendar-sticky .calendar-chkbox > span {
position: relative;
display: block;
padding: 5px 10px 4px 30px;
}

.calendar-sticky .calendar-chkbox > span:before {
position: absolute;
top: 4px;
left: 0;
display: block;
overflow: hidden;
width: 20px;
height: 20px;
content: '';
}

.calendar-sticky .calendar-chkbox > span:before {
border-radius: 4px;
background-color: #d9d9d9;
box-shadow: rgba(0, 0, 0, .2) 1px 1px 2px inset;
}

.calendar-sticky .calendar-chkbox > input[type='checkbox'] {
display: none;
}

.calendar-sticky .calendar-chkbox > input[type='checkbox']:checked + span {
font-weight: bold;
position: relative;
}

.calendar-sticky .calendar-chkbox > input[type='checkbox']:checked + span:after {
position: absolute;
top: 6px;
left: 6px;
display: block;
overflow: hidden;
width: 6px;
height: 11px;
content: '';
}

.calendar-sticky .calendar-chkbox > input[type='checkbox']:checked + span:before {
background-color: #666;
}

.calendar-sticky .calendar-chkbox > input[type='checkbox']:checked + span:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}

.calendar-sticky .calendar-term{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size: 13px;
font-weight: bold;
color: #fff;
}

.calendar-sticky .calendar-term > .calendar-term-date{
position: relative;
width: 39%;
padding: 8px 10px;
color: #999;
text-align: center;
border-radius: 2px;
background-color: #fff;
box-sizing: border-box;
}

.calendar-sticky .calendar-term > .calendar-term-date:first-child{
margin-right: 14px;
}

.calendar-sticky .calendar-term > .calendar-term-date:first-child:after{
position: absolute;
content: '-';
right: -9px;
top: 0;
padding: 8px 0;
color: #fff;
}

.calendar-sticky .calendar-term > .calendar-term-date > .calendar-term-day{
font-size: 11px;
}

.calendar-sticky .calendar-term > .calendar-term-date.selected{
color:var(--cmn-font-color-base);
text-align: left;
background-color: #bbb;
}

.calendar-sticky .calendar-term > .calendar-term-date.active{
color:var(--cmn-font-color-base);
text-align: left;
}

.calendar-sticky .calendar-term > .calendar-term-total{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align: right;
}

.calendar-sticky .calendar-btn-01{
border: none;
border-radius: 5px;
color: #fff;
display: table;
width: 100%;
padding: 6px 0 10px;
/* height: 45px; */
box-shadow: inset 0 -4px 0 #608b0b;
background-color: #78ae0e;
font-size: 20px;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.calendar-sticky .calendar-btn-01:disabled{
background-color: #d5d5d5;
box-shadow: none;
text-shadow: none;
}

.calendar-sticky .calendar-btn-02 {
font-size: 18px;
font-weight: bold;
display: block;
width: 100%;
height: 43px;
text-align: center;
color: #fff;
border: none;
border-radius: 3px;
background-color: #666;
box-shadow: inset 0 -3px rgba(0, 0, 0, .2);
text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.calendar-sticky .calendar-btn-02 {
font-size: 12px;
font-weight: normal;
line-height: 1.2;
white-space: nowrap;
letter-spacing: -.4em;
}

.calendar-sticky .calendar-btn-02 > * {
letter-spacing: normal;
}

.calendar-sticky .calendar-btn-02 > .calendar-date01,
.calendar-sticky .calendar-btn-02 > .calendar-date02 {
display: inline-block;
box-sizing: border-box;
width: 35%;
text-align: left;
vertical-align: bottom;
}

.calendar-sticky .calendar-btn-02 > .calendar-date01 > b,
.calendar-sticky .calendar-btn-02 > .calendar-date02 > b {
font-size: 16px;
display: block;
}

.calendar-sticky .calendar-btn-02 > .calendar-date01 > b > small,
.calendar-sticky .calendar-btn-02 > .calendar-date02 > b > small {
font-size: 12px;
font-weight: normal;
margin-left: -.5em;
}

.calendar-sticky .calendar-btn-02 > .calendar-date01 {
position: relative;
width: 39%;
padding-right: 10px;
}

.calendar-sticky .calendar-btn-02 > .calendar-date01:after {
position: absolute;
display: inline-block;
display: block;
width: 0;
height: 0;
margin: 0;
content: '';
border-width: 6px 0 6px 6px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}

.calendar-sticky .calendar-btn-02 > .calendar-date01:after {
right: 3px;
bottom: 5px;
}

.calendar-sticky .calendar-btn-02 > .calendar-btnsup {
font-size: 18px;
font-weight: bold;
width: 26%;
}

.calendar-sticky .calendar-btn-03 {
font-size: 12px;
font-weight: bold;
display: block;
width: 100%;
padding: 4px 6px 3px;
border: none;
border-radius: 3px;
}

.calendar-sticky .calendar-btn-container {
overflow: hidden;
width: 100%;
}

.calendar-sticky .calendar-btn-container > button[class^='calendar-btn']:first-child {
float: left;
width: 34%;
}

.calendar-sticky .calendar-btn-container > button[class^='calendar-btn']:last-child {
float: right;
width: 64%;
}

.calendar-sticky.calendar-cl01 .calendar-chkbox > input[type='checkbox']:checked + span:before {
background-color: #59b400;
}

.calendar-sticky.calendar-cl01 .calendar-btn-02 {
background-color: #59b400;
}

.calendar-sticky.calendar-cl02 .calendar-chkbox > input[type='checkbox']:checked + span:before {
background-color: #078acb;
}

.calendar-sticky.calendar-cl02 .calendar-btn-01,
.calendar-sticky.calendar-cl02 .calendar-btn-02 {
background-color: #078acb;
}

.cmn-lyt-calendar.form .calendar-sticky {
padding: 5px 10px;
}

.cmn-lyt-calendar.form .calendar-sticky .calendar-form {
margin-bottom: 5px;
}

.calendar-sup {
font-size: 14px;
font-weight: bold;
box-sizing: border-box;
width: 100%;
padding: 2px 0 1px;
text-align: center;
background-color: #f5f5f5;
}

.calendar-sup.branch {
color: #fff;
background-color: #333;
}

.calendar-sup.fixed {
position: fixed;
z-index: 2;
top: 0;
left: 0;
}

/* ----------------------------------------------------------------
    form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
input[type='text'],
input[type='url'],
input[type='reset'],
textarea,
select {
font-size: 16px;
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-height: 2em;
padding: 5px;
}

input[type='text'],
input[type='url'],
input[type='reset'] {
border: 1px solid #bbb;
border-radius: 4px;
-webkit-appearance: none;
}

::placeholder,
::-webkit-input-placeholder {
font-weight: normal;
color: #9e9e9e!important;
}

input[type='text'][disabled],
textarea[disabled] {
border-color: #ddd;
background-color: #ccc;
}

textarea{
-webkit-appearance: none;
}

button {
border: none;
}

/* .select-custom
----------------------------------------------- */
.select-custom {
position:relative;
display:block;
width:100%;
}

.select-custom:before {
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:'';
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
}

.select-custom select {
display: block;
min-height: 38px;
margin: 0;
font-size: 16px;
color:var(--cmn-font-color-base);
padding: 5px 20px 5px 7px;
border-radius: 4px;
border: 1px solid #999;
background-color: #fff;
-webkit-appearance:none;
-moz-appearance:none;
}

.select-custom select:disabled {
color: #ccc;
}

.select-custom select#form-price,
.select-custom select#form-capacity,
.select-custom select#form-smoking,
.select-custom select#price_from,
.select-custom select#price_to,
.select-custom select#guests,
.select-custom select#smoke{
color: #9E9E9E;
}

.select-custom.selected select#price_from,
.select-custom.selected select#price_to,
.select-custom.selected select#guests,
.select-custom.selected select#smoke{
color:var(--cmn-font-color-base);
}

.form-box-idx .select-custom select{
border-color: #999;
}

[class^='form-box-'] .select-custom select{
height: 38px;
}

option[disabled]{
color:#ccc;
}

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

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

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

.checkbox-custom {
position: relative;
display: block;
font-size: 14px;
padding: 14px 10px 12px 40px;
}

.checkbox-custom > input[type='checkbox'] {
position: absolute;
left: 9px;
top: 50%;
transform: translateY(-50%);
}


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

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

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

.radio-custom{
display: block;
position: relative;
padding-left: 25px;
line-height: 1.2;
font-size: 14px;
}

.radio-custom > input[type='radio'] {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.form-container > .form-cell.toggle-container .radio-custom{
font-size: 14px;
}

/* .input-custom
----------------------------------------------- */
.input-custom {
position: relative;
display: block;
}

.input-custom:before {
position: absolute;
top: 50%;
left: 10px;
display: inline-block;
overflow: hidden;
width: 16px;
height: 16px;
content: '';
}

.input-custom:before {
margin-top: -8px;
background: url(/element_sp/shared/images/icon/ico-search.svg) 0 -16px no-repeat;
background-size: 100% auto;
}

.input-custom > input[type='text'] {
font-weight: bold;
padding: 8px 8px 7px 30px;
}

.input-custom.branch:before{
display: none;
}

.input-custom.branch > input[type='text'] {
height: 42px;
padding: 0 43px 0 11px;
}


/* ----------------------------------------------------------------
    Form
----------------------------------------------------------------- */
/* .form-container
----------------------------------------------- */
.form-container {
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin:8px 0;
}

.form-container > .form-hdg {
width:78px;
line-height: 1.2;
font-size:14px;
font-weight:normal;
}

.form-container > h4.form-hdg{
font-weight: normal;
}

.form-container > .form-cell{
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
}

.form-container .form-inner {
display: flex;
align-items: center;
box-sizing: border-box;
}

.form-container .form-inner > * {
line-height: 1.2;
box-sizing: border-box;
vertical-align: middle;
}

.form-container .form-inner > *:not(:first-child) {
margin-left: 5px;
}

.form-container .form-inner > .btn-date{
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.form-box-idx .form-container .form-inner > .select-custom,
.form-box-pseudo .form-container .form-inner > .select-custom,
.form-box-area .form-container .form-inner > .select-custom{
width: 34.42%;
}

.form-box-idx .hdg-category + .form-container{
margin-top: 0;
}

.str-pseudo .form-container{
margin: 0;
}

.str-pseudo .form-container > .form-hdg{
padding-left: 9px;
box-sizing: border-box;
}

.str-pseudo .form-container > .form-cell{
padding: 10px;
background: #fff;
}

.str-pseudo .form-container + .form-container{
border-top: 1px solid #e9e9e9;
}

.form-box-pseudo .form-container > .form-hdg{
min-width: 85px;
}

.box.shop-box .form-container .form-inner >*:first-child{
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
position: relative;
}


/* ----------------------------------------------------------------
    List
----------------------------------------------------------------- */
/* .list-line
----------------------------------------------- */
.list-line{
margin: 0 -10px;
}

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

.str-pseudo .pseudo-content .list-line{
margin: 0;
}

/* .list-inline
----------------------------------------------- */
.list-inline {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin: 0;
}

.list-inline > li:not(:first-child) {
margin-left: 12px;
}

.list-inline > li:last-child {
padding-right: 0;
}

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

.form-box-inner .list-inline > li:not(:first-child){
margin-left: 15px;
}

.form-box-inner .list-inline > li.is-disabled label{
margin-right:4px;
}

.form-box-inner .list-inline > li.is-disabled label .custom-inner{
opacity:.5;
}

.form-box-idx .form-cell.toggle-container > .list-inline{
margin: 8px 0;
}

.form-box-pseudo .form-cell.toggle-container > .list-inline{
margin: 4px 0 3px;
}

.form-box-pseudo .form-cell.toggle-container > .list-inline > li.is-disabled label .custom-inner{
opacity:.5;
}

.form-cell.toggle-container > .list-inline + .toggle-item{
margin-top: 10px;
}

.form-cell > .list-inline{
margin: 3px 0 13px;
}

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

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

.list-img > li img {
width: 55px;
height: 35px;
margin-right: 10px;
vertical-align: middle;
}

.list-img > li .checkbox-custom{
padding: 8px 10px 6px 40px;
}

.str-pseudo .pseudo-content .list-img{
margin: 0;
}

/* ----------------------------------------------------------------
    Index
----------------------------------------------------------------- */
/* .form-box-idx
----------------------------------------------- */
.form-box-idx{
position: relative;
margin: -10px -10px 0;
padding:12px 8px 32px;
background-image: url(/element_sp/j_rentacar/index/images/bg.png),url(/element_sp/j_rentacar/index/images/bg-form-idx.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: 0 0,0 100%;
background-color: var(--key-color);
}

.form-box-idx .hdg-l1 {
margin: 0 0 10px;
font-size: 16px;
line-height: 1.2;
color: #fff;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
}

.form-box-idx .form-box-inner {
position: relative;
box-sizing: border-box;
margin-top:50px;
padding:12px 12px 16px;
border-radius:0 6px 6px 6px;
background:rgba(255, 255, 255, .95);
}

.form-box-idx .btn-search-around {
position: absolute;
top: -38px;
right: 0;
width: calc(100% - 168px);
padding-left:8px;
box-sizing: border-box;
}

.form-box-idx .btn-search-around button{
background:rgba(255, 255, 255, .95);
}

.form-box-idx .hdg-category {
font-size: 12px;
font-weight:normal;
position: absolute;
top:-38px;
left: 0;
box-sizing: border-box;
width: 168px;
height:38px;
padding: 10px 0;
text-align: center;
border-radius:6px 6px 0 0;
background:rgba(255, 255, 255, .95);
}

.form-box-idx .form-index-btn-container{
margin-top:0;
padding:12px 20px;
width:100%;
box-sizing:border-box;
background-color:rgba(255, 255, 255, .9);
position:fixed;
z-index:2;
bottom:0;
left:0;
border-top:1px solid #ddd;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

.form-box-idx .form-index-btn-container.is-static{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
position:relative;
background:none;
border-top:0;
padding:12px 10px 0;
z-index:1;
}

.form-box-idx .form-box-inner .form-list.list-inline{
margin-top: -4px;
}

.form-box-idx .form-box-inner .form-list.list-inline > li{
padding-right: 0;
}

.form-box-idx-container{
display:flex;
margin-bottom: 12px;
}

.lp-container .form-box-idx-container + .cmn-info{
padding-top:0;
}

.form-box-idx-container .hdg-l1{
margin:0 10px 0 0;
}

.goto-info-label{
display:inline-block
}
.goto-info-label a{
background-color:#444;
border-radius:2px;
color:#fff;
display:block;
padding:1px 13px 2px 5px;
width:90px;
height:20px;
box-sizing:border-box;
font-size:12px;
font-family:Arial;
position:relative
}
.goto-info-label a::after{
content:"";
display:block;
width:5px;
height:8px;
overflow:hidden;
position:absolute;
top:6px;
right:5px;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 0 0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);

}
.goto-info-label span{
font-family:Arial;
}

/* important-info-label
------------------------------------------------ */
.important-info-label{
font-size:13px;
margin-left:10px;
}

.important-info-label .goto-plan-icon{
display: inline-block;
line-height: 1;
background-color: #444;
border-radius:2px;
color: #fff;
padding: 3px 6px 2px;
}

.important-info-label .goto-plan-icon .text-goto{
font-family:Arial;
}

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

.str-pseudo .pseudo-content .form-input-word{
margin: 15px 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-input-word .form-input-word-suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}

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

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

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

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

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

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

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

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

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

/* .search-word-btn
----------------------------------------------- */
.search-word-btn-container{
position: relative;
border: 1px solid #999;
border-radius: 4px;
box-sizing: border-box;
}

.search-word-btn,
.search-word-btn-s{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-size: 16px;
width: 100%;
height: 100%;
min-height: 38px;
color: #9e9e9e;
padding: 3px 20px 3px 8px;
text-align: left;
line-height: 1.25;
border-radius: 4px;
box-sizing: border-box;
position: relative;
background: #fff;
border: 1px solid #999;
border-radius: 4px;
box-sizing: border-box;
}

.search-word-btn-container .search-word-btn,
.search-word-btn-container .search-word-btn-s{
border: none;
}

.search-word-btn-s{
font-size: 14px;
}

.search-word-btn:before,
.search-word-btn-s:before{
position:absolute;
display:block;
content:'';
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}

.search-word-btn.is-unselected,
.search-word-btn-s.is-unselected{
font-weight:normal;
}

.search-word-btn.is-selected,
.search-word-btn-s.is-selected{
font-weight:normal;
color:var(--cmn-font-color-base);
}

.search-word-btn-container .search-word-btn.is-selected,
.search-word-btn-container .search-word-btn-s.is-selected{
padding-left: 55px;
}

.search-word-btn-s.is-selected{
font-size: 16px;
}

.form-box-idx .search-word-btn,
.form-box-idx .search-word-btn-s{
border-color: #999;
}

/* .tbl-form-btn-del
----------------------------------------------- */
.search-word-btn-del{
position:absolute;
top:50%;
left:7px;
font-size:12px;
min-height:24px;
width:42px;
padding:2px 8px;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
display:none;
color:#555;
line-height:1.2;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

[class^="search-word-btn"].is-selected + .search-word-btn-del{
display:block;
}

/* ----------------------------------------------------------------
    Pseudo
----------------------------------------------------------------- */
/* .pseudo-form-btn
----------------------------------------------- */
.pseudo-form-btn{
position: relative;
padding: 0 30px 0 10px;
width: 100%;
height: 50px;
color:var(--cmn-font-color-base);
text-align: left;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #fff;
}

.pseudo-form-btn:before{
position: absolute;
display: block;
content: '';
border-right: 2px solid #888;
border-bottom: 2px solid #888;
top: 50%;
right: 9px;
width: 6px;
height: 6px;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}

.pseudo-form-btn.is-unselected{
color: #9e9e9e;
}

.pseudo-form-btn .pseudo-form-btn-icon{
position: relative;
display: inline-block;
margin-right: 6px;
padding: 3px 4px 2px;
font-size: 11px;
border: 1px solid #ccc;
vertical-align: middle;
line-height: 1;
}

/* .pseudo-notice-list
----------------------------------------------- */
.pseudo-notice-list{
margin: 0;
}

.str-pseudo .pseudo-content .pseudo-notice-list{
margin: 0 10px;
}

.pseudo-notice-list > li{
position: relative;
padding-left:1em;
font-size: 12px;
}

.pseudo-notice-list > li:not(:first-child){
margin-top:5px;
}

.pseudo-notice-list > li:before{
position:absolute;
left:0;
top:0;
content:'\203b';
}

/* .pseudo-company-num
----------------------------------------------- */
.pseudo-company-num{
margin: 0 -10px 10px;
padding: 4px 10px;
font-size: 12px;
background-color: #f5f5f5;
}

.str-pseudo .pseudo-content .pseudo-company-num{
margin: 0;
}

/* .pseudo-form-list-company
----------------------------------------------- */
.pseudo-form-list-company{
margin: 0 -10px;
}

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

.pseudo-form-list-company > li > label{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
line-height: 1.15;
padding: 0 15px 0 40px;
}

.pseudo-form-list-company > li > label input[type="checkbox"]{
left: 10px;
}

.pseudo-form-list-company .name{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.pseudo-form-list-company .logo{
margin-left: 10px;
width: 65px;
text-align: center;
}

.pseudo-form-list-company .logo img{
max-width: 65px;
max-height: 20px;
vertical-align: top;
}

.str-pseudo .pseudo-content .pseudo-form-list-company{
margin: 0;
}

/* ----------------------------------------------------------------
  GoTo campaign
----------------------------------------------------------------- */
/* .goto-info / .goto-info-01
----------------------------------------------- */
.goto-info{
margin:10px 0;
border-radius:4px;
background-color:#fff;
font-size:12px;
text-align:left;
color:var(--cmn-font-color-base);
}

.goto-info button{
padding:8px 25px 7px 10px;
border:none;
border-radius:4px;
display:block;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px 7px;
font-size:12px;
text-align:left;
color:var(--cmn-font-color-base);
}

.goto-info.is-active button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.goto-info strong{
color:var(--cmn-font-color-red);
}

.goto-info .goto-info-content{
padding:10px;
display:none;
}

.goto-info.is-active .goto-info-content{
display:block;
}

.goto-info.is-active .goto-info-content > :first-child{
margin-top:0;
}

.goto-info.is-active .goto-info-content > :last-child{
margin-bottom:0;
}

.goto-info .goto-info-content-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.goto-info .goto-info-content-list > li:not(:first-child){
margin-top:8px;
}

.goto-info .goto-info-content-list > li > div:first-child::after{
content:"\ff1a";
}

.goto-info .goto-info-content-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.goto-info .goto-info-content-list .note{
padding-left: 1em;
display: block;
text-indent: -1em;
color:var(--cmn-font-color-gray);
}

.search-result-header .goto-info{
margin-bottom:0;
}

.search-area .goto-info{
margin-bottom:0;
}

.goto-area{
padding:0 10px 10px;
}

.goto-area .goto-info{
margin: 0;
}

/* ----------------------------------------------------------------
    Common
----------------------------------------------------------------- */
/* margin/padding
----------------------------------------------- */
.m-top-0 {
margin-top: 0 !important;
}

.m-right-0 {
margin-right: 0 !important;
}

.m-bottom-0 {
margin-bottom: 0 !important;
}

.m-left-0 {
margin-left: 0 !important;
}

.p-top-0 {
padding-top: 0 !important;
}

.p-right-0 {
padding-right: 0 !important;
}

.p-bottom-0 {
padding-bottom: 0 !important;
}

.p-left-0 {
padding-left: 0 !important;
}

.m-top-5 {
margin-top: 5px !important;
}

.m-right-5 {
margin-right: 5px !important;
}

.m-bottom-5 {
margin-bottom: 5px !important;
}

.m-left-5 {
margin-left: 5px !important;
}

.p-top-5 {
padding-top: 5px !important;
}

.p-right-5 {
padding-right: 5px !important;
}

.p-bottom-5 {
padding-bottom: 5px !important;
}

.p-left-5 {
padding-left: 5px !important;
}

.m-top-10 {
margin-top: 10px !important;
}

.m-right-10 {
margin-right: 10px !important;
}

.m-bottom-10 {
margin-bottom: 10px !important;
}

.m-left-10 {
margin-left: 10px !important;
}

.p-top-10 {
padding-top: 10px !important;
}

.p-right-10 {
padding-right: 10px !important;
}

.p-bottom-10 {
padding-bottom: 10px !important;
}

.p-left-10 {
padding-left: 10px !important;
}

.m-top-15 {
margin-top: 15px !important;
}

.m-right-15 {
margin-right: 15px !important;
}

.m-bottom-15 {
margin-bottom: 15px !important;
}

.m-left-15 {
margin-left: 15px !important;
}

.p-top-15 {
padding-top: 15px !important;
}

.p-right-15 {
padding-right: 15px !important;
}

.p-bottom-15 {
padding-bottom: 15px !important;
}

.p-left-15 {
padding-left: 15px !important;
}

.m-top-20 {
margin-top: 20px !important;
}

.m-right-20 {
margin-right: 20px !important;
}

.m-bottom-20 {
margin-bottom: 20px !important;
}

.m-left-20 {
margin-left: 20px !important;
}

.p-top-20 {
padding-top: 20px !important;
}

.p-right-20 {
padding-right: 20px !important;
}

.p-bottom-20 {
padding-bottom: 20px !important;
}

.p-left-20 {
padding-left: 20px !important;
}

.m-top-25 {
margin-top: 25px !important;
}

.m-right-25 {
margin-right: 25px !important;
}

.m-bottom-25 {
margin-bottom: 25px !important;
}

.m-left-25 {
margin-left: 25px !important;
}

.p-top-25 {
padding-top: 25px !important;
}

.p-right-25 {
padding-right: 25px !important;
}

.p-bottom-25 {
padding-bottom: 25px !important;
}

.p-left-25 {
padding-left: 25px !important;
}

.m-top-30 {
margin-top: 30px !important;
}

.m-right-30 {
margin-right: 30px !important;
}

.m-bottom-30 {
margin-bottom: 30px !important;
}

.m-left-30 {
margin-left: 30px !important;
}

.p-top-30 {
padding-top: 30px !important;
}

.p-right-30 {
padding-right: 30px !important;
}

.p-bottom-30 {
padding-bottom: 30px !important;
}

.p-left-30 {
padding-left: 30px !important;
}

/* Width
----------------------------------------------- */
.w-5 {
width: 5% !important;
}

.w-10 {
width: 10% !important;
}

.w-15 {
width: 15% !important;
}

.w-20 {
width: 20% !important;
}

.w-25 {
width: 25% !important;
}

.w-30 {
width: 30% !important;
}

.w-35 {
width: 35% !important;
}

.w-40 {
width: 40% !important;
}

.w-45 {
width: 45% !important;
}

.w-50 {
width: 50% !important;
}

.w-55 {
width: 55% !important;
}

.w-60 {
width: 60% !important;
}

.w-65 {
width: 65% !important;
}

.w-70 {
width: 70% !important;
}

.w-75 {
width: 75% !important;
}

.w-80 {
width: 80% !important;
}

.w-85 {
width: 85% !important;
}

.w-90 {
width: 90% !important;
}

.w-95 {
width: 95% !important;
}

.w-100 {
width: 100% !important;
}

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

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

.inline {
display: inline !important;
}

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

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

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

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

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.list-option:before,
.list-option:after,
.list-option-02:before,
.list-option-02:after,
.item-detail:before,
.item-detail:after{
content:"";
display:table;
}
.list-option:after,
.list-option-02:after,
.item-detail:after{
clear:both;
}


/* for Google App
----------------------------------------------------------------- */
.support-app-google .sticky-box,
.support-app-google .lyt-calendar,
.support-app-google .str-pseudo{
padding-bottom:145px;
}
.support-app-google .lyt-sticky{
padding-bottom:205px;
}

/* for android app
---------------------------------- */
.is-app-android .sticky-box{
padding-bottom:30px;
}
.is-app-android.lyt-sticky{
padding-bottom:86px;
}

/* for ios
---------------------------------- */
.is-ios{
min-height:100dvh;
}
.is-ios [role=page],
.is-ios [data-role=dialog],
.is-ios [data-role=page]{
display:none;
}
.is-ios [role=page].pseudo,
.is-ios [data-role=dialog].pseudo,
.is-ios [data-role=page].pseudo{
display:none;
}
.is-ios [role=page].page-active,
.is-ios [data-role=dialog].page-active,
.is-ios [data-role=page].page-active,
.is-ios [role=page].is-active,
.is-ios [data-role=page].is-active{
display:block;
min-height:100dvh;
}
.is-ios [data-role=dialog].is-active{
display:flex;
min-height:100dvh;
}
.is-ios [role=page].page-active.pseudo,
.is-ios [data-role=dialog].page-active.pseudo,
.is-ios [data-role=page].page-active.pseudo{
display:-webkit-box;
display:flex;
}
.is-ios .mod-modal-container[role="dialog"].is-active{
display:block;
}

/* pseudo-goto-content
---------------------------------- */
.pseudo-goto-content{
padding:16px 10px 0;
}
.pseudo-goto-content .pseudo-goto-desc-mark{
padding-left:15px;
position:relative;
font-size:14px;
}
.pseudo-goto-content .pseudo-goto-desc-mark strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-goto-content .pseudo-goto-desc-mark::before{
position:absolute;
top:4px;
left:2px;
display:block;
overflow:hidden;
width:11px;
height:11px;
content:"";
background-color:var(--cmn-font-color-base);
}
.pseudo-goto-content .pseudo-goto-hdg-l3{
margin-top:20px;
padding-left:15px;
font-size:14px;
font-weight:normal;
position:relative;
}
.pseudo-goto-content .pseudo-goto-hdg-l3::before{
position:absolute;
top:4px;
left:2px;
display:block;
overflow:hidden;
width:11px;
height:11px;
content:"";
background-color:var(--cmn-font-color-base);
}
.pseudo-goto-content .pseudo-goto-list li{
margin-top:8px;
padding-left:14px;
position:relative;
font-size:14px;
}
.pseudo-goto-content .pseudo-goto-list li::before{
content:"";
border-radius:50%;
position:absolute;
top:.65em;
left:4px;
width:2px;
height:2px;
display:block;
background-color:var(--cmn-font-color-base);
}
.pseudo-goto-content .pseudo-goto-notes{
margin-top:12px;
color:var(--cmn-font-color-gray);
font-size:12px;
}
.pseudo-goto-content .pseudo-goto-notes li{
display:-webkit-box;
display:flex;
padding-left:1.25em;
position:relative;
}
.pseudo-goto-content .pseudo-goto-notes li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}

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

/* modal
---------------------------------- */
.simplemodal-container .cmn-modal .cmn-info-btn{
background-color: var(--button-color);
box-shadow: inherit;
text-shadow: inherit;
}

/* ----------------------------------------------------------------
AD
----------------------------------------------------------------- */
/* .act_ad_manage
----------------------------------------------- */
.act_ad_manage + .seo.seo-index::before {
display:none;
}
.act_ad_manage + .seo.seo-index{
padding-top:12px;
padding-bottom:12px;
margin-bottom:-10px;
}
.item-container + .act_ad_manage .cmn-ad-bnr{
padding: 0;
}

/* ----------------------------------------------------------------
SEO
----------------------------------------------------------------- */
/* .seo.seo-index
----------------------------------------------- */
.seo.seo-index{
padding-top:0;
position:relative;
background-color:#424a57;
margin:0 -10px;
padding:0 10px 28px;
}

/* .seo-hdg
----------------------------------------------- */
.seo-hdg{
margin:28px 0 8px;
line-height:1.35;
font-weight: normal;
font-size:16px;
}

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

/* .seo-card-footer
----------------------------------------------- */
.seo .seo-card-footer{
margin-top:12px;
padding-top:8px;
border-top:1px solid #e5e5e5;
}

/* .seo-card-footer-btn
----------------------------------------------- */
.seo .seo-card-footer-btn{
margin:0 auto;
padding:0;
border:none;
display:block;
font-size:12px;
}

/* .seo-card-hdg
----------------------------------------------- */
.seo .seo-card-hdg{
margin-bottom:8px;
line-height:1.25;
font-size:18px;
font-weight:normal;
}

/* .seo-card-hdg-01
----------------------------------------------- */
.seo .seo-card-hdg-01{
margin:12px 0 -6px;
}

/* .seo-card-hdg-icon
----------------------------------------------- */
.seo .seo-card-hdg-icon{
margin-right:8px;
padding:2px 2px 1px;
border:1px solid #bbb;
display:inline-block;
box-sizing:border-box;
min-width:30px;
line-height:1;
text-align:center;
font-size:12px;
}

/* .seo-card-more
----------------------------------------------- */
.seo .seo-card-more{
margin:8px 0 0;
text-align:right;
}

.seo .seo-card-more.branch{
margin-top:16px;
}

.carousel-recommend + .seo-card-more{
margin-top:4px;
text-align:center;
font-size:14px;
}

/* .seo-card-more-inline
----------------------------------------------- */
.seo .seo-card-more-inline{
padding-left:14px;
color:#a1a1a1;
display:inline-block;
position:relative;
}

.seo .seo-card-more-inline::after{
color:var(--cmn-font-color-base);
content:'...';
display:block;
position:absolute;
bottom:0;
left:0;
}

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

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

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

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

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

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

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

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

.lp-area-card.seo .seo-card-list > li > a,
.lp-area-card.seo > div > .seo-card-list > li:first-child{
border:0;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* .seo-card-list.branch
----------------------------------------------- */
.seo .seo-card-list.branch{
margin-bottom:-1px;
border-bottom:1px solid #e5e5e5;
font-size:12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----------------------------------------------------------------
  .seo-card-faq
----------------------------------------------------------------- */
/* .seo-card-faq-item
----------------------------------------------- */
.seo-card-faq-item:not(:first-child),
.seo-card-toggle-content > .seo-card-faq-item{
border-top:1px solid #ddd;
}
.seo-card-toggle-content + .cmn-tip-link{
border-top:1px solid #ddd;
padding-top:10px;
margin-top:0;
font-size:12px;
}
.seo-card-toggle .cmn-tip-link{
display:none;
}
.seo-card-toggle.is-active .cmn-tip-link{
display:block;
}
.seo .seo-card.seo-card-faq > .cmn-tip-link{
border-top: 1px solid #ddd;
margin: 0;
padding-top: 12px;
}
.seo-card-faq-item + .seo-card-faq-link{
border-top: 1px solid #ddd;
padding-bottom:2px;
}
.seo-card-faq-item + .seo-card-faq-link .cmn-tip-link{
font-size: 12px;
}

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

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

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

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

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

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

.seo-card-faq-item-content .seo-faq-modified {
display: block;
text-align: right;
color: #9e9e9e;
margin: 8px 0 0;
}

.seo-faq-modified > span:first-child::after {
content: ":";
display: inline-block;
margin: 0 4px;
}

/* .seo-rc-icon-list
----------------------------------------------- */
.seo-rc-icon-list{
display:flex;
margin-left:-8px;
}
.seo-rc-icon-list > span{
position: relative;
font-size: 12px;
}
.seo-rc-icon-list > [class*='icon-']{
padding-left:25px;
display:inline-block;
margin-left:3px;
}
.seo-rc-icon-list > [class*='icon-']::before{
position: absolute;
left:0;
top:50%;
margin-top:-9px;
font-family:var(--cmn-font-family);
}
.seo-rc-icon-list > [class*='icon-']::after{
content:'\02026';
position:absolute;
left:13px;
top:-3px;
}
.seo-rc-icon-list > .icon-01::before{
content:'\03007';
}
.seo-rc-icon-list > .icon-02::before{
content:'\025B3';
}
.seo-rc-icon-list > .icon-03::before{
content:'\000D7';
font-size:13px;
margin-top:-11px;
left:2px;
}

/* .seo-price-cal-tbl
----------------------------------------------- */
.seo-price-cal-tbl{
display:block;
margin:10px -12px 0;
border-top:1px solid #e5e5e5;
}
.seo-price-cal-tbl > li{
display:table;
width:100%;
box-sizing: border-box;
border-bottom:1px solid #e5e5e5;
padding:7px 5px;
line-height:1.2;
}
.seo-price-cal-tbl > .seo-price-cal-tbl-head{
background-color:#F3F3F3;
padding:4px 10px;
}
.seo-price-cal-tbl > .seo-price-cal-tbl-head > div{
padding: 0 5px 0 0;
}
.seo-price-cal-tbl > .seo-price-cal-tbl-head > div:not(:first-child){
text-align:center;
}
.seo-price-cal-tbl > li > div{
display:table-cell;
font-size:12px;
box-sizing: border-box;
width:82px;
white-space:nowrap;
vertical-align:middle;
text-align:center;
padding:0 5px;
}
.seo-price-cal-tbl > li > div:first-child{
width:calc(100% - 246px);
text-align:left;
}
.seo-price-cal-tbl > li > div > span[class*='icon-']::before{
margin-right:3px;
}
.seo-price-cal-tbl > li > div >  .icon-01::before{
content:'\03007';
}
.seo-price-cal-tbl > li > div >  .icon-02::before{
content:'\025B3';
}
.seo-price-cal-tbl > li > div > .icon-03::before{
content:'\000D7';
font-size:13px;
}
.seo-price-cal-tbl > li > div > .icon-03 .icon-03-txt{
text-indent:-9999px;
display:inline-block;
}

/* .seo-price-cal
----------------------------------------------- */
.seo-price-cal{
display:flex;
overflow:hidden;
flex-wrap: nowrap;
margin: 10px -12px 0;
border-top: 1px solid #e5e5e5;
}
.seo-price-cal > div{
box-sizing:border-box;
line-height: 1.2;
}
.seo-price-cal-fixed{
width:100px;
display:flex;
flex-direction:column;
}
.seo-price-cal-slide{
width:calc(100% - 100px);
overflow-y:scroll;
}
/*.seo-price-cal-slide::-webkit-scrollbar {
display: none;
}*/
.seo-price-cal-fixed-head,
.seo-price-cal .seo-price-cal-slide .seo-price-cal-slide-tbl-head{
background-color: #F3F3F3;
padding: 4px 10px;
margin:0;
height:38px;
box-sizing:border-box;
border-bottom:1px solid #e5e5e5;
width:100%;
min-width:max-content;
}
.seo-price-cal .seo-price-cal-slide .seo-price-cal-slide-tbl-head {
padding:4px 0;
}
.seo-price-cal .seo-price-cal-slide .seo-price-cal-slide-tbl-head > div{
text-align:center;
z-index:1;
}
.seo-price-cal-slide-tbl{
margin:0;
}
.seo-price-cal-slide-tbl > li{
display:flex;
flex-wrap:nowrap;
align-items: center;
flex:1;
}
.seo-price-cal-fixed-item{
padding:10px 5px 7px 10px;
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
line-height: 1.2;
height:32px;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li{
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
padding: 7px 0;
line-height: 1.2;
height:32px;
width:100%;
min-width:max-content;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li > div{
box-sizing: border-box;
width: 84px;
white-space: nowrap;
vertical-align: middle;
text-align: right;
padding: 0 5px;
flex-shrink:0;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li span[class*='icon-']{
position:relative;
display:block;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li span[class*='icon-']::before{
position:absolute;
left:0;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li span.icon-01::before{
content:'\03007';
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li span.icon-02::before{
content:'\025B3';
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li span.icon-03::before{
content:'\000D7';
font-size:14px;
left:50%;
margin-left:-4px;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li .icon-03{
text-align:left;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li .icon-03 .icon-03-txt{
text-indent:-9999px;
}
.seo-price-cal-slide .seo-price-cal-slide-tbl > li span[class*='icon-'] a{
display:inline-block;
text-align:right;
}

/* .notice-list
----------------------------------------------- */
.seo .seo-card > .notice-list:last-child{
margin-bottom:-4px;
}
.seo-index .notice-list li::before{
content:'\0203B';
position:absolute;
left:0;
}

/* .seo-card-list-txt
----------------------------------------------- */
.seo-card-list-txt{
font-size:12px;
}
.seo-card-list-txt > p{
margin:0 0 8px;
}
.txt-in{
display: block;
text-indent: -1em;
padding-left: 1em;
margin:4px 0;
}

/* .seo-rc-car-list
----------------------------------------------- */
.seo-rc-car-list li:not(:last-child){
border-bottom:1px solid #ddd;
margin-bottom:10px;
}
.seo-rc-car-list-hdg{
font-size:12px;
font-weight:bold;
margin-bottom:4px;
}
.seo-rc-car-list-hdg .sup{
font-weight:normal;
}
.seo-rc-car-list-item{
display:flex;
}
.seo-rc-car-img{
width:100px;
}
.seo-rc-car-img img{
max-width:100px;
}
.seo-rc-car-txt{
width:calc(100% - 100px);
padding-left:12px;
padding-bottom:4px;
}
.seo-rc-car-list li:last-child{
padding-bottom:8px;
}

/* .seo-index toggle-text
---------------------------------- */
.seo-index .toggle-text p{
margin:0;
}
.seo-index .toggle-text .toggle-text-intro{
display:block;
}
.seo-index .toggle-text .toggle-text-btn,
.seo-index .toggle-text .toggle-text-full{
display:none;
}
.seo-index .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}
.seo-index .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.seo-index .toggle-text .toggle-text-btn{
margin:4px 0 0 auto;
padding: 0 0 0 12px;
border: none;
display: table;
background: url(/element/j_rentacar/shared/images/icon/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size: 8px auto;
font-size: 12px;
}
.seo-index .toggle-text.is-active .toggle-text-intro {
display:none;
}
.seo-index .toggle-text.is-active .toggle-text-btn,
.seo-index .toggle-text.is-active .toggle-text-full {
display:block;
}

/* .seo-rc-company-list
---------------------------------- */
.seo-rc-company-list{
font-size:12px;
border-top:1px solid #ddd;
padding-top:12px;
padding-bottom:4px;
display:flex;
flex-wrap: wrap;
}
.seo-rc-company-list > li{
width:50%;
box-sizing: border-box;
position: relative;
padding-left:12px;
margin-bottom:8px;
}
.seo-rc-company-list > li:nth-child(odd){
padding-right:5px;
}
.seo-rc-company-list > li::before{
content:'\030FB';
position: absolute;
left:0;
top:0;
}

/* ----------------------------------------------------------------
  .seo-card-ranking-destination
----------------------------------------------------------------- */
/* .seo-card-ranking-destination-carousel
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel{
margin:0 -12px;
padding-bottom:12px;
}

.seo .seo-card-ranking-destination-carousel > div{
padding:0 12px;
}

.seo .seo-card-ranking-destination-carousel > div > div{
-webkit-box-align:stretch;
align-items:stretch;
}

/* .seo-card-ranking-destination-carousel-item
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item{
padding:12px 12px 6px;
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
width:270px;
min-width:270px;
height:auto;
display:-webkit-box;
display:flex;
flex-direction:column;
background-color:#fff;
}

/* .seo-card-ranking-destination-carousel-item-hdg
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item-hdg{
margin-bottom:6px;
padding-left:32px;
line-height:1.25;
position:relative;
font-size:16px;
font-weight:normal;
}

.seo .seo-card-ranking-destination-carousel-item-hdg .icon{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width: 22px;
height: 26px;
overflow:hidden;
position:absolute;
top:-12px;
left:0;
z-index:1;
line-height:1;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element_sp/j_rentacar/shared/images/icon-ranking.svg) 0 0 no-repeat;
background-size: 22px 26px;
font-size:14px;
}

.seo .seo-card-ranking-destination-carousel-item-hdg .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-card-ranking-destination-carousel-item-price
----------------------------------------------- */
.seo-card-ranking-destination-carousel-item-price{
text-align:right;
font-size:12px;
margin-bottom:10px;
}
.seo-card-ranking-destination-carousel-item-price .price{
padding-left:4px;
font-size:12px;
font-weight:normal;
display:inline;
}
.seo-card-ranking-destination-carousel-item-price .num{
font-size:16px;
}

/* .seo-card-ranking-destination-carousel-item-list-hdg
----------------------------------------------- */
.seo-card-ranking-destination-carousel-item-list-hdg{
border-bottom:1px solid #ddd;
font-size:12px;
padding-bottom:2px;
}

/* .seo-card-ranking-destination-carousel-item-list
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list{
margin:0;
}

.seo .seo-card-ranking-destination-carousel-item-list > li{
border-bottom:1px solid #ddd;
}

.seo .seo-card-ranking-destination-carousel-item-list > li > a{
padding:8px 0 8px 24px;
display:block;
position:relative;
}

/* .seo-card-ranking-destination-carousel-item-list > .icon
---------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list .icon{
color:#fff;
}

.seo .seo-card-ranking-destination-carousel-item-list .icon{
border-radius:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:16px;
height:16px;
overflow:hidden;
position:absolute;
top:9px;
left:0;
line-height:1;
background-color:rgba(34,34,34,.45);
font-size:12px;
font-weight:normal;
}

.seo .seo-card-ranking-destination-carousel-item-list .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-card-ranking-destination-carousel-item-list > .route
---------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list .route{
line-height:1.35;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:14px;
}

/* .seo-card-ranking-destination-carousel-item-list > .data
---------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list .data{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 4px;
color:var(--cmn-font-color-base);
text-align: right;

}

/* .seo-card-ranking-destination-carousel-item-link
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item-link{
margin-top:8px;
-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;
text-align:center;
font-size:14px;
}

.seo .seo-card-ranking-destination-carousel-item-link .area {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: auto;
max-width: 16em;
}

.seo .seo-card-ranking-destination-carousel-item-link .sup {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
margin-top: 3px;
}


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

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

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

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

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

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

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

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

  LP pages setting

----------------------------------------------------------------- */
/* .lp-container
----------------------------------------------- */
.lp-container .form-box-idx .form-box-inner{
margin-top:0;
border-radius:6px;
}
.lp-container .form-box-idx{
background: #00428e url(/element_sp/shared/images/frame/bg-header.png) repeat 0 0;
background-size: auto 44px;
padding-bottom:12px;
}
.lp-container .form-box-idx .search-word-btn{
padding-left: 30px;
position: relative;
}
.lp-container .form-box-idx .search-word-btn::after {
margin-top: -8px;
background: url(/element_sp/shared/images/icon/ico-search.svg) 0 -16px no-repeat;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 10px;
display: inline-block;
overflow: hidden;
width: 16px;
height: 16px;
content: '';
}
.lp-container .cmn-hdg-band{
font-size:14px;
font-weight:normal;
}
.lp-container .form-box-idx .form-box-inner .hdg-l2-02{
color:var(--cmn-font-color-base);
background:none;
padding:0;
margin:0;
}
.lp-container .form-box-idx .form-box-inner .list-area-btn{
display:flex;
gap:8px;
flex-wrap:wrap;
margin:8px 0 4px;
width:100%;
}
.lp-container .form-box-idx .form-box-inner .list-area-btn > li{
padding:0;
box-sizing:border-box;
width:calc(50% - 4px);
}
.lp-container .form-box-idx .form-box-inner .list-area-btn > li .btn-01{
padding:6px 0 4px;
}
.lp-container .form-box-idx .form-box-inner .list-area-btn > li .btn-01 > .condition{
margin:4px 0;
}
.lp-container .form-box-idx .form-box-inner .list-area-btn > li .price{
font-size: 16px;
font-weight: normal;
white-space: nowrap;
color:var(--cmn-font-color-red);
}
.lp-container .form-box-idx .form-box-inner .notice-list{
margin-bottom:4px;
}
.lp-container .form-box-idx .form-box-inner .notice-list + .hdg-l2-02{
border-top:1px solid #ccc;
padding-top:8px;
}
.lp-container .form-box-idx .form-box-inner .btn-02{
width:219px;
margin:20px auto 0;
padding:10px 0;
color: #fff;
font-size: 16px;
text-shadow: 1px 2px 0px rgba(4, 0, 0, .1);
border: none;
background-color: #444;
box-sizing:border-box;
height:44px;
}

/* page-navi-container
---------------------------------- */
.lp-container .page-navi-container{
position:relative;
margin:0 -10px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.lp-container .page-navi-container.is-end .page-navi .page-navi-list::after{
display:none;
}
.lp-container .page-navi-container.is-start .page-navi .page-navi-list::before{
display:none;
}
.lp-container .page-navi-container .page-navi{
overflow:hidden;
overflow-x:scroll;
}
.lp-container .page-navi-container .page-navi::-webkit-scrollbar{
display:none;
}
.lp-container .page-navi-container .page-navi .page-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:8px 0;
}
.lp-container .page-navi-container .page-navi .page-navi-list::before{
display:none;
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:40px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled{
opacity:.33;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled a{
cursor:default;
}
.lp-container .page-navi-container .page-navi .page-navi-list li span,
.lp-container .page-navi-container .page-navi .page-navi-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:44px;
background:none;
border:none;
padding:0 8px 13px 8px;
margin:0;
position:relative;
font-size:12px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element_sp/j_tour/shared/images/icon-anchor-down.svg) center bottom no-repeat;
background-size:7px 7px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:first-child{
margin-left:0;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:first-child{
padding-left:12px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:last-child{
padding-right:12px;
}
@media screen and (max-width: 360px) {
.lp-container .detail-header-container .detail-header-inner{
padding-left:8px;
padding-right:8px;
}
.lp-container .detail-header-container .detail-header-cap{
max-width:295px;
}
}

/* card-container
---------------------------------- */
.lp-container .card-container{
margin:0 -10px -10px;
padding:1px 8px 30px;
background:#f5f5f5;
}
.lp-container .card-container > .cmn-loading-spinner{
margin-bottom:1000px;
}
.lp-container .card-container .card-header{
margin-bottom:8px;
}
.lp-container .card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:18px;
font-weight:normal;
line-height:calc(21 / 16);
background-color:transparent;
}
.lp-container .card-container .card-header-desc{
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-header-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-header-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-main-footer{
margin-top:12px;
}
.lp-container .card-container .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-footer-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-content{
margin-top:28px;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container .card-content.card-faq .card-item{
padding-top:8px;
padding-bottom:8px;
}
.lp-container .card-container .card-content.card-select-area{
margin-top:16px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item{
padding:0 12px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item > .link-list-toggle{
margin-top:-1px;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item{
padding-top:0;
padding-bottom:0;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item .link-list{
margin:0;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item .link-list >li > a{
padding-left:0;
padding-right:0;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item .toggle-btn-01{
margin-left:0;
margin-right:0;
}
.lp-container .card-container .card-content.card-select-other-theme .card-item{
padding:0 12px;
}
.lp-container .card-container .card-content.card-select-other-theme .link-list-image-01 > li > a{
padding-left:80px;
}
.lp-container .card-container .card-content.card-select-other-theme .link-list-image-01 > li > a .img{
max-width:72px;
max-height:54px;
min-height:54px;
}
.lp-container .card-container .card-content.card-select-other-theme .toggle-btn-01{
margin-left:0;
margin-right:0;
}
.lp-container .card-container .card-content .card-item{
padding:12px;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
}
.lp-container .card-container .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.lp-container .card-container .card-desc p{
font-size:12px;
margin:0;
}
.lp-container .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:8px;
}
.lp-container .card-container .card-desc .card-hdg-02{
font-size:12px;
}
.lp-container .card-container .card-desc-list{
margin:0;
font-size:12px;
}
.lp-container .card-container .card-desc-list >li{
margin-top:2px;
}
.lp-container .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}
.lp-container .card-container .card-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-notes li:not(:first-child){
margin-top:4px;
}
.lp-container .card-container .card-notes li.aster{
position:relative;
padding-left:16px;
}
.lp-container .card-container .card-notes li.aster::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.lp-container .card-container .card-main-footer{
margin-top:12px;
}
.lp-container .card-container .card-main-footer .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster > span{
margin-right:.4em;
}


/* card-container
---------------------------------- */
.lp-container .card-area-hdg{
margin:16px 0 8px;
font-size:18px;
font-weight:normal;
}

.lp-container .lp-area-card + .card-area-hdg{
margin-top:28px;
}

/* ----------------------------------------------------------------
  .lp-area-card
----------------------------------------------------------------- */
/* .lp-area-card
----------------------------------------------- */
.card-container .lp-area-card{
padding:8px 12px;
border-radius:6px;
line-height:1.42;
position:relative;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

.card-container .lp-area-card.seo{
padding-bottom:0;
}

.card-container .lp-area-card > :first-child{
margin-top:0;
margin-bottom:12px;
}

.card-container .lp-area-card >  :last-child{
margin-bottom:0;
}

.card-container .lp-area-card + .lp-area-card{
margin-top:12px;
}

/* .notice-list
----------------------------------------------- */
.card-container .lp-area-card .notice-list{
margin:4px 0 -2px;
}
.card-container .lp-area-card .notice-list:last-child{
margin-bottom:-4px;
}
.card-container .lp-area-card .notice-list li::before{
content:'\0203B';
position:absolute;
left:0;
}

/* .lp-area-card-hdg
----------------------------------------------- */
.card-container .lp-area-card-hdg{
margin:0 0 4px 30px;
font-weight:normal;
font-size:16px;
}

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

.card-container .lp-area-card-hdg [class^="icon-rank"]{
color:var(--cmn-font-color-base);
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
width: 22px;
height: 26px;
position: absolute;
top: 0;
left:12px;
padding-top: 5px;
line-height: 1;
background: url(/element_sp/j_rentacar/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter: drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
filter: drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
background-size: 22px 26px;
box-sizing: border-box;
font-size:14px;
}

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

/* .lp-area-card-img
----------------------------------------------- */
.card-container .lp-area-card-img{
margin-bottom:8px;
height:110px;
position:relative;
}

.card-container .lp-area-card-img img{
width:100%;
height:100%;
object-fit:cover;
}

/* .lp-area-card-summary
----------------------------------------------- */
.card-container .lp-area-card-summary{
margin:8px 0 12px;
}

/* toggle-text
---------------------------------- */
.card-container .toggle-text p{
margin:0;
}

.card-container .toggle-text .toggle-text-intro{
display:block;
}

.card-container .toggle-text .toggle-text-btn,
.card-container .toggle-text .toggle-text-full{
display:none;
}

.card-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}

.card-container .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}

.card-container .toggle-text .toggle-text-btn{
margin:8px 0 0 auto;
padding: 0 0 0 12px;
border: none;
display: table;
background: url(/element/j_rentacar/shared/images/icon/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size: 8px auto;
font-size: 12px;
}

.card-container .toggle-text.is-active .toggle-text-intro {
display:none;
}

.card-container .toggle-text.is-active .toggle-text-btn,
.card-container .toggle-text.is-active .toggle-text-full {
display:block;
}

/* .lp-area-card-bestprice
----------------------------------------------- */
.card-container .lp-area-card-bestprice{
text-align:right;
border-bottom: 1px solid #ddd;
padding-bottom:8px;
}

.card-container .lp-area-card-bestprice-top{
display:flex;
align-items: center;
font-size:14px;
}

.card-container .lp-area-card-bestprice-hdg{
font-weight:bold;
font-size:12px;
margin-right:8px;
}

.card-container .lp-area-card-bestprice-note .lp-note{
font-size:12px;
color:var(--cmn-font-color-gray);
}

.card-container .lp-area-card-bestprice-note .lp-note > span{
display:inline-block;
margin-right:4px;
}

.card-container .lp-area-card-bestprice-link{
color:var(--cmn-font-color-base);
font-size:12px;
display:inline-block;
text-align:right;
line-height:1.35;
padding:0 12px 0 0;
box-sizing: border-box;
margin:0 0 0 auto;
position: relative;
}

.card-container .lp-area-card-bestprice-link::before,
.card-container .lp-area-card-bestprice-link::before {
content:'';
position:absolute;
display:block;
width:7px;
height:7px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:1px solid #888;
border-bottom:1px solid #888;
top: 50%;
right: 0;
margin-top: -6px;
}

.card-container .lp-area-card-bestprice-link .price{
font-size:18px;
color:var(--cmn-font-color-base);
font-weight:bold;
padding:0 2px 0 4px;
}

/* ----------------------------------------------------------------
  .lp-area-card-carousel
----------------------------------------------------------------- */
/* .lp-area-card-carousel
----------------------------------------------- */
.card-container .lp-area-card-carousel{
margin-top:8px;
}

/* .lp-area-card-carousel-hdg
----------------------------------------------- */
.card-container .lp-area-card-carousel-hdg{
margin-bottom:8px;
font-size:12px;
display:block;
font-weight:bold;
}

/* .lp-area-card-carousel-list
----------------------------------------------- */
.card-container .lp-area-card-carousel-list{
margin:0 -12px;
overflow:hidden;
}

/* .lp-area-card-carousel-list > ul
----------------------------------------------- */
.card-container .lp-area-card-carousel-list > ul{
margin:0;
padding:0 32px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
line-height:1.25;
gap:8px;
}

.card-container .lp-area-card-carousel-list > ul > li{
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
width:calc(100vw - 88px);
min-width:calc(100vw - 88px);
overflow:hidden;
background-color:#fff;
height:41px;
}

.card-container .lp-area-card-carousel-list > ul > li > a{
position:relative;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
align-items:stretch;
text-decoration:none;
color:var(--cmn-font-color-base);
font-size:12px;
}

/* .lp-area-card-carousel-detail
----------------------------------------------- */
.card-container .lp-area-card-carousel-detail{
padding: 6px 8px 4px 24px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
flex-direction:column;
text-align:center;
}

.card-container .lp-area-card-carousel-detail .icon-rank{
border-bottom-right-radius:2px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
min-width:20px;
height:20px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
line-height:1;
background-color:rgba(34,34,34,.45);
font-size:14px;
}

.card-container .lp-area-card-carousel-detail .icon-rank > span{
overflow:hidden;
position:absolute;
height:0;
}

.card-container .lp-area-card-carousel-detail .name{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
line-height:1.3;
}

/* ----------------------------------------------------------------
  .lp-area-card-link-more
----------------------------------------------------------------- */
.card-container .lp-area-card >  .lp-area-card-link-more{
margin-top:12px;
text-align:center;
font-size:14px;
margin-bottom:4px;
}

/* ----------------------------------------------------------------
  .lp-area-ranking-more
----------------------------------------------------------------- */
/* .lp-area-ranking-more
----------------------------------------------- */
.card-container .lp-area-ranking-more-hook{
text-align:center;
}

.card-container .lp-area-ranking-more-hook.is-active{
display:none;
}

.card-container .lp-area-ranking-more-hook.is-active + .lp-area-ranking-more-item{
display:block;
}

.card-container .lp-area-ranking-more-item{
display:none;
text-align:left;
}

.card-container .lp-area-ranking-more-item .lp-area-card{
margin-top:12px;
}

.card-container .lp-area-ranking-more-btn,
.card-container .lp-area-ranking-close-btn{
min-width:250px;
box-sizing: border-box;
border:1px solid #ddd;
font-size:14px;
margin:12px auto;
background:#fff;
height:38px;
border-radius:4px;
}

.card-container .lp-area-ranking-more-btn > span{
background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size: 12px auto;
padding-left:16px;
}

.card-container .lp-area-ranking-close-btn > span{
background: url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size: 12px auto;
padding-left:16px;
}

/* ----------------------------------------------------------------
  .card-traffic
----------------------------------------------------------------- */
/* .card-traffic
----------------------------------------------- */
.card-container .lp-area-card.card-traffic{
padding:12px;
}

.card-container .card-traffic .lp-card-hdg-02{
font-size:12px;
margin-bottom:8px;
display:block;
font-weight:bold;
}

.card-container .card-traffic p{
margin:0;
}

.card-container .card-traffic p + .lp-card-hdg-02{
margin-top:12px;
}

/* ----------------------------------------------------------------
  .card-spot
----------------------------------------------------------------- */
/* .card-spot
----------------------------------------------- */
.card-container .lp-area-card.card-spot{
padding:12px;
}

.card-container .lp-card-spot-item + .lp-card-spot-item{
border-top:1px solid #ddd;
padding-top:12px;
margin-top:12px;
}

.card-container .lp-card-spot-item .lp-card-spot-item-hdg{
margin-bottom: 8px;
}

.card-container .lp-spot-card-summary{
margin:8px 0 12px;
}

.card-container .lp-card-spot-item-img{
-webkit-box-flex: 1;
flex: 1;
overflow: hidden;
position: relative;
box-sizing: border-box;
height: 260px;
}

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

.card-container .lp-card-spot-item-img.no-photo{
text-align: center;
vertical-align: middle;
box-sizing: border-box;
outline: 1px solid #ccc;
}

.card-container .lp-card-spot-item-img.no-photo::before{
display:none;
}

.card-container .lp-card-spot-item-img.no-photo img{
max-width: 100px;
max-height: 100px;
position: absolute;
left: 0;
right: 0;
margin: auto;
}

.card-container .lp-card-spot-item-img > span,
.card-container .lp-card-spot-item-img > a {
color: rgba(255, 255, 255, .7);
display: block;
box-sizing: border-box;
position: absolute;
bottom: 5px;
left: 5px;
line-height: 1;
z-index: 1;
font-size: 10px;
}

.card-container .lp-card-spot-item-img > span > .br,
.card-container .lp-card-spot-item-img > a > .br{
display:inline-block;
}

@media screen and (max-width: 560px){
.card-container .lp-card-spot-item-img{
height:150px;
}
}

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

.card-container .lp-card-spot-item-img img.guard {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-touch-callout: none;
transform: inherit;
}

.card-container .lp-card-spot-link{
text-align:right;
}

.card-container .lp-card-spot-link-more {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #ddd;
text-align: center;
font-size: 14px;
}

.lp-area-card.seo > .seo-card-list{
margin-top:-4px;
margin-bottom:-12px;
}

.lp-area-card.seo > .seo-card-list > li:first-child,
.lp-area-card.seo > .lp-card-other-item > .seo-card-list > li:first-child{
border-top:0;
}

.lp-area-card.seo .lp-card-other-item .seo-card-list > li:last-child > button{
border-bottom:0;
}

.lp-area-card.seo .seo-card-toggle-btn{
margin-bottom:6px;
}

/* .card-matome
----------------------------------------------- */
.card-container .lp-area-card.seo.card-matome{
padding-bottom:12px;
}

.card-container .lp-area-card.seo.card-matome .cmn-seo-link .cmn-seo-link-list > li:last-child > a{
border:0;
}


/* .lp-area-item
----------------------------------------------- */
.lp-area-item .lp-hdg-l1{
font-size:16px;
font-weight:bold;
margin:6px 0 20px;
}
.lp-area-item.lp-area-shinkansen .lp-hdg-l1{
margin:6px 0 8px;
}
.lp-area-item.lp-area-shinkansen .lp-area-shinkansen-item + .lp-hdg-l1{
margin-top:40px;
}
.lp-area-item .lp-hdg-l2{
font-size:14px;
font-weight:normal;
}
.lp-area-item .lp-area-txt{
line-height:1.5;
margin:8px 0 20px;
}

/* .lp-area-airport-item
----------------------------------------------- */
.lp-area-airport-item{
margin-bottom:16px;
}

/* .lp-area-shinkansen-item
----------------------------------------------- */
.lp-area-shinkansen-item{
margin-bottom:16px;
}

/* .lp-area-station-item
----------------------------------------------- */
.lp-area-station-item{
margin-bottom:16px;
}

/* .lp-area-list
----------------------------------------------- */
.lp-area-list{
display:flex;
flex-wrap:wrap;
justify-content:start;
align-items:stretch;
border-top:1px solid #e5e5e5;
margin:4px 0 0 0;
position:relative;
}
.lp-area-list > li{
width:50%;
box-sizing:border-box;
text-align:left;
font-size:12px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #e5e5e5;
}
.lp-area-list > li:nth-child(even){
border-right:0;
}
.lp-area-list > li a,
.lp-area-list > li span{
padding:12px 0;
color: var(--cmn-color-font-base);
box-sizing: border-box;
min-height:44px;
display:block;
}
.lp-area-list > li:nth-child(2n+1):last-child a::after,
.lp-area-list > li:nth-child(2n+1):last-child span::after{
content:'';
display:block;
width:100%;
height:1px;
background:#e5e5e5;
position:absolute;
bottom:0;
right:0;
}
.lp-area-list > li span{
opacity:.33;
}
.lp-area-list > li:nth-child(odd) a,
.lp-area-list > li:nth-child(odd) span{
padding-right:6px;
}
.lp-area-list > li:nth-child(even) a,
.lp-area-list > li:nth-child(even) span{
padding-left:6px;
}

/* .lp-area-img-list
----------------------------------------------- */
.lp-area-img-list{
margin:0;
border-bottom:1px solid #e5e5e5;
}
.lp-area-img-list > li{
padding:8px 0;
font-size:12px;
border-top:1px solid #e5e5e5;
}
.lp-area-img-list > li > a{
line-height:1.35;
font-size:12px;
position:relative;
display:flex;
gap:8px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.lp-area-img-list > li > a .lp-area-img-list-img{
width:98px;
max-height:74px;
}
.lp-area-img-list > li > a .lp-area-img-list-txt{
flex:1;
}
.lp-area-img-list > li > a > .lp-area-img-list-txt > b{
display:block;
margin-bottom:6px;
color:var(--cmn-font-color-base);
}

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