@charset "UTF-8";
:root{
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
--font-color-btn-link-visited:#4d009a;
--outline-color:#338cd5;
--font-num:Arial;
}

/* local-modal
------------------------------------------------ */
.local-modal-layer-fixed{
overflow:hidden;
position:fixed;
height:100%;
width:100%;
}
_::-webkit-full-page-media,
_:future,
:root .local-modal-layer-fixed{
left:0;
}

/* local-modal-container
---------------------------------- */
.local-modal-container{
display:none;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:fixed;
z-index:1000;
width:100%;
height:100%;

/* for iPad */
height:-webkit-fill-available;
top:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container.is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.local-modal-container .local-modal-layer{
position:fixed;
width:100%;
height:100%;
margin:auto;
top:0;
left:0;
background-color:rgba(0,0,0,.6);
}
.local-modal-container .local-modal{
position:relative;
z-index:1001;
background-color:#333;
width:100%;

/* max-height: calc(97vh - 10px); */
height:calc(100% - (1.5% * 2));
margin-top:10px;
padding:0 10px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-transform:translateZ(1px);
transform:translateZ(1px);
}
.local-modal-container .local-modal .local-modal-hdg-container{
padding:10px 95px 10px 20px;
color:#fff;
position:relative;
font-size:15px;
font-weight:bold;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg-sup{
position:absolute;
right:20px;
top:10px;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg{
display:inline-block;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-notes{
display:inline-block;
width:220px;
margin-left:12px;
vertical-align:middle;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
font-weight:normal;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-clear-btn{
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-clear-btn:disabled{
opacity:.25;
cursor:default;
}
.local-modal-container .local-modal .local-modal-decision{
width:100%;
padding:10px;
background-color:#e5e5e5;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn{
display:inline-block;
height:39px;
padding:6px 24px;
line-height:1;
border:none;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
min-width:7.5em;
cursor:pointer;
background-color:var(--cmn-btn-color);
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 1px rgb(0 0 0 / 40%);
}
.local-modal-container .local-modal .local-modal-content{
background-color:#fff;
width:100%;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll{
overflow-y:auto;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll-hidden{
scrollbar-width:none;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll-hidden::-webkit-scrollbar{
display:none;
}
.local-modal-container .local-modal .local-modal-item{
padding:0 20px 20px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn-close{
position:absolute;
top:-18px;
right:-25px;
}
.local-modal-container .local-modal .local-modal-btn-close button{
border:none;
cursor:pointer;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}
.local-modal-container .local-modal .local-modal-btn-close button:active,
.local-modal-container .local-modal .local-modal-btn-close button:hover,
.local-modal-container .local-modal .local-modal-btn-close button:focus{
background-position:0 -65px;
}
.local-modal-container .local-modal .modal-select-header{
margin-top:16px;
font-size:14px;
}
.local-modal-container .local-modal .local-modal-header{
background-color:#fff;
}

/* local-modal-container.branch
---------------------------------- */
.local-modal-container.branch{
padding:0;
}
.local-modal-container.branch.is-end .local-modal{
max-height:calc(100vh - 80px);
margin-top:0;
}
.local-modal-container.branch .local-modal{
background-color:#fff;
min-height:400px;
max-height:calc(100vh - 40px);
padding:0;
margin-top:40px;
height:auto;
}
.local-modal-container.branch .local-modal .local-modal-hdg-container{
padding:16px 64px 14px 20px;
color:var(--cmn-font-color-base);
position:relative;
font-size:15px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:normal;
}
.local-modal-container.branch .local-modal .local-modal-hdg-container::before{
content:"";
display:block;
width:100%;
height:8px;
overflow:hidden;
position:absolute;
bottom:-8px;
left:0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,.18)), to(transparent));
background:linear-gradient(rgba(0,0,0,.18) 10%, transparent 100%);
z-index:10;
}
.local-modal-container.branch .local-modal .local-modal-hdg-container .local-modal-hdg{
display:block;
font-weight:bold;
font-size:16px;
}
.local-modal-container.branch .local-modal .local-modal-hdg-container .local-modal-hdg.is-ellipsis{
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.local-modal-container.branch .local-modal .local-modal-hdg-container .local-modal-sup{
display:block;
margin-top:2px;
font-size:16px;
}
.local-modal-container.branch .local-modal .local-modal-hdg-container .local-modal-sup.is-ellipsis{
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.local-modal-container.branch .local-modal .local-modal-hdg-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
gap:0 12px;
}
.local-modal-container.branch .local-modal .local-modal-hdg-row >div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
}
.local-modal-container.branch .local-modal .local-modal-hdg-btn{
margin:4px 0 0 0;
padding:3px 8px 5px;
border:none;
display:block;
position:relative;
font-size:12px;
background:none;
border:1px solid #bbb;
border-radius:13px;
height:26px;
color:var(--cmn-font-color-base);

}
.local-modal-container.branch .local-modal .local-modal-hdg-btn:active,
.local-modal-container.branch .local-modal .local-modal-hdg-btn:hover{
border-color:var(--outline-color);
background-color:#e4f2fb;
}
.local-modal-container.branch .local-modal .local-modal-btn-close{
position:absolute;
top:4px;
right:4px;
}
.local-modal-container.branch .local-modal .local-modal-btn-close button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:48px;
height:48px;
background:url(/element/j_optional_v2/map/images/icon-x.svg) center center no-repeat;
background-size:12px 12px;
overflow:hidden;
border-radius:50%;
}
.local-modal-container.branch .local-modal .local-modal-btn-close button:active,
.local-modal-container.branch .local-modal .local-modal-btn-close button:hover{
background-color:#f1f1f1;
}
.local-modal-container.branch .local-modal .local-modal-item{
padding:20px 20px 20px;
}

/* local-modal-container > error-box
------------------------------------------------ */
.local-modal-container .error-box{
padding:54px 0 95px;
}
.local-modal-container .error-box .error-wording{
text-align:center;
font-size:17px;
}
.local-modal-container .error-box .error-wording b{
font-weight:bold;
}
.local-modal-container .error-box .error-message{
margin-top:17px;
text-align:center;
font-size:13px;
}
.local-modal-container .error-box .error-action{
margin-top:33px;
text-align:center;
}
.local-modal-container .error-box .error-action .error-action-btn{
padding:8px 25px 9px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* modal-map-spot
---------------------------------- */
.local-modal-container.modal-map-spot.is-end .local-modal{
max-height:calc(100vh - 80px - 17px);
}
.local-modal-container.modal-map-spot .local-modal{
width:760px;

/* max-height: calc(100vh - 40px - 17px); */
margin-top:0;
max-height:calc(100vh - 80px - 17px);
}

/* modal-map-spot
---------------------------------- */
.local-modal-container.modal-review-local .local-modal{
width:760px;
}

/* modal-select-area
---------------------------------- */
.local-modal-container.modal-select-area .local-modal{
width:435px;
}

/* modal-select-theme
---------------------------------- */
.local-modal-container.modal-select-theme .local-modal{
width:420px;
}

/* modal-select-spot
---------------------------------- */
.local-modal-container.modal-select-spot .local-modal{
width:420px;
}
.local-modal-container.modal-select-spot .local-modal-content{
width:400px;
}

/* modal-select-toggle-list
---------------------------------- */
.local-modal-container .modal-select-toggle-list{
border-bottom:1px solid #ccc;
}
.local-modal-container .modal-select-toggle-list label{
display:inline-block;
position:relative;
padding-left:18px;
font-size:14px;
}
.local-modal-container .modal-select-toggle-list label input{
position:absolute;
left:0;
top:3px;
}
.local-modal-container .modal-select-toggle-list label .modal-select-list-cnt{
font-size:11px;
font-family:var(--font-num);
color:var(--font-color-btn-link);
margin-left:4px;
display:inline-block;
}
.local-modal-container .modal-select-toggle-list label.is-disabled{
opacity:.25;
}
.local-modal-container .modal-select-toggle-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
border-top:1px solid #ccc;
}
.local-modal-container .modal-select-toggle-list > li:first-child{
border-top:none;
}
.local-modal-container .modal-select-toggle-list > li > div{
min-height:46px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.local-modal-container .modal-select-toggle-list .modal-select-toggle-list > li{
border-top:1px solid #ccc;
}

/* modal-select-toggle-list-container
---------------------------------- */
.local-modal-container .modal-select-toggle-list-container.is-active > .modal-select-toggle-list-item{
display:block;
}
.local-modal-container .modal-select-toggle-list-container.is-active > .modal-select-toggle-list-item .modal-select-toggle-list{
border-bottom:none;
}
.local-modal-container .modal-select-toggle-list-container.is-active > .modal-select-toggle-list-trigger button::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.local-modal-container .modal-select-toggle-list-container > .modal-select-toggle-list-item{
display:none;
padding-left:20px;
width:100%;
}
.local-modal-container .modal-select-toggle-list-container > .modal-select-toggle-list-trigger{
min-height:46px;
padding-right:45px;
width:100%;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.local-modal-container .modal-select-toggle-list-container > .modal-select-toggle-list-trigger::after{
content:"";
display:block;
height:46px;
}
.local-modal-container .modal-select-toggle-list-container > .modal-select-toggle-list-trigger button{
position:absolute;
right:0;
top:0;
background:none;
border:none;
display:block;
text-align:left;
width:45px;
height:0;
line-height:2;
padding-top:46px;
overflow:hidden;
}
.local-modal-container .modal-select-toggle-list-container > .modal-select-toggle-list-trigger button::before{
position:absolute;
top:18px;
right:0;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}

/* modal-select-list
---------------------------------- */
.local-modal-container .modal-select-list{
border-top:1px solid #ccc;
padding:12px 0;
}
.local-modal-container .modal-select-list label{
display:inline-block;
position:relative;
padding-left:18px;
font-size:14px;
}
.local-modal-container .modal-select-list label input{
position:absolute;
left:0;
top:3px;
}
.local-modal-container .modal-select-list label .modal-select-list-cnt{
font-size:11px;
font-family:var(--font-num);
color:var(--font-color-btn-link);
margin-left:4px;
display:inline-block;
}
.local-modal-container .modal-select-list label.is-disabled{
opacity:.25;
}
.local-modal-container .modal-select-list > li{
display:block;
}
.local-modal-container .modal-select-list > li:not(:first-child){
margin-top:8px;
}

/* modal-select-list
---------------------------------- */
.local-modal-container .modal-select-list.branch{
padding:12px 0;
border-top:none;
}
.local-modal-container .modal-select-list.branch > li{
display:block;
}
.local-modal-container .modal-select-list.branch > li:not(:first-child){
margin-top:16px;
}

/* modal-tabs-container
---------------------------------- */
.local-modal-container .modal-tabs-container{
position:relative;
margin:8px -95px -10px -20px;
padding:0 8px;
background-color:#fff;
-webkit-box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
}
.local-modal-container .modal-tabs{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.local-modal-container .modal-tabs >li{
line-height:1;
}
.local-modal-container .modal-tabs >li button{
background:none;
border:none;
margin:0;
padding:0;
outline:none;
}
.local-modal-container .modal-tabs >li .key{
position:relative;
display:block;
padding:16px 12px 12px;
margin:0;
color:var(--cmn-font-color-base);
font-size:12px;
min-height:52px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .modal-tabs >li .key::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.local-modal-container .modal-tabs >li .key.multi-line{
font-size:12px;
line-height:calc(15 / 12);
display:block;
}
.local-modal-container .modal-tabs >li [aria-selected="true"] .key::after{
background-color:#222;
}
.local-modal-container .modal-tabs >li.is-disabled .key{
color:#ccc;
}
.local-modal-container .modal-tabs-split{
position:relative;
}
.local-modal-container .modal-tabs-split::before{
position:absolute;
left:0;
top:18px;
content:"";
display:block;
width:1px;
height:16px;
background-color:#e5e5e5;
}

/* modal-tabs-content
---------------------------------- */
.local-modal-container .modal-tabs-content{
display:none;
outline:none;
margin-top:4px;
}
.local-modal-container .modal-tabs-content.is-active{
display:block;
}

/* pulldown
------------------------------------------------ */
/* pulldown-container
---------------------------------- */
.pulldown-container{
position:relative;
}
.pulldown-container[aria-expanded="true"] .pulldown-layer{
display:none;
}
.pulldown-container[aria-expanded="true"] .pulldown-item{
display:block;
}
.pulldown-container[aria-expanded="true"].map-filter-others >button{
background-color:#e4f2fb;
}
.pulldown-container[aria-expanded="true"].map-filter-others >button > span{
background-color:#fff;
}
.pulldown-container[aria-expanded="false"] .pulldown-layer,
.pulldown-container[aria-expanded="false"] .pulldown-item{
display:none;
}

/* size setting
---------------------------------- */
/*
      must hover type for iPad
      padding-top: 26px;
      */
.pulldown-container.theme .pulldown .pulldown-inr,.pulldown-container.map-filter-theme .pulldown .pulldown-inr{
width:420px;
}
/*
      must hover type for iPad
      padding-top: 26px;
      */
.pulldown-container.map-filter-spot .pulldown .pulldown-inr{
width:420px;
}
.pulldown-container.map-filter-spot .tool-select-list-header{
margin-top:0;
}
/*
      must hover type for iPad
      padding-top: 36px;
      */
.pulldown-container.map-filter-others .pulldown .pulldown-header{
position:relative;
-webkit-box-shadow:0px 4px 6px -3px rgb(0 0 0 / 20%);
box-shadow:0px 4px 6px -3px rgb(0 0 0 / 20%);
}
.pulldown-container.map-filter-others .pulldown .pulldown-inr{
width:670px;
}
.pulldown-container.map-filter-others .pulldown .pulldown-content{
padding-top:20px;
padding-left:20px;
padding-right:20px;
}

/* pulldown-item
---------------------------------- */
.pulldown-item .pulldown-layer{
display:none;
position:fixed;
width:100vw;
height:100vh;
margin:auto;
top:0;
left:0;
z-index:1000;
}
/*
    must hover type for iPad
    background-color:transparent;
    z-index:1001;
    position:absolute;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    */
.pulldown-item .pulldown .pulldown-inr{
width:auto;
position:absolute;

/* must hover type for iPad
      top:0;
      */
top:calc(100% - 2px);
right:0;
padding-top:20px;
padding-bottom:10px;
z-index:1002;
min-height:50px;
max-height:calc(100vh - 120px);
background-color:#fff;
border-radius:6px;
border:1px solid #bbb;
-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, .3);
box-shadow:0px 3px 6px rgba(0, 0, 0, .3);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
overflow:hidden;
}
.pulldown-item .pulldown .pulldown-content{
background-color:#fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
min-height:50px;
overflow-y:auto;
padding:0 16px 20px;
}
.pulldown-item .pulldown .pulldown-header{
margin-top:-20px;
}
.pulldown-item .pulldown .pulldown-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:12px 16px 12px 20px;
position:relative;
font-size:15px;
font-weight:bold;
width:100%;
min-height:56px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-hdg{
display:inline-block;
}
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-header-notes{
display:inline-block;
width:220px;
margin-left:12px;
vertical-align:middle;
}
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-header-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
font-weight:normal;
}
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-header-clear-btn{
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;
background:none;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
height:25px;
min-width:64px;
padding:0;
color:var(--font-color-btn-link);
}
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-header-close-btn{
position:absolute;
top:5px;
right:5px;
margin:0;
border:none;
background:none;
width:48px;
height:48px;
font-size:0;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) center center no-repeat;
background-size:12px auto;
border-radius:50%;
}
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-header-close-btn:active,
.pulldown-item .pulldown .pulldown-hdg-container .pulldown-header-close-btn:hover{
background-color:rgba(0,0,0,.04);
}
.pulldown-item .pulldown .pulldown-decision{
width:100%;
padding:12px;
background-color:#e5e5e5;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:0 0 6px 6px;
}
.pulldown-item .pulldown .pulldown-footer{
margin-bottom:-10px;
}
.pulldown-item .pulldown .pulldown-footer-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-width:232px;
margin:0 auto;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.pulldown-item .pulldown .pulldown-clear-btn{
min-width:82px;
border:none;
margin:0;
background:none;
height:36px;
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;
border-radius:4px;
color:var(--font-color-btn-link);
cursor:pointer;
background-color:#fff;
font-size:14px;
border:1px solid #ccc;
margin-right:12px;
}
.pulldown-item .pulldown .pulldown-btn{
min-width:184px;
border:none;
margin:0;
background:none;
height:36px;
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;
border-radius:4px;
color:#fff;
cursor:pointer;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
font-size:16px;
}

/* @media screen and (max-height: 518px) {
  .pulldown-item{
    & .pulldown{
      display: block;
      overflow-y:scroll;
      & .pulldown-content{
        overflow:auto;
      }
    }
  }
} */
/* tool-select-toggle-list
---------------------------------- */
.pulldown-item .tool-select-toggle-list{
margin-top:4px;
border-bottom:1px solid #ccc;
}
.pulldown-item .tool-select-toggle-list label{
display:block;
position:relative;
padding:4px 0 3px 22px;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.pulldown-item .tool-select-toggle-list label input{
position:absolute;
left:0;
top:4px;
}
.pulldown-item .tool-select-toggle-list label:not([class]):active,
.pulldown-item .tool-select-toggle-list label:not([class]):hover{
-webkit-box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}
.pulldown-item .tool-select-toggle-list label .tool-select-list-cnt{
font-size:12px;
font-family:var(--font-num);
color:var(--font-color-btn-link);
margin-left:4px;
display:inline-block;
}
.pulldown-item .tool-select-toggle-list label.is-disabled{
opacity:.25;
cursor:default;
}
.pulldown-item .tool-select-toggle-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
border-top:1px solid #ccc;
}
.pulldown-item .tool-select-toggle-list > li:first-child{
border-top:none;
}
.pulldown-item .tool-select-toggle-list > li > div{
min-height:46px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
}
.pulldown-item .tool-select-toggle-list .tool-select-toggle-list > li{
border-top:1px solid #ccc;
}

/* tool-select-toggle-list-container
---------------------------------- */
.pulldown-item .tool-select-toggle-list-container.is-active > .tool-select-toggle-list-item{
display:block;
}
.pulldown-item .tool-select-toggle-list-container.is-active > .tool-select-toggle-list-item .tool-select-toggle-list{
border-bottom:none;
}
.pulldown-item .tool-select-toggle-list-container.is-active > .tool-select-toggle-list-trigger button::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pulldown-item .tool-select-toggle-list-container > .tool-select-toggle-list-item{
display:none;
padding:0 0 12px 20px;
width:100%;
}
.pulldown-item .tool-select-toggle-list-container > .tool-select-toggle-list-trigger{
min-height:46px;
padding-right:28px;
width:100%;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pulldown-item .tool-select-toggle-list-container > .tool-select-toggle-list-trigger::after{
content:"";
display:block;
height:46px;
}
.pulldown-item .tool-select-toggle-list-container > .tool-select-toggle-list-trigger button{
position:absolute;
right:0;
top:0;
background:none;
border:none;
display:block;
text-align:left;
width:28px;
height:0;
line-height:2;
padding-top:46px;
overflow:hidden;
outline:none;
}
.pulldown-item .tool-select-toggle-list-container > .tool-select-toggle-list-trigger button::before{
position:absolute;
top:18px;
right:0;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}

/* tool-select-list
---------------------------------- */
.pulldown-item .tool-select-list{
border-top:1px solid #ccc;
padding-top:12px;
}
.pulldown-item .tool-select-list label{
display:inline-block;
position:relative;
padding:4px 0 3px 22px;
font-size:14px;
}
.pulldown-item .tool-select-list label input{
position:absolute;
left:0px;
top:4px;
}
.pulldown-item .tool-select-list label:not([class]):active,
.pulldown-item .tool-select-list label:not([class]):hover{
-webkit-box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}
.pulldown-item .tool-select-list label .tool-select-list-cnt{
font-size:12px;
font-family:var(--font-num);
color:var(--font-color-btn-link);
margin-left:4px;
display:inline-block;
}
.pulldown-item .tool-select-list label.is-disabled{
opacity:.25;
cursor:default;
}
.pulldown-item .tool-select-list > li{
display:block;
}
.pulldown-item .tool-select-list > li:not(:first-child){
margin-top:8px;
}

/* tool-select-list
---------------------------------- */
.pulldown-item .tool-select-list.branch{
border-top:none;
}
.pulldown-item .tool-select-list.branch > li{
display:block;
}
.pulldown-item .tool-select-list.branch > li label{
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pulldown-item .tool-select-list.branch > li:not(:first-child){
margin-top:8px;
}

/* tool-select-list-02
---------------------------------- */
.pulldown-item .tool-select-list-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:-8px;
margin-left:-20px;
}
.pulldown-item .tool-select-list-02 label{
display:block;
position:relative;
padding:4px 0px 3px 22px;
font-size:14px;
}
.pulldown-item .tool-select-list-02 label input{
position:absolute;
left:0px;
top:4px;
}
.pulldown-item .tool-select-list-02 label:not([class]):active,
.pulldown-item .tool-select-list-02 label:not([class]):hover{
-webkit-box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
box-shadow:4px 0 0 rgba(0,0,0,.04),-4px 0 0 rgba(0,0,0,.04);
background-color:rgba(0,0,0,.04);
}
.pulldown-item .tool-select-list-02 label .tool-select-list-cnt{
font-size:12px;
font-family:var(--font-num);
color:var(--font-color-btn-link);
display:inline-block;
}
.pulldown-item .tool-select-list-02 label.is-disabled{
opacity:.25;
cursor:default;
}
.pulldown-item .tool-select-list-02 > li{
width:calc(50% - 20px);
margin-left:20px;
display:block;
margin-top:4px;
}

/* tool-select-list-02
---------------------------------- */
.pulldown-item .tool-select-budget-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pulldown-item .tool-select-budget-list >li select{
font-size:12px;
width:94px;
}
.pulldown-item .tool-select-budget-list >li:last-child{
position:relative;
padding-left:16px;
}
.pulldown-item .tool-select-budget-list >li:last-child::after{
content:"\FF5E";
display:block;
position:absolute;
left:3px;
top:50%;
margin-top:-8px;
}

/* tool-tabs-container
---------------------------------- */
.pulldown-item .tool-tabs-container{
position:relative;
padding:0 8px;
margin-top:-8px;
-webkit-box-shadow:0px 4px 6px -3px rgb(0 0 0 / 20%);
box-shadow:0px 4px 6px -3px rgb(0 0 0 / 20%);
z-index:1;
}
.pulldown-item .tool-tabs{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pulldown-item .tool-tabs >li{
line-height:1;
}
.pulldown-item .tool-tabs >li button{
background:none;
border:none;
margin:0;
padding:0;
outline:none;
}
.pulldown-item .tool-tabs >li .key{
position:relative;
display:block;
padding:4px 12px 10px;
margin:0;
color:var(--cmn-font-color-base);
font-size:12px;
min-height:32px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pulldown-item .tool-tabs >li .key::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.pulldown-item .tool-tabs >li .key.multi-line{
font-size:12px;
line-height:calc(15 / 12);
display:block;
}
.pulldown-item .tool-tabs >li [aria-selected="true"] .key::after{
background-color:#222;
}
.pulldown-item .tool-tabs >li.is-disabled .key{
color:#ccc;
}

/* tool-tabs-content
---------------------------------- */
.pulldown-item .tool-tabs-content{
display:none;
outline:none;
padding:0 4px;
}
.pulldown-item .tool-tabs-content.is-active{
display:block;
}

/* tool-select-content
---------------------------------- */
/* padding-top: 20px; */
.pulldown-item .tool-select-container .tool-select-content{
padding-bottom:12px;
}
.pulldown-item .tool-select-container .tool-select-content:not(:first-child){
border-top:1px solid #ccc;
padding-top:10px;

}
.pulldown-item .tool-select-list-header{
margin-top:20px;
}
.pulldown-item .tool-select-list-header .tool-select-hdg{
font-size:14px;
margin-bottom:10px;
}
.pulldown-item .tool-select-list-header .tool-select-hdg-sup{
line-height:1.35;
}
.pulldown-item .tool-select-header{
margin-bottom:10px;
}
.pulldown-item .tool-select-header .tool-select-hdg{
font-size:14px;
margin-bottom:10px;
}
.pulldown-item .tool-select-header .tool-select-hdg-sup{
line-height:1.35;
}

/* tool-tabs-content
---------------------------------- */

/* ----------------------------------------------------------------
  Gallery
----------------------------------------------------------------- */
/* .gallery-lyt
----------------------------------------------- */
.gallery-lyt .str-header,
.gallery-lyt .nav-global,
.gallery-lyt .cmn-topic-path,
.gallery-lyt #container,
.gallery-lyt .str-footer,
.gallery-lyt .seo-footer-container{
display:none;
}

/* .gallery
----------------------------------------------- */
.gallery{
color:#fff;
position:absolute;
top:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100vw;
height:100svh;
height:-webkit-fill-available;
background-color:#000;
display:none;
font-size:14px;
}
.gallery-lyt .gallery{
display:block;
}

/* .gallery-loading
---------------------------------- */
.gallery-loading{
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;
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
height:100%;
width:100%;
}

/* .gallery-inner
----------------------------------------------- */
.gallery .gallery-inner{
margin:auto;
padding:24px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
max-width:100%;
aspect-ratio:1047 / 714;
display:-ms-grid;
display:grid;
-ms-grid-rows:auto minmax(0,1fr);
grid-template-rows:auto minmax(0,1fr);
-ms-grid-columns:minmax(0,1fr) 293px;
grid-template-columns:minmax(0,1fr) 293px;
font-size:14px;
}

/* .gallery-header
----------------------------------------------- */
.gallery .gallery-header{
padding:0 0 16px;
padding-bottom:16px;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1/2;
-ms-grid-column:1;
-ms-grid-column-span:2;
grid-column:1/3;
}

/* .gallery-header-inner
----------------------------------------------- */
.gallery .gallery-header-inner{
display:-webkit-box;
display:flex;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
;
}
.gallery .gallery-header-inner > div:first-child{
margin-right:200px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
}

/* .gallery-header-hdg
----------------------------------------------- */
.gallery .gallery-header-hdg{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:normal;
}
.gallery .gallery-header-hdg + span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .gallery-header-list
----------------------------------------------- */
.gallery .gallery-header-list{
margin-top:28px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.gallery .gallery-header-list > li{
margin-right:32px;
}
.gallery .gallery-header-list button{
margin:0;
padding:0 0 12px;
border:none;
font-size:14px;
background-color:transparent;
color:#fff;
}
.gallery .gallery-header-list .is-active button{
-webkit-box-shadow:0 -3px 0 #fff inset;
box-shadow:0 -3px 0 #fff inset;
}
.gallery .gallery-header-list button span{
margin-left:6px;
display:inline-block;
}

/* .gallery-header-btn-close
----------------------------------------------- */
.gallery .gallery-header-btn-close{
border:none;
color:rgba(0,0,0,0);
position:fixed;
top:24px;
right:24px;
width:28px;
height:28px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-slider-close.svg) 50% 50% no-repeat;
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}

/* .gallery-thumb
----------------------------------------------- */
.gallery .gallery-thumb{
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2/3;
-ms-grid-column:2;
-ms-grid-column-span:1;
grid-column:2/3;
overflow-y:scroll;
scrollbar-width:thin;
scrollbar-color:#888 #444;
}
.gallery .gallery-thumb::-webkit-scrollbar{
width:8px;
height:8px;
}
.gallery .gallery-thumb::-webkit-scrollbar-track{
border-radius:20px;
background-color:#444;
}
.gallery .gallery-thumb::-webkit-scrollbar-thumb{
border-radius:20px;
background-color:#888;
}

/* .gallery-thumb-list
----------------------------------------------- */
.gallery .gallery-thumb-list > li{
margin:0 8px 9px 0;
margin-right:8px;
cursor:pointer;
width:calc(50% - 8px);
}
.gallery .gallery-thumb-list .thumb{
position:relative;
border-radius:4px;
overflow:hidden;
}
.gallery .gallery-thumb-list .thumb > img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
vertical-align:bottom;
}
.gallery .gallery-thumb-list .thumb.is-movie::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.gallery .gallery-thumb-list .thumb.is-loading{
min-height:165px;
}
.gallery .gallery-thumb-list .thumb .cmn-loading-spinner{
position:absolute;
margin:0 auto;
top:50%;
left:50%;
width:24px;
height:24px;
margin:-12px 0 0 -12px;
}
.gallery .gallery-thumb-list .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.gallery .gallery-thumb-list .cap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
font-size:12px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:4px;
white-space:nowrap;
}
.gallery .gallery-thumb-list .cap .cap-label{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.gallery .gallery-thumb-list .cap-link{
display:block;
text-align:center;
white-space:nowrap;
font-size:12px;
color:#fff;
text-decoration:none;
}
.gallery .gallery-thumb-list .cap-link span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
.gallery .gallery-thumb-list .is-active .thumb{
outline:2px solid #fff;
outline-offset:-2px;
}
.gallery .gallery-thumb-list .is-active .thumb::before{
content:"";
display:block;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-color:rgba(255,255,255,.4);
}

/* .gallery-view
----------------------------------------------- */
.gallery .gallery-view{
padding-right:20px;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2/3;
-ms-grid-column:1;
-ms-grid-column-span:1;
grid-column:1/2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}

/* .gallery-view-photo
----------------------------------------------- */
.gallery .gallery-view-photo{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.gallery .gallery-view-photo .cmn-loading-spinner{
margin:-12px 0 0 -12px;
position:absolute;
top:50%;
left:50%;
}
.gallery .gallery-view-photo .photo.is-movie{
cursor:pointer;
}
.gallery .gallery-view-photo .photo.is-movie::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-36px;
margin-top:-36px;
display:block;
width:72px;
height:72px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
pointer-events:none;
}
.gallery .gallery-view-photo .photo.is-movie.is-played::after,
.gallery .gallery-view-photo .photo.is-movie.is-played img{
display:none;
}
.gallery .gallery-view-photo .photo.is-movie.is-played iframe{
display:block;
}
.gallery .gallery-view-photo .photo img{
max-width:100%;
max-height:100%;
display:block;
position:absolute;
right:50%;
bottom:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
width:100%;
height:100%;
-o-object-fit:contain;
object-fit:contain;
}
.gallery .gallery-view-photo .photo iframe{
display:none;
border:none;
position:absolute;
top:0;
left:0;
height:calc(100% - 65px);
width:100%;
}
.gallery .gallery-view-photo .photo .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.gallery .gallery-view-photo .credit{
position:absolute;
bottom:4px;
right:4px;
z-index:2;
font-size:12px;
color:rgba(255,255,255,.7);
}
.gallery .gallery-view-photo .credit a{
color:rgba(255,255,255,.7);
text-decoration:none;
}
.gallery .gallery-view-photo::before{
content:"";
display:block;
width:100%;
height:65px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,.4)), to(rgba(0,0,0,.7)));
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

/* .gallery-view-photo-nav
----------------------------------------------- */
.gallery .gallery-view-photo-nav{
padding:10px 0;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
bottom:0;
z-index:2;
left:50%;
width:276px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.gallery .gallery-view-photo-nav > span{
position:absolute;
bottom:22px;
right:50%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
display:block;
line-height:1;
font-size:16px;
font-family:Arial;
}
.gallery .gallery-view-photo-nav > ul{
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
width:276px;
}
.gallery .gallery-view-photo-nav > ul button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:40px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-gallery-next.svg);
}
.gallery .gallery-view-photo-nav .prev button{
background-image:url(/element/j_optional_v2/shared/images/icon-gallery-prev.svg);
}

/* .gallery-view-caption
----------------------------------------------- */
.gallery .gallery-view-caption{
margin-top:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.gallery .gallery-view-caption .caption{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:662px;
max-height:42px;
margin-right:8px;
overflow:hidden;
overflow-y:auto;
font-size:14px;
scrollbar-width:thin;
scrollbar-color:#888 #444;
}
.gallery .gallery-view-caption .caption::-webkit-scrollbar{
width:8px;
height:8px;
}
.gallery .gallery-view-caption .caption::-webkit-scrollbar-track{
border-radius:20px;
background-color:#444;
}
.gallery .gallery-view-caption .caption::-webkit-scrollbar-thumb{
border-radius:20px;
background-color:#888;
}
.gallery .gallery-view-caption .credit-desc{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:120px;
color:#fff;
font-size:12px;
height:36px;
}
.gallery .gallery-view-caption .credit-desc .credit-name{
text-align:right;
}
.gallery .gallery-view-caption .credit-desc .credit-name span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.gallery .gallery-view-caption .credit-desc .credit-link a{
color:#fff;
text-decoration:none;
}
.gallery .gallery-view-caption .credit-desc .credit-link a span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
[class^="icon-r-"].icon-r-face.blank span{
background-image:url(/element/j_optional_v2/shared/images/icon-review-0.svg);
}
#two_column_left #main_Col{
width:730px;
}
#two_column_left #sub_Col{
width:200px;
}
button::-moz-focus-inner{
border:0;
padding:0;
margin-top:-2px;
margin-bottom:-2px;
}
input::-ms-clear{
visibility:hidden;
}

/* for IE 11
---------------------------------- */

@media all and (-ms-high-contrast: none){
body{
line-height:1.5;
}
}

/* for j_optional irregular layout start
---------------------------------------- */
#container.j_optional #two_column_left #main_Col{
margin:0 auto;
width:770px;
float:none;
}

/* seo-util-conainer
---------------------------------- */
.seo-util-conainer{
margin-bottom:30px;
}
.seo-util-conainer .seo-util-hdg{
font-size:18px;
font-weight:bold;
}
.seo-util-conainer .seo-util-content{
margin-top:15px;
}

/* .cmn-tip-box
---------------------------------- */
.cmn-tip-box em,
.cmn-tip-box strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

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

/* cmn-tip-box > tip-notes
---------------------------------- */
.cmn-tip-box .tip-notes{
margin-top:8px;
}
.cmn-tip-box .tip-notes li{
margin-left:1.3em;
text-indent:-1.3em;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.cmn-tip-box .tip-notes li .mark{
margin-right:4px;
}
.cmn-tip-box .tip-notes li:not(:first-child){
margin-top:8px;
}

/* tip-list-tbl
---------------------------------- */
.cmn-tip-box .tip-list-tbl{
display:table;
margin-top:15px;
}
.cmn-tip-box .tip-list-tbl >li{
display:table-row;
font-size:12px;
}
.cmn-tip-box .tip-list-tbl >li:first-child > div{
padding-top:0;
}
.cmn-tip-box .tip-list-tbl >li:first-child > div:first-child::after{
top:-1px;
}
.cmn-tip-box .tip-list-tbl >li > div{
padding-top:8px;
display:table-cell;
word-break:break-all;
overflow-wrap:break-word;
width:588px;
}
.cmn-tip-box .tip-list-tbl >li > div:first-child{
position:relative;
width:30px;
white-space:nowrap;
padding-right:11px;
}
.cmn-tip-box .tip-list-tbl >li > div:first-child::after{
position:absolute;
right:0;
top:7px;
content:":";
display:block;
}
.cmn-tip-box .tip-list-tbl >li > div:last-child{
padding-left:12px;
}

/* tip-split
---------------------------------- */
.cmn-tip-box .tip-split{
border:none;
border-top:2px solid #eaeaea;
margin-top:12px;
}

/* tip-def-note
---------------------------------- */
.cmn-tip-box .tip-def-note{
margin-top:20px;
}

/* tip-guide-icon
---------------------------------- */
.cmn-tip-box .icon-guide{
margin-bottom:4px;
}
.cmn-tip-box .icon-plan-inq{
position:relative;
left:-1px;
font-size:12px;
}
.cmn-tip-box .icon-plan-ok{
position:relative;
top:-1px;
display:inline-block;
vertical-align:middle;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-ok.svg) 0 0 no-repeat;
background-size:11px auto;
}
.cmn-tip-box .icon-plan-ng{
position:relative;
display:inline-block;
vertical-align:middle;
width:9px;
height:0;
padding-top:9px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-ng.svg) 0 0 no-repeat;
background-size:9px auto;
}
.cmn-tip-box .icon-plan-blank{
display:inline-block;
vertical-align:middle;
width:10px;
height:0;
padding-top:1px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-blank.svg) 0 0 no-repeat;
background-size:10px auto;
}
.cmn-tip-box .icon-req{
display:inline-block;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-time.svg) 0 0 no-repeat;
background-size:11px;
margin-right:4px;
position:relative;
top:1px;
}
.cmn-tip-box .icon-age{
display:inline-block;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-age.svg) 0 0 no-repeat;
background-size:7px 12px;
margin-right:4px;
position:relative;
top:1px;
}

/* tip-def-list
---------------------------------- */
.cmn-tip-box .tip-def-list dt{
padding-top:8px;
position:relative;
padding-right:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
clear:both;
vertical-align:top;
}
.cmn-tip-box .tip-def-list dt::after{
content:":";
display:block;
position:absolute;
right:4px;
top:7px;
}
.cmn-tip-box .tip-def-list dd{
overflow:hidden;
padding-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* tip-def-list
---------------------------------- */
.cmn-tip-box .tip-def-tbl{
margin:0;
border-collapse:collapse;
}
.cmn-tip-box .tip-def-tbl th{
padding-top:8px;
position:relative;
padding-right:9px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:top;
font-weight:normal;
white-space:nowrap;
text-align:left;
}
.cmn-tip-box .tip-def-tbl th::after{
content:":";
display:block;
position:absolute;
right:2px;
top:7px;
}
.cmn-tip-box .tip-def-tbl td{
overflow:hidden;
padding-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* tip-block
---------------------------------- */
.cmn-tip-box .tip-block{
padding-bottom:10px;
border-bottom:1px dotted #aaa;
}
.cmn-tip-box .tip-block + .tip-block{
margin-top:10px;
}
.cmn-tip-box .tip-block.is-branch{
border-bottom:none;
}
.cmn-tip-box .tip-block .tip-block-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
margin-top:10px;
margin-bottom:10px;
}
.cmn-tip-box .tip-block >:first-child{
margin-top:2px;
}
.cmn-tip-box .tip-block .tip-desc{
margin-top:4px;
}
.cmn-tip-box .tip-block .map-view-marker-spot-content{
width:76px;
}

/* new calendar style
---------------------------------------- */
.cmn-calendar .cmn-calendar-month-header{
text-align:center;
font-size:0;
padding-left:27px;
padding-right:27px;
}
.cmn-calendar .cmn-calendar-month-header .cmn-calendar-month-hdg{
display:inline-block;
margin-right:8px;
}
.cmn-calendar .cmn-calendar-month-header .cmn-calendar-date-undecided{
display:inline-block;
margin:0;
width:auto;
}
.cmn-calendar .cmn-calendar-month-header .cmn-calendar-date-undecided button{
font-size:12px;
font-weight:normal;
}
.cmn-calendar .cmn-calendar-month-tbl td div.cmn-calendar-active-from,
.cmn-calendar .cmn-calendar-month-tbl td div.cmn-calendar-active-to,
.cmn-calendar .cmn-calendar-month-tbl td div.cmn-calendar-active-oneway{
width:38px;
height:34px;
line-height:34px;
}
.cmn-calendar .cmn-calendar-header{
position:relative;
}
.cmn-calendar .cmn-calendar-header .calendar-clear-btn{
position:absolute;
right:30px;
top:6px;
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.cmn-calendar .calendar-submit{
margin-top:10px;
}
.cmn-calendar .calendar-submit .calendar-submit-btn{
margin:0 auto;
display:block;
background:none;
border:none;
padding:2px 5px 3px;
border-radius:3px;
color:#fff;
width:100px;
height:30px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgb(0 0 0 / 30%);
font-size:14px;
font-weight:bold;
background-color:var(--cmn-btn-color);

}

/* for j_optional irregular layout end
---------------------------------------- */
/* placeholder
------------------------------------------------ */
input{
color:var(--cmn-font-color-base);
}
input::-ms-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
input::-webkit-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
input::-moz-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
input:-ms-input-placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
input::placeholder{
color:var(--font-color-placeholder);
font-size:12px;
}
input:disabled::-ms-input-placeholder{
color:#ccc;
font-size:12px;
}
input:disabled::-webkit-input-placeholder{
color:#ccc;
font-size:12px;
}
input:disabled::-moz-placeholder{
color:#ccc;
font-size:12px;
}
input:disabled:-ms-input-placeholder{
color:#ccc;
font-size:12px;
}
input:disabled::placeholder{
color:#ccc;
font-size:12px;
}
input[type="text"]{
margin:0;
}
input[type="search"]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline-offset:-2px;
border-radius:0;
margin:0;
background-color:#fff;
}
input[type="checkbox"]{
position:relative;
top:-1px;
margin:0 4px 0 0;
line-height:1;
vertical-align:middle;
cursor:pointer;
}
input[type="radio"]{
position:relative;
top:-1px;
margin:0 4px 0 0;
line-height:1;
vertical-align:middle;
cursor:pointer;
}
input::-webkit-search-cancel-button{
-webkit-appearance:none;
}

/* modules
------------------------------------------------ */
.mod-num{
font-family:var(--font-num);
}
.mod-att{
color:var(--cmn-font-color-red);
}

/* mod-dashed
---------------------------------------- */
.mod-dashed{
background:-webkit-gradient(linear, left top, right top, from(#949494), color-stop(50%, #949494), color-stop(50%, transparent), to(transparent)) repeat-x 0 95%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 95%;
background-size:4px 1px;
}

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

/* .lyt-top
------------------------------------------------ */
.lyt-top .box-bg-img-ctrl:after{
content:"";
display:block;
clear:both;
}
.lyt-top .box-bg-img-ctrl{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
padding:0 10px 50px;
margin:0 -10px -50px;
background:#ebf5f9 url(/element/j_optional_v2/index/images/bg-contents.jpg) 50% 0 no-repeat;
background-size:100% auto;
}
.lyt-top .box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, .6);
}

/* str-util
------------------------------------------------ */
.str-util{
margin-top:50px;

}
.str-util .hdg-l2-01-container{
border-top:1px solid #d9d9d9;
margin:27px 0 14px;
padding-top:17px;
}
.str-util .hdg-l2-01-container .hdg-l2-01{
font-size:14px;
margin-bottom:0;
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:36px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
vertical-align:top;
font-size:12px;
}
.form-custom-select:before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.form-custom-select select{
position:relative;
padding:5px 16px 5px 8px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
color:#333;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}
.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

/* -------------------------------------------------
 Tooltip
-----------------------------------------------------*/
/* tip-agt-list
------------------------------------------------ */
.tip-agt-list{
margin-top:10px;
}
.tip-agt-list >li{
margin-left:1em;
}
.tip-agt-list >li::before{
content:"・";
display:inline-block;
text-indent:-1em;
}

/* -------------------------------------------------
 Modal
-----------------------------------------------------*/
.modal-override-01 .cmn-modal-layer{
z-index:2000;
}
.modal-override-01 .cmn-modal-select{
z-index:2001;
}
.modal-override-01 .cmn-modal-select.modal-review-local{
width:85%;
max-width:860px;
height:65%;
max-height:650px;
}
.modal-override-01 .cmn-modal-select.modal-review-local .cmn-modal-item{
height:100%;
padding:0;
}
.modal-override-01 .cmn-modal-select.modal-review-local .modal-review-content-inner{
overflow-y:scroll;
position:absolute;
margin:0px;
left:0;
top:0;
width:100%;
height:100%;

/* width:calc(100% - 20px);
        height:calc(100% - 58px);
        left:10px;
        top:48px; */
}

/* modal-pagetop
---------------------------------- */
.cmn-modal-select .cmn-modal-item{
position:relative;
padding-bottom:50px;
}
.cmn-modal-select .cmn-modal-item .modal-nav-top{
position:absolute;
border-radius:50%;
color:rgba(0,0,0,0) !important;
right:20px;
bottom:20px;
width:44px;
height:44px;
display:none;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:rgba(102,102,102,.4);
}
.cmn-modal-select .cmn-modal-item .modal-nav-top.is-active{
display:block;
}
.cmn-modal-select .cmn-modal-item .modal-nav-top::before{
margin-left:-7px;
position:absolute;
content:"";
width:12px;
height:11px;
top:19px;
left:50%;
border-top:2px solid #fff;
border-left:2px solid #fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* cmn-modal-select > error-box
------------------------------------------------ */
.cmn-modal-select .error-box{
padding:54px 0 95px;
}
.cmn-modal-select .error-box .error-wording{
text-align:center;
font-size:17px;
}
.cmn-modal-select .error-box .error-wording b{
font-weight:bold;
}
.cmn-modal-select .error-box .error-message{
margin-top:17px;
text-align:center;
font-size:13px;
}
.cmn-modal-select .error-box .error-action{
margin-top:33px;
text-align:center;
}
.cmn-modal-select .error-box .error-action .error-action-btn{
padding:8px 25px 9px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* modal-info
------------------------------------------------ */
.cmn-modal-box.modal-info{
width:720px;
margin:0 auto;
left:0;
right:0;
padding-left:25px;
padding-right:25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.cmn-modal-box.modal-info .modal-freetext{
margin-top:23px;
font-size:14px;
}
.cmn-modal-box.modal-info .modal-freetext a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.cmn-modal-box.modal-info .modal-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin:0 3px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/j_optional_v2/shared/images/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.cmn-modal-box.modal-info .modal-hdg{
padding:8px 15px 8px;
background-color:#eee;
font-weight:bold;
font-size:16px;
margin-bottom:15px;
}
.cmn-modal-box.modal-info .modal-hdg-02{
margin-top:23px;
font-size:14px;
}
.cmn-modal-box.modal-info .modal-hdg-02 + .modal-freetext,
.cmn-modal-box.modal-info .modal-hdg-02 + .modal-hdg-03,
.cmn-modal-box.modal-info .modal-hdg-02 + .modal-text{
margin-top:0;
}
.cmn-modal-box.modal-info .modal-hdg-03{
margin-top:23px;
}
.cmn-modal-box.modal-info .modal-hdg-03 + .modal-list-01,
.cmn-modal-box.modal-info .modal-hdg-03 + .modal-text{
margin-top:0;
}
.cmn-modal-box.modal-info .modal-text{
margin-top:23px;
}
.cmn-modal-box.modal-info .modal-list-01{
margin-top:23px;
}
.cmn-modal-box.modal-info .modal-list-01 > li{
text-indent:-1em;
margin-left:1em;
}
.cmn-modal-box.modal-info .modal-list-note-01 > li{
font-size:12px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
}
.cmn-modal-box.modal-info .modal-action{
margin:27px 0 0;
text-align:left;
}
.cmn-modal-box.modal-info .modal-action-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.cmn-modal-box.modal-info .modal-action-close-btn{
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;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
color:var(--font-color-btn-link);
font-size:17px;
padding:3px 20px 0;
min-width:160px;
min-height:38px;
border-radius:4px;
border:1px solid #ccc;
-webkit-box-shadow:0px 2px 0px #ccc;
box-shadow:0px 2px 0px #ccc;
}

/* modal-review
------------------------------------------------ */
.cmn-modal-select.modal-review{
width:860px;
padding:10px 0 0 0;
}
.cmn-modal-select.modal-review .cmn-modal-item{
padding-top:0;
padding-bottom:0;
}
.cmn-modal-select.modal-review .cmn-modal-hdg-container{
padding-right:20px;
}
.cmn-modal-select.modal-review .cmn-modal-hdg-container .cmn-modal-hdg{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.cmn-modal-select.modal-review .modal-review-content-header{
position:relative;
margin:0 -20px 0;
padding:12px 25px 0;
background:#fff;
-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, .16);
box-shadow:0px 3px 6px rgba(0, 0, 0, .16);
}
.cmn-modal-select.modal-review .modal-review-content-inner{
overflow-y:scroll;
height:455px;
margin:0 -20px;
padding:20px 14px 0 30px;
display:block;
}
/* for IE11 */
.cmn-modal-select.modal-review .modal-review-content-inner::after{
content:"";
display:block;
height:34px;
}

/* modal-review-local
------------------------------------------------ */
.cmn-modal-select.modal-review-local{
width:860px;
height:650px;
padding:10px 0 0 0;
}
.cmn-modal-select.modal-review-local .cmn-modal-item{
padding-bottom:0;
}
.cmn-modal-select.modal-review-local .cmn-modal-hdg-container{
padding-right:20px;
}
.cmn-modal-select.modal-review-local .cmn-modal-hdg-container .cmn-modal-hdg{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.cmn-modal-select.modal-review-local .modal-review-content-inner{
overflow-y:scroll;
height:612px;
margin:-20px -20px 0;
background-color:#ffff;
padding:20px 14px 0 30px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
/* for IE11 */
.cmn-modal-select.modal-review-local .modal-review-content-inner::after{
content:"";
display:block;
height:34px;
}
.cmn-modal-select.modal-review-local .error-box{
padding:54px 0 95px;
}
.cmn-modal-select.modal-review-local .error-box .error-wording{
text-align:center;
font-size:17px;
}
.cmn-modal-select.modal-review-local .error-box .error-wording b{
font-weight:bold;
}
.cmn-modal-select.modal-review-local .error-box .error-message{
margin-top:17px;
text-align:center;
font-size:13px;
}
.cmn-modal-select.modal-review-local .error-box .error-action{
margin-top:33px;
text-align:center;
}
.cmn-modal-select.modal-review-local .error-box .error-action .error-action-btn{
padding:8px 25px 9px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* modal-agt
------------------------------------------------ */
.cmn-modal-select.modal-agt{
width:860px;
}
.cmn-modal-select.modal-agt .modal-agt-content-inner{
overflow-y:scroll;
min-height:200px;
max-height:655px;
margin:-20px;
padding:20px 14px 0 30px;
display:block;
}
/* for IE11 */
.cmn-modal-select.modal-agt .modal-agt-content-inner::after{
content:"";
display:block;
height:34px;
}
.cmn-modal-select.modal-agt .cmn-modal-hdg-container{
padding-right:20px;
}
.cmn-modal-select.modal-agt .cmn-modal-hdg-container .cmn-modal-hdg{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.cmn-modal-select.modal-agt .error-box{
padding:54px 0 95px;
}
.cmn-modal-select.modal-agt .error-box .error-wording{
text-align:center;
font-size:17px;
}
.cmn-modal-select.modal-agt .error-box .error-wording b{
font-weight:bold;
}
.cmn-modal-select.modal-agt .error-box .error-message{
margin-top:17px;
text-align:center;
font-size:13px;
}
.cmn-modal-select.modal-agt .error-box .error-action{
margin-top:33px;
text-align:center;
}
.cmn-modal-select.modal-agt .error-box .error-action .error-action-btn{
padding:8px 25px 9px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* modal-sch
------------------------------------------------ */
.cmn-modal-select.modal-sch{
width:860px;
padding:10px 0 0 0;
}
.cmn-modal-select.modal-sch .cmn-modal-hdg-container{
padding-right:20px;
}
.cmn-modal-select.modal-sch .cmn-modal-hdg-container .cmn-modal-hdg{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.cmn-modal-select.modal-sch .modal-sch-content-inner{
min-height:600px;
padding:0 10px;

/* max-height:655px; */
/* overflow-y:scroll; */
/* margin:-20px; */
/* padding:20px 14px 0 30px; */
/* for IE11 */
/* &::after{
      content:"";
      display:block;
      height:34px;
    } */
}

/* modal-dtl-item
------------------------------------------------ */
.modal-dtl-item{
padding:8px 20px 8px;
border-radius:6px;
background:#fff;
border:1px solid #ccc;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.modal-dtl-item .dtl-item-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
font-weight:bold;
}
.modal-dtl-item .dtl-item-hdg > span:first-child{
margin-right:12px;
}
.modal-dtl-item .dtl-item-hdg .dtl-item-hdg-sup{
margin-right:12px;
font-weight:normal;
font-size:12px;
}
.modal-dtl-item .dtl-item-place-toggle-container.is-active .dtl-item-place-toggle-overflow{
display:none;
}
.modal-dtl-item .dtl-item-place-toggle-container.is-active .dtl-item-place-toggle-item{
display:block;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger{
display:block;
text-align:right;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger button{
line-height:1;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0;

}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger button.dtl-item-place-more-photo{
padding-right:18px;
position:relative;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger button.dtl-item-place-more-photo::after{
position:absolute;
right:0;
top:-3px;
content:"";
display:block;
width:14px;
height:17px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-gry.svg) top left no-repeat;
background-size:14px 17px;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item{
display:none;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item .dtl-item-place-toggle-trigger{
margin-top:5px;
text-align:center;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item .dtl-item-place-toggle-trigger button{
position:relative;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0 0 0 18px;
}
.modal-dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item .dtl-item-place-toggle-trigger button::before{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-4px;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}
.modal-dtl-item .dtl-item-place-photo-list::after{
content:"";
display:table;
clear:both;
}
.modal-dtl-item .dtl-item-place-photo-list > li{
float:left;
margin-left:12px;
margin-top:12px;
}
.modal-dtl-item .dtl-item-place-photo-list > li:nth-child(-n+3){
margin-top:8px;
}
.modal-dtl-item .dtl-item-place-photo-list > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.modal-dtl-item .dtl-item-place-photo-list .dtl-item-place-photo >div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:160px;
height:120px;
background:#f5f5f5;
}
.modal-dtl-item .dtl-item-place-photo-list .dtl-item-place-photo >div img{
max-width:160px;
max-height:120px;
}
.modal-dtl-item .dtl-item-place-photo-list .dtl-item-place-photo.dtl-item-place-photo-movie >div a{
position:relative;
}
.modal-dtl-item .dtl-item-place-photo-list .dtl-item-place-photo.dtl-item-place-photo-movie >div a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.modal-dtl-item .dtl-item-desc{
margin-top:12px;
font-size:12px;
}
.modal-dtl-item .dtl-item-list{
margin-top:8px;
}
.modal-dtl-item .dtl-item-list.is-size-04 >li > div:first-child{
width:4em;
}
.modal-dtl-item .dtl-item-list .dtl-item-list-hdg{
display:block;
font-weight:normal;
}
.modal-dtl-item .dtl-item-list .dtl-item-list-hdg:not(:first-of-type){
margin-top:4px;
}
.modal-dtl-item .dtl-item-list .dtl-item-list-hdg::before,
.modal-dtl-item .dtl-item-list .dtl-item-list-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.modal-dtl-item .dtl-item-list .dtl-item-list-hdg::before{
margin-right:.4em;
}
.modal-dtl-item .dtl-item-list .dtl-item-list-hdg::after{
margin-left:.4em;
}
.modal-dtl-item .dtl-item-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.modal-dtl-item .dtl-item-list >li:not(:first-child){
margin-top:8px;
}
.modal-dtl-item .dtl-item-list >li > div{
word-break:break-all;
}
.modal-dtl-item .dtl-item-list >li > div:first-child{
position:relative;
width:84px;
padding-right:9px;
}
.modal-dtl-item .dtl-item-list >li > div:first-child::after{
position:absolute;
right:-1px;
top:-1px;
content:":";
display:block;
}
.modal-dtl-item .dtl-item-list >li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-left:12px;
}
.modal-dtl-item .dtl-item-list-note >li{
text-indent:-1.4em;
margin-left:1.4em;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.modal-dtl-item .dtl-item-list-note >li .mark{
margin-right:.4em;
}
.modal-dtl-item .dtl-item-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
padding:12px 0;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-req{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-req > div{
font-size:12px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-req > div:first-child{
border:1px solid #d1d1d1;
padding:2px 7px;
margin-right:8px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-list{
margin-top:12px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-list >li.branch{
margin-left:42px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-list >li:not(:first-child){
margin-top:8px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-list >li >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-time{
margin-right:12px;
font-family:Arial;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-hdg::before,
.modal-dtl-item .dtl-item-sch .dtl-item-sch-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-hdg::before{
margin-right:.4em;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-hdg::after{
margin-left:.4em;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list::after{
content:"";
display:table;
clear:both;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list > li{
float:left;
margin-left:12px;
margin-top:8px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo >div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:160px;
height:120px;
background:#f5f5f5;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo >div img{
max-width:160px;
max-height:120px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo.dtl-item-sch-photo-movie >div a{
position:relative;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo.dtl-item-sch-photo-movie >div a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container.is-active .dtl-item-sch-toggle-overflow{
display:none;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container.is-active .dtl-item-sch-toggle-item{
display:block;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-overflow .dtl-item-sch-toggle-trigger{
display:block;
text-align:right;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-overflow .dtl-item-sch-toggle-trigger button{
line-height:1;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item{
display:none;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item .dtl-item-sch-toggle-trigger{
text-align:center;
margin-top:5px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item .dtl-item-sch-toggle-trigger button{
position:relative;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0 0 0 18px;
}
.modal-dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item .dtl-item-sch-toggle-trigger button::before{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-4px;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}

/* dtl-item > modal-dtl-item-inner-toggle-container
------------------------------------------------ */
.modal-dtl-item .dtl-item-inner-toggle-container.is-active .dtl-item-inner-toggle-item{
display:block;
}
.modal-dtl-item .dtl-item-inner-toggle-container.is-active .dtl-item-inner-toggle-trigger button::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.modal-dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-item{
display:none;
}
.modal-dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-trigger{
margin-top:12px;
}
.modal-dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-trigger button{
display:block;
margin:0 auto;
background:none;
padding:0;
position:relative;
border:none;
padding-left:18px;
color:var(--font-color-btn-link);
font-size:12px;
}
.modal-dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-trigger button::before{
content:"";
position:absolute;
bottom:6px;
left:0;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}

/* modal-dtl-item > dtl-item-inner-toggle-container
------------------------------------------------ */
.modal-dtl-item .dtl-item-toggle-container.is-active .dtl-item-toggle-item{
display:block;
padding-bottom:12px;
}
.modal-dtl-item .dtl-item-toggle-container.is-active .dtl-item-toggle-trigger::after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.modal-dtl-item .dtl-item-toggle-container .dtl-item-toggle-item{
display:none;
}
.modal-dtl-item .dtl-item-toggle-container .dtl-item-toggle-trigger{
margin:-12px 0;
padding:12px 0;
position:relative;
cursor:pointer;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-dtl-item .dtl-item-toggle-container .dtl-item-toggle-trigger::after{
content:"";
position:absolute;
top:50%;
margin-top:-2px;
right:0;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}

/* modal-dtl-item > modal-dtl-item-block
---------------------------------- */
.modal-dtl-item >:first-child{
border-top:none !important;
}
.modal-dtl-item .dtl-item-block{
border-top:1px solid #ccc;
padding-bottom:8px;
}
.modal-dtl-item .dtl-item-block.dtl-item-toggle-container{
padding-bottom:0;
}
.modal-dtl-item .dtl-item-block .dtl-item-inner >:first-child{
margin-top:0;
}

/* modal-agt-header
------------------------------------------------ */
.modal-agt-header{
margin-bottom:23px;

}
.modal-agt-header .modal-agt-header-sup{
text-align:right;
font-size:11px;
}
.modal-agt-header .modal-agt-header-sup > span:first-child::after{
content:":";
display:inline-block;
margin:0 3px;
}
.modal-agt-header .modal-agt-header-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
}
.modal-agt-header .modal-agt-header-row > div{
margin-top:0;
}
.modal-agt-header .modal-agt-header-row > div:first-child{
margin-right:27px;
}
.modal-agt-header .modal-agt-header-hdg{
font-size:16px;
font-weight:bold;
margin-top:3px;
}
.modal-agt-header .modal-agt-header-action .cmn-tip-btn{
margin-left:3px;
position:relative;
top:-1px;
}
.modal-agt-header .modal-agt-header-action .modal-agt-header-link{
font-size:12px;
position:relative;
color:var(--cmn-font-color-link);
}
.modal-agt-header .modal-agt-header-action .modal-agt-header-link:link,
.modal-agt-header .modal-agt-header-action .modal-agt-header-link:visited,
.modal-agt-header .modal-agt-header-action .modal-agt-header-link:hover,
.modal-agt-header .modal-agt-header-action .modal-agt-header-link:active{
color:var(--cmn-font-color-link);
}
.modal-agt-header .modal-agt-desc{
font-size:13px;
margin-top:8px;
}
.modal-agt-header .modal-agt-desc-toggle-container.is-active .modal-agt-desc-toggle-overflow{
display:none;
}
.modal-agt-header .modal-agt-desc-toggle-container.is-active .modal-agt-desc-toggle-item{
display:block;
}
.modal-agt-header .modal-agt-desc-toggle-container.is-active .modal-agt-desc-toggle-trigger{
display:none;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-overflow{
display:block;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-overflow .modal-agt-desc-toggle-trigger{
display:inline-block;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-overflow .modal-agt-desc-toggle-trigger button{
padding:0;
font-size:13px;
position:relative;
border:none;
color:#a4a4a4;
background-color:transparent;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-overflow .modal-agt-desc-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-top:-8px;
background-image:none;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-item{
display:none;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-item .modal-agt-desc-toggle-trigger{
display:block;
text-align:right;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-item .modal-agt-desc-toggle-trigger button{
color:#a4a4a4;
position:relative;
background:none;
border:none;
font-size:13px;
padding-left:18px;
}
.modal-agt-header .modal-agt-desc-toggle-container .modal-agt-desc-toggle-item .modal-agt-desc-toggle-trigger button::before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}

/* modal-review-header
------------------------------------------------ */
.modal-review-header{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.modal-review-header .modal-review-header-col >:first-child{
width:360px;
margin-right:40px;
}
.modal-review-header .modal-review-header-col >:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* modal-review-footer
------------------------------------------------ */
.modal-review-footer{
margin-top:16px;
}
.modal-review-footer .modal-review-more-btn{
display:block;
margin:0 auto;
padding:0;
min-width:350px;
height:41px;
background:none;
background-color:#fff;
border-radius:2px;
border:1px solid #c5c5c5;
-webkit-box-shadow:0px 2px 0px #ccc;
box-shadow:0px 2px 0px #ccc;
font-size:14px;
font-weight:bold;
color:var(--font-color-btn-link);
}

/* modal-review-point
------------------------------------------------ */
.modal-review-point{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-review-point .modal-review-sup{
font-size:12px;
margin-right:8px;
position:relative;
top:-2px;
white-space:nowrap;
}
.modal-review-point .modal-review-sup .cmn-tip-btn{
margin-left:4px;
}
.modal-review-point .modal-review-rank{
margin-right:16px;
white-space:nowrap;
}
.modal-review-point .modal-review-label-container{
text-align:center;
}
.modal-review-point .modal-review-label-container .modal-review-label-value{
font-size:48px;
font-family:var(--font-num);
font-weight:normal;
}
.modal-review-point .modal-review-label-container .modal-review-label-total{
display:block;
white-space:nowrap;
font-weight:normal;
font-size:14px;
position:relative;
top:-3px;
}
.modal-review-point .modal-review-label-container .modal-review-label-total .cmn-tip-btn{
margin-left:4px;
}

/* modal-review-header-row
------------------------------------------------ */
.modal-review-header-row{
border-top:1px solid #ccc;
margin-top:16px;
}

/* modal-review-sorter-list
------------------------------------------------ */
.modal-review-sorter-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.modal-review-sorter-list button{
height:35px;
background:none;
border:none;
padding:0 5px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.modal-review-sorter-list >li:not(:first-child){
margin-left:20px;
}
.modal-review-sorter-list >li.is-active button{
border-bottom:2px solid #333;
font-weight:bold;
}

/* modal-review-score
------------------------------------------------ */
.modal-review-score > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;

}
.modal-review-score > li.modal-review-score-na .modal-review-score-sup,
.modal-review-score > li.modal-review-score-na .modal-review-score-number{
color:#ccc;
}
.modal-review-score > li .modal-review-score-sup{
white-space:nowrap;
font-size:11px;
width:60px;
}
.modal-review-score > li .modal-review-score-number{
white-space:nowrap;
font-size:11px;
width:38px;
text-align:right;
}
.modal-review-score > li .modal-review-score-bar{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:0;
margin:0 15px 0 17px;
}
.modal-review-score .modal-review-score-bar-bg{
position:relative;
background-color:#ededed;
display:inline-block;
width:100%;
height:6px;
border-radius:6px;
}
.modal-review-score .modal-review-score-bar-bg .modal-review-score-bar-value{
position:absolute;
display:inline-block;
height:0;
padding-top:6px;
border-radius:6px;
overflow:hidden;
line-height:2;
background-color:#338cd5;
}

/* modal-review-card
------------------------------------------------ */
.modal-review-card{
padding:20px;
border-radius:6px;
background:#fff;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.modal-review-card-add{
margin-top:-6px;
margin-bottom:12px;
}
.modal-review-card-add .modal-review-total{
font-size:12px;
}
.modal-review-card-list > li{
padding:20px;
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.modal-review-card-list > li:not(:first-child){
margin-top:15px;
}
.modal-review-card-header{
font-size:12px;
}
.modal-review-card-header .modal-review-card-date{
white-space:nowrap;
font-size:12px;
display:inline-block;
margin-right:9px;
}
.modal-review-card-header .modal-review-card-pickup{
display:inline-block;
font-size:12px;
color:#a4a4a4;
}
.modal-review-card-header .modal-review-card-name{
display:inline-block;
font-size:12px;
margin-right:20px;
}
.modal-review-card-header .modal-review-card-score{
display:inline-block;
font-size:12px;
}
.modal-review-card-header .modal-review-card-score .modal-review-card-score-sup{
display:inline-block;
}
.modal-review-card-header .modal-review-card-score .modal-review-card-score-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}
.modal-review-card-header .modal-review-card-score .modal-review-card-score-mark{
margin-right:8px;
}
.modal-review-card-header .modal-review-card-score .modal-review-card-score-point{
display:inline-block;
}
.modal-review-card-header .modal-review-card-score .modal-review-card-score-point > li{
display:inline-block;
}
.modal-review-card-header .modal-review-card-score .modal-review-card-score-point > li:not(:first-child)::before{
content:"/";
margin-right:3px;
display:inline-block;
}
.modal-review-card-comment{
margin-top:8px;
}
.modal-review-card-comment .modal-review-card-comment-hdg{
font-size:14px;
font-weight:bold;
}
.modal-review-card-comment .modal-review-card-comment-plan{
font-size:14px;
margin-top:5px;
}
.modal-review-card-comment .modal-review-card-comment-plan a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.modal-review-card-comment .modal-review-card-comment-desc{
font-size:14px;
margin-top:5px;
}
.modal-review-card-info{
margin-top:4px;
}
.modal-review-card-info-time-list > li{
font-size:12px;
}
.modal-review-card-info-time-list > li > div{
display:inline;
}
.modal-review-card-info-time-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
width:54px;
padding-right:10px;
}
.modal-review-card-info-time-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:2px;
content:":";
display:inline-block;
}
.modal-review-card-info-list{
display:block;
line-height:1.2;
}
.modal-review-card-info-list > li{
display:inline-block;
font-size:12px;
}
.modal-review-card-info-list > li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.modal-review-card-info-list > li > div{
display:inline;
}
.modal-review-card-info-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
padding-right:10px;
}
.modal-review-card-info-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:3px;
content:":";
display:inline-block;
}
.modal-review-card-info-list > li > div > ul{
display:inline;
}
.modal-review-card-info-list > li > div > ul > li{
display:inline-block;
}
.modal-review-card-info-list > li > div > ul > li::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.modal-review-card-reply{
margin-top:16px;
background-color:#f5f5f5;
border-radius:4px;
padding:10px;
}
.modal-review-card-reply .modal-review-card-reply-hdg{
font-size:12px;
font-weight:normal;
}
.modal-review-card-reply .modal-review-card-reply-desc{
font-size:12px;
margin-top:8px;
}
.modal-review-card-reply .modal-review-card-reply-desc .modal-review-card-reply-sup{
display:block;
}
.modal-review-card-slide{
position:relative;
margin-top:16px;

}
.modal-review-card-slide:hover .swiper-button-prev,
.modal-review-card-slide:hover .swiper-button-next{
display:block;
}
/* for large photos */
.modal-review-card-slide .modal-review-card-photo-container{
margin-top:-4px;
}
.modal-review-card-slide .modal-review-card-photo-container .modal-review-card-photo-close{
text-align:right;
margin-top:12px;
}
.modal-review-card-slide .modal-review-card-photo-container .modal-review-card-photo-close button{
background:none;
border:none;
color:var(--cmn-font-color-base);
}
.modal-review-card-slide .modal-review-card-photo-container .modal-review-card-photo-close button::before{
content:"";
position:relative;
top:-2px;
margin-right:4px;
display:inline-block;
width:11px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 7px;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-slide{
margin-top:20px;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie{
position:relative;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-33px;
margin-top:-33px;
display:block;
width:66px;
height:66px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played a{
display:none;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played::after{
display:none;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item{
display:block;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item iframe{
display:block;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item{
display:none;
position:relative;
width:480px;
height:360px;
margin:0 auto;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item iframe{
display:none;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border:none;

}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:481px;
height:auto;
margin:0 auto;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-thumb img{
width:481px;
height:auto;
max-height:100%;
max-width:100%;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-caption{
font-size:12px;
width:481px;
margin-left:auto;
margin-right:auto;
overflow:visible;
word-break:break-all;
white-space:pre-wrap;
}
.modal-review-card-slide .modal-review-card-photo-container .swiper-caption br{
display:inline;
}
.modal-review-card-slide .swiper-container{
width:100%;
margin:0 auto;
}
.modal-review-card-slide .swiper-total{
height:22px;
bottom:18px;
right:8px;
font-size:14px;
font-family:var(--font-num);
position:absolute;
background-color:rgba(0,0,0,.5);
border-radius:3px;
padding:4px 20px 4px 4px;
display:block;
color:#fff;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
}
.modal-review-card-slide .swiper-total::after{
content:"";
display:block;
position:absolute;
width:13px;
height:10px;
background:url(/element/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
top:6px;
right:4px;
line-height:1;
}
.modal-review-card-slide .swiper-button-prev,
.modal-review-card-slide .swiper-button-next{
display:none;
margin-top:-40px;
width:29px;
height:50px;
background:none;
background-color:rgba(0,0,0,.5);
}
.modal-review-card-slide .swiper-button-prev.swiper-button-disabled,.modal-review-card-slide .swiper-button-next.swiper-button-disabled{
display:none;
}
.modal-review-card-slide .swiper-button-prev::after,.modal-review-card-slide .swiper-button-next::after{
content:"";
display:block;
position:absolute;
top:50%;
margin-top:-11px;
width:12px;
height:0;
padding-top:24px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
background-size:12px auto;
-webkit-filter:drop-shadow(0px 1px 0px rgba(0, 0, 0, .5));
filter:drop-shadow(0px 1px 0px rgba(0, 0, 0, .5));
line-height:2;
}
.modal-review-card-slide .swiper-button-prev{
left:0;
border-radius:0 4px 4px 0;
}
.modal-review-card-slide .swiper-button-prev::after{
background-image:url(/element/j_optional_v2/shared/images/icon-slider-prev.svg);
left:8px;
}
.modal-review-card-slide .swiper-button-next{
right:0;
border-radius:4px 0 0 4px;
}
.modal-review-card-slide .swiper-button-next::after{
background-image:url(/element/j_optional_v2/shared/images/icon-slider-next.svg);
right:8px;
}
.modal-review-card-slide .swiper-slide{
text-align:center;
font-size:18px;
}
.modal-review-card-slide .swiper-slide > a{
display:block;
}
.modal-review-card-slide .swiper-thumb{
width:100%;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie{
position:relative;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played a{
display:none;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played::after{
display:none;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item{
display:block;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item iframe{
display:block;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item{
display:none;
position:relative;
width:100%;
height:180px;
}
.modal-review-card-slide .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item iframe{
display:none;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border:none;

}
.modal-review-card-slide .swiper-thumb span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
height:180px;
background-color:#f2f2f2;
}
.modal-review-card-slide .swiper-thumb img{
/* max-width: 100%; */
max-width:231px;
max-height:180px;
vertical-align:middle;
}
.modal-review-card-slide .swiper-caption{
display:block;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:4px;
color:var(--cmn-font-color-base);
text-align:left;
}
.modal-review-card-slide .swiper-caption br{
display:none;
}
.modal-review-card-slide .swiper-caption a{
color:var(--font-color-btn-link);
}

/* modal-photo-slide
------------------------------------------------ */
body.modal-photo-slide-active{
position:fixed;
height:100vh;
width:100%;
overflow-y:hidden;
}

/*
modal-photo-slide > error-box
modal-photo-slide > loading-box
---------------------------------- */
.modal-photo-slide .error-box{
margin-top:200px;
}
.modal-photo-slide .error-box .error-wording{
text-align:center;
font-size:17px;
}
.modal-photo-slide .error-box .error-message{
margin-top:17px;
text-align:center;
font-size:13px;
}
.modal-photo-slide .error-box .error-action{
margin-top:33px;
text-align:center;
}
.modal-photo-slide .error-box .error-action .error-action-btn{
padding:8px 25px 9px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}
.modal-photo-slide .loading-box{
margin-top:200px;
}

/* modal-photo-slide > modal-photo-slide-inner
---------------------------------- */
.modal-photo-slide{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:1001;
color:#fff;
background:#000;
}
.modal-photo-slide .modal-photo-slide-inner{
background:#000;
max-width:1200px;
height:100%;
margin:0 auto;
padding:36px 0 30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.modal-photo-slide .modal-photo-slide-inner .modal-photo-slide-close button{
position:absolute;
right:22px;
top:20px;
display:block;
width:45px;
height:0;
padding-top:45px;
line-height:2;
overflow:hidden;
background:none;
border:none;
background:#000 url(/element/j_optional_v2/shared/images/icon-slider-close.svg) center center no-repeat;
background-size:28px 28px;
}

/* modal-photo-slide > modal-review-photo-slide
---------------------------------- */
.modal-photo-slide .modal-review-photo-slide{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;

/* this height base */
max-height:820px;
padding:0 10px;
}

/* modal-photo-slide > swiper-main-hdg
---------------------------------- */
.modal-photo-slide .swiper-main-hdg{
max-width:800px;
min-height:24px;
font-size:16px;
font-weight:bold;
margin:0 auto;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* modal-photo-slide > swiper-main-container
---------------------------------- */
.modal-photo-slide .swiper-main-container{
max-width:800px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 80px;
position:absolute;
top:0;
left:16%;
right:16%;
cursor:pointer;
}
.modal-photo-slide .swiper-main-container .error-box{
margin-top:176px;
}
.modal-photo-slide .swiper-main-container .loading-box{
margin-top:176px;
}

/* modal-photo-slide > swiper-main-header
---------------------------------- */
.modal-photo-slide .swiper-main-header{
margin-bottom:24px;

}
.modal-photo-slide .swiper-main-header .modal-main-header-row{
margin:0 -80px 34px;
}
.modal-photo-slide .swiper-main-header .modal-main-sorter-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #fff;
font-size:12px;
}
.modal-photo-slide .swiper-main-header .modal-main-sorter-list button{
color:#fff;
min-height:35px;
background:none;
border:none;
padding:0 30px 3px;
font-size:13px;
margin-bottom:0;
}
.modal-photo-slide .swiper-main-header .modal-main-sorter-list button >span{
display:inline-block;
}
.modal-photo-slide .swiper-main-header .modal-main-sorter-list >li:not(:first-child){
margin-left:20px;
}
.modal-photo-slide .swiper-main-header .modal-main-sorter-list >li.is-active button{
border-bottom:4px solid #fff;
font-weight:bold;
}

/* modal-photo-slide > swiper-main
---------------------------------- */
.modal-photo-slide .swiper-main{
overflow:hidden;
position:relative;
}
.modal-photo-slide .swiper-slide{
position:relative;
overflow:hidden;
}
.modal-photo-slide .swiper-slide.swiper-slide-prev .swiper-main-desc,.modal-photo-slide .swiper-slide.swiper-slide-next .swiper-main-desc{
z-index:-1;
}
.modal-photo-slide .swiper-slide .swiper-main-caption{
position:absolute;
bottom:0;
left:8px;
z-index:1;
font-size:12px;
color:rgba(255,255,255,.6);
}
.modal-photo-slide .swiper-slide .swiper-main-caption a{
color:rgba(255,255,255,.6);
}
.modal-photo-slide .swiper-slide .swiper-main-caption a:link,
.modal-photo-slide .swiper-slide .swiper-main-caption a:visited,
.modal-photo-slide .swiper-slide .swiper-main-caption a:hover,
.modal-photo-slide .swiper-slide .swiper-main-caption a:active{
text-decoration:none;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span{
/* this height setting from JS */
height:480px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span::after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:50px;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
opacity:.5;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span img{
position:absolute;
max-height:100%;
max-width:100%;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-item{
position:absolute;
top:0;
right:50%;
overflow:hidden;
margin:0 auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:translate(50%,0);
transform:translate(50%,0);
height:100%;
width:100%;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-movie{
position:relative;
height:100%;
width:100%;
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;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-movie.is-played .swiper-main-movie-item iframe{
display:block;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-movie.is-played .swiper-main-movie-thumb{
display:none;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-movie .swiper-main-movie-item iframe{
border:none;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border:none;
display:none;
}
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-movie .swiper-main-movie-thumb{

/* & img{
              height: 100%;
              width:auto;
              margin:0 auto;
              display: block;
            } */
}
/* position:relative;
            vertical-align: middle;
            height: 100%;
            width: 100%;
            max-width:100%; */
.modal-photo-slide .swiper-slide .swiper-main-image >span .swiper-main-movie .swiper-main-movie-thumb::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-33px;
margin-top:-33px;
display:block;
width:66px;
height:66px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.modal-photo-slide .swiper-slide .swiper-main-desc{
height:92px;
}
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-main-desc-inner{
padding-right:8px;
margin:12px 0 0;
font-size:12px;
max-height:52px;
width:100%;
overflow-y:scroll;
word-break:break-all;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer{
position:absolute;
bottom:0;
right:0;
min-height:28px;
line-height:1.2;
}
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer .swiper-desc-provider{
text-align:right;
font-size:12px;
color:#fff;
}
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer .swiper-desc-provider a{
display:block;
text-decoration:underline;
}
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer .swiper-desc-provider a:link,
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer .swiper-desc-provider a:visited,
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer .swiper-desc-provider a:hover,
.modal-photo-slide .swiper-slide .swiper-main-desc .swiper-desc-footer .swiper-desc-provider a:active{
color:#fff;
}

/* modal-photo-slide > swiper-pagination
---------------------------------- */
.modal-photo-slide .swiper-pagination{
position:relative;
font-size:12px;
font-family:var(--font-num);
height:14px;
display:block;
left:auto;
bottom:auto;
width:4em;
margin:-28px auto 0;
}

/* modal-photo-slide > swiper-pagination
---------------------------------- */
.modal-photo-slide .swiper-button-prev,
.modal-photo-slide .swiper-button-next{
position:absolute;
top:50%;
margin-top:-24px;
bottom:0;
width:48px;
height:48px;
background-color:#333;
border-radius:50%;
background-size:12px 24px;
}
.modal-photo-slide .swiper-button-prev.swiper-button-disabled,.modal-photo-slide .swiper-button-next.swiper-button-disabled{
display:none;
}
.modal-photo-slide .swiper-button-prev{
left:0;
background-image:url(/element/j_optional_v2/shared/images/icon-slider-prev.svg);
background-position:48% center;
}
.modal-photo-slide .swiper-button-next{
right:0;
background-image:url(/element/j_optional_v2/shared/images/icon-slider-next.svg);
background-position:52% center;
}

/* modal-photo-slide > swiper-thumb-container
---------------------------------- */
.modal-photo-slide .swiper-thumb-container{
position:absolute;
left:16%;
right:16%;
bottom:0;
max-width:800px;
}
.modal-photo-slide .swiper-thumb-container:hover .swiper-thumb-button-prev,
.modal-photo-slide .swiper-thumb-container:hover .swiper-thumb-button-next{
display:block;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide{
cursor:pointer;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:90px;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image.swiper-thumb-image-movie > span{
position:relative;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image.swiper-thumb-image-movie > span::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-14px;
margin-top:-14px;
display:block;
width:28px;
height:28px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image >span{
display:inline-block;
width:100%;
text-align:center;
vertical-align:middle;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image >span > img{
max-width:100%;
max-height:80px;
vertical-align:top;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-caption{
font-size:11px;
margin-top:7px;
min-height:70px;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-caption .swiper-thumb-caption-clamp{
font-family:var(--font-num);
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb-button-prev,
.modal-photo-slide .swiper-thumb-container .swiper-thumb-button-next{
display:none;
position:absolute;
top:0;
width:20px;
height:100%;
z-index:1;
cursor:pointer;
background-repeat:no-repeat;
background-color:#333;
background-size:6px 12px;
background-position:center center;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb-button-prev.swiper-button-disabled,.modal-photo-slide .swiper-thumb-container .swiper-thumb-button-next.swiper-button-disabled{
display:none;
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb-button-prev{
left:-20px;
background-image:url(/element/j_optional_v2/shared/images/icon-slider-thumb-prev.svg);
}
.modal-photo-slide .swiper-thumb-container .swiper-thumb-button-next{
right:-20px;
background-image:url(/element/j_optional_v2/shared/images/icon-slider-thumb-next.svg);
}

/* safari hack
------------------------------------------------ */
_::-webkit-full-page-media,
_:future,
:root .modal-photo-slide .modal-review-photo-slide .swiper-main-container .swiper-main .swiper-slide .swiper-main-image >span > img{
position:absolute;
}

@media screen and (max-width: 1280px){
.modal-photo-slide .modal-review-photo-slide{
max-height:765px;
}
.modal-photo-slide .modal-review-photo-slide .swiper-main-container .swiper-main .swiper-slide .swiper-main-desc{
height:92px;
}
.modal-photo-slide .modal-review-photo-slide .swiper-main-container .swiper-main .swiper-slide .swiper-main-desc .swiper-main-desc-inner{
max-height:52px;
}
.modal-photo-slide .modal-review-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image,
.modal-photo-slide .modal-review-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image >span >img{
height:60px;
}
.modal-photo-slide .modal-review-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image.swiper-thumb-image-movie >span::after{
margin-left:-11px;
margin-top:-11px;
width:22px;
height:22px;
}
}

@media screen and (max-width: 1024px){
.modal-photo-slide .modal-review-photo-slide{
max-height:765px;
}
}

@media screen and (max-width: 800px){
.modal-photo-slide .modal-review-photo-slide .swiper-main-container{
left:10%;
right:10%;
}
.modal-photo-slide .modal-review-photo-slide .swiper-thumb-container{
left:10%;
right:10%;
}
.modal-photo-slide .modal-review-photo-slide{
max-height:670px;
}
.modal-photo-slide .modal-review-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image,
.modal-photo-slide .modal-review-photo-slide .swiper-thumb-container .swiper-thumb .swiper-slide .swiper-thumb-image >span >img{
height:50px;
}
}

@media screen and (max-width: 640px){
.modal-photo-slide .modal-review-photo-slide .swiper-main-container{
max-height:600px;
}
}

/* modal-course-select
------------------------------------------------ */
.cmn-modal-select.modal-course-select .modal-hdg-sup{
font-weight:normal;
font-size:15px;
}
.cmn-modal-select.modal-course-select .cmn-modal-item{
padding-bottom:0;
}
.cmn-modal-select.modal-course-select .modal-course-select-inner{
overflow-y:scroll;
min-height:200px;
max-height:524px;
margin:-20px -20px 0;
padding:20px 11px 0 30px;
display:block;
}
.cmn-modal-select.modal-course-select .modal-course-select-inner::after{
content:"";
display:block;
height:20px;
}

/* modal-select-agt
---------------------------------- */
.cmn-modal-select.modal-select-agt{
width:400px;
}
.cmn-modal-select.modal-select-agt .cmn-modal-item{
overflow-y:scroll;
}
.cmn-modal-select.modal-select-agt .cmn-modal-hdg-container{
padding-right:30px;
}
.cmn-modal-select.modal-select-agt .cmn-modal-hdg-container .cmn-modal-hdg{
display:inline-block;
}
.cmn-modal-select.modal-select-agt .cmn-modal-hdg-container .cmn-modal-hdg-sup{
right:20px;
}
.cmn-modal-select.modal-select-agt .cmn-modal-hdg-container .modal-select-hdg-clear-btn{
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.cmn-modal-select.modal-select-agt .cmn-modal-btn{
display:inline-block;
height:39px;
padding:6px 24px;
line-height:1;
}
.cmn-modal-select.modal-select-agt label{
font-size:14px;
display:inline-block;
position:relative;
padding-left:18px;
}
.cmn-modal-select.modal-select-agt label input{
position:absolute;
left:0;
top:3px;
}
.cmn-modal-select.modal-select-agt label .modal-select-list-cnt{
font-size:11px;
margin-left:8px;
}
.cmn-modal-select.modal-select-agt label.is-disabled{
opacity:.25;
}
.cmn-modal-select.modal-select-agt .modal-select-list{
margin:0;
}
.cmn-modal-select.modal-select-agt .modal-select-list > li{
position:relative;
word-break:break-all;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
}
.cmn-modal-select.modal-select-agt .modal-select-list > li:not(:first-child){
margin-top:8px;
}

/* modal-select-time
---------------------------------- */
.cmn-modal-select.modal-select-time{
width:460px;
}
.cmn-modal-select.modal-select-time .cmn-modal-item{
overflow-y:scroll;
}
.cmn-modal-select.modal-select-time .cmn-modal-hdg-container{
padding-right:30px;
}
.cmn-modal-select.modal-select-time .cmn-modal-hdg-container .cmn-modal-hdg{
display:inline-block;
}
.cmn-modal-select.modal-select-time .cmn-modal-hdg-container .cmn-modal-hdg-sup{
right:20px;
}
.cmn-modal-select.modal-select-time .cmn-modal-hdg-container .modal-select-hdg-clear-btn{
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.cmn-modal-select.modal-select-time .cmn-modal-btn{
display:inline-block;
height:39px;
padding:6px 24px;
line-height:1;
}
.cmn-modal-select.modal-select-time label{
display:inline-block;
position:relative;
padding-left:18px;
font-size:14px;
}
.cmn-modal-select.modal-select-time label input{
position:absolute;
left:0;
top:3px;
}
.cmn-modal-select.modal-select-time label .modal-select-list-cnt{
font-size:11px;
margin-left:8px;
}
.cmn-modal-select.modal-select-time label.is-disabled{
opacity:.25;
}
.cmn-modal-select.modal-select-time .modal-select-list{
font-size:13px;
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.cmn-modal-select.modal-select-time .modal-select-list > li{
width:50%;
position:relative;
word-break:break-all;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:8px;
}
.cmn-modal-select.modal-select-time .modal-select-list > li:first-child{
margin-top:0;
}
.cmn-modal-select.modal-select-time .modal-select-list > li:nth-child(2){
margin-top:0;
}

/* modal-map-spot
---------------------------------- */
.cmn-modal-select.modal-map-spot{
width:760px;
}
.cmn-modal-select.modal-map-spot .cmn-modal-item{
overflow-y:auto;
max-height:calc(100vh - 400px);
}

/* modal-tools-selector-container
------------------------------------------------ */
.modal-tools-selector-list >li{
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
position:relative;
}
.modal-tools-selector-list >li:not(:first-child){
margin-top:16px;
}
.modal-tools-selector-list >li a{
display:block;
position:relative;
padding:20px 47px 20px 20px;
color:var(--cmn-font-color-base);
}
.modal-tools-selector-list >li a:link,
.modal-tools-selector-list >li a:visited,
.modal-tools-selector-list >li a:hover,
.modal-tools-selector-list >li a:active{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.modal-tools-selector-list >li a.is-visited .dtl-plan-item-hdg,.modal-tools-selector-list >li a:visited .dtl-plan-item-hdg{
color:var(--font-color-btn-link-visited);
}
.modal-tools-selector-list >li a::after{
content:"";
position:absolute;
right:20px;
top:50%;
margin-top:-4px;
display:block;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-hdg{
display:block;
font-size:14px;
line-height:calc(19 / 14);
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-price-container{
margin-top:4px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-sup{
display:block;
font-size:12px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price{
display:block;
font-size:12px;
margin-top:2px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price .mod-num{
font-size:18px;
font-weight:bold;
font-family:Arial;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-tax{
font-size:12px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin-top:4px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-req{
font-size:12px;
margin-right:12px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-req > span:first-child{
display:inline-block;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-time.svg) 0 0 no-repeat;
background-size:11px;
margin-right:4px;
position:relative;
top:1px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-age{
font-size:12px;
}
.modal-tools-selector-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-age > span:first-child{
display:inline-block;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-age.svg) 0 0 no-repeat;
background-size:7px 12px;
margin-right:4px;
position:relative;
top:1px;
}

/* -------------------------------------------------
 Hdg
-----------------------------------------------------*/
/* hdg-l2-01
------------------------------------------------ */
.hdg-l2-01-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:10px;
}
.hdg-l2-01-container .hdg-l2-01{
margin-bottom:0;
}
.hdg-l2-01-container .hdg-l2-01-notes{
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
}
.hdg-l2-01-container .hdg-l2-notes{
display:inline-block;
margin-left:5px;
padding-left:14px;
position:relative;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.hdg-l2-01-container .hdg-l2-notes:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.hdg-l2-01-container .card-item-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
margin-left:auto;
}
.hdg-l2-01-container .card-item-more::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.hdg-l2-01{
display:inline-block;
color:var(--cmn-font-color-base);
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

/* hdg-l2-02
------------------------------------------------ */
.hdg-l2-02{
margin:0 -10px 25px;
padding:10px 20px;
min-height:48px;
background-color:#333;
color:#fff;
font-size:18px;
font-weight:bold;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.hdg-l3{
font-size:17px;
position:relative;
padding:6px 13px 5px;
margin:30px 0 20px;
color:var(--cmn-font-color-base);
background-color:#f7f7f7;
border-bottom:1px solid #d7d7d7;
}

/* item-meeting-hdg
------------------------------------------------ */
.item-meeting-hdg{
font-size:12px;
font-weight:normal;
}
.item-meeting-hdg:before{
content:"\003c";
}
.item-meeting-hdg:after{
content:"\003e";
}

/* -------------------------------------------------
 List
-----------------------------------------------------*/
/* .nav-top
----------------------------------------------- */
.nav-top{
margin-top:10px;
text-align:right;
font-size:12px;
}
.nav-top a{
padding-left:15px;
color:var(--font-color-btn-link);
display:inline-block;
position:relative;
position:relative;
}
.nav-top a:before{
content:"";
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:0 5px 5px 5px;
border-color:transparent transparent #555 transparent;
border-style:solid;
top:.5em;
left:0;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal{
margin:30px 0 -20px;
}
.nav-internal > li{
margin-right:10px;
padding-right:12px;
min-width:5em;
border-right:1px solid #ccc;
text-align:center;
display:inline-block;
}
.nav-internal > li a{
color:var(--font-color-btn-link);
display:block;
}
.nav-internal > li:last-child{
border-right:none;
}

/* list-bullet
------------------------------------------------ */
.list-bullet > li{
font-size:12px;
font-weight:normal;
}
.list-bullet > li:before{
position:relative;
display:inline-block;
overflow:hidden;
width:auto;
height:auto;
content:"\30fb";
vertical-align:middle;
}

/* -------------------------------------------------
 Button
-----------------------------------------------------*/
/* btn-more
------------------------------------------------ */
.btn-more{
margin-top:10px;
text-align:right;
font-size:12px;
}
.btn-more a,
.btn-more a:link,
.btn-more a:visited,
.btn-more a:hover,
.btn-more a:active{
position:relative;
padding-left:13px;
font-size:12px;
color:var(--font-color-btn-link);
}
.btn-more a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* narrow-all-reset
------------------------------------------------ */
.narrow-all-reset{
padding:0 3px;
font-size:11px;
color:var(--font-color-btn-link);
background-color:#fff;
border-radius:3px;
border:1px solid #b6b5b5;
height:20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.narrow-all-reset:link,
.narrow-all-reset:visited,
.narrow-all-reset:hover,
.narrow-all-reset:active{
color:var(--font-color-btn-link);
text-decoration:none;
}

/* -------------------------------------------------
 Link
-----------------------------------------------------*/
/* link-arrow-02
------------------------------------------------ */
.link-arrow{
position:relative;
display:inline-block;
padding-left:10px;
}
.link-arrow:before{
content:"";
position:absolute;
left:0;
top:6px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}

/* link-arrow-02
------------------------------------------------ */
.link-arrow-02{
cursor:pointer;
color:var(--cmn-font-color-link);
}
.link-arrow-02:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
.link-arrow-02:link{
color:var(--cmn-font-color-link);
text-decoration:none;
}
.link-arrow-02:visited{
color:var(--cmn-font-color-link);
text-decoration:none;
}
.link-arrow-02:active{
color:var(--cmn-font-color-link);
text-decoration:underline;
}

/* .menu-header-container
------------------------------------------------ */
.menu-header-container{
padding:12px 20px 12px;
margin-bottom:20px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.menu-header-container .menu-header-btn{
padding:0 18px 0 8px;
border:none;
border-radius:3px;
color:#333;
position:absolute;
top:20px;
left:185px;
height:24px;
-webkit-box-shadow:0 1px 0 rgb(0 0 0 / 30%);
box-shadow:0 1px 0 rgb(0 0 0 / 30%);
background-color:#fff;
font-size:13px;
text-align:left;
font-family:Arial;
}
.menu-header-container .menu-header-btn::after{
margin:auto 0;
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
right:10px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.menu-header-container .menu-header-btn b{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.menu-header-container .menu-header{
display:block;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
font-size:30px;
line-height:1.25;
}
.menu-header-container .menu-header a,
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:active{
color:#fff;
text-decoration:none;
}
.menu-header-container .menu-header-list{
font-size:14px;
margin:8px 0;
line-height:1.45;
}
.menu-header-container .menu-header-list li span{
display:inline-block;
margin-left:10px;
font-size:11px;
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin:8px 0;
line-height:1.45;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
top:22px;
right:20px;
font-size:12px;
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}
.menu-header-container .menu-header-link{
position:absolute;
right:25px;
top:55px;
}
.menu-header-container .menu-header-link a,
.menu-header-container .menu-header-link:link,
.menu-header-container .menu-header-link:visited,
.menu-header-container .menu-header-link:hover,
.menu-header-container .menu-header-link:active{
color:#fff;
}
.menu-header-container .menu-header-link a:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #fff;
border-right:1px solid #fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
.menu-header-container .menu-header-agt-sup{
position:absolute;
bottom:16px;
left:30px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
width:160px;
z-index:1;
}
.menu-header-container .menu-header-agt-sup .menu-header-agt-num{
display:inline-block;
font-family:var(--font-num);
margin:0 3px;
}
.menu-header-container .menu-header-agt{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
margin-top:3px;
padding:0 10px 0 178px;
background-color:#fff;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:0;
overflow:hidden;
}
.menu-header-container .menu-header-agt:after{
display:none;
position:absolute;
top:1px;
right:8px;
color:var(--cmn-font-color-base);
content:"...";
vertical-align:middle;
font-weight:bold;
font-size:16px;
margin-left:auto;
}
.menu-header-container .menu-header-agt > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:0;
height:30px;
}
.menu-header-container .menu-header-agt > li a{
display:block;
}
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
position:absolute;
top:16px;
right:20px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:not(:first-child){
border-left:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}

/* .panel
------------------------------------------------ */
.panel{
margin-top:25px;
padding:20px 20px 20px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .35);
box-shadow:0 1px 2px rgba(0, 0, 0, .35);
background-color:#fff;
border-top:1px solid #e1e1e1;
}
.panel .panel-hdg{
margin-bottom:15px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:17px;
}
.panel .panel-hdg-01{
font-size:14px;
margin-bottom:10px;
}
.panel .panel-hdg-01.panel-hdg-branch{
font-size:14px;
padding-top:15px;
margin-bottom:0;
border-top:1px solid #d7d7d7;
}

/* .form-search-index
------------------------------------------------ */
.form-search-index{
margin-top:-20px;
padding:0 20px 25px;
background-color:rgba(16, 92, 169, .6);
}
.form-search-index .form-search-index-inner{
padding:8px 20px 20px;
position:relative;
background-color:#f6f6f6;
}
.form-search-index .form-search-index-hdg{
padding:2px 5px 1px 10px;
color:#fff;
display:table;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background-color:#015eaa;
border-radius:2px 0 0 2px;
}
.form-search-index .form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
}
.form-search-index .form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:50%;
margin-top:-7px;
right:5px;
}
.form-search-index .form-search-index-item-col{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:12px;
}
.form-search-index .form-search-index-item-col .form-search-index-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-right:16px;
}
.form-search-index .form-search-index-item-col .form-search-index-item:first-child{
width:355px;
}
.form-search-index .form-search-index-item-col .form-search-index-item:nth-child(2){
width:347px;
}
.form-search-index .form-search-index-item-col .form-search-index-item:last-child{
margin-right:0;
}
.form-search-index .form-search-index-item-col .form-search-index-item.search-area .suggest{
min-width:350px;
}
.form-search-index .form-search-index-item-col .form-search-index-item.search-theme .form-search-btn{
width:271px;
overflow:hidden;
text-overflow:ellipsis;
}
.form-search-index .form-search-index-item-col .form-search-index-item .form-search-index-item-cell{
position:relative;
height:34px;
}
.form-search-index .form-search-index-item-col .form-search-index-item .form-search-index-item-cell:first-child{
width:76px;
}
.form-search-index .form-search-index-item-col .form-search-index-item .form-search-index-item-cell:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-index .form-search-index-item-col .form-search-index-item .form-search-index-item-cell:last-child:before{
content:"";
display:block;
width:2px;
height:34px;
overflow:hidden;
position:absolute;
top:0;
left:-1px;
z-index:1;
background-color:#015eaa;
}
.form-search-index .form-search-index-notes{
margin-top:8px;
}
.form-search-index .form-search-index-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.form-search-index .form-search-index-notes > li:not(:first-child){
margin-top:4px;
}
.form-search-index .form-search-index-btn-reset{
position:absolute;
top:0;
right:0;
padding:3px 10px 3px 26px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#bbb;
color:var(--font-color-btn-link);
background-color:transparent;
font-size:11px;
height:23px;
}
.form-search-index .form-search-index-btn-reset:before{
overflow:hidden;
display:block;
position:absolute;
top:0;
bottom:0;
left:10px;
margin:auto 0;
width:8px;
height:8px;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
background-size:8px;
content:"";
}
.form-search-index select{
height:34px;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index input[type="text"]{
padding:5px 8px;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:34px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
font-size:12px;
}
.form-search-index input[type="search"]{
padding:5px 8px;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:32px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
font-size:12px;
}
.form-search-index input[type="checkbox"]{
margin-right:4px;
}
.form-search-index .form-search-btn{
background:none;
background-color:#fff;
color:var(--cmn-font-color-base);
position:relative;
display:block;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
padding:6px 8px;
border:1px solid #bebebe;
border-radius:1px;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
font-size:12px;
}
.form-search-index .form-search-btn span{
display:block;
text-overflow:ellipsis;
overflow:hidden;
}
.form-search-index .is-unselected .form-search-btn{
padding-right:17px;
color:var(--font-color-placeholder);
}
.form-search-index .is-unselected .form-search-btn::before{
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
right:7px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-index .is-unselected .form-search-date-btn{
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-date{
position:relative;
display:inline-block;
vertical-align:middle;
font-size:12px;
}
.form-search-index .form-search-date input[type="text"]{
width:190px;
padding-right:27px;
font-size:12px;
}
.form-search-index .form-search-date img{
position:absolute;
top:5px;
right:9px;
}
.form-search-index .form-search-date-btn{
display:inline-block;
padding:0 30px 0 8px;
border:1px solid #bebebe;
width:171px;
height:34px;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 96% 4px no-repeat;
text-align:left;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-date-option{
display:inline-block;
position:relative;
margin-left:auto;
}
.form-search-index .form-search-date-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 4px;
}
.form-search-index .form-search-date-btn-list button{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:4px 0 0;
margin:0;
background-color:#fff;
border:1px solid #bebebe;
width:48px;
height:27px;
border-radius:4px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-keyword{
border:1px solid #bebebe;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
padding-right:16px;
height:34px;
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-index .form-search-keyword input[type="search"]{
border:none;
font-size:12px;
}
.form-search-index .form-search-keyword .form-search-keyword-clear{
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:17px;
height:30px;
overflow:hidden;
position:absolute;
top:0;
right:-16px;
cursor:pointer;
background:#fff url(/element/shared/images/icon/icon-reset-line.svg) 5px center no-repeat;
background-size:7px 7px;
}
.form-search-index .form-search-keyword .form-search-keyword-clear span{
visibility:hidden;
}
.form-search-index .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:7.5em;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
position:absolute;
top:-6px;
}
.form-search-index .form-search-index-exec-btn:active,
.form-search-index .form-search-index-exec-btn:hover,
.form-search-index .form-search-index-exec-btn:focus{
background-color:#67a700;
}

/* form-search for list page
------------------------------------------------ */
.form-search{
margin-bottom:16px;
margin-top:-20px;
padding:12px 20px 20px;
position:relative;
background-color:#ededed;
}
.form-search .form-search-index-btn-reset{
position:absolute;
top:0;
right:0;
padding:3px 10px 3px 26px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#bbb;
color:var(--font-color-btn-link);
background-color:transparent;
font-size:11px;
height:23px;
}
.form-search .form-search-index-btn-reset:before{
overflow:hidden;
display:block;
position:absolute;
top:0;
bottom:0;
left:10px;
margin:auto 0;
width:8px;
height:8px;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
background-size:8px;
content:"";
}
.form-search .form-search-hdg-l1{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:16px;
line-height:1.25;
margin-bottom:12px;
padding-right:150px;
}
.form-search .form-search-index-hdg{
color:#555;
font-size:11px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search .form-search-index-hdg > h2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search .form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:50%;
margin-top:-6px;
right:5px;
}
.form-search .form-custom-select{
width:100%;
}
.form-search input[type="text"]{
padding:5px 8px;
border:1px solid #bebebe;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:34px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:12px;
}
.form-search input[type="search"]{
padding:5px 8px;
border:1px solid #bebebe;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:32px;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
font-size:12px;
}
.form-search input[type="checkbox"]{
position:relative;
top:-1px;
margin:0 4px 0 0;
vertical-align:middle;
cursor:pointer;
}
.form-search .form-search-btn{
background:none;
background-color:#fff;
color:var(--cmn-font-color-base);
position:relative;
display:block;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
max-width:100%;
padding:6px 8px;
border:1px solid #bebebe;
border-radius:1px;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
font-size:12px;
}
.form-search .form-search-btn span{
display:block;
text-overflow:ellipsis;
overflow:hidden;
}
.form-search .is-unselected .form-search-btn{
padding-right:17px;
color:var(--font-color-placeholder);
}
.form-search .is-unselected .form-search-btn::before{
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
right:7px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search .is-unselected .form-search-date-btn{
color:var(--cmn-font-color-base);
}
.form-search .form-search-btn-del{
position:relative;
background:none;
border:none;
padding:0 0 0 15px;
}
.form-search .form-search-btn-del::before{
content:"";
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background:url(/element/j_optional_v2/shared/images/icon-close-square.svg) 0 0 no-repeat;
}
.form-search .form-search-btn-del[disabled]{
opacity:.33;
}
.form-search .form-search-index-item-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.form-search .form-search-index-item-container .form-search-index-item-col:first-child{
width:420px;
margin-right:28px;
}
.form-search .form-search-index-item-container .form-search-index-item-col:first-child .form-search-btn{
width:343px;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2),
.form-search .form-search-index-item-container .form-search-index-item-col:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2) .form-search-index-item-cell:first-child,.form-search .form-search-index-item-container .form-search-index-item-col:last-child .form-search-index-item-cell:first-child{
width:52px;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2) .form-search-index-item-cell .form-search-btn,.form-search .form-search-index-item-container .form-search-index-item-col:last-child .form-search-index-item-cell .form-search-btn{
width:420px;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2) .form-search-index-item-inner,.form-search .form-search-index-item-container .form-search-index-item-col:last-child .form-search-index-item-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2) .form-search-index-item-inner >div:first-child,.form-search .form-search-index-item-container .form-search-index-item-col:last-child .form-search-index-item-inner >div:first-child{
width:262px;
margin-right:16px;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2) .form-search-index-item-inner >div:last-child,.form-search .form-search-index-item-container .form-search-index-item-col:last-child .form-search-index-item-inner >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search .form-search-index-item-container .form-search-index-item-col:nth-child(2) .form-search-index-item-inner .form-search-index-item-cell .form-search-btn,.form-search .form-search-index-item-container .form-search-index-item-col:last-child .form-search-index-item-inner .form-search-index-item-cell .form-search-btn{
width:142px;
}
.form-search .form-search-index-item-container .form-search-index-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:8px;
}
.form-search .form-search-index-item-container .form-search-index-item.search-agt{
/* margin-top:41px; */
}
.form-search .form-search-index-item-container .form-search-index-item.search-vacant label{
margin-top:8px;
display:inline-block;
}
.form-search .form-search-index-item-container .form-search-index-item.search-vacant label .cnt{
margin-left:4px;
}
.form-search .form-search-index-item-cell{
position:relative;
min-height:34px;
vertical-align:middle;
}
.form-search .form-search-index-item-cell:first-child{
width:77px;
white-space:nowrap;
}
.form-search .form-search-index-item-cell:first-child::before{
display:none;
}
.form-search .form-search-index-item-cell:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.form-search .form-search-budget-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.form-search .form-search-budget-list >li{
width:94px;
font-size:12px;
}
.form-search .form-search-budget-list >li:first-child{
position:relative;
}
.form-search .form-search-budget-list >li:first-child::after{
content:"\FF5E";
display:block;
position:absolute;
right:-17px;
top:50%;
margin-top:-10px;
}
.form-search .form-search-date{
position:relative;
display:inline-block;
vertical-align:middle;
}
.form-search .form-search-date input{
cursor:pointer;
width:287px;
padding-right:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search .form-search-date img{
position:absolute;
top:5px;
right:9px;
}
.form-search .form-search-date-btn{
display:inline-block;
padding:0 30px 0 10px;
border:1px solid #bebebe;
width:272px;
height:34px;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 97% 4px no-repeat;
text-align:left;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.form-search .form-search-date-option{
display:inline-block;
font-size:12px;
width:64px;
letter-spacing:-.04em;
margin-left:2px;
white-space:nowrap;
position:relative;
top:2px;
}
.form-search .form-search-keyword{
border:1px solid #bebebe;
border-radius:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
padding-right:16px;
}
.form-search .form-search-keyword input[type="search"]{
border:none;
font-size:12px;
}
.form-search .form-search-keyword .form-search-keyword-clear{
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:17px;
height:30px;
overflow:hidden;
position:absolute;
top:0;
right:-16px;
cursor:pointer;
background:#fff url(/element/shared/images/icon/icon-reset-line.svg) 5px center no-repeat;
background-size:7px 7px;
}
.form-search .form-search-keyword .form-search-keyword-clear span{
visibility:hidden;
}
.form-search .form-search-picky{
margin-left:-4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search .form-search-picky > li{
padding-left:4px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search .form-search-picky > li button{
padding:1px 0 0 0;
border:1px solid #c4c4c4;
border-radius:2px;
color:var(--font-color-btn-link);
-webkit-box-shadow:0 -1px 0 #d9d9d9 inset;
box-shadow:0 -1px 0 #d9d9d9 inset;
width:100%;
min-height:36px;
font-size:12px;
background-color:#fff;
line-height:1.25;
display:block;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search .form-search-picky > li button[disabled]{
opacity:.33;
cursor:default;
}
.form-search .form-search-picky > li button >span{
display:block;
font-size:12px;
}
.form-search .form-search-picky > li.is-active button{
border:none;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#888;
}
.form-search .form-search-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search .form-search-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* search-theme
---------------------------------- */
.form-search .form-search-index-item-option{
margin-top:8px;
}
.form-search .search-theme .form-search-index-item-cell,.form-search .search-spot .form-search-index-item-cell{
min-height:22px;
}
.form-search .search-theme .form-search-index-hdg,.form-search .search-spot .form-search-index-hdg{
height:22px;
}

/* form-search > search-chips-round
---------------------------------- */
.form-search .search-chips-round{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search .search-chips-round.search-chips-theme .search-chips-selector .sup{
max-width:225px;
border-radius:3px;
}
.form-search .search-chips-round.search-chips-spot .search-chips-selector .sup{
max-width:137px;
}
.form-search .search-chips-round .search-chips-inner{
max-width:100%;
display:block;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search .search-chips-round .search-chips-list{
margin:0;
font-size:0;
}
.form-search .search-chips-round .search-chips-list > li{
display:inline-block;
margin-left:4px;
}
.form-search .search-chips-round .search-chips-list > li:first-child{
margin-left:0;
}
.form-search .search-chips-round .search-chips-selector input[type="checkbox"],
.form-search .search-chips-round .search-chips-selector input[type="radio"]{
display:none;
}
.form-search .search-chips-round .search-chips-selector input[type="checkbox"]:checked + .sup,.form-search .search-chips-round .search-chips-selector input[type="radio"]:checked + .sup{
background:#888;
border-color:#888;
color:#fff;;
}
.form-search .search-chips-round .search-chips-selector .sup{
padding:6px 8px 6px;
border:1px solid #bbb;
background-color:#fff;
color:var(--cmn-font-color-gray);
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
border-radius:12px;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.form-search .search-chips-round .search-chips-link{
font-size:12px;
margin-left:12px;
margin-top:4px;
white-space:nowrap;
}
.form-search .search-chips-round .search-chips-link .cmn-dashed{
--cmn-dashed-color:#666;
--cmn-dashed-font-color:#666;
}

/* icon-required
------------------------------------------------ */
.icon-required{
display:inline-block;
width:2em;
font-size:11px;
color:var(--cmn-font-color-red);
border:1px solid var(--cmn-font-color-red);
background-color:#fff;
padding:1px 3px 0;
margin:8px 0 0 4px;
vertical-align:middle;
letter-spacing:-.04em;
}

/* suggest-area-container
---------------------------------- */
.suggest-area-container{
position:relative;
}

/* .suggest-container
------------------------------------------------ */
.suggest-container{
width:100%;
position:relative;
font-size:12px;
}
.suggest-container.is-active input[type="text"],
.suggest-container.is-active input[type="search"]{
position:relative;
z-index:151;
}
.suggest-container.is-active .form-search-keyword-clear{
z-index:151;
}
.suggest-container.is-active .form-search-keyword-clear{
z-index:192;
}
.suggest-container .suggest-layer{
background-color:rgba(0,0,0,0);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:151;
display:none;
}
.suggest-container .suggest-layer.is-active{
display:block;
}
.suggest-container .suggest{
position:absolute;
border:1px solid #bebebe;
-webkit-box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
display:none;
min-width:calc(100% + 17px);
background-color:#fff;
text-align:left;
z-index:192;
top:32px;
left:-1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.suggest-container .suggest .suggest-hdg:first-child{
margin:0 0 5px;
padding:10px 10px 0;
color:var(--cmn-font-color-base);
font-size:12px;
}
.suggest-container .suggest.is-active{
display:block;
}
.suggest-container .suggest > .hdg-suggest{
margin:10px 10px -5px 10px;
}

/* suggest-content
---------------------------------- */
.suggest .suggest-content .suggest-guide{
color:var(--cmn-font-color-base);
font-size:11px;
}
.suggest .suggest-content .suggest-item{
padding:12px 12px 0;
}
.suggest .suggest-content .suggest-footer{
background-color:#e5e5e5;
padding:12px;
}
.suggest .suggest-content .suggest-btn-list{
min-width:232px;
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.suggest .suggest-content .suggest-btn-clear{
width:100px;
border:none;
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;
margin:0;
padding-top:2px;
height:31px;
background:none;
font-size:14px;
font-weight:bold;
background-color:#fff;
border:1px solid #c5c5c5;
color:var(--cmn-font-color-gray);
-webkit-box-shadow:0 -2px 0 rgba(0,0,0,.2) inset;
box-shadow:0 -2px 0 rgba(0,0,0,.2) inset;
border-radius:4px;
margin-right:6px;
}
.suggest .suggest-content .suggest-btn-set{
min-width:120px;
border:none;
margin:0;
background:none;
height:31px;
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;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
cursor:pointer;
background-color:var(--cmn-btn-color);
font-size:14px;
font-weight:bold;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
margin-left:6px;
}

/* suggest-select-header
---------------------------------- */
.suggest .suggest-select-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:12px;
margin-bottom:-6px;
border-bottom:1px solid #ddd;
padding-bottom:3px;
}
.suggest .suggest-select-header .suggest-select-header-sup{
font-size:12px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.suggest .suggest-select-header .suggest-select-btn-history{
background:none;
margin:0;
padding:0;
border:none;
color:var(--font-color-btn-link);
font-size:12px;
}
.suggest .suggest-select-header .suggest-select-btn-history .cmn-dashed{
--cmn-font-color-base:#666;
}

/* suggest-select-list
---------------------------------- */
.suggest .suggest-select-list{
margin-top:10px;
margin-bottom:10px;
}
.suggest .suggest-select-list >li{
font-size:12px;
border-top:1px solid #eee;
}
.suggest .suggest-select-list >li:first-child{
border-top:none;
}
.suggest .suggest-select-list >li a > span{
color:var(--cmn-font-color-base);
position:relative;
display:block;
padding:4px 16px 4px 0;
}
.suggest .suggest-select-list >li a > span::before{
content:"";
display:block;
right:0;
top:50%;
margin-top:-6px;
position:absolute;
width:7px;
height:12px;
display:block;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px auto;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.suggest .suggest-select-list >li a:link,
.suggest .suggest-select-list >li a:visited,
.suggest .suggest-select-list >li a:hover,
.suggest .suggest-select-list >li a:active{
text-decoration:none;
}
.suggest .suggest-select-list >li.is-selected a > span::after{
width:12px;
height:8px;
margin-left:4px;
content:"";
display:inline-block;
background:url(/element_sp/j_optional_v2/shared/images/icon-form-checked.svg) top left no-repeat;
}
.suggest .suggest-select-list >li.is-disabled a{
pointer-events:none;
}
.suggest .suggest-select-list >li.is-disabled a span{
opacity:.44;
}
.suggest .suggest-select-list >li.is-disabled a span::before{
display:none;
}
.suggest .suggest-select-list >li.suggest-select-prev{
border-top:none;
border-bottom:1px solid #ddd;
margin-bottom:-1px;
position:relative;
}
.suggest .suggest-select-list >li.suggest-select-prev a > span{
color:var(--cmn-font-color-link);
padding-top:6px;
padding-bottom:5px;
}
.suggest .suggest-select-list >li.suggest-select-prev a > span::before{
display:none;
}
.suggest .suggest-select-list >li.suggest-select-end a > span::before{
display:none;
}

/* suggest-select-list-child
---------------------------------- */
.suggest .suggest-select-list-child >li{
font-size:12px;
border-top:1px solid #eee;
}
.suggest .suggest-select-list-child >li label{
position:relative;
color:var(--cmn-font-color-base);
}
.suggest .suggest-select-list-child >li label > span{
position:relative;
display:block;
padding-top:4px;
padding-bottom:4px;
}
.suggest .suggest-select-list-child >li label > span input[type="checkbox"]{
margin-right:4px;
}
.suggest .suggest-select-list-child >li.is-disabled label{
pointer-events:none;
}
.suggest .suggest-select-list-child >li.is-disabled label >span >span{
opacity:.33;
}

/* .suggest-sup
----------------------------------------------- */
.suggest-container .suggest-sup{
padding:0 10px 10px;
width:448px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .suggest-btn-prev
----------------------------------------------- */
.suggest-container .suggest-btn-prev{
margin:5px 0;
padding:0;
border:none;
color:var(--cmn-font-color-link);
background:none;
font-size:12px;
}

/* .suggest-list
----------------------------------------------- */
.suggest-container .suggest-list{
line-height:1.35;
font-size:12px;
padding:0 10px;
margin:10px 0;
}
.suggest-container .suggest-list > li{
padding:5px 0;
cursor:pointer;
word-wrap:break-word;
}
.suggest-container .suggest-list > li:not(.loupe):not(.area):not(.spot):not(.airport):not(.station):not(.hotel):not(.minpaku){
padding:5px 0;
}
.suggest-container .suggest-list > li a{
color:var(--font-color-btn-link);
text-decoration:none;
}
.suggest-container .suggest-list > li > span{
display:inline-block;
}
.suggest-container .suggest-list > li .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
}
.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li.is-active{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li.is-selected::after{
width:12px;
height:8px;
margin-left:4px;
content:"";
display:inline-block;
background:url(/element_sp/j_optional_v2/shared/images/icon-form-checked.svg) top left no-repeat;
}
.suggest-container .suggest-list > li[class]:not([class="is-active"]){
padding-left:25px;
position:relative;
}
.suggest-container .suggest-list > li[class]:not([class="is-active"])::before{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:4px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-list > li.loupe{
padding-left:0 !important;
padding-top:0;
cursor:default;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.suggest-container .suggest-list > li.loupe:active,
.suggest-container .suggest-list > li.loupe:hover,
.suggest-container .suggest-list > li.loupe:focus{
background-color:#fff;
}
.suggest-container .suggest-list > li.loupe > span{
padding-left:18px;
cursor:pointer;
background:url(/element/j_optional_v2/shared/images/icon-search.svg) 0 50% no-repeat;
background-size:13px 13px;
}
.suggest-container .suggest-list > li.loupe > span > span{
background-image:-webkit-gradient(linear, left top, right top, from(#949494), color-stop(50%, #949494), color-stop(50%, transparent), to(transparent));
background-image:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%);
background-size:4px 1px;
background-repeat:repeat-x;
background-position:0 100%;
}
.suggest-container .suggest-list > li.area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:13px 14px;
}
.suggest-container .suggest-list > li.spot::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggest-container .suggest-list > li.airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggest-container .suggest-list > li.station::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}
.suggest-container .suggest-list > li.hotel::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:15px 12px;
}
.suggest-container .suggest-list > li.minpaku{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:428px;
}
.suggest-container .suggest-list > li.minpaku > span{
white-space:nowrap;
}
.suggest-container .suggest-list > li.minpaku > span + span{
margin-left:4px;
}
.suggest-container .suggest-list > li.minpaku > span:first-child{
overflow:hidden;
text-overflow:ellipsis;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
margin:8px 10px 10px;
padding:7px 0 0;
border-top:1px solid #ccc;
font-size:11px;
width:428px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
}

/* .suggest-category-list
----------------------------------------------- */
.suggest-container .suggest-category-list{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
letter-spacing:-.1em;
}
.suggest-container .suggest-category-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.suggest-container .suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}
.suggest-container .suggest-category-list > li > a{
padding:19px 0 0;
color:var(--font-color-btn-link);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}
.suggest-container .suggest-category-list > li > a::before{
content:"";
display:block;
width:100%;
height:16px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
}
.suggest-container .suggest-category-list > li.is-active > a::before{
opacity:1;
}
.suggest-container .suggest-category-list > li.is-disabled > a{
color:#ccc;
cursor:default;
}
.suggest-container .suggest-category-list > li.is-disabled > a::before{
opacity:.25;
}
.suggest-container .suggest-category-list > li.all > a::before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}
.suggest-container .suggest-category-list > li.area > a::before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:13px 14px;
}
.suggest-container .suggest-category-list > li.station > a::before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:15px 15px;
}
.suggest-container .suggest-category-list > li.airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}
.suggest-container .suggest-category-list > li.spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 13px;
}
.suggest-container .suggest-category-list > li.hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 12px;
}

/* .suggest-logo
----------------------------------------------- */
.suggest-container .suggest-logo{
margin-top:10px;
text-align:right;
line-height:1;
}
.suggest-container .suggest-logo a{
color:var(--font-color-btn-link);
display:inline-block;
font-size:11px;
text-decoration:none;
}
.suggest-container .suggest-logo a > span{
color:var(--cmn-font-color-link);
}
.suggest-container .suggest-logo img{
margin:0 0 2px 2px;
width:123px;
vertical-align:text-bottom;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

/* theme-list-container
------------------------------------------------ */
.theme-list-container:after{
content:"";
display:block;
clear:both;
}
.theme-list-container{
margin-left:-20px;
}
.theme-list-container .theme-list-inner{
width:25%;
padding-left:20px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.theme-list-container .theme-list-inner >:last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.theme-list-container .theme-hdg a{
font-weight:bold;
color:var(--font-color-btn-link);
}
.theme-list-container .theme-hdg a:link,
.theme-list-container .theme-hdg a:visited,
.theme-list-container .theme-hdg a:hover,
.theme-list-container .theme-hdg a:active{
color:var(--font-color-btn-link);
}
.theme-list-container a{
display:block;
position:relative;
padding:4px 0 4px 10px;
font-size:12px;
color:var(--font-color-btn-link);
}
.theme-list-container a:link,
.theme-list-container a:visited,
.theme-list-container a:hover,
.theme-list-container a:active{
color:var(--font-color-btn-link);
}
.theme-list-container a:before{
content:"";
display:block;
position:absolute;
top:10px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.theme-list-container ul{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
}

/* select-theme-list-container
---------------------------------- */
.select-theme-list-container{
margin-top:-4px;
}
.select-theme-list-container a{
color:var(--font-color-btn-link);
font-weight:normal;
font-size:12px;
}
.select-theme-list-container a:link,
.select-theme-list-container a:visited,
.select-theme-list-container a:hover,
.select-theme-list-container a:active{
color:var(--font-color-btn-link);
}
.select-theme-list-container .select-theme-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-theme-list-container .select-theme-list-sup{
width:225px;
background:#fff;
margin-top:4px;
margin-right:-25px;
padding-left:18px;
z-index:1;
font-size:12px;
}
.select-theme-list-container .select-theme-list-sup a{
padding-left:12px;;
position:relative;
}
.select-theme-list-container .select-theme-list-sup a::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.select-theme-list-container .select-theme-list-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.select-theme-list-container .select-theme-list-child li{
display:inline-block;
margin-left:12px;
padding-left:12px;
border-left:1px solid #dde2e7;
line-height:1;
margin-top:8px;
}

/* select-agt-list-container
---------------------------------- */
.select-agt-list-container{
margin-top:-8px;
}
.select-agt-list-container a{
color:var(--font-color-btn-link);
font-weight:normal;
font-size:12px;
}
.select-agt-list-container a:link,
.select-agt-list-container a:visited,
.select-agt-list-container a:hover,
.select-agt-list-container a:active{
color:var(--font-color-btn-link);
}
.select-agt-list-container .select-agt-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-agt-list-container .select-agt-list >li:not(:first-child){
margin-top:20px;
}
.select-agt-list-container .select-agt-list-sup{
width:205px;
background:#fff;
margin-right:-22px;
padding-right:12px;
z-index:1;
font-size:12px;
margin-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-agt-list-container .select-agt-list-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.select-agt-list-container .select-agt-list-child li{
position:relative;
font-size:12px;
display:inline-block;
margin-left:12px;
padding-left:12px;
margin-top:8px;
}
.select-agt-list-container .select-agt-list-child li::before{
position:absolute;
left:-1px;
top:50%;
margin-top:-6px;
content:"";
display:block;
height:12px;
width:1px;
background-color:#dde2e7;
}

/* select-spot-list-container
---------------------------------- */
.select-spot-list-container{
margin-top:-8px;
}
.select-spot-list-container a{
color:var(--font-color-btn-link);
font-weight:normal;
font-size:12px;
}
.select-spot-list-container a:link,
.select-spot-list-container a:visited,
.select-spot-list-container a:hover,
.select-spot-list-container a:active{
color:var(--font-color-btn-link);
}
.select-spot-list-container .select-spot-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-spot-list-container .select-spot-list >li:not(:first-child){
margin-top:20px;
}
.select-spot-list-container .select-spot-list-sup{
width:82px;
background:#fff;
margin-right:-22px;
padding-right:12px;
z-index:1;
font-size:12px;
margin-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-spot-list-container .select-spot-list-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.select-spot-list-container .select-spot-list-child li{
position:relative;
font-size:12px;
display:inline-block;
margin-left:12px;
padding-left:12px;
margin-top:8px;
}
.select-spot-list-container .select-spot-list-child li::before{
position:absolute;
left:-1px;
top:50%;
margin-top:-6px;
content:"";
display:block;
height:12px;
width:1px;
background-color:#dde2e7;
}

/* .local-carousel-seo
----------------------------------------------- */
.local-carousel-seo .local-carousel-seo-hdg{
font-size:18px;
font-weight:bold;
}
.local-carousel-seo .swiper-matome{
margin:6px -4px 0;
position:relative;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-prev,
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:100;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-prev::before,.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-prev.swiper-button-disabled,.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-prev{
left:-13px;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-prev::before{
right:12px;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-next{
right:-13px;
}
.local-carousel-seo .swiper-matome .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.local-carousel-seo .swiper-matome .swiper{
overflow:hidden;
}
.local-carousel-seo .swiper-matome .swiper-slide{
width:220px;
height:auto;
}
.local-carousel-seo .swiper-matome .swiper-slide a{
color:var(--cmn-font-color-base);
}
.local-carousel-seo .swiper-matome .swiper-slide a:link,
.local-carousel-seo .swiper-matome .swiper-slide a:visited,
.local-carousel-seo .swiper-matome .swiper-slide a:hover,
.local-carousel-seo .swiper-matome .swiper-slide a:active{
text-decoration:none;
}
.local-carousel-seo .local-carousel-seo-item-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.local-carousel-seo .local-carousel-seo-item-list > li >a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
color:var(--cmn-font-color-base);
border-radius:6px;
margin:4px 5px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.local-carousel-seo .local-carousel-seo-item-list > li >a:link,
.local-carousel-seo .local-carousel-seo-item-list > li >a:visited,
.local-carousel-seo .local-carousel-seo-item-list > li >a:hover,
.local-carousel-seo .local-carousel-seo-item-list > li >a:active{
text-decoration:none;
}
.local-carousel-seo .local-carousel-seo-item-list-thumb{
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;
position:relative;
width:215px;
height:121px;
background:no-repeat center center / cover;
border-radius:6px 6px 0 0;
-o-object-fit:cover;
object-fit:cover;
overflow:hidden;
}
.local-carousel-seo .local-carousel-seo-item-list-thumb::before{
content:"";
display:block;
padding-top:121px;
}
.local-carousel-seo .local-carousel-seo-item-list-thumb .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.local-carousel-seo .local-carousel-seo-item-list-thumb.is-nophoto{
-o-object-fit:contain;
object-fit:contain;
background-size:contain;
}
.local-carousel-seo .local-carousel-seo-item-list-thumb.is-nophoto::before{
display:none;
}
.local-carousel-seo .local-carousel-seo-item-list-thumb.is-nophoto img{
max-width:100%;
max-height:100%;
}
.local-carousel-seo .local-carousel-seo-item-list-wording{
display:block;
width:215px;
padding:8px;
font-size:12px;
line-height:calc(18 / 12);
word-break:break-all;
word-wrap:break-word;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-carousel-seo .local-carousel-seo-item-list-sup{
display:block;
padding:0 8px 8px;
margin-top:auto;
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* tab-item-local
---------------------------------- */
.tab-container .tab-item-local{
margin-top:20px;
}

/* tab-container > tab
------------------------------------------------ */
.tab-container .tab{
display:table;
margin-left:-2px;
}
.tab-container .tab li{
display:table-cell;
width:10%;
vertical-align:top;
padding-left:2px;
}
.tab-container .tab li.active a,
.tab-container .tab li.is-active a{
background-color:#0d3f78;
color:#fff;
font-weight:bold;
}
.tab-container .tab li.active a:link,
.tab-container .tab li.active a:visited,
.tab-container .tab li.active a:hover,
.tab-container .tab li.active a:active,
.tab-container .tab li.is-active a:link,
.tab-container .tab li.is-active a:visited,
.tab-container .tab li.is-active a:hover,
.tab-container .tab li.is-active a:active{
color:#fff;
text-decoration:none;
cursor:default;
}
.tab-container .tab a{
display:table-cell;
width:960px;
height:38px;
padding-top:2px;
font-size:15px;
line-height:1.2;
text-align:center;
vertical-align:middle;
background-color:#dfe3e8;
color:var(--font-color-btn-link);
}
.tab-container .tab a:link,
.tab-container .tab a:visited,
.tab-container .tab a:hover,
.tab-container .tab a:active{
color:var(--font-color-btn-link);
}

/* tab-container > area-list
------------------------------------------------ */
.tab-container .area-list{
margin:15px 0 0 -11px;
font-size:12px;
}
.tab-container .area-list li{
display:inline-block;
position:relative;
padding:0 10px 0 11px;
}
.tab-container .area-list li:not(:first-child)::before{
position:absolute;
left:0;
top:3px;
content:"";
display:block;
width:1px;
height:12px;
background-color:#dde2e7;
}
.tab-container .area-list li.is-active a{
display:block;
position:relative;
color:var(--cmn-font-color-base);
}
.tab-container .area-list li.is-active a:link,
.tab-container .area-list li.is-active a:visited,
.tab-container .area-list li.is-active a:hover,
.tab-container .area-list li.is-active a:active{
color:var(--cmn-font-color-base);
}
.tab-container .area-list li.is-active a::after{
position:absolute;
content:"";
display:block;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#333333;
}
.tab-container .area-list li a{
display:block;
padding-bottom:8px;
font-size:12px;
color:var(--font-color-btn-link);
}
.tab-container .area-list li a:link,
.tab-container .area-list li a:visited,
.tab-container .area-list li a:hover,
.tab-container .area-list li a:active{
color:var(--font-color-btn-link);
}

/* tab-container > area-list-container
------------------------------------------------ */
.tab-container .area-list-container .area-list-01{
position:relative;
display:block;
font-size:12px;
display:inline-block;
width:800px;
vertical-align:middle;
}
.tab-container .area-list-container .area-list-01:before{
content:"";
width:1px;
height:100%;
display:block;
position:absolute;
left:0;
top:0;
background-color:#fff;
}
.tab-container .area-list-container .area-list-01 li{
display:inline-block;
border-left:1px solid #dde2e7;
}
.tab-container .area-list-container .area-list-01 li a{
padding:0 10px;
color:var(--font-color-btn-link);
}
.tab-container .area-list-container .area-list-01 li a:link,
.tab-container .area-list-container .area-list-01 li a:visited,
.tab-container .area-list-container .area-list-01 li a:hover,
.tab-container .area-list-container .area-list-01 li a:active{
color:var(--font-color-btn-link);
}
.tab-container .area-list-container .area-list-01 li.active a{
color:var(--font-color-btn-link);
cursor:default;
font-weight:bold;
}
.tab-container .area-list-container .area-list-01 li.active a:link,
.tab-container .area-list-container .area-list-01 li.active a:visited,
.tab-container .area-list-container .area-list-01 li.active a:hover,
.tab-container .area-list-container .area-list-01 li.active a:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.tab-container .area-list-container .area-list-01 li.disabled a{
color:#a4a4a4;
}
.tab-container .area-list-container .area-list-01 li.disabled a:link,
.tab-container .area-list-container .area-list-01 li.disabled a:visited,
.tab-container .area-list-container .area-list-01 li.disabled a:hover,
.tab-container .area-list-container .area-list-01 li.disabled a:active{
color:#a4a4a4;
text-decoration:none;
}

/* select-idx-hdr
---------------------------------- */
.select-idx-hdr{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-idx-hdr .select-idx-hdr-link{
position:relative;
padding-left:12px;
font-size:12px;
}
.select-idx-hdr .select-idx-hdr-link a{
color:var(--font-color-btn-link);
}
.select-idx-hdr .select-idx-hdr-link a:link,
.select-idx-hdr .select-idx-hdr-link a:visited,
.select-idx-hdr .select-idx-hdr-link a:hover,
.select-idx-hdr .select-idx-hdr-link a:active{
color:var(--font-color-btn-link);
}
.select-idx-hdr .select-idx-hdr-link::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.select-idx-hdr .select-idx-hdg{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:14px;
}

/* swiper-plan
---------------------------------- */
.select-idx-plan{
margin-top:15px;
}
.select-idx-plan .swiper-plan{
margin:6px -4px 0;
position:relative;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-prev,
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-prev::before,.select-idx-plan .swiper-plan .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-prev.swiper-button-disabled,.select-idx-plan .swiper-plan .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-prev{
left:-13px;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-prev::before{
right:12px;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-next{
right:-13px;
}
.select-idx-plan .swiper-plan .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.select-idx-plan .swiper-plan .swiper{
overflow:hidden;
}
.select-idx-plan .swiper-plan .swiper-slide{
height:auto;
}
.select-idx-plan .swiper-plan .swiper-plan-content{
height:calc(100% - 8px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:8px;
margin:4px;
background:#fff;
border-radius:6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.select-idx-plan .swiper-plan .swiper-plan-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:126px;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb{
position:relative;
padding-right:8px;
margin-top:-8px;
margin-left:-8px;

}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-pic{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:90px;
height:128px;
border-radius:6px 0 6px 0;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-pic.is-nophoto{
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-pic.is-nophoto img{
width:90px;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-rank{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:36px;
height:21px;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:5px;
left:5px;
color:#fff;
font-family:Arial;
font-size:12px;
line-height:1.42;
text-shadow:0px 1px 0px rgba(0, 0, 0, .5);
border-radius:6px;
background-color:rgba(0, 0, 0, .45);
}
.select-idx-plan .swiper-plan .swiper-plan-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-desc-catch{
font-size:14px;
line-height:1.35;
font-weight:normal;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-desc-catch a{
color:var(--cmn-font-color-link);
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-desc-catch a:link,
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-desc-catch a:visited,
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-desc-catch a:hover,
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-desc-catch a:active{
text-decoration:none;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags{
margin:8px 0 0;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li >span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li >span:first-child{
white-space:nowrap;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li >span:first-child::after{
content:":";
display:block;
margin:0 4px 0 3px;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li >span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.select-idx-plan .swiper-plan .swiper-plan-item-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.select-idx-plan .swiper-plan .swiper-plan-price-item{
text-align:right;
width:150px;
}
.select-idx-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price-sup{
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1.42;
}
.select-idx-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price{
font-size:12px;
line-height:1.42;
}
.select-idx-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price .mod-num{
font-size:18px;
line-height:1.27;
font-weight:bold;
}
.select-idx-plan .swiper-plan .swiper-plan-review-point{
font-size:0;
width:80px;
}
.select-idx-plan .swiper-plan .swiper-plan-review-point::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-review.svg) 0 0;
background-size:auto 10px;
content:"";
}
.select-idx-plan .swiper-plan .swiper-plan-review-point .swiper-plan-review-point-rank{
font-size:14px;
line-height:1.35;
font-weight:bold;
font-family:Arial;
}
.select-idx-plan .swiper-plan .swiper-plan-review-point .swiper-plan-review-point-label{
font-size:10px;
margin-left:8px;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment{
border:1px solid #ddd;
border-radius:4px;
padding:8px;
margin-top:5px;
position:relative;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment::before,
.select-idx-plan .swiper-plan .swiper-plan-review-comment::after{
display:block;
position:absolute;
top:-6px;
left:14px;
content:"";
width:0;
height:0;
border-bottom:6px solid #ddd;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment::after{
top:-5px;
border-bottom:6px solid #fff;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-hdg{
font-size:11px;
line-height:1.35;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-score{
font-size:11px;
line-height:1.42;
margin-top:4px;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-score > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-desc{
font-size:11px;
line-height:1.42;
margin-top:4px;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-more{
position:relative;
color:#a4a4a4;
padding-right:8px;
display:inline-block;
cursor:pointer;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-more::before{
content:"...";
position:relative;
display:inline-block;
color:var(--cmn-font-color-base);
margin-right:.4em;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-more::after{
position:absolute;
right:0;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:5px;
height:8px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-more.svg) 0 0 no-repeat;
background-size:100%;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment >:first-child{
margin-top:0;
}

/* select-idx-theme
---------------------------------- */
.select-idx-theme{
margin-top:15px;
padding-top:15px;
border-top:1px solid #b2b2b2;
}
.select-idx-theme .swiper-theme{
margin:6px -4px 0;
position:relative;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-prev,
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-prev::before,.select-idx-theme .swiper-theme .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-prev.swiper-button-disabled,.select-idx-theme .swiper-theme .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-prev{
left:-13px;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-prev::before{
right:12px;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-next{
right:-13px;
}
.select-idx-theme .swiper-theme .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.select-idx-theme .swiper-theme .swiper{
overflow:hidden;
}
.select-idx-theme .swiper-theme .swiper-slide{
height:158px;
}
.select-idx-theme .swiper-theme .swiper-slide a{
color:var(--cmn-font-color-base);
}
.select-idx-theme .swiper-theme .swiper-theme-content{
position:relative;
margin:4px 5px;
background:#fff;
border-radius:6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.select-idx-theme .swiper-theme .swiper-theme-pic{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:150px;
border-radius:6px;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.select-idx-theme .swiper-theme .swiper-theme-pic.is-nophoto{
background-color:#fff;
}
.select-idx-theme .swiper-theme .swiper-theme-pic.is-nophoto img{
width:100px;
margin-bottom:12px;
}
.select-idx-theme .swiper-theme .swiper-theme-cap{
width:100%;
position:absolute;
left:0;
bottom:0;
color:#fff;
background-color:rgba(0, 0, 0, .5);
border-radius:0 0 6px 6px;
padding:5px 8px;
height:27px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-idx-theme .swiper-theme .swiper-theme-cap span{
font-size:12px;
font-weight:bold;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
}
.select-idx-theme .swiper-theme .swiper-theme-rank{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:36px;
height:21px;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:5px;
left:5px;
color:#fff;
font-family:Arial;
font-size:12px;
line-height:1.42;
text-shadow:0px 1px 0px rgba(0, 0, 0, .5);
border-radius:6px;
background-color:rgba(0, 0, 0, .45);
}

/* select-idx-spot
---------------------------------- */
.select-idx-spot{
margin-top:15px;
padding-top:15px;
border-top:1px solid #b2b2b2;
}
.select-idx-spot .swiper-spot{
margin:6px -4px 0;
position:relative;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-prev,
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-prev::before,.select-idx-spot .swiper-spot .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-prev.swiper-button-disabled,.select-idx-spot .swiper-spot .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-prev{
left:-13px;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-prev::before{
right:12px;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-next{
right:-13px;
}
.select-idx-spot .swiper-spot .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.select-idx-spot .swiper-spot .swiper{
overflow:hidden;
}
.select-idx-spot .swiper-spot .swiper-slide{
width:260px;
height:auto;
}
.select-idx-spot .swiper-spot .swiper-slide a{
color:var(--cmn-font-color-base);
}
.select-idx-spot .swiper-spot .swiper-slide a:link,
.select-idx-spot .swiper-spot .swiper-slide a:visited,
.select-idx-spot .swiper-spot .swiper-slide a:hover,
.select-idx-spot .swiper-spot .swiper-slide a:active{
text-decoration:none;
}
.select-idx-spot .swiper-spot .swiper-spot-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:calc(100% - 8px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:0 8px 8px;
margin:4px 5px;
background:#fff;
border-radius:6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.select-idx-spot .swiper-spot .swiper-spot-thumb{
position:relative;
margin:0 -8px;
}
.select-idx-spot .swiper-spot .swiper-spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:161px;
overflow:hidden;
border-radius:6px 6px 0 0;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.select-idx-spot .swiper-spot .swiper-spot-pic .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.select-idx-spot .swiper-spot .swiper-spot-pic::after{
content:"";
display:block;
position:absolute;
bottom:0;
width:100%;
height:50px;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
opacity:.5;
}
.select-idx-spot .swiper-spot .swiper-spot-pic.is-nophoto{
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}
.select-idx-spot .swiper-spot .swiper-spot-pic.is-nophoto::after{
display:none;
}
.select-idx-spot .swiper-spot .swiper-spot-pic.is-nophoto img{
width:100px;
}
.select-idx-spot .swiper-spot .swiper-spot-cap{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:4px 10px;

/* color: rgba(255,255,255,.6); */
color:#fff;
font-size:11px;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-idx-spot .swiper-spot .swiper-spot-cap .swiper-spot-cap-link{
display:inline;
color:#fff;

/* color: rgba(255,255,255,.6); */
}
.select-idx-spot .swiper-spot .swiper-spot-desc{
margin-top:8px;
}
.select-idx-spot .swiper-spot .swiper-spot-desc-hdg{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:12px;
}
.select-idx-spot .swiper-spot .swiper-spot-tags{
margin:8px 0 0;
}
.select-idx-spot .swiper-spot .swiper-spot-tags-area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:12px;
}
.select-idx-spot .swiper-spot .swiper-spot-tags-category{
font-size:12px;
margin-top:4px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .select-idx-list
---------------------------------- */
.select-idx-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:25px;
}
.select-idx-list >li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .35);
box-shadow:0 1px 2px rgba(0, 0, 0, .35);
background-color:#fff;
border-top:1px solid #e1e1e1;
}
.select-idx-list >li:not(:first-child){
margin-left:21px;
}
.select-idx-list >li a{
position:relative;
display:block;
font-size:18px;
font-weight:bold;
padding:15px 35px 14px;
}
.select-idx-list >li a:link,
.select-idx-list >li a:visited,
.select-idx-list >li a:hover,
.select-idx-list >li a:active{
color:var(--cmn-font-color-base);
}
.select-idx-list >li a::before{
position:absolute;
left:20px;
top:50%;
margin-top:-6px;
content:"";
display:block;
width:6px;
height:12px;
background:url(/element/j_optional_v2/shared/images/icon-arrow-r-l.svg) top left no-repeat;
background-size:100% auto;
}

/* toggle-list
------------------------------------------------ */
.toggle-list{
position:relative;
padding-left:20px;
}
.toggle-list > .toggle-list-item{
display:none;
}
.toggle-list > .toggle-list-item > li{
padding-left:18px;
}
.toggle-list .toggle-btn{
position:absolute;
top:0;
left:3px;
width:11px;
height:11px;
padding:0;
text-indent:-9999px;
border:none;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-repeat:no-repeat;
background-size:100%;
}
.toggle-list.active > .toggle-btn{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.toggle-list.active > .toggle-list-item{
display:block;
}

/* list-main-area - control-box
------------------------------------------------ */
.control-box .control-result{
font-size:12px;
margin-bottom:3px;
}
.control-box .control-result > b{
font-size:18px;
}
.control-box .control-condition-box{
display:table;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.control-box .control-condition-box > .control-condition-hdg-container{
display:table-cell;
width:150px;
padding-right:14px;
vertical-align:top;
}
.control-box .control-condition-box > .control-condition-hdg-container .control-condition-hdg{
font-size:12px;
display:inline-block;
color:var(--cmn-font-color-base);
width:75px;
}
.control-box .control-condition-box > .control-condition-list{
display:table-cell;
vertical-align:top;
}
.control-box .control-condition-box > .control-condition-list > li{
font-size:12px;
display:inline-block;
margin-right:10px;
}
.control-box .control-condition-box > .control-condition-list > li a{
position:relative;
padding-right:15px;
color:var(--font-color-btn-link);
}
.control-box .control-condition-box > .control-condition-list > li a:before{
position:absolute;
top:4px;
right:1px;
display:block;
overflow:hidden;
width:10px;
height:10px;
content:"";
background-color:#888;
}
.control-box .control-condition-box > .control-condition-list > li span:before{
content:"";
position:absolute;
display:block;
width:9px;
height:1px;
bottom:50%;
right:1px;
background-color:#fff;
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.control-box .control-condition-box > .control-condition-list > li span:after{
content:"";
position:absolute;
display:block;
bottom:50%;
background-color:#fff;
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
width:1px;
height:9px;
right:5px;
}

/* .search-result-info
------------------------------------ */
.search-result .search-result-info{
margin:0 0 10px;
padding:10px;
border:1px solid #e30707;
position:relative;
font-size:12px;
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;
}
.search-result .search-result-info .search-result-info-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:10px;
right:10px;
width:14px;
height:14px;
background:url(/element/j_optional_v2/shared/images/icon-close-square.svg) 0 0 no-repeat;
background-size:14px;
}
.search-result .search-result-info .search-result-info-wording{
margin:0;
padding:0 18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 3px no-repeat;
background-size:14px auto;
}

/* search-result-tools
---------------------------------- */
.search-result .search-result-tools{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:12px;
}
.search-result .search-result-tools .search-result-guide{
font-size:12px;
}
.search-result .search-result-tools .search-result-guide .cmn-tip-btn{
margin-left:4px;
}

/* search-result > search-result-sorter
---------------------------------- */
.search-result .search-result-sorter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result .search-result-sorter .search-result-sorter-select{
border:1px solid #bebebe;
display:inline-block;
height:34px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
vertical-align:top;
width:137px;
font-size:12px;
}
.search-result .search-result-sorter .search-result-sorter-select::before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.search-result .search-result-sorter .search-result-sorter-select select{
position:relative;
padding:5px 16px 5px 8px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
color:var(--cmn-font-color-base);
}
.search-result .search-result-sorter .search-result-sorter-guide{
margin-left:8px;
}

/* search-result-sort
------------------------------------------------ */
.search-result .search-result-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-result .search-result-sort > li{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-result .search-result-sort > li:not(:first-child){
margin-left:12px;
padding-left:12px;
}
.search-result .search-result-sort > li:not(:first-child)::before{
content:"";
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-9px;
height:12px;
width:1px;
background-color:#d0d0d0;
}
.search-result .search-result-sort > li a,
.search-result .search-result-sort > li em,
.search-result .search-result-sort > li span{
display:block;
padding:0 0 6px;
}
.search-result .search-result-sort > li a,
.search-result .search-result-sort > li span{
color:var(--font-color-btn-link);
}
.search-result .search-result-sort > li em{
position:relative;
color:var(--cmn-font-color-base);
}
.search-result .search-result-sort > li em::before{
content:"";
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#333;
}
.search-result .search-result-sort > li a:link,
.search-result .search-result-sort > li a:visited,
.search-result .search-result-sort > li a:hover,
.search-result .search-result-sort > li a:active{
text-decoration:none;
}
.search-result .search-result-sort .search-result-sort-01 span::after{
content:":";
display:inline-block;
margin-left:4px;
margin-right:8px;
}
.search-result .search-result-sort .search-result-sort-01 ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-result .search-result-sort .search-result-sort-01 li:not(:first-child){
margin-left:8px;
}
.search-result .search-result-sort .search-result-sort-01 li a,
.search-result .search-result-sort .search-result-sort-01 li em{
position:relative;
}

/* search-result-option
---------------------------------- */
.search-result-option{
display:inline-block;
text-align:left;
font-size:12px;
}
.search-result-option .cmn-tip-btn{
margin-left:4px;
}

/* pager
------------------------------------------------ */
.pager{
margin-top:12px;
margin-bottom:-8px;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.pager .pager-item{
font-size:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
word-break:break-all;
}
.pager .item-number{
display:inline-block;
white-space:nowrap;
font-family:var(--font-num);
text-align:left;
margin-right:32px;
font-size:12px;
}
.pager .item-number em{
font-weight:normal;
}

/* pager-list
------------------------------------------------ */
.pager .pager-list{
position:relative;
display:inline-block;
text-align:center;
vertical-align:top;
font-size:0;
}
.pager .pager-list li{
display:inline-block;
vertical-align:top;
text-align:center;
}
.pager .pager-list li >a,
.pager .pager-list li >em{
padding:5px 2px 5px 2px;
color:var(--font-color-btn-link);
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:24px;
background-color:#fff;
border:1px solid #ddd;
line-height:1;
}
.pager .pager-list li >a:link,
.pager .pager-list li >a:visited,
.pager .pager-list li >a:hover,
.pager .pager-list li >a:active,
.pager .pager-list li >em:link,
.pager .pager-list li >em:visited,
.pager .pager-list li >em:hover,
.pager .pager-list li >em:active{
text-decoration:none;
}
.pager .pager-list .first,
.pager .pager-list .prev,
.pager .pager-list .next,
.pager .pager-list .last{
margin-left:4px;
}
.pager .pager-list .first > a,.pager .pager-list .prev > a,.pager .pager-list .next > a,.pager .pager-list .last > a{
font-size:12px;
padding:6px 5px;
}
.pager .pager-list .prev{
margin-right:3px;
}
.pager .pager-list .next{
margin-left:7px;
}
.pager .pager-list .pager-cnt-list > li{
margin-left:4px;
}
.pager .pager-list .pager-cnt-list > li a,
.pager .pager-list .pager-cnt-list > li em{
font-family:var(--font-num);
font-size:14px;
}
.pager .pager-list .pager-cnt-list > li em{
color:var(--cmn-font-color-base);
font-weight:bold;
background-color:#f5f5f5;
border-color:#f5f5f5;
background-color:transparent;
}
.pager .pager-list .pager-cnt-list .ellipsis-before{
padding-left:16px;
position:relative;
}
.pager .pager-list .pager-cnt-list .ellipsis-before::after{
content:"...";
display:block;
position:absolute;
color:var(--cmn-font-color-base);
left:-1px;
bottom:-2px;
speak:none;
font-size:14px;
font-family:var(--font-num);
}
.pager .pager-list .pager-cnt-list .ellipsis-after{
padding-right:16px;
position:relative;
}
.pager .pager-list .pager-cnt-list .ellipsis-after::after{
content:"...";
display:block;
position:absolute;
color:var(--cmn-font-color-base);
right:1px;
bottom:0;
speak:none;
font-size:14px;
}

/* search-result
------------------------------------------------ */
.search-result{
position:relative;
padding:20px 20px 30px;
background-color:#f5f5f5;
}
.search-result .cmn-bnr-ad-box-inner{
margin:20px 0;
}

/* search-header
---------------------------------- */
.search-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.search-header .search-map a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:12px 22px 12px 45px;
color:var(--cmn-font-color-base);
background:url(/element/j_optional_v2/shared/images/map-btn-layer.png) 0 0 no-repeat;
width:142px;
height:42px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* search-header-tab
------------------------------------------------ */
.search-header-tab{
margin-bottom:12px;
margin-top:16px;
}
.search-header-tab .search-header-tab-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-header-tab .search-header-tab-list >li{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;

}
.search-header-tab .search-header-tab-list >li.is-active a{
color:var(--cmn-font-color-base);
}
.search-header-tab .search-header-tab-list >li.is-active a span{
border-bottom:2px solid #333;
}
.search-header-tab .search-header-tab-list >li.is-disabled a{
color:#ccc;
}
.search-header-tab .search-header-tab-list >li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:30px;
color:var(--font-color-btn-link);
}
.search-header-tab .search-header-tab-list >li a:link,
.search-header-tab .search-header-tab-list >li a:visited,
.search-header-tab .search-header-tab-list >li a:hover,
.search-header-tab .search-header-tab-list >li a:active{
text-decoration:none;
}
.search-header-tab .search-header-tab-list >li a span{
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;
height:30px;
padding:6px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-header-tab .search-header-tab-list >li:not(:first-child){
margin-left:20px;
padding-left:20px;
}
.search-header-tab .search-header-tab-list >li:not(:first-child)::before{
position:absolute;
top:5px;
left:0;
content:"";
display:block;
width:1px;
height:16px;
background-color:#ccc;
}

/* item-box-container
------------------------------------------------ */
.item-box-container{
margin-top:-20px;
}

/* item-agt-box
---------------------------------- */
.item-agt-box{
position:relative;
border-radius:6px;
padding:20px;
margin:20px 0 0;
word-break:break-all;
background-color:#fff;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.item-agt-box .item-review{
border-top:1px solid #e5e5e5;
padding-top:12px;
margin-top:8px;
}

/* item-box
---------------------------------- */
.item-box{
position:relative;
padding:20px;
margin:20px 0 0;
word-break:break-all;
background-color:#fff;
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.item-box .item-review{
border-top:1px solid #e5e5e5;
padding-top:12px;
margin-top:8px;
}

/* item-agt-header
---------------------------------- */
.item-agt-header{
border-bottom:1px solid #e5e5e5;
padding-bottom:8px;
margin-bottom:12px;
}
.item-agt-header .item-agt-hdg{
font-size:16px;
font-weight:bold;
}
.item-agt-header .item-agt-hdg a:visited{
color:var(--font-color-btn-link-visited);
}
.item-agt-header .item-agt-review{
margin-top:4px;
}
.item-agt-header .item-agt-review-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.item-agt-header .item-agt-review-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
margin-right:12px;
}
.item-agt-header .item-agt-review-list .item-agt-review-list-avg .mod-num{
margin:0 4px;
}
.item-agt-header .item-agt-review-list .item-agt-review-list-avg .cmn-tip-btn{
position:relative;
top:-1px;
}
.item-agt-header .item-agt-desc{
margin-top:8px;
font-size:12px;
}
.item-agt-header .item-agt-list-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-top:4px;
}
.item-agt-header .item-agt-list-container > div:first-child{
padding-top:2px;
margin-top:4px;
font-size:12px;
white-space:nowrap;
}
.item-agt-header .item-agt-list-container > div:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.item-agt-header .item-agt-list{
font-size:0;
}
.item-agt-header .item-agt-list >li{
display:inline-block;
vertical-align:middle;
min-height:21px;
margin-right:4px;
margin-top:4px;
}
.item-agt-header .item-agt-list a{
display:block;
font-size:11px;
height:21px;
line-height:21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:2px;
border:1px solid #aeaeae;
padding:0 8px 0;
color:var(--font-color-btn-link);
}
.item-agt-header .item-agt-list a:link,
.item-agt-header .item-agt-list a:visited,
.item-agt-header .item-agt-list a:hover,
.item-agt-header .item-agt-list a:active{
text-decoration:none;
}
.item-agt-header .item-agt-list a:hover,
.item-agt-header .item-agt-list a:active{
text-decoration:none;
background-color:#f4f4f4;
}
.item-agt-header .item-agt-desc-toggle-container.is-active .item-agt-desc-toggle-overflow{
display:none;
}
.item-agt-header .item-agt-desc-toggle-container.is-active .item-agt-desc-toggle-item{
display:block;
}
.item-agt-header .item-agt-desc-toggle-container.is-active .item-agt-desc-toggle-trigger{
display:none;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-overflow{
display:block;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-overflow .item-agt-desc-toggle-trigger{
display:inline-block;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-overflow .item-agt-desc-toggle-trigger button{
padding:0;
font-size:13px;
position:relative;
border:none;
color:#a4a4a4;
background-color:transparent;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-overflow .item-agt-desc-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-top:-8px;
background-image:none;
font-family:var(--font-num);
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-item{
display:none;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-item .item-agt-desc-toggle-trigger{
display:block;
text-align:right;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-item .item-agt-desc-toggle-trigger button{
color:#a4a4a4;
position:relative;
background:none;
border:none;
font-size:13px;
padding-left:18px;
}
.item-agt-header .item-agt-desc-toggle-container .item-agt-desc-toggle-item .item-agt-desc-toggle-trigger button::before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}

/* item-box-info
---------------------------------- */
.item-box-info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-flow:row-reverse;
flex-flow:row-reverse;
margin-bottom:15px;
}
.item-box-info .item-box-info-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
word-wrap:break-word;
overflow:hidden;
}
.item-box-info .item-box-info-col:last-child{
width:200px;
}
.item-box-info .item-detail{
margin-left:18px;
}
.item-box-info .item-detail .item-hdg{
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}
.item-box-info .item-detail .item-hdg a:visited{
color:var(--font-color-btn-link-visited);
}
.item-box-info .item-detail .item-hdg-clamp{
font-family:var(--font-num);
}
.item-box-info .list-def{
margin-bottom:5px;
}
.item-box-info .list-def a,
.item-box-info .list-def a:link,
.item-box-info .list-def a:visited,
.item-box-info .list-def a:hover,
.item-box-info .list-def a:active{
color:var(--cmn-font-color-base);
}
.item-box-info .list-def > li{
font-size:12px;
line-height:1.6;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:468px;
}
.item-box-info .list-def > li > b{
font-size:12px;
font-weight:normal;
}
.item-box-info .list-def > li > b::after{
position:relative;
display:inline-block;
overflow:hidden;
content:"\ff1a";
vertical-align:top;
}
.item-box-info .item-desc-toggle-container{
font-size:12px;
}
.item-box-info .item-desc-toggle-container.is-active .item-desc-toggle-overflow{
display:none;
}
.item-box-info .item-desc-toggle-container.is-active .item-desc-toggle-item{
display:block;
}
.item-box-info .item-desc-toggle-container.is-active .item-desc-toggle-trigger{
display:none;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-overflow{
display:block;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-overflow .item-desc-toggle-trigger{
display:inline-block;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-overflow .item-desc-toggle-trigger button{
padding:0;
font-size:13px;
position:relative;
border:none;
color:#a4a4a4;
background-color:transparent;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-overflow .item-desc-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-top:-8px;
background-image:none;
font-family:var(--font-num);
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-item{
display:none;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-item .item-desc-toggle-trigger{
display:block;
text-align:right;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-item .item-desc-toggle-trigger button{
color:#a4a4a4;
position:relative;
background:none;
border:none;
font-size:13px;
padding-left:18px;
}
.item-box-info .item-desc-toggle-container .item-desc-toggle-item .item-desc-toggle-trigger button::before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.item-box-info .item-pic{
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;
position:relative;
width:200px;
height:150px;
}
.item-box-info .item-pic .item-pic-img{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
width:200px;
height:150px;
display:block;
}
.item-box-info .item-pic.is-nophoto{
background-size:contain;
border:1px solid #e5e5e5;
}
.item-box-info .item-pic.is-nophoto img{
width:100px;
}
.item-box-info .item-pic .item-pic-more{
position:absolute;
display:block;
bottom:7px;
left:4px;
background-color:rgba(0,0,0,.45);
border-radius:3px;
white-space:nowrap;
padding:1px 5px 2px;
line-height:1;
}
.item-box-info .item-pic .item-pic-more >span{
font-family:var(--font-num);
font-size:11px;
color:#fff;
}
.item-box-info .item-pic .item-pic-more >span::after{
content:"";
position:relative;
top:1px;
display:inline-block;
margin-left:3px;
width:11px;
height:9px;
background:url(/element/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
}

/* item-review
------------------------------------------------ */
.item-review .item-review-point{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
line-height:1;
}
.item-review .item-review-point .cmn-tip-btn{
position:relative;
margin-left:4px;
vertical-align:middle;
top:0;
}
.item-review .item-review-point .item-review-point-rank{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
top:-1px;
}
.item-review .item-review-point .item-review-point-rank .icon-r-face{
margin-right:4px;
}
.item-review .item-review-point .item-review-point-rank .item-review-point-rank-label{
position:relative;
font-size:14px;
font-weight:normal;
font-family:var(--font-num);

}
.item-review .item-review-point .item-review-point-rank .item-review-point-rank-label .blank{
position:relative;
display:inline-block;
width:11px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
margin:0 4px 0 0;
}
.item-review .item-review-point .item-review-point-rank .item-review-point-rank-label .blank::before{
position:absolute;
top:1px;
left:0;
content:"-";
display:block;
font-size:12px;
color:#999;
line-height:1;
}
.item-review .item-review-point .item-review-point-rank .item-review-point-rank-label .blank::after{
position:absolute;
top:1px;
right:0;
content:"-";
display:block;
font-size:12px;
color:#999;
line-height:1;
}
.item-review .item-review-point .item-review-point-label{
font-weight:normal;
font-size:12px;
margin-left:8px;
}
.item-review .item-review-comment{
margin-top:8px;
}
.item-review .item-review-comment .item-review-comment-hdg{
font-size:12px;
font-weight:normal;
}
.item-review .item-review-comment .item-review-comment-summary{
font-size:12px;
}
.item-review .item-review-comment .item-review-comment-summary >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.item-review .item-review-comment .item-review-comment-desc{
font-size:12px;
margin-top:4px;
}
.item-review .item-review-comment .item-review-comment-desc p{
margin:0;
}
.item-review .item-review-comment .item-review-comment-desc .item-review-comment-more-link{
display:inline-block;
font-size:12px;
color:#a4a4a4;
cursor:pointer;
}
.item-review .item-review-comment .item-review-comment-desc .item-review-comment-more-link .item-review-comment-more{
margin-right:4px;
color:var(--cmn-font-color-base);
}
.item-review .item-review-comment .item-review-comment-link{
text-align:right;
}
.item-review .item-review-comment .item-review-comment-link a{
display:inline-block;
padding-top:4px;
font-size:12px;
}

/* .search-item-plan
------------------------------------------------ */
.search-item-plan{
margin-top:12px;
margin:12px;
}
.search-item-plan .dtl-plan-item-toggle-container .dtl-plan-item-toggle-item{
display:none;
}
.search-item-plan .dtl-plan-item-toggle-container .dtl-plan-item-toggle-trigger button{
background:none;
border:none;
padding:0;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.search-item-plan .dtl-plan-item-toggle-container .dtl-plan-item-toggle-trigger button::before{
content:"";
position:relative;
top:-1px;
margin-right:4px;
display:inline-block;
vertical-align:middle;
width:8px;
height:5px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}
.search-item-plan .dtl-plan-item-toggle-container.is-active .dtl-plan-item-toggle-item{
display:block;
}
.search-item-plan .dtl-plan-item-toggle-container.is-active .dtl-plan-item-toggle-trigger button::before{
top:-2px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up.svg);
}
.search-item-plan .dtl-plan-item{
padding:12px 24px;
border:1px solid #e5e5e5;
border-radius:6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-inner-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
cursor:pointer;
font-size:12px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-inner-row > div:first-child{
width:315px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-inner-row > div:last-child{
word-break:break-all;
max-width:300px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-hdg{
display:block;
font-size:14px;
font-weight:bold;
cursor:pointer;
margin-right:0;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-hdg a{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.search-item-plan .dtl-plan-item .dtl-plan-item-hdg a:visited{
color:var(--font-color-btn-link-visited);
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container{
text-align:right;
font-size:0;
margin-bottom:-4px;
padding-right:61px;
width:380px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-sup{
font-size:12px;
display:inline-block;
text-align:left;
line-height:calc(17 / 12);
margin-bottom:4px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price-block{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 -61px 4px 8px;
vertical-align:middle;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price{
font-size:12px;
line-height:1;
display:inline-block;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price .mod-num{
font-weight:bold;
font-size:18px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price .dtl-plan-tax{
font-size:12px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-dtl{
display:inline-block;
margin-left:4px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-dtl.is-active::before,
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-dtl.is-active::after{
display:block;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-dtl::before{
position:absolute;
content:"";
display:none;
bottom:-3px;
left:50%;
margin-left:-8px;
z-index:200;
border:9px solid #aaa;
border-top:none;
border-right:8px solid transparent;
border-left:8px solid transparent;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-dtl::after{
position:absolute;
content:"";
display:none;
bottom:-4px;
left:50%;
margin-left:-8px;
z-index:201;
border:9px solid #fff;
border-top:none;
border-right:8px solid transparent;
border-left:8px solid transparent;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price-btn{
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:12px;
width:57px;
height:22px;
padding:0;
color:var(--font-color-btn-link);
}
.search-item-plan .dtl-plan-item .dtl-plan-item-price-trigger{
color:var(--font-color-btn-link);
font-size:12px;
margin-top:4px;
position:absolute;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-req{
display:inline-block;
font-size:12px;
margin-right:12px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-req > span:first-child{
display:inline-block;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-time.svg) 0 0 no-repeat;
background-size:11px;
margin-right:4px;
position:relative;
top:1px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-age{
display:inline-block;
font-size:12px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-age > span:first-child{
display:inline-block;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-age.svg) 0 0 no-repeat;
background-size:7px 12px;
margin-right:4px;
position:relative;
top:1px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer{
margin-top:4px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-cal-error{
/* height:36px; */
margin-bottom:5px;
margin-top:-5px;
text-align:center;
font-size:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-cal-error .dtl-plan-cal-error-hdg{
font-weight:bold;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-cal-spinner{
height:80px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-cal-spinner .cmn-loading-spinner-dot{
width:16px;
height:16px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-footer-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner.branch{
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner.branch .dtl-plan-item-util{
margin-right:-62px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner.branch .dtl-plan-item-price-container{
/* width:446px; */
width:100%;
margin-bottom:8px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner.branch .dtl-plan-item-footer-col{
margin-bottom:-8px;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner.branch .dtl-plan-item-footer-col .dtl-plan-item-cal{
width:128px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner.branch .dtl-plan-item-footer-col .dtl-plan-item-link{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-link{
display:inline-block;
vertical-align:middle;
font-size:12px;
line-height:calc(17 / 12);
white-space:nowrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-link a{
color:var(--font-color-btn-link);
text-decoration:none;
background-image:-webkit-gradient(
linear
, left top, right top
, from(#949494), color-stop(75%, #949494), color-stop(75%, transparent), to(transparent));
background-image:linear-gradient(
90deg
, #949494, #949494 75%, transparent 75%, transparent 100%);
background-size:3px 1px;
background-repeat:repeat-x;
background-position:0 90%;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-link a:link,
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-link a:visited,
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-link a:hover,
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-link a:active{
color:var(--font-color-btn-link);
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-cal{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-cal.is-active::after{
display:block;
position:absolute;
bottom:-12px;
left:20px;
content:"";
width:0;
height:0;
border-bottom:9px solid #f5f5f5;
border-right:9px solid transparent;
border-left:9px solid transparent;
}
.search-item-plan .dtl-plan-item .dtl-plan-item-footer-inner .dtl-plan-item-cal > span{
color:var(--cmn-font-color-base);
font-size:12px;
line-height:calc(17 / 12);
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-top:8px;

}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list-container > div:first-child{
margin-top:4px;
padding-top:2px;
font-size:12px;
white-space:nowrap;
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list-container > div:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list{
font-size:0;
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list >li{
display:inline-block;
vertical-align:middle;
min-height:21px;
margin-right:4px;
margin-top:4px;
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list >li >span{
display:block;
font-size:11px;
height:21px;
line-height:21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:2px;
border:1px solid #aeaeae;
padding:0 8px 0;
color:var(--font-color-btn-link);
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a{
display:block;
font-size:11px;
height:21px;
line-height:21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:2px;
border:1px solid #aeaeae;
padding:0 8px 0;
color:var(--font-color-btn-link);
cursor:default;
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a:link,
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a:visited,
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a:hover,
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a:active{
text-decoration:none;
}
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a:hover,
.search-item-plan .dtl-plan-item .dtl-plan-agt-list a:active{
text-decoration:none;
}

/* search-item-plan > search-item-price-popup
------------------------------------------------ */
.search-item-plan{
position:relative;
}

/* search-item-price-popup
------------------------------------------------ */
.popup-price-dtl-container{
display:none;
position:absolute;
padding:20px;
border:1px solid #aaa;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 3px 4px 0 rgba(215, 215, 215, .75);
box-shadow:0 3px 4px 0 rgba(215, 215, 215, .75);
z-index:10;
width:400px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:100;
}
.popup-price-dtl-container.is-active{
display:block;
}
.popup-price-dtl-container.is-right::before{
position:absolute;
top:0;
left:-10px;
width:100%;
height:100%;
content:"";
}
.popup-price-dtl-container.is-right .popup-price-dtl-tip{
position:fixed;
width:92px;
pointer-events:none;
}
.popup-price-dtl-container.is-right .popup-price-dtl-tip::before{
position:absolute;
right:-4px;
left:auto;
top:2px;
content:"";
display:block;
border:none;
background-color:#aaa;
width:12px;
height:16px;
clip-path:polygon(0 50%, 100% 100%,100% 0%);
border:none;
}
.popup-price-dtl-container.is-right .popup-price-dtl-tip::after{
position:absolute;
right:-6px;
left:auto;
top:2px;
content:"";
display:block;
border:none;
background-color:#fff;
width:12px;
height:16px;
clip-path:polygon(0 50%, 100% 100%,100% 0%);
border:none;
}
.popup-price-dtl-container .popup-price-dtl-tip{
position:absolute;
width:57px;
height:22px;
cursor:pointer;
}
.popup-price-dtl-container .popup-price-dtl-tip::before{
display:block;
position:absolute;
content:"";
top:16px;
left:50%;
margin-left:-8px;
z-index:2;
border:9px solid #aaa;
border-top:none;
border-right:8px solid transparent;
border-left:8px solid transparent;
}
.popup-price-dtl-container .popup-price-dtl-tip::after{
display:block;
position:absolute;
content:"";
top:17px;
left:50%;
margin-left:-8px;
z-index:3;
border:9px solid #fff;
border-top:none;
border-right:8px solid transparent;
border-left:8px solid transparent;
}
.popup-price-dtl-container .price-dtl-header{
padding-right:37px;
margin-bottom:8px;
font-size:14px;
}
.popup-price-dtl-container .price-dtl-close-btn{
display:none;
position:absolute;
top:4px;
right:4px;
margin:0;
padding:12px;
border:none;
background:none;
width:29px;
height:29px;
font-size:0;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) center center no-repeat;
background-size:9px auto;
border-radius:50%;

}
.popup-price-dtl-container .price-dtl-close-btn:active,
.popup-price-dtl-container .price-dtl-close-btn:hover{
background-color:rgba(0,0,0,.04);
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-loading{
height:69px;
padding:26px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-loading .cmn-loading-spinner-dot{
width:16px;
height:16px;
margin:0 auto;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date{
position:relative;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date::before,
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date::after{
top:0;
content:"";
display:block;
position:absolute;
width:10px;
height:100%;
z-index:2;
pointer-events:none;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date::before{
left:0;

/* background:linear-gradient(to left, rgba(245, 245, 245, 0) 0%, #fff 100%); */
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date::after{
right:0px;

/* background:linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #fff 100%); */
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date.is-start::before{
display:none;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date.is-end::after{
display:none;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-inner{
max-width:100%;
display:inline-block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
scrollbar-width:none;
-ms-overflow-style:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-inner::-webkit-scrollbar{
display:none;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list{
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
font-size:0;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li:not(:last-child){
margin-right:4px;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li button{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:48px;
padding:5px 0 4px;
border:none;
background:none;
border:1px solid #ddd;
border-radius:4px;
font-size:12px;
outline:none;
color:var(--cmn-font-color-base);
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .date{
display:inline-block;
line-height:calc(14 / 12);
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .week{
display:block;
line-height:calc(14 / 12);
margin-top:1px;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .price{
display:block;
line-height:1;
min-height:12px;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .status{
display:block;
line-height:1;
width:11px;
height:11px;
margin:2px auto 0;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .status .status-ok{
display:inline-block;
vertical-align:middle;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
background:url(/element_sp/j_optional_v2/shared/images/icon-plan-ok.svg) 0 0 no-repeat;
background-size:11px auto;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .status .status-ng{
display:inline-block;
vertical-align:middle;
width:9px;
height:0;
padding-top:9px;
overflow:hidden;
background:url(/element_sp/j_optional_v2/shared/images/icon-plan-ng.svg) 0 0 no-repeat;
background-size:9px auto;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li .status .status-blank{
display:inline-block;
vertical-align:middle;
position:relative;
top:-1px;
width:11px;
height:0;
padding-top:1px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-blank.svg) 0 0 no-repeat;
background-size:11px auto;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li.holiday .week{
color:var(--cmn-font-color-red);
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li.is-active button{
-webkit-box-shadow:none;
box-shadow:none;
background-color:#eee;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li.is-selected button .date{
height:14px;
width:33px;
padding:0 1px;
background-color:#bce0f8;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li.is-disabled button{
cursor:default;
-webkit-box-shadow:none;
box-shadow:none;
border-color:#ddd;
color:rgba(2,2,2,.33);
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li.is-disabled button .status{
opacity:.33;
}
.popup-price-dtl-container .price-dtl-date-container .price-dtl-date-list li.is-disabled.holiday .week{
color:rgba(2,2,2,.33);
}
.popup-price-dtl-container .price-dtl-def{
margin-top:6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:space-between;
-ms-flex-align:space-between;
align-items:space-between;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.popup-price-dtl-container .price-dtl-def .price-dtl-def-unit{
font-size:12px;
}
.popup-price-dtl-container .price-dtl-def .price-dtl-def-unit >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.popup-price-dtl-container .price-dtl-sup-container{
background-color:#f5f5f5;
height:25px;
padding:4px;
margin-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.popup-price-dtl-container .price-dtl-sup-container .price-dtl-sup-date{
font-size:12px;
}
.popup-price-dtl-container .price-dtl-sup-container .price-dtl-sup-date .month{
font-size:14px;
font-family:Arial;
}
.popup-price-dtl-container .price-dtl-sup-container .mod-num{
margin-right:-4px;
font-size:14px;
font-family:Arial;
}
.popup-price-dtl-container .price-dtl-item{
margin-top:12px;
}
.popup-price-dtl-container .price-dtl-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.popup-price-dtl-container .price-dtl-list >li:not(:first-child){
margin-top:12px;
}
.popup-price-dtl-container .price-dtl-list >li >div{
position:relative;
}
.popup-price-dtl-container .price-dtl-list >li >div:first-child{
width:73px;
padding-right:12px;
white-space:nowrap;
}
.popup-price-dtl-container .price-dtl-list >li >div:first-child::after{
position:absolute;
right:13px;
top:0;
content:":";
display:block;
}
.popup-price-dtl-container .price-dtl-list >li >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.popup-price-dtl-container .price-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
line-height:1;
}
.popup-price-dtl-container .price-item .price-num{
font-size:14px;
font-family:Arial;
}
.popup-price-dtl-container .price-dtl-main .price-num{
font-size:18px;
font-weight:bold;
font-family:Arial;
}
.popup-price-dtl-container .price-dtl-sub{
margin-top:8px;
}
.popup-price-dtl-container .price-dtl-option{
margin:0;
}
.popup-price-dtl-container .price-dtl-option >li >div:last-child{
margin-top:-1px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.popup-price-dtl-container .price-dtl-option >li:not(:first-child){
margin-top:8px;
}
.mod-hidden{
display:none;
}
.mod-hidden .dtl-plan-agt-list-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.mod-hidden .dtl-plan-agt-list-container > div:first-child{
margin-top:4px;
margin-left:37px;
padding-top:2px;
font-size:12px;
white-space:nowrap;
}
.mod-hidden .dtl-plan-agt-list-container > div:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.mod-hidden .dtl-plan-agt-list{
font-size:0;
}
.mod-hidden .dtl-plan-agt-list >li{
display:inline-block;
vertical-align:middle;
min-height:21px;
margin-right:4px;
margin-top:4px;
}
.mod-hidden .dtl-plan-agt-list a{
display:block;
font-size:11px;
height:21px;
line-height:21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:2px;
border:1px solid #aeaeae;
padding:0 8px 0;
color:var(--font-color-btn-link);
}
.mod-hidden .dtl-plan-agt-list a:link,
.mod-hidden .dtl-plan-agt-list a:visited,
.mod-hidden .dtl-plan-agt-list a:hover,
.mod-hidden .dtl-plan-agt-list a:active{
text-decoration:none;
}
.mod-hidden .dtl-plan-agt-list a:hover,
.mod-hidden .dtl-plan-agt-list a:active{
text-decoration:none;
background-color:#f4f4f4;
}

/* search-item-plan > dtl-plan-slide
------------------------------------------------ */
.search-item-plan .dtl-plan-cal-container{
margin:12px 0 0;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-error{
height:47px;
text-align:center;
font-size:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-error .dtl-plan-cal-error-hdg{
font-weight:bold;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-error .dtl-plan-cal-error-txt{
margin-top:4px;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-spinner{
height:67px;
padding:5px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal{
width:100%;
overflow:hidden;
overflow-x:scroll;
scrollbar-width:none;
-ms-overflow-style:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal::-webkit-scrollbar{
display:none;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list{
white-space:nowrap;
font-size:0;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list::after{
content:"";
display:table;
clear:both;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:42px;
height:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-left:1px solid #eee;
box-sizing:border-box;
background-color:#f8f8f8;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list > li.is-selected{
position:relative;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list > li.is-selected .dtl-plan-cal-date{
background-color:#bce0f8;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list > li:first-child{
border-left:none;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list > li.holiday .dtl-plan-cal-week{
color:var(--cmn-font-color-red);
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-header{
text-align:center;
padding-top:6px;
font-weight:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:41px;
height:35px;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-header .dtl-plan-cal-date{
display:inline-block;
width:32px;
height:14px;
padding:1px 1px 0;
font-size:12px;
font-family:var(--font-num);
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-header .dtl-plan-cal-week{
display:block;
font-size:12px;
line-height:1;
margin-top:3px;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status{
display:block;
text-align:center;
height:20px;
width:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status .dtl-plan-cal-blank{
margin-top:8px;
display:inline-block;
vertical-align:middle;
width:10px;
height:0;
padding-top:1px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-blank.svg) 0 0 no-repeat;
background-size:10px auto;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status .dtl-plan-cal-inq{
display:block;
font-size:13px;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status .dtl-plan-cal-ok{
margin-top:3px;
display:inline-block;
vertical-align:middle;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-ok.svg) 0 0 no-repeat;
background-size:11px auto;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status .dtl-plan-cal-ng{
margin-top:4px;
display:inline-block;
vertical-align:middle;
width:9px;
height:0;
padding-top:9px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-plan-ng.svg) 0 0 no-repeat;
background-size:9px auto;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner{
position:relative;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner::before,
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner::after{
top:0;
content:"";
display:block;
position:absolute;
width:40px;
height:100%;
z-index:2;
pointer-events:none;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner::before{
left:-1px;

/* background:linear-gradient(to left, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%); */
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner::after{
right:-1px;

/* background:linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%); */
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner.is-start::before{
display:none;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner.is-end::after{
display:none;
}

/* search-item-plan > dtl-plan-slide
------------------------------------------------ */
.search-item-plan .dtl-plan-slide{
position:relative;
margin-top:12px;

}
.search-item-plan .dtl-plan-slide .dtl-plan-item-hdg{
margin-right:85px;
}
.search-item-plan .dtl-plan-slide .dtl-plan-slide-list{
margin:0;
padding-bottom:1px;
}
.search-item-plan .dtl-plan-slide .swiper-pagination-fraction{
position:absolute;
width:auto;
height:auto;
top:-8px;
left:auto;
right:-8px;
height:24px;
font-size:12px;
}
.search-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector{
display:inline-block;
border:1px solid #bbb;
background-color:#fff;
border-radius:10px;
min-width:117px;
height:24px;
color:var(--font-color-btn-link);
font-size:12px;
padding:1px 8px 1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.search-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector::before{
position:relative;
display:inline-block;
margin-right:5px;
border-right:1px solid #777;
border-bottom:1px solid #777;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector .swiper-pagination-total{
font-family:var(--font-num);
}
.search-item-plan .dtl-plan-slide .swiper-button-prev,
.search-item-plan .dtl-plan-slide .swiper-button-next{
width:24px;
height:24px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
top:35px;
margin-top:0;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-slide .swiper-button-prev.swiper-button-disabled,.search-item-plan .dtl-plan-slide .swiper-button-next.swiper-button-disabled{
display:none;
}
.search-item-plan .dtl-plan-slide .swiper-button-prev::after,.search-item-plan .dtl-plan-slide .swiper-button-next::after{
content:"";
display:block;
position:relative;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
top:5px;
}
.search-item-plan .dtl-plan-slide .swiper-button-prev{
left:-10px;
}
.search-item-plan .dtl-plan-slide .swiper-button-prev::after{
left:7px;
}
.search-item-plan .dtl-plan-slide .swiper-button-next{
right:-10px;
}
.search-item-plan .dtl-plan-slide .swiper-button-next::after{
right:-8px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}

/* search-item-footer
------------------------------------------------ */
.search-item-footer{
margin:12px 0 0;
}
.search-item-footer .search-item-cv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-item-footer .search-item-cv > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-item-footer .search-item-cv > div:last-child{
width:203px;
}
.search-item-footer .search-item-action{
text-align:center;
font-size:14px;
}
.search-item-footer .search-item-action a{
color:var(--font-color-btn-link);
background:-webkit-gradient(linear, left top, right top, from(#949494), color-stop(50%, #949494), color-stop(50%, transparent), to(transparent)) repeat-x 0 95%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 95%;
background-size:4px 1px;
}
.search-item-footer .search-item-action a:link,
.search-item-footer .search-item-action a:visited,
.search-item-footer .search-item-action a:hover,
.search-item-footer .search-item-action a:active{
color:var(--font-color-btn-link);
text-decoration:none;
}

/* search-item-agt
------------------------------------------------ */
.search-item-agt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:1.6;
}
.search-item-agt > span a{
color:var(--font-color-btn-link);
}
.search-item-agt > span:first-child{
white-space:nowrap;
}
.search-item-agt > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* search-item-agt-review
------------------------------------------------ */
.search-item-agt-review .search-item-agt-review-list{
margin:0;
font-size:0;
}
.search-item-agt-review .search-item-agt-review-list > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:12px;
line-height:1.6;
}
.search-item-agt-review .search-item-agt-review-list > li:not(:first-child){
margin-left:12px;
}
.search-item-agt-review .search-item-agt-review-list > li .cmn-tip-btn{
position:relative;
margin-left:3px;
top:-1px;
}
.search-item-agt-review .search-item-agt-review-list > li.search-item-agt-review-list-avg > div:first-child{
margin-right:4px;
}

/*    tooltip-payment
----------------------------------------------------------------- */
.tooltip-payment-container{
position:relative;
}
.tooltip-payment-container.active .tooltip-payment{
display:block;
}
.tooltip-payment{
display:none;
font-size:12px;
position:absolute;
z-index:1000;
top:40px;
right:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:455px;
padding:15px;
color:var(--cmn-font-color-base);
border:1px solid #b5b5b5;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2);
box-shadow:0 0 5px rgba(0, 0, 0, .2);
}

/* .tooltip-payment-block
----------------------------------------------- */
.tooltip-payment-block + .tooltip-payment-list{
border-top:1px solid #ddd;
margin-top:8px;
padding-top:8px;
}

/* .tooltip-payment-list
----------------------------------------------- */
.tooltip-payment-list > li{
font-size:12px;
line-height:1.6;
display:-ms-grid;
display:grid;
-ms-grid-columns:6em 1fr;
grid-template-columns:6em 1fr;
}
.tooltip-payment-list .payment-head{
position:relative;
padding-right:1em;
}
.tooltip-payment-list .payment-head:after{
position:absolute;
top:0;
right:0;
display:block;
content:"\ff1a";
}
.tooltip-payment-list .payment-item .is-disabled{
overflow:hidden;
color:#ccc;
}
.tooltip-payment-list .payment-item strong{
font-weight:normal;
color:var(--cmn-font-color-base);
}
.tooltip-payment-list .payment-item-image{
display:inline-block;
font-size:0;
vertical-align:middle;
}
.tooltip-payment-list .payment-item-image img{
vertical-align:middle;
height:13px;
width:auto;
margin-left:3px;
}
.tooltip-payment-list .payment-item-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.tooltip-payment-list .payment-item-notes > li{
padding-left:1.25em;
position:relative;
}
.tooltip-payment-list .payment-item-notes > li .cmn-tip-btn{
position:relative;
margin-left:4px;
top:-1px;
}
.tooltip-payment-list .payment-item-notes > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.tooltip-payment-list .payment-item-notes .payment-item-notes-child{
margin:4px 0 4px 2px;
}
.tooltip-payment-list .payment-item-notes .payment-item-notes-child > li{
font-size:12px;
text-indent:-.4em;
padding-left:.8em;
}
.tooltip-payment-list .payment-item-notes .payment-item-notes-child > li:not(:first-child){
margin-top:2px;
}
.tooltip-payment-list .payment-item-notes .payment-item-notes-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}

/* .tooltip-payment-note-list
----------------------------------------------- */
.tooltip-payment-note-list{
font-size:12px;
margin-top:6px;
padding-top:8px;
border-top:1px solid #ccc;
}
.tooltip-payment-note-list > li{
position:relative;
margin-top:2px;
padding-left:1em;
color:var(--cmn-font-color-gray);
}
.tooltip-payment-note-list > li:before{
position:absolute;
top:3px;
left:-1px;
display:block;
content:"\203B";
line-height:1;
}
.tooltip-payment-note-list > li:first-child{
margin-top:0;
}

/* .tip-cv-btn-item
----------------------------------------------- */
.tip-cv-btn-item{
text-align:right;
margin-top:10px;
}
.tip-cv-btn-item .tip-cv-btn{
padding:0 5px;
border:none;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
min-width:116px;
height:37px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:18px;
font-weight:bold;
background-color:var(--cmn-btn-color);
white-space:nowrap;
}

/* item-tbl
------------------------------------------------ */
.item-tbl{
width:100%;
table-layout:fixed;
border-collapse:collapse;
border-bottom:1px solid #e5e5e5;
}
.item-tbl th{
font-size:11px;
font-weight:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:60px;
padding:4px 10px;
white-space:nowrap;
background-color:#f1f1f1;
border-left:1px solid #ddd;
}
.item-tbl th:first-child{
border-left:none;
}
.item-tbl th:first-child + th{
width:180px;
}
.item-tbl td{
font-size:16px;
padding:7px 7px 2px;
text-align:center;
}
.item-tbl td:first-child,
.item-tbl td:first-child + td{
font-size:12px;
}

/* toggle-container
------------------------------------------------ */
.toggle-container > .toggle-item{
display:none;
}
.toggle-container > .toggle-btn{
font-size:11px;
position:relative;
padding-left:15px;
border:none;
color:var(--font-color-btn-link);
background-color:transparent;
}
.toggle-container > .toggle-btn::before{
position:absolute;
top:50%;
left:0;
margin-top:-2px;
display:block;
overflow:hidden;
width:12px;
height:7px;
content:"";
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-repeat:no-repeat;
background-size:100%;
}
.toggle-container.active > .toggle-btn::before{
margin-top:-4px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.toggle-container.active > .toggle-item{
display:block;
}

/* compnay-list
------------------------------------------------ */
.compnay-list{
font-size:0;
overflow:hidden;
margin-top:12px;
}
.compnay-list > li{
font-size:11px;
display:inline-block;
margin-right:10px;
margin-left:-1px;
padding-left:10px;
border-left:1px solid #ccc;
vertical-align:middle;
color:var(--cmn-font-color-gray);
}
.compnay-list > li b{
font-weight:normal;
}
.compnay-list > li b:after{
content:":";
margin:0 3px;
}
.compnay-list > li:first-child{
padding-left:0;
border-left:none;
}
.compnay-list > li .pic{
display:table-cell;
padding-left:1px;
}
.compnay-list > li .pic span{
display:table-cell;
border:1px solid #c5c5c5;
text-align:center;
vertical-align:middle;
cursor:pointer;
width:65px;
height:29px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.compnay-list > li .pic span img{
vertical-align:middle;
max-width:65px;
max-height:29px;
}
.compnay-list > li .desc{
display:table-cell;
padding-left:10px;
vertical-align:middle;
}

/* .error-result
----------------------------------------------- */
.error-result{
margin:30px 10px;
text-align:center;
}
.error-result .br{
display:inline-block;
}
.error-result .error-result-btn{
margin:30px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:6px;
color:var(--cmn-font-color-gray);
display:table;
min-width:210px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* hint-box
------------------------------------------------ */
.hint-box{
width:540px;
margin:20px auto;
padding:10px;
color:var(--cmn-font-color-red);
border:1px solid #e93939;
}
.hint-box .hint-hdg{
font-size:13px;
font-weight:bold;
margin-bottom:5px;
}

/* error
------------------------------------------------ */
.error{
margin:40px 0;
}
.error.simple{
margin:40px 0 70px;
}
.error #errMsg{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error .error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error .error-wording strong{
font-weight:bold;
font-size:18px;
}
.error .error-prev{
margin-top:32px;
text-align:center;
}
.error .error-prev a{
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:var(--font-color-btn-link);
display:inline-block;
min-width:202px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
-webkit-box-shadow:none;
box-shadow:none;
}
.error .error-hint-catch{
font-size:16px;
font-weight:bold;
text-align:left;
}
.error .error-hint{
margin:45px auto 30px;
max-width:90%;
}
.error .error-hint .error-hint-list{
margin-top:10px;
}
.error .error-hint .error-hint-list > li{
padding:8px 0;
border-top:1px dotted #ccc;
overflow:hidden;
}
.error .error-hint .error-hint-list > li:first-child{
padding-top:0;
border-top:none;
}
.error .error-hint .error-hint-list > li >div{
float:left;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:13px;
}
.error .error-hint .error-hint-list > li >div:first-child{
padding:0 10px 0 20px;
}
.error .error-hint .error-hint-list > li >div:first-child:not(:last-child){
font-weight:bold;
width:54%;
}
.error .error-hint .error-hint-list > li >div:first-child::before{
content:"";
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background-color:#287ac4;
}
.error .error-hint .error-hint-list > li >div:first-child::after{
content:"";
display:block;
position:absolute;
top:4px;
left:4px;
border-right:2.5px solid #fff;
border-bottom:2.5px solid #fff;
width:3px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.error .error-hint .error-hint-list > li >div:last-child:not(:first-child){
padding-left:25px;
width:46%;
font-weight:normal;
}
.error .error-hint .error-hint-list > li >div:last-child:not(:first-child)::before{
content:"\2192";
display:block;
position:absolute;
top:-1px;
left:0;
}

/* highlight
------------------------------------------------ */
.highlight{
background-color:#fff094;
}

/* loading
------------------------------------------------ */
.loading{
font-size:18px;
font-weight:bold;
padding:10px 0;
margin-bottom:600px;
text-align:center;
}
.loading:before{
position:relative;
display:block;
overflow:hidden;
width:48px;
height:48px;
content:"";
margin:0 auto 10px;
background-image:url(/element/shared/images/icon/ic_load_l.gif);
}

/* loading-spinner
---------------------------------- */
.loading-spinner{
text-align:center;
font-weight:bold;
font-size:16px;
}
.loading-spinner .cmn-loading-spinner{
margin:40px auto;
}
.loading-spinner .cmn-loading-spinner > span{
margin-top:-20px;
display:block;
}

/* search-result-loading
---------------------------------- */
.search-result-loading{
margin-bottom:1000px;
}

/* loading-box
------------------------------------------------ */
.loading-box{
margin:20px 0;
}
.loading-box .loading-spinner{
display:block;
overflow:hidden;
line-height:2;
width:48px;
height:0;
margin:0 auto;
padding-top:48px;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}

/* -------------------------------------------------
 Detail Modules
-----------------------------------------------------*/
.detail-box{
padding:15px;
border:3px solid #c9c9c9;
word-break:break-all;
}
.detail-box .detail-hdg-container{
position:relative;
margin-bottom:20px;
padding-left:220px;
min-height:150px;
}
.detail-box .item-thumb{
position:absolute;
top:0;
left:0;
}
.detail-box .item-thumb >div{
display:table-cell;
width:200px;
height:150px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-box .item-thumb >div img{
max-width:200px;
max-height:150px;
vertical-align:middle;
}
.detail-box .item-review{
font-size:12px;
margin-bottom:3px;
}
.detail-box .item-review > b{
font-weight:normal;
}
.detail-box .item-review > a{
font-size:11px;
}
.detail-box .list-def{
margin-bottom:5px;
}
.detail-box .list-def > li{
font-size:12px;
}
.detail-box .list-def > li > b{
font-size:12px;
font-weight:normal;
}
.detail-box .list-def > li > b:after{
position:relative;
display:inline-block;
overflow:hidden;
content:"\ff1a";
vertical-align:top;
}
.detail-box .item-hdg{
margin-bottom:10px;
font-size:16px;
font-weight:bold;
}
.detail-box .plan-hdg{
margin-left:-7px;
margin-bottom:10px;
font-size:12px;
font-weight:bold;
}
.detail-box .plan-hdg:before{
display:inline-block;
content:"\3010";
vertical-align:middle;
}
.detail-box .plan-hdg:after{
display:inline-block;
content:"\3011";
vertical-align:middle;
}
.detail-box p{
margin-bottom:15px;
word-break:break-all;
font-size:12px;
}
.detail-item{
margin-top:30px;
padding:10px 4px 4px;
border-radius:6px;
background-color:var(--cmn-font-color-gray);
}
.detail-item .loading{
margin:0 auto 10px;
}
.detail-item .detail-item-hdg{
padding:0 15px 5px;
font-size:18px;
color:#fff;
margin:0;
background:none;
}
.detail-item .detail-box-01{
padding:15px 15px 0;
background-color:#fff;
}
.detail-item .detail-box-01 p{
font-size:13px;
}
.detail-item .detail-box-01 .compnay-list{
padding-bottom:15px;
}
.detail-item .detail-box-01 .item-info-02{
margin:10px 0 7px;
}
.detail-item .loading,
.detail-item .error{
background-color:#fff;
}
.detail-item .search-container{
padding:15px;
background-color:#f5f5f5;
border-bottom:3px solid #777;
}
.detail-item .search-date{
position:relative;
}
.detail-item .search-date input[type="text"],
.detail-item .search-date input[type="search"]{
width:190px;
height:34px;
padding-left:4px;
padding-right:4px;
cursor:pointer;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #bebebe;
}
.detail-item .search-date img{
position:absolute;
top:5px;
left:273px;
}

/* photo-list
------------------------------------------------ */
.photo-list:after{
content:"";
display:block;
clear:both;
}
.photo-list{
margin-left:-15px;
}
.photo-list li{
float:left;
display:block;
width:220px;
margin-left:15px;
margin-bottom:15px;
}
.photo-list li .caption{
display:block;
margin-top:3px;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.photo-list li p{
display:table-cell;
width:220px;
height:160px;
text-align:center;
vertical-align:middle;
border:1px solid #ddd;
}
.photo-list li p img{
max-width:220px;
max-height:160px;
vertical-align:middle;
}

/* search-date
------------------------------------------------ */
.search-date .search-hdg{
margin-right:10px;
}
.search-date .search-hdg label{
position:relative;
bottom:1px;
font-weight:bold;
font-size:12px;
color:#555;
}
.search-date img{
position:relative;
top:4px;
cursor:pointer;
}
.search-date .search-date-add{
display:block;
margin-left:110px;
margin-top:5px;
}
.search-date .search-date-add label{
color:var(--cmn-font-color-base);
}
.search-date .search-date-add input[type="checkbox"]{
margin:0 4px 0 0;
position:relative;
top:2px;
}

/*
------------------------------------------------ */
.detail-box-01 .item-meeting{
border-bottom:1px solid #bbb;
padding-bottom:15px;
margin-bottom:15px;
word-break:break-all;
}
.detail-box-01 .item-info{
position:relative;
font-size:12px;
color:#555;
}
.detail-box-01 .item-info .toggle-btn{
position:absolute;
right:0;
bottom:0;
}
.detail-box-01 .item-hdg-01{
margin-bottom:10px;
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.detail-box-01 .paytype-list{
display:table;
margin-left:-3px;
border-spacing:3px 0;
font-size:0;
}
.detail-box-01 .paytype-list > li{
display:table-cell;
width:90px;
font-size:11px;
margin-left:3px;
padding:3px 4px 2px;
border:1px solid #ccc;
vertical-align:middle;
line-height:1.3;
text-align:center;
}
.detail-box-01 .paytype-list > li span{
display:block;
font-size:11px;
}
.detail-box-01 .item-price-container:after{
content:"";
display:block;
clear:both;
}
.detail-box-01 .item-price-container{
margin-bottom:15px;
}
.detail-box-01 .item-price-container .tooltip-payment-container{
float:right;
}
.detail-box-01 .item-price-container .item-price-detail{
width:500px;
float:left;
}
.detail-box-01 .item-price-container .item-price-detail a{
display:block;
font-size:11px;
margin-bottom:5px;
}
.detail-box-01 .item-price-container .item-price{
margin-bottom:5px;
}
.detail-box-01 .item-price-container .item-price b{
margin-right:5px;
font-size:14px;
font-weight:bold;
color:#555;
}
.detail-box-01 .item-price-container .item-price strong{
font-size:24px;
font-family:var(--font-num);
}
.detail-box-01 .item-price-container .item-price >span{
font-size:12px;
color:var(--cmn-font-color-base);
}
.detail-box-01 .item-price-container .item-price .tax{
font-size:11px;
color:#555;
}
.detail-box-01 .item-price-container .item-price-detail-col:after{
content:"";
display:block;
clear:both;
}
.detail-box-01 .item-price-container .item-price-detail-col .item-price-detail-col-item{
display:inline-block;
vertical-align:middle;
}
.detail-box-01 .item-price-container .item-price-detail-col .item-tip-container{
display:inline-block;
width:140px;
vertical-align:middle;
height:24px;
margin-left:5px;
}
.detail-box-01 .item-other-hdg{
font-size:13px;
color:#555;
}
.detail-box-01 .item-other-list{
margin-bottom:15px;
}
.detail-box-01 .item-other-list >li{
font-size:13px;
padding:10px 0;
border-bottom:1px dotted #ccc;
}
.detail-box-01 .item-other-list >li:last-child{
border-bottom:1px solid #ddd;
}
.detail-box-01 .item-other-list .item-price{
display:inline-block;
margin-right:5px;
margin-top:3px;
font-size:12px;
}
.detail-box-01 .item-other-list .item-price b{
font-weight:normal;
}
.detail-box-01 .item-other-list .item-price strong{
margin:0 3px;
font-family:var(--font-num);
font-size:14px;
color:var(--cmn-font-color-base);
}
.detail-box-01 .item-other-list .list-def{
display:inline-block;
font-size:12px;
color:#555;
}
.detail-box-01 .item-other-list .list-def b{
font-weight:normal;
}

/* item-detail-action
------------------------------------------------ */
.item-detail-action{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.item-detail-action > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-right:8px;
}
.item-detail-action .item-detail-action-agt-name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.item-detail-action .item-detail-action-agt-name span{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.item-detail-action .item-detail-action-agt-logo{
width:60px;
height:40px;
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;
}
.item-detail-action .item-detail-action-agt-logo > img{
max-width:60px;
max-height:40px;
}

/* item-detail-action > search-item-action-cv
------------------------------------------------ */
.item-detail-action .search-item-action-cv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:138px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}
.item-detail-action .search-item-action-cv.status-01 .search-item-action-status{
display:block;
width:11px;
margin:3px auto 0;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
border:1px solid #222;
border-radius:50%;
}
.item-detail-action .search-item-action-cv.status-02 .search-item-action-status{
display:block;
font-weight:normal;
font-size:12px;
}
.item-detail-action .search-item-action-cv .search-item-action-sup{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-right:8px;
margin-top:3px;
}
.item-detail-action .search-item-action-cv .search-item-action-sup > span{
display:block;
width:100%;
text-align:center;
}
.item-detail-action .search-item-action-cv .search-item-action-status{
display:block;
}
.item-detail-action .search-item-action-cv .search-item-action-btn{
font-weight:bold;
padding:9px 5px 10px;
text-align:center;
color:#fff;
border:none;
border-radius:4px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
background-color:var(--cmn-btn-color);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:40px;
width:90px;
font-size:14px;
white-space:nowrap;
line-height:25px;
color:#fff;
}
.item-detail-action .search-item-action-cv .search-item-action-btn > b{
font-size:18px;
}
.item-detail-action .search-item-action-cv .search-item-action-btn:link,
.item-detail-action .search-item-action-cv .search-item-action-btn:visited,
.item-detail-action .search-item-action-cv .search-item-action-btn:hover,
.item-detail-action .search-item-action-cv .search-item-action-btn:active{
text-decoration:none;
}

/* item-tip-container
------------------------------------------------ */
.item-tip-container{
position:relative;
margin-top:4px;
font-size:12px;
}
.item-tip-container.active .item-tip-box{
display:block;
}
.item-tip-container .item-tip-hdg{
position:relative;
display:inline-block;
height:22px;
line-height:23px;
padding:0 8px 0 20px;
font-size:11px;
font-weight:normal;
color:var(--font-color-btn-link);
border:1px solid #d5d5d5;
border-radius:10px;
cursor:pointer;
}
.item-tip-container .item-tip-hdg:link,
.item-tip-container .item-tip-hdg:visited,
.item-tip-container .item-tip-hdg:hover,
.item-tip-container .item-tip-hdg:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.item-tip-container .item-tip-hdg:before{
content:"";
position:absolute;
left:9px;
top:50%;
margin-top:-2px;
display:block;
vertical-align:middle;
border-right:1px solid #777;
border-bottom:1px solid #777;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.item-tip-container .item-tip-box{
display:none;
position:absolute;
padding:10px;
border:1px solid #b5b5b5;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:0 3px 4px 0 rgba(215, 215, 215, .75);
box-shadow:0 3px 4px 0 rgba(215, 215, 215, .75);
top:30px;
left:0;
z-index:1;
min-width:500px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-tip-container .item-tip-box .tbl-01{
width:100%;
border-collapse:collapse;
}
.item-tip-container .item-tip-box .tbl-01 th{
padding:2px 5px;
text-align:center;
font-size:13px;
font-weight:normal;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-tip-container .item-tip-box .tbl-01 td{
padding:5px;
text-align:left;
font-weight:normal;
font-size:13px;
border-bottom:1px solid #ccc;
}
.item-tip-container .item-tip-box .tbl-01 .tbl-01-hdg th{
background-color:#eee;
font-weight:normal;
font-size:12px;
border-bottom:none;
}
.item-tip-container .item-tip-box .tbl-01 .tbl-01-hdg th:first-child{
width:90px;
}
.item-tip-container .item-tip-box .tbl-01 .tbl-01-hdg th:nth-child(2){
width:220px;
}
.item-tip-container .item-tip-box .item-tip-btn{
position:absolute;
border:none;
background:none;
width:38px;
height:0;
padding-top:38px;
overflow:hidden;
line-height:2;
top:-15px;
right:-15px;
background:url(/element/shared/images/icon/btn-close-01.png) 0 0 no-repeat;
}
.item-tip-container .item-tip-box:before{
position:absolute;
display:block;
width:0;
height:0;
content:"";
border-style:solid;
border-color:transparent transparent #b5b5b5 transparent;
top:-8px;
left:65px;
border-width:0 5px 8px 5px;
}
.item-tip-container .item-tip-box:after{
position:absolute;
display:block;
width:0;
height:0;
content:"";
border-width:6px 6px 6px 0;
border-style:solid;
border-color:transparent transparent #fff transparent;
top:-3px;
left:65px;
margin-top:-3px;
border-width:0 5px 8px 5px;
}

/* -------------------------------------------------
 Right Column
-----------------------------------------------------*/
/* sub-box
------------------------------------------------ */
.sub-box{
font-size:12px;
margin-bottom:20px;
}
.sub-box .hdg-sub{
font-size:12px;
line-height:1.3;
padding:10px 0;
color:var(--cmn-font-color-base);
border-top:1px solid #999;
border-bottom:1px solid #cfcfcf;
}
.sub-box .sub-item-list > li{
position:relative;
min-height:54px;
padding:10px 0 10px 64px;
border-bottom:1px dotted #ccc;
}
.sub-box .sub-item-list > li > div{
position:absolute;
top:10px;
left:0;
}
.sub-box .sub-item-list > li > div > p{
display:table-cell;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
border:1px solid #e1e1e1;
}
.sub-box .sub-item-list > li > div > p{
width:53px;
height:53px;
}
.sub-box .sub-item-list > li >div img{
max-width:53px;
max-height:53px;
vertical-align:middle;
}
.sub-box .sub-item-list a{
font-size:12px;
color:var(--font-color-btn-link);
}
.sub-box .sub-item-list a > span{
display:block;
}
.sub-box [class*="rank-hdg"]{
display:inline-block;
padding:0 3px;
font-size:11px;
margin-bottom:2px;
color:#555;
background-color:#ddd;
}
.sub-box [class*="rank-hdg"] span{
font-size:12px;
font-family:var(--font-num);
vertical-align:middle;
}
.sub-box .rank-hdg-01{
color:#fff;
background-color:#f5b733;
}
.sub-box .rank-hdg-02{
color:#fff;
background-color:#999;
}
.sub-box .rank-hdg-03{
color:#fff;
background-color:#b48350;
}
.sub-box .sub-link{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #cfcfcf;
}
.sub-box .sub-link a{
font-size:12px;
color:var(--font-color-btn-link);
}
.sub-box .sub-notes{
display:block;
margin-top:16px;
}
.sub-box .sub-notes > li{
padding-left:14px;
position:relative;
font-size:12px;
color:var(--cmn-font-color-gray);
position:relative;
}
.sub-box .sub-notes > li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}

/* agent-link-item-box
------------------------------------------------ */
.agent-link-item{
width:800px;
margin:30px auto 0;
font-size:12px;
}
.agent-link-item .agent-link-item-box{
padding:40px 75px;
border:3px solid #a9a9a9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.agent-link-item .agent-logo{
text-align:center;
margin-bottom:30px;
}
.agent-link-item .moveInfo{
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom:30px;
}
.agent-link-item .announce{
padding:15px 65px;
text-align:left;
background-color:#fff5f5;
font-size:12px;
}
.agent-link-item .announce li{
margin-bottom:5px;
text-indent:-1em;
}
.agt-link-spinner .cmn-loading-spinner{
margin:30px auto;
}

/* pop-area
------------------------------------------------ */
.pop-area .tab-item{
padding:15px 0 0;
display:none;
}
.pop-area .tab-item.active,
.pop-area .tab-item.is-active{
display:block;

}
.pop-area .tab-item .pop-area-hdg{
display:table-cell;
width:60px;
padding:3px 10px;
}
.pop-area .tab-item ul{
margin:0 6px;
}
.pop-area .tab-item li{
display:inline-block;
margin-left:-1px;
vertical-align:top;
font-size:12px;
}
.pop-area .tab-item li a{
display:block;
padding:0 8px;
margin:4px 0;
border-left:1px solid #dde2e7;
line-height:1.2;
color:var(--font-color-btn-link);
}
.pop-area .tab-item li a:link,
.pop-area .tab-item li a:visited,
.pop-area .tab-item li a:hover,
.pop-area .tab-item li a:active{
color:var(--font-color-btn-link);
}
.pop-area .tab-item > ul > li{
display:table;
width:100%;
}
.pop-area .tab-item >ul ul{
overflow:hidden;
vertical-align:top;
}
.pop-area .tab-item .pop-area-list-01{
overflow:hidden;
margin-bottom:15px;
}
.pop-area .tab-item .pop-area-list-01 li{
display:inline-block;
width:auto;
overflow:hidden;
font-size:12px;
}
.pop-area .tab-item .pop-area-list-02{
margin-top:10px;
}

/* box-intro
------------------------------------------------ */
.box-intro{
background-color:#f6f6f6;
}
.box-intro .box-intro-hdg{
padding:11px 20px 9px;
font-size:24px;
background-color:#666;
color:#ffffff;
min-height:50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:bold;
}
.box-intro .box-intro-inr{
padding:20px 15px 15px;
overflow:hidden;
}
.box-intro .box-intro-pic{
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-right:20px;
}
.box-intro .box-intro-desc{
overflow:hidden;
padding:0 10px;
font-size:14px;
}
.box-intro .box-intro-desc >:first-child{
margin-top:0;
}
.box-intro .box-intro-hdg-02{
color:#4a8400;
font-size:16px;
margin-top:20px;
margin-bottom:6px;
}
.box-intro .box-intro-hdg-02:before{
content:"";
display:inline-block;
width:20px;
height:23px;
vertical-align:top;
margin-right:10px;
background:url(/element/j_optional_v2/shared/images/icon-point-01.gif) top left no-repeat;
position:relative;
top:-3px;
}

/* rank
------------------------------------------------ */
.item-hdg .rank{
display:inline-block;
background-color:#d4d4d4;
font-size:11px;
font-weight:bold;
color:#4c4c4c;
padding:3px 10px 0;
margin-right:5px;
vertical-align:middle;
position:relative;
}
.item-hdg .rank b{
display:inline-block;
font-size:16px;
}
.item-hdg [class*="rank-"]{
color:#fff;
}
.item-hdg [class*="rank-"]:before{
content:"";
display:inline-block;
width:20px;
height:15px;
margin-left:-2px;
margin-right:4px;
background:url(/element/j_optional_v2/shared/images/icon-crown-01.png) top left no-repeat;
}
.item-hdg .rank-01{
background-color:#c7a51d;
}
.item-hdg .rank-02{
background-color:#9c9c9c;
}
.item-hdg .rank-03{
background-color:#ab8873;
}

/* list-col-3
------------------------------------------------ */
.list-col-3{
margin-left:-15px;
}
.list-col-3:after{
content:"";
display:table;
clear:both;
}
.list-col-3 > li{
padding-left:15px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.33333%;
word-break:break-all;
}
.list-col-3 > li:nth-child(3n+1){
clear:left;
}
.list-col-3 > li li{
padding-left:0;
width:auto;
float:none;
}

/* .link-list-thumb
----------------------------------------------- */
.link-list-thumb{
margin-top:-20px;
font-size:12px;
line-height:1.45;
}
.link-list-thumb > li{
margin-top:20px;
}
.link-list-thumb > li a{
padding-left:110px;
color:var(--font-color-btn-link);
display:block;
position:relative;
min-height:65px;
}
.link-list-thumb > li a > b{
margin-bottom:3px;
display:block;
font-size:13px;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.link-list-thumb > li .icon{
padding:1px 3px 0;
color:#fff;
display:inline-block;
background-color:#bc9013;
min-width:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:11px;
font-weight:normal;
text-align:center;
}
.link-list-thumb > li .thumb{
position:absolute;
top:0;
left:0;
max-width:100px;
max-height:65px;
}

/* ----------------------------------------------------------------
  .important-info-link
----------------------------------------------------------------- */
/* .important-info-link
----------------------------------------------- */
.important-info-link{
margin:0 0 15px;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
}
.form-search-index-container .important-info-link{
margin:0 0 10px;
}

/* .important-info-btn
----------------------------------------------- */
.important-info-link .important-info-btn{
padding:8px 15px 8px 35px;
border:none;
color:var(--font-color-btn-link);
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 15px 11px no-repeat;
background-size:14px 12px;
font-size:13px;
font-weight:bold;
text-align:left;
}
.important-info-link .important-info-btn::before{
margin-top:-4px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  GoTo campaing
----------------------------------------------------------------- */
/* .price-event
--------------------------------------*/
.price-event{
margin:0;
padding:3px 29px 3px 6px;
min-height:26px;
border:1px solid #d5d5d5;
border-radius:3px;
display:inline-block;
color:var(--cmn-font-color-base);
background:url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px;
font-size:11px;
text-align:left;
line-height:1.2;
}
.price-event:hover,
.price-event:focus{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}
.price-event strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.price-event > span{
display:inline-block;
vertical-align:middle;
}
.price-event > span + span::before{
content:"/";
display:inline-block;
}
.price-event .sup{
font-size:12px;
margin-right:8px;
}
.price-event.goto .price{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
}
.price-event.goto .price .sup{
margin-right:4px;
}

/* .goto-info
----------------------------------------------- */
.goto-info{
margin-bottom:15px;
border:1px solid #bbb;
border-radius:4px;
font-size:13px;
background-color:#fff;
}
.goto-info button{
padding:7px 30px 7px 15px;
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% - 15px) 52% no-repeat;
background-size:12px 7px;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
}
.goto-info.is-active .goto-info-content{
display:block;
}
.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:0 15px 10px;
display:none;
}
.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{
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}

/* goto-info-label
---------------------------------- */
.goto-info-label{
display:inline-block;
margin-left:8px;
position:relative;
top:-5px;
}
.goto-info-label a{
display:block;
padding:6px 23px 5px 8px;
border-radius:3px;
color:#fff;
min-width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
background:#444 url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 50% no-repeat;
background-size:12px 12px;
text-shadow:none;
font-size:13px;
vertical-align:middle;
}
.goto-info-label a:link,
.goto-info-label a:visited,
.goto-info-label a:hover,
.goto-info-label a:active{
text-decoration:none;
}

/* goto-content
---------------------------------- */
.goto-content .goto-desc-mark{
margin-top:6px;
padding-left:15px;
position:relative;
}
.goto-content .goto-desc-mark strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.goto-content .goto-desc-mark::before{
content:"";
position:absolute;
top:4px;
left:2px;
width:8px;
height:8px;
display:block;
background-color:#333;
}
.goto-content .goto-hdg-l3{
margin-top:12px;
padding-left:15px;
font-size:12px;
font-weight:normal;
position:relative;
}
.goto-content .goto-hdg-l3::before{
content:"";
position:absolute;
top:4px;
left:2px;
width:8px;
height:8px;
display:block;
background-color:#333;
}
.goto-content .goto-list li{
margin-top:8px;
padding-left:14px;
position:relative;
}
.goto-content .goto-list li::before{
content:"";
border-radius:50%;
position:absolute;
top:7px;
left:6px;
width:2px;
height:2px;
display:block;
background-color:#333;
}
.goto-content .goto-notes{
margin-top:12px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.goto-content .goto-notes li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:1.25em;
position:relative;
}
.goto-content .goto-notes li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}

/* dtl-header
------------------------------------------------ */
.dtl-header{
background:#fff;
border:3px solid #c9c9c9;
padding:20px;
}
.dtl-header .item-review .item-review-comment .item-review-comment-desc .item-review-comment-more-link{
padding-right:8px;
position:relative;
}
.dtl-header .item-review .item-review-comment .item-review-comment-desc .item-review-comment-more-link::after{
content:"";
display:block;
position:absolute;
top:6px;
right:0;
width:4px;
height:7px;
background:url(/element/j_optional_v2/shared/images/icon-arrow-more.svg) 0 0 no-repeat;
background-size:100%;
}
.dtl-header .item-review-comment{
border-bottom:1px solid #ccc;
padding-bottom:8px;
}
.dtl-header .dtl-header-desc-toggle-container{
font-size:12px;
}
.dtl-header .dtl-header-desc-toggle-container.is-active .dtl-header-desc-toggle-overflow{
display:none;
}
.dtl-header .dtl-header-desc-toggle-container.is-active .dtl-header-desc-toggle-item{
display:block;
}
.dtl-header .dtl-header-desc-toggle-container.is-active .dtl-header-desc-toggle-trigger{
display:none;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow{
display:block;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow .dtl-header-desc-toggle-trigger{
display:inline-block;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow .dtl-header-desc-toggle-trigger button{
padding:0;
font-size:13px;
position:relative;
border:none;
color:#a4a4a4;
background-color:transparent;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow .dtl-header-desc-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-top:-8px;
background-image:none;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-item{
display:none;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-item .dtl-header-desc-toggle-trigger{
display:block;
text-align:right;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-item .dtl-header-desc-toggle-trigger button{
color:#a4a4a4;
position:relative;
background:none;
border:none;
font-size:13px;
padding-left:18px;
}
.dtl-header .dtl-header-desc-toggle-container .dtl-header-desc-toggle-item .dtl-header-desc-toggle-trigger button::before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.dtl-header .dtl-header-info-toggle-container.is-active .dtl-header-info-toggle-overflow{
display:none;
}
.dtl-header .dtl-header-info-toggle-container.is-active .dtl-header-info-toggle-item{
display:block;
}
.dtl-header .dtl-header-info-toggle-container.is-active .dtl-header-info-toggle-trigger{
display:none;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-overflow{
display:block;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-overflow .dtl-header-info-toggle-trigger{
display:inline-block;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-overflow .dtl-header-info-toggle-trigger button{
padding:0;
font-size:13px;
position:relative;
border:none;
color:#a4a4a4;
background-color:transparent;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-overflow .dtl-header-info-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-right:3px;
margin-top:-8px;
background-image:none;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-item{
display:none;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-item .dtl-header-info-toggle-trigger{
display:block;
text-align:right;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-item .dtl-header-info-toggle-trigger button{
position:relative;
background:none;
border:none;
font-size:13px;
padding-left:18px;
color:#a4a4a4;
}
.dtl-header .dtl-header-info-toggle-container .dtl-header-info-toggle-item .dtl-header-info-toggle-trigger button::before{
overflow:hidden;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.dtl-header .dtl-header-hdg{
font-size:20px;
font-weight:bold;
}
.dtl-header .dtl-header-desc{
margin-top:10px;
font-size:12px;
word-break:break-all;
overflow-wrap:break-word;
}
.dtl-header .dtl-header-info{
margin-top:10px;
font-size:12px;
}
.dtl-header .dtl-header-cv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:12px;
}
.dtl-header .dtl-header-cv > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.dtl-header .dtl-header-cv > div:last-child{
width:203px;
}
.dtl-header .dtl-header-cv .item-detail-action{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.dtl-header .dtl-header-cv .item-detail-action > div:first-child{
margin-right:5px;
}
.dtl-header .dtl-header-cv .item-detail-action > div:last-child{
width:180px;
}
.dtl-header .dtl-header-cv .item-detail-action-agt-logo{
width:60px;
height:40px;
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;
}
.dtl-header .dtl-header-cv .item-detail-action-agt-logo > img{
max-width:60px;
max-height:40px;
}
.dtl-header .dtl-header-cv .item-detail-action-note{
margin:0;
}
.dtl-header .dtl-header-cv .item-detail-action-note > li{
font-size:11px;
color:var(--cmn-font-color-gray);
margin-top:5px;
}
.dtl-header .dtl-header-cv .btn-book{
display:block;
}
.dtl-header .item-review{
margin-top:10px;
}
.dtl-header .item-review-point{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
line-height:1;
}
.dtl-header .item-review-point .cmn-tip-btn{
position:relative;
margin-left:4px;
top:0;
vertical-align:middle;
}
.dtl-header .item-review-point .item-review-point-rank{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
top:-1px;
}
.dtl-header .item-review-point .item-review-point-rank .icon-r-face{
margin-right:4px;
}
.dtl-header .item-review-point .item-review-point-rank .item-review-point-rank-label{
position:relative;
font-size:14px;
font-weight:normal;
font-family:var(--font-num);

}
.dtl-header .item-review-point .item-review-point-rank .item-review-point-rank-label .blank{
position:relative;
display:inline-block;
width:11px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
margin:0 4px 0 0;
}
.dtl-header .item-review-point .item-review-point-rank .item-review-point-rank-label .blank::before{
position:absolute;
top:1px;
left:0;
content:"-";
display:block;
font-size:12px;
color:#999;
line-height:1;
}
.dtl-header .item-review-point .item-review-point-rank .item-review-point-rank-label .blank::after{
position:absolute;
top:1px;
right:0;
content:"-";
display:block;
font-size:12px;
color:#999;
line-height:1;
}
.dtl-header .item-review-point .item-review-point-label{
font-weight:normal;
font-size:12px;
margin-left:8px;
}
.dtl-header .item-review-point .item-review-point-label a{
color:var(--font-color-btn-link);
}
.dtl-header .item-review-point .item-review-point-label a:link,
.dtl-header .item-review-point .item-review-point-label a:visited,
.dtl-header .item-review-point .item-review-point-label a:hover,
.dtl-header .item-review-point .item-review-point-label a:active{
text-decoration:none;
}

/* dtl-header-agt
---------------------------------- */
.dtl-header .dtl-header-agt-hdg{
font-size:20px;
font-weight:bold;
margin-top:-10px;
}
.dtl-header .dtl-header-agt-review{
margin-top:8px;
}
.dtl-header .dtl-header-agt-review-list{
margin:0;
font-size:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.dtl-header .dtl-header-agt-review-list li{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right:12px;
}
.dtl-header .dtl-header-agt-review-list li .cmn-tip-btn{
margin-left:4px;
position:relative;
top:-1px;
vertical-align:middle;
}
.dtl-header .dtl-header-agt-review-list-avg .mod-num{
vertical-align:middle;
}
.dtl-header .dtl-header-agt-desc{
margin-top:8px;
}
.dtl-header .dtl-header-agt-add{
margin-top:10px;
}
.dtl-header .dtl-header-agt-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.dtl-header .dtl-header-agt-link >div:first-child{
white-space:nowrap;
}
.dtl-header .dtl-header-agt-link >div:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.dtl-header .dtl-header-agt-link ul{
font-size:0;
}
.dtl-header .dtl-header-agt-link li{
font-size:11px;
margin-right:4px;
margin-bottom:4px;
display:inline-block;
}
.dtl-header .dtl-header-agt-link a{
display:block;
padding:0 8px;
height:21px;
line-height:21px;
border-radius:2px;
border:1px solid #aeaeae;
color:var(--font-color-btn-link);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.dtl-header .dtl-header-agt-link a:link,
.dtl-header .dtl-header-agt-link a:visited,
.dtl-header .dtl-header-agt-link a:hover,
.dtl-header .dtl-header-agt-link a:active{
color:var(--font-color-btn-link);
}

/* dtl-header-tab
------------------------------------------------ */
.dtl-header-tab{
margin-bottom:20px;
margin-top:20px;
}
.dtl-header-tab .dtl-header-tab-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.dtl-header-tab .dtl-header-tab-list >li{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
}
.dtl-header-tab .dtl-header-tab-list >li.is-active a{
color:var(--cmn-font-color-base);
}
.dtl-header-tab .dtl-header-tab-list >li.is-active a span{
border-bottom:2px solid #333;
}
.dtl-header-tab .dtl-header-tab-list >li.is-disabled a{
color:#ccc;
}
.dtl-header-tab .dtl-header-tab-list >li.is-disabled button{
opacity:.4;
}
.dtl-header-tab .dtl-header-tab-list >li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:30px;
color:var(--font-color-btn-link);
}
.dtl-header-tab .dtl-header-tab-list >li a:link,
.dtl-header-tab .dtl-header-tab-list >li a:visited,
.dtl-header-tab .dtl-header-tab-list >li a:hover,
.dtl-header-tab .dtl-header-tab-list >li a:active{
text-decoration:none;
}
.dtl-header-tab .dtl-header-tab-list >li a span{
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;
height:30px;
padding:6px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.dtl-header-tab .dtl-header-tab-list >li:not(:first-child){
margin-left:20px;
padding-left:20px;
}
.dtl-header-tab .dtl-header-tab-list >li:not(:first-child)::before{
position:absolute;
top:5px;
left:0;
content:"";
display:block;
width:1px;
height:16px;
background-color:#ccc;
}
.dtl-header-tab .dtl-header-tab-list .dtl-header-tab-photo{
position:relative;
display:block;
background:none;
border:none;
padding:0;
font-family:Arial;
line-height:1.2;
border:1px solid #bbb;
border-radius:3px;
height:22px;
min-width:49px;
padding:4px 20px 4px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
color:var(--cmn-font-color-base);
}
.dtl-header-tab .dtl-header-tab-list .dtl-header-tab-photo::after{
content:"";
display:block;
width:13px;
height:11px;
background:url(/element/j_optional_v2/shared/images/icon-more-image-gry.svg) 0 0 no-repeat;
background-size:100% auto;
position:absolute;
right:4px;
top:5px;
}

/* .dtl-header-images
------------------------------------------------ */
.dtl-header .dtl-header-images{
position:relative;
margin-top:10px;
}
.dtl-header .dtl-header-images .dtl-header-more{
position:absolute;
right:9px;
bottom:8px;
}
.dtl-header .dtl-header-images .dtl-header-more button{
display:block;
background:none;
border:none;
background-color:rgba(0,0,0,.7);
border-radius:3px;
white-space:nowrap;
padding:3px 5px 2px;
line-height:1;
height:24px;
}
.dtl-header .dtl-header-images .dtl-header-more button .dtl-header-total > span{
font-family:var(--font-num);
font-size:12px;
color:#fff;
}
.dtl-header .dtl-header-images .dtl-header-more button .dtl-header-total::after{
content:"";
position:relative;
top:0px;
display:inline-block;
margin-left:3px;
width:11px;
height:9px;
background:url(/element/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;

}
.dtl-header .dtl-header-images .dtl-header-list{
margin-bottom:20px;
display:-ms-grid;
display:grid;
-ms-grid-columns:120px 1fr 200px 94px;
grid-template-columns:120px 1fr 200px 94px;
-ms-grid-rows:114px 108px;
grid-template-rows:114px 108px;
}
.dtl-header .dtl-header-images .dtl-header-list > li{
display:block;
background:#ddd;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(1){
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(2){
margin-left:7px;
-ms-grid-column:2;
grid-column:2;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(3){
margin-left:7px;
-ms-grid-column:3;
grid-column:3;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(4){
margin-left:7px;
margin-top:7px;
-ms-grid-column:3;
grid-column:3;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(5){
margin-left:7px;
-ms-grid-column:4;
grid-column:4;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
}
.dtl-header .dtl-header-images .dtl-header-list > li:last-child{
margin-top:7px;
margin-left:7px;
-ms-grid-column:4;
grid-column:4;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list > li .dtl-header-thumb{
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.dtl-header .dtl-header-images .dtl-header-list > li .dtl-header-thumb a{
position:relative;
width:100%;
height:100%;
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;
}
.dtl-header .dtl-header-images .dtl-header-list > li .dtl-header-thumb a img{
max-width:100%;
max-height:100%;
vertical-align:middle;
}
.dtl-header .dtl-header-images .dtl-header-list > li .dtl-header-thumb.dtl-header-thumb-movie a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-23px;
margin-top:-23px;
display:block;
width:46px;
height:46px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5{
-ms-grid-columns:1fr 148px 148px;
grid-template-columns:1fr 148px 148px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(1){
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(2){
margin-left:7px;
-ms-grid-column:2;
grid-column:2;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(3){
margin-top:7px;
margin-left:7px;
-ms-grid-column:2;
-ms-grid-column-span:1;
grid-column:2 / 3;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(4){
margin-top:0;
margin-left:7px;
-ms-grid-column:3;
grid-column:3;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:last-child{
margin-top:7px;
margin-left:7px;
-ms-grid-column:3;
grid-column:3;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4{
-ms-grid-columns:1fr 220px 148px;
grid-template-columns:1fr 220px 148px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:nth-child(1){
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:nth-child(2){
margin-left:7px;
-ms-grid-column:2;
grid-column:2;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:nth-child(3){
margin-left:7px;
-ms-grid-column:3;
-ms-grid-column-span:1;
grid-column:3 / 4;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:last-child{
margin-top:7px;
margin-left:7px;
-ms-grid-column:3;
-ms-grid-column-span:1;
grid-column:3 / 4;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3{
-ms-grid-columns:1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:nth-child(1){
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:nth-child(2){
margin-left:7px;
-ms-grid-column:2;
grid-column:2;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:last-child{
margin-top:0;
margin-left:7px;
-ms-grid-column:3;
-ms-grid-column-span:2;
grid-column:3 / 5;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2{
-ms-grid-columns:1fr 1fr;
grid-template-columns:1fr 1fr;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2 > li:nth-child(1){
-ms-grid-column:1;
-ms-grid-column-span:1;
grid-column:1 / 2;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2 > li:last-child{
margin-top:0;
margin-left:7px;
-ms-grid-column:2;
-ms-grid-column-span:2;
grid-column:2 / 4;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-1{
-ms-grid-columns:1fr;
grid-template-columns:1fr;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-1 > li:nth-child(1){
margin-top:0;
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1 / 3;
}

/* .dtl-header-item-list
------------------------------------------------ */
.dtl-header .dtl-header-item-list{
margin-top:12px;
}
.dtl-header .dtl-header-item-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:1.6;
}
.dtl-header .dtl-header-item-list >li:not(:first-child){
margin-top:2px;
}
.dtl-header .dtl-header-item-list >li > div{
word-break:break-all;
overflow-wrap:break-word;
}
.dtl-header .dtl-header-item-list >li > div:first-child{
position:relative;
padding-right:10px;
}
.dtl-header .dtl-header-item-list >li > div:first-child::after{
position:absolute;
right:2px;
top:0;
content:":";
display:block;
}
.dtl-header .dtl-header-item-list >li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .dtl-item-toggle-container
------------------------------------------------ */
.dtl-item .dtl-item-toggle-container.is-active .dtl-item-toggle-item{
display:block;
padding-bottom:20px;
}
.dtl-item .dtl-item-toggle-container.is-active .dtl-item-toggle-trigger::after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.dtl-item .dtl-item-toggle-container .dtl-item-toggle-item{
display:none;
}
.dtl-item .dtl-item-toggle-container .dtl-item-toggle-trigger{
margin:-12px 0;
padding:12px 0;
position:relative;
cursor:pointer;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.dtl-item .dtl-item-toggle-container .dtl-item-toggle-trigger::after{
content:"";
position:absolute;
top:50%;
margin-top:-2px;
right:0;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}
.dtl-item .dtl-item-inner-toggle-container.is-active .dtl-item-inner-toggle-item{
display:block;
}
.dtl-item .dtl-item-inner-toggle-container.is-active .dtl-item-inner-toggle-trigger button::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-item{
display:none;
}
.dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-trigger{
margin-top:12px;
}
.dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-trigger button{
display:block;
margin:0 auto;
background:none;
padding:0;
position:relative;
border:none;
padding-left:18px;
color:var(--font-color-btn-link);
font-size:12px;
}
.dtl-item .dtl-item-inner-toggle-container .dtl-item-inner-toggle-trigger button::before{
content:"";
position:absolute;
bottom:6px;
left:0;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}

/* dtl-item-dates
---------------------------------- */
.dtl-item-block.dtl-item-dates{
position:relative;
}
.dtl-item-block.dtl-item-dates .dtl-item-guide{
position:absolute;
right:20px;
top:23px;
font-size:12px;
}
.dtl-item-block.dtl-item-dates .dtl-item-guide .cmn-tip-btn{
margin-left:4px;
}

/* dtl-item-terms
---------------------------------- */
.dtl-item-container .dtl-item-terms{
margin-bottom:12px;
font-size:12px;
background-color:#f5f5f5;
border-radius:6px;
padding:12px 12px 0;
}
.dtl-item-container .dtl-item-loading .cmn-loading-spinner{
margin-top:60px;
margin-bottom:50px;
}

/* dtl-item-tools
---------------------------------- */
.dtl-item-container .dtl-item-header{
margin:12px 0 0;
}
.dtl-item-container .dtl-item-footer{
margin:12px 0 0;
}
.dtl-item-container .dtl-item-number{
font-size:12px;
}
.dtl-item-container .dtl-item-number button{
margin:0;
padding:0;
border:none;
background:none;
font-size:14px;
}
.dtl-item-container .dtl-item-number button >span{
display:inline-block;
border-color:#949494;
}

/* dtl-card-plan-board
---------------------------------- */
.dtl-item-container .dtl-card-plan-board{
margin-top:12px;
}
.dtl-item-container .dtl-plan-item-list >li{
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
position:relative;
}
.dtl-item-container .dtl-plan-item-list >li:not(:first-child){
margin-top:16px;
}
.dtl-item-container .dtl-plan-item-list >li a{
display:block;
position:relative;
padding:20px 47px 20px 20px;
color:var(--cmn-font-color-base);
}
.dtl-item-container .dtl-plan-item-list >li a:link,
.dtl-item-container .dtl-plan-item-list >li a:visited,
.dtl-item-container .dtl-plan-item-list >li a:hover,
.dtl-item-container .dtl-plan-item-list >li a:active{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.dtl-item-container .dtl-plan-item-list >li a.is-visited .dtl-plan-item-hdg,.dtl-item-container .dtl-plan-item-list >li a:visited .dtl-plan-item-hdg{
color:var(--font-color-btn-link-visited);
}
.dtl-item-container .dtl-plan-item-list >li a::after{
content:"";
position:absolute;
right:20px;
top:50%;
margin-top:-4px;
display:block;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-hdg{
display:block;
font-size:14px;
line-height:calc(19 / 14);
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-price-container{
margin-top:4px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-sup{
display:block;
font-size:12px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price{
display:block;
font-size:12px;
margin-top:2px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-item-price .mod-num{
font-size:18px;
font-weight:bold;
font-family:Arial;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-price-container .dtl-plan-tax{
font-size:12px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin-top:4px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-req{
font-size:12px;
margin-right:12px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-req > span:first-child{
display:inline-block;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-time.svg) 0 0 no-repeat;
background-size:11px;
margin-right:4px;
position:relative;
top:1px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-age{
font-size:12px;
}
.dtl-item-container .dtl-plan-item-list >li .dtl-plan-item .dtl-plan-item-row .dtl-plan-item-age > span:first-child{
display:inline-block;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-age.svg) 0 0 no-repeat;
background-size:7px 12px;
margin-right:4px;
position:relative;
top:1px;
}

/* dtl-item-tools
---------------------------------- */
.dtl-item-container .dtl-item-tools{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
margin-bottom:-4px;

}
.dtl-item-container .dtl-item-tools > div:first-child{
width:32px;
}
.dtl-item-container .dtl-item-tools > div:last-child{
width:32px;
}
.dtl-item-container .dtl-item-tools .swiper-pagination{
position:static;
}
.dtl-item-container .dtl-item-tools .swiper-pagination .dtl-plan-selector{
background:none;
border:none;
padding:0 8px;
font-size:13px;
}
.dtl-item-container .dtl-item-tools .swiper-button-prev,
.dtl-item-container .dtl-item-tools .swiper-button-next{
left:auto;
right:auto;
top:auto;
bottom:auto;
margin-top:0;
position:relative;
content:"";
display:block;
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
right:auto;
background:none;
}
.dtl-item-container .dtl-item-tools .swiper-button-prev.swiper-button-disabled,.dtl-item-container .dtl-item-tools .swiper-button-next.swiper-button-disabled{
display:none;
}
.dtl-item-container .dtl-item-tools .swiper-button-prev::after,.dtl-item-container .dtl-item-tools .swiper-button-next::after{
top:50%;
margin-top:-6px;
content:"";
display:block;
position:absolute;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
}
.dtl-item-container .dtl-item-tools .swiper-button-prev::after{
left:11px;
}
.dtl-item-container .dtl-item-tools .swiper-button-next::after{
right:11px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}

/* .dtl-item
------------------------------------------------ */
.dtl-item{
margin-top:20px;
padding:20px;
border-radius:6px;
background:#fff;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.dtl-item .dtl-item-block{
border-top:1px solid #ccc;
padding-bottom:20px;
}
.dtl-item .dtl-item-block.dtl-item-toggle-container{
padding-bottom:0;
}
.dtl-item .dtl-item-hdg-container{
padding:12px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
}
.dtl-item .dtl-item-hdg{
font-size:14px;
font-weight:bold;
}
.dtl-item .dtl-item-hdg > span:first-child{
margin-right:12px;
}
.dtl-item .dtl-item-hdg .dtl-item-hdg-sup{
margin-right:12px;
font-weight:normal;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.dtl-item .dtl-item-hdg-l3-container{
margin-top:20px;
padding-bottom:8px;
border-bottom:1px solid #ccc;
}
.dtl-item .dtl-item-hdg-l3-container .dtl-item-hdg-l3{
font-size:14px;
font-weight:normal;
}
.dtl-item .dtl-item-action-container{
position:relative;
padding-right:140px;
}
.dtl-item .dtl-item-action-container .dtl-item-action{
position:absolute;
right:0;
bottom:0;
}
.dtl-item .dtl-item-action a{
font-size:12px;
color:var(--font-color-btn-link);
text-decoration:none;
}
.dtl-item .dtl-item-action a:link,
.dtl-item .dtl-item-action a:visited,
.dtl-item .dtl-item-action a:hover,
.dtl-item .dtl-item-action a:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.dtl-item .dtl-item-inner >:first-child{
margin-top:0;
}
.dtl-item .dtl-item-overview .dtl-item-inner >:first-child.dtl-item-list{
margin-top:12px;
}

/* dtl-item-list
------------------------------------------------ */
.dtl-item .dtl-item-list{
display:table;
margin-top:12px;
width:690px;
table-layout:fixed;
}
.dtl-item .dtl-item-list.is-size-04 >li > div:first-child{
width:4em;
}
.dtl-item .dtl-item-list .dtl-item-list-hdg{
display:block;
font-weight:normal;
}
.dtl-item .dtl-item-list .dtl-item-list-hdg:not(:first-of-type){
margin-top:4px;
}
.dtl-item .dtl-item-list .dtl-item-list-hdg::before,
.dtl-item .dtl-item-list .dtl-item-list-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-item .dtl-item-list .dtl-item-list-hdg::before{
margin-right:.4em;
}
.dtl-item .dtl-item-list .dtl-item-list-hdg::after{
margin-left:.4em;
}
.dtl-item .dtl-item-list >li{
display:table-row;
font-size:12px;
}
.dtl-item .dtl-item-list >li:first-child > div{
padding-top:0;
}
.dtl-item .dtl-item-list >li:first-child > div:first-child::after{
top:0;
}
.dtl-item .dtl-item-list >li > div{
padding-top:8px;
display:table-cell;
}
.dtl-item .dtl-item-list >li > div:first-child{
position:relative;
width:85px;
padding-right:9px;
}
.dtl-item .dtl-item-list >li > div:first-child::after{
position:absolute;
right:-1px;
height:12px;
top:8px;
content:":";
display:block;
}
.dtl-item .dtl-item-list >li > div:last-child{
padding-left:12px;
word-break:break-all;
overflow-wrap:break-word;
}
.dtl-item .dtl-item-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.dtl-item .dtl-item-notes > li{
padding-left:1.25em;
position:relative;
}
.dtl-item .dtl-item-notes > li .cmn-tip-btn{
position:relative;
margin-left:4px;
top:-1px;
}
.dtl-item .dtl-item-notes > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.dtl-item .dtl-item-notes .dtl-item-notes-child{
margin:4px 0 4px 2px;
}
.dtl-item .dtl-item-notes .dtl-item-notes-child > li{
font-size:12px;
text-indent:-.4em;
padding-left:.8em;
}
.dtl-item .dtl-item-notes .dtl-item-notes-child > li:not(:first-child){
margin-top:2px;
}
.dtl-item .dtl-item-notes .dtl-item-notes-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}
.dtl-item .dtl-item-place-toggle-container.is-active .dtl-item-place-toggle-overflow{
display:none;
}
.dtl-item .dtl-item-place-toggle-container.is-active .dtl-item-place-toggle-item{
display:block;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger{
display:block;
text-align:right;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger button{
line-height:1;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0;

}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger button.dtl-item-place-more-photo{
padding-right:18px;
position:relative;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-overflow .dtl-item-place-toggle-trigger button.dtl-item-place-more-photo::after{
position:absolute;
right:0;
top:-3px;
content:"";
display:block;
width:14px;
height:17px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-gry.svg) top left no-repeat;
background-size:14px 17px;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item{
display:none;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item .dtl-item-place-toggle-trigger{
margin-top:5px;
text-align:center;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item .dtl-item-place-toggle-trigger button{
position:relative;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0 0 0 18px;
}
.dtl-item .dtl-item-place-toggle-container .dtl-item-place-toggle-item .dtl-item-place-toggle-trigger button::before{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-4px;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}
.dtl-item .dtl-item-place-photo-list::after{
content:"";
display:table;
clear:both;
}
.dtl-item .dtl-item-place-photo-list > li{
float:left;
margin-left:12px;
margin-top:12px;
}
.dtl-item .dtl-item-place-photo-list > li:nth-child(-n+3){
margin-top:8px;
}
.dtl-item .dtl-item-place-photo-list > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.dtl-item .dtl-item-place-photo-list .dtl-item-place-photo >div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:160px;
height:120px;
background:#f5f5f5;
}
.dtl-item .dtl-item-place-photo-list .dtl-item-place-photo >div img{
max-width:160px;
max-height:120px;
}
.dtl-item .dtl-item-place-photo-list .dtl-item-place-photo.dtl-item-place-photo-movie >div a{
position:relative;
}
.dtl-item .dtl-item-place-photo-list .dtl-item-place-photo.dtl-item-place-photo-movie >div a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.dtl-item .dtl-item-desc{
margin-top:12px;
font-size:12px;
}
.dtl-item .dtl-item-tag-list{
letter-spacing:-.4em;
margin-top:8px;
margin-bottom:-4px;
}
.dtl-item .dtl-item-tag-list > li{
display:inline-block;
margin-bottom:4px;
margin-right:4px;
letter-spacing:normal;
}
.dtl-item .dtl-item-tag-list > li.is-disabled > span{
color:#ccc;
border-color:#ccc;
}
.dtl-item .dtl-item-tag-list > li > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
height:21px;
padding:1px 8px 0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:1px solid #aaa;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.dtl-item .dtl-item-list-note >li{
text-indent:-1.4em;
margin-left:1.4em;
color:var(--cmn-font-color-gray);
font-size:12px;
}
.dtl-item .dtl-item-list-note >li .mark{
margin-right:.4em;
}
.dtl-item .dtl-item-note{
margin-top:8px;
}
.dtl-item .dtl-item-note >li{
text-indent:-1em;
margin-left:1em;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.dtl-item .dtl-item-facility-list >li{
display:inline-block;
margin-right:12px;
}
.dtl-item .dtl-item-facility-list >li.is-off{
color:#ccc;
}
.dtl-item .dtl-item-faq-list >li:not(:first-child){
margin-top:18px;
}
.dtl-item .dtl-item-faq-list >li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.dtl-item .dtl-item-faq-list >li > div > span{
word-break:break-all;
overflow-wrap:break-word;
}
.dtl-item .dtl-item-faq-list >li > div > span:first-child{
margin-right:5px;
white-space:nowrap;
}
.dtl-item .dtl-item-unit-container >:first-child{
margin-top:0;
}
.dtl-item .dtl-item-unit{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:20px;
}
.dtl-item .dtl-item-unit > div:first-child{
width:160px;
margin-right:20px;
}
.dtl-item .dtl-item-unit > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.dtl-item .dtl-item-unit .dtl-item-unit-hdg{
font-size:14px;
}
.dtl-item .dtl-item-unit .dtl-item-unit-desc{
font-size:12px;
margin-top:4px;
}
.dtl-item .dtl-item-unit .dtl-item-unit-photo >div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:160px;
height:120px;
background:#f5f5f5;
}
.dtl-item .dtl-item-unit .dtl-item-unit-photo >div img{
max-width:160px;
max-height:120px;
}
.dtl-item .dtl-item-unit .dtl-item-unit-photo.dtl-item-unit-photo-movie >div a{
position:relative;
}
.dtl-item .dtl-item-unit .dtl-item-unit-photo.dtl-item-unit-photo-movie >div a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.dtl-item .dtl-item-rcmd-unit-container >:first-child{
margin-top:0;
}
.dtl-item .dtl-item-rcmd-unit{
margin-top:20px;
}
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-hdg{
font-size:12px;
}
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-hdg::before,
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-hdg::before{
margin-right:.4em;
}
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-hdg::after{
margin-left:.4em;
}
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-sup{
font-size:12px;
font-weight:bold;
line-height:1.4;
margin-top:2px;
}
.dtl-item .dtl-item-rcmd-unit .dtl-item-rcmd-unit-desc{
font-size:12px;
}
.dtl-item .dtl-item-sch{
padding-bottom:12px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-req{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-item .dtl-item-sch .dtl-item-sch-req > div{
font-size:12px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-req > div:first-child{
border:1px solid #d1d1d1;
padding:2px 7px;
margin-right:8px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-list{
margin-top:12px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-list >li:not(:first-child){
margin-top:8px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-list >li.branch{
margin-left:51px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-list >li >div:first-child{
min-width:51px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-list >li >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.dtl-item .dtl-item-sch .dtl-item-sch-time{
margin-right:14px;
font-family:Arial;
}
.dtl-item .dtl-item-sch .dtl-item-sch-hdg::before,
.dtl-item .dtl-item-sch .dtl-item-sch-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-hdg::before{
margin-right:.4em;
}
.dtl-item .dtl-item-sch .dtl-item-sch-hdg::after{
margin-left:.4em;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list::after{
content:"";
display:table;
clear:both;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list > li{
float:left;
margin-left:12px;
margin-top:12px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list > li:nth-child(-n+3){
margin-top:8px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo >div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:160px;
height:120px;
background:#f5f5f5;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo >div img{
max-width:160px;
max-height:120px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo.dtl-item-sch-photo-movie >div a{
position:relative;
}
.dtl-item .dtl-item-sch .dtl-item-sch-photo-list .dtl-item-sch-photo.dtl-item-sch-photo-movie >div a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container.is-active .dtl-item-sch-toggle-overflow{
display:none;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container.is-active .dtl-item-sch-toggle-item{
display:block;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-overflow .dtl-item-sch-toggle-trigger{
display:block;
text-align:right;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-overflow .dtl-item-sch-toggle-trigger button{
line-height:1;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item{
display:none;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item .dtl-item-sch-toggle-trigger{
margin-top:5px;
text-align:center;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item .dtl-item-sch-toggle-trigger button{
position:relative;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0 0 0 18px;
}
.dtl-item .dtl-item-sch .dtl-item-sch-toggle-container .dtl-item-sch-toggle-item .dtl-item-sch-toggle-trigger button::before{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-4px;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}

/* dtl-item-summary
------------------------------------------------ */
.dtl-item .dtl-item-summary-hdg{
font-size:12px;
font-weight:bold;
}
.dtl-item .dtl-card-summary-desc{
font-size:12px;
margin-top:8px;
word-break:break-all;
word-wrap:break-word;
}
.dtl-item .dtl-item-summary-desc-toggle-container.is-active .dtl-item-summary-desc-toggle-overflow{
display:none;
}
.dtl-item .dtl-item-summary-desc-toggle-container.is-active .dtl-item-summary-desc-toggle-item{
display:block;
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-overflow .dtl-item-summary-desc-toggle-trigger{
display:inline-block;
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-overflow .dtl-item-summary-desc-toggle-trigger button{
line-height:1;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0;
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-overflow .dtl-item-summary-desc-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-top:-8px;
background-image:none;
font-family:var(--font-num);
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-item{
display:none;
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-item .dtl-item-summary-desc-toggle-trigger{
text-align:right;
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-item .dtl-item-summary-desc-toggle-trigger button{
position:relative;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0 0 0 18px;
}
.dtl-item .dtl-item-summary-desc-toggle-container .dtl-item-summary-desc-toggle-item .dtl-item-summary-desc-toggle-trigger button::before{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-4px;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}

/* item-review-point
------------------------------------------------ */
.dtl-item .item-review-point{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
line-height:1;
}
.dtl-item .item-review-point .cmn-tip-btn{
position:relative;
margin-left:4px;
vertical-align:middle;
top:0;
}
.dtl-item .item-review-point .item-review-point-rank{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
top:-1px;
}
.dtl-item .item-review-point .item-review-point-rank .icon-r-face{
margin-right:4px;
}
.dtl-item .item-review-point .item-review-point-rank .item-review-point-rank-label{
position:relative;
font-size:14px;
font-weight:normal;
font-family:var(--font-num);

}
.dtl-item .item-review-point .item-review-point-rank .item-review-point-rank-label .blank{
position:relative;
display:inline-block;
width:11px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
margin:0 4px 0 0;
}
.dtl-item .item-review-point .item-review-point-rank .item-review-point-rank-label .blank::before{
position:absolute;
top:1px;
left:0;
content:"-";
display:block;
font-size:12px;
color:#999;
line-height:1;
}
.dtl-item .item-review-point .item-review-point-rank .item-review-point-rank-label .blank::after{
position:absolute;
top:1px;
right:0;
content:"-";
display:block;
font-size:12px;
color:#999;
line-height:1;
}
.dtl-item .item-review-point .item-review-point-label{
font-weight:normal;
font-size:12px;
margin-left:8px;
}
.dtl-item .item-review-point .item-review-point-label a{
color:var(--font-color-btn-link);
}
.dtl-item .item-review-point .item-review-point-label a:link,
.dtl-item .item-review-point .item-review-point-label a:visited,
.dtl-item .item-review-point .item-review-point-label a:hover,
.dtl-item .item-review-point .item-review-point-label a:active{
text-decoration:none;
}

/* .dtl-plan-item
------------------------------------------------ */
.dtl-item-plan{
margin-top:12px;
padding-bottom:8px;
}
.dtl-item-plan .dtl-plan-item{
position:relative;
}
.dtl-item-plan .dtl-plan-item .dtl-plan-item-share{
position:absolute;
right:0;
top:4px;
}
.dtl-item-plan .dtl-plan-item .dtl-plan-item-share button{
background:none;
border:none;
padding:0;
color:var(--font-color-btn-link);
font-size:12px;
}
.dtl-item-plan .dtl-plan-item .dtl-plan-item-share button > span:not(.cmn-dashed){
pointer-events:none;
text-decoration:none;
background-image:-webkit-gradient(
linear
, left top, right top
, from(#949494), color-stop(75%, #949494), color-stop(75%, transparent), to(transparent));
background-image:linear-gradient(
90deg
, #949494, #949494 75%, transparent 75%, transparent 100%);
background-size:3px 1px;
background-repeat:repeat-x;
background-position:0 90%;
}
.dtl-item-plan .dtl-plan-item .dtl-plan-item-share button::after{
position:relative;
top:1px;
margin-left:4px;
content:"";
display:inline-block;
width:9px;
height:13px;
background:url(/element/j_optional_v2/shared/images/icon-share.svg) top left no-repeat;
background-size:100% auto;
}
.dtl-item-plan .dtl-plan-item .dtl-plan-item-hdg{
display:block;
font-size:16px;
font-weight:bold;
padding-right:130px;
}
.dtl-item-plan .dtl-plan-item .dtl-plan-item-hdg a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* .dtl-plan-item-price-container
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-price-container{
margin-top:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.dtl-item-plan .dtl-plan-item-price-container > span:first-child{
position:relative;
width:85px;
font-size:12px;
line-height:calc(17 / 12);
padding-right:11px;
}
.dtl-item-plan .dtl-plan-item-price-container > span:first-child::after{
position:absolute;
right:0;
top:0;
height:12px;
content:":";
display:block;
}
.dtl-item-plan .dtl-plan-item-price-container > span:last-child{
padding-left:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
word-break:break-all;
}
.dtl-item-plan .dtl-plan-item-price-container .dtl-plan-item-sup{
display:block;
font-size:12px;
line-height:calc(17 / 12);
}
.dtl-item-plan .dtl-plan-item-price-container .dtl-plan-item-price{
font-size:14px;
line-height:calc(18 / 14);
font-weight:bold;
}
.dtl-item-plan .dtl-plan-item-price-container .dtl-plan-item-price .mod-num{
font-size:16px;
line-height:calc(18 / 16);
}

/* .dtl-plan-item-child
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-child{
margin-top:8px;
padding-left:108px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
}
.dtl-item-plan .dtl-plan-item-child .dtl-plan-item-sup{
display:block;
font-size:12px;
line-height:calc(17 / 12);
}
.dtl-item-plan .dtl-plan-item-child .dtl-plan-item-price{
font-size:12px;
line-height:calc(18 / 12);
}
.dtl-item-plan .dtl-plan-item-child .dtl-plan-item-price .mod-num{
font-size:14px;
line-height:calc(18 / 14);
}

/* .dtl-plan-item-util
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-util{
margin-top:8px;
padding-left:108px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
}

/* .dtl-plan-item-option
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-option{
font-size:12px;
line-height:1.4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:12px;
font-size:12px;
line-height:calc(17 / 12);
}
.dtl-item-plan .dtl-plan-item-option > div:first-child{
position:relative;
width:85px;
padding-right:11px;
}
.dtl-item-plan .dtl-plan-item-option > div:first-child::after{
position:absolute;
right:0;
top:0;
height:12px;
content:":";
display:block;
}
.dtl-item-plan .dtl-plan-item-option > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-left:12px;
word-break:break-all;
}
.dtl-item-plan .dtl-plan-item-option-list{
word-break:break-all;
}
.dtl-item-plan .dtl-plan-item-option-list li:not(:first-child){
margin-top:8px;
}
.dtl-item-plan .dtl-plan-item-option-list li > div:last-child{
margin-top:-1px;
}

/* .dtl-plan-item-desc
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-desc{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:12px;
}
.dtl-item-plan .dtl-plan-item-desc > div:first-child{
position:relative;
width:85px;
font-size:12px;
padding-right:11px;
}
.dtl-item-plan .dtl-plan-item-desc > div:first-child::after{
position:absolute;
right:0;
top:0;
height:12px;
content:":";
display:block;
}
.dtl-item-plan .dtl-plan-item-desc > div:last-child{
padding-left:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
word-break:break-all;
}

/* .dtl-plan-item-req
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-req{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:5px;
}
.dtl-item-plan .dtl-plan-item-req > span:first-child{
width:95px;
}
.dtl-item-plan .dtl-plan-item-req > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .dtl-plan-item-age
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-age{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:4px;
}
.dtl-item-plan .dtl-plan-item-age > span:first-child{
width:95px;
}
.dtl-item-plan .dtl-plan-item-age > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* dtl-item-plan > dtl-plan-item-container
------------------------------------------------ */
.dtl-item-plan .dtl-plan-item-container{
padding-bottom:12px;

/* border-bottom:1px solid #ccc; */
}

/* dtl-item-plan > dtl-plan-slide
------------------------------------------------ */
.dtl-item-plan .dtl-plan-slide{
position:relative;

}
.dtl-item-plan .dtl-plan-slide .dtl-plan-slide-list{
margin:0;
}
.dtl-item-plan .dtl-plan-slide .dtl-plan-slide-list .dtl-plan-item-hdg{
/* margin-right: 130px; */
}
.dtl-item-plan .dtl-plan-slide .swiper-pagination-fraction{
position:absolute;
width:auto;
bottom:auto;
top:-1px;
left:auto;
right:-33px;
}
.dtl-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector{
display:inline-block;
border:1px solid #bbb;
border-radius:12px;
background-color:#fff;
min-width:160px;
height:30px;
color:var(--font-color-btn-link);
font-size:13px;
padding:0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.dtl-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector::before{
display:inline-block;
margin-right:7px;
border-right:1px solid #777;
border-bottom:1px solid #777;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.dtl-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector .swiper-pagination-total{
font-family:var(--font-num);
}
.dtl-item-plan .dtl-plan-slide .swiper-button-prev,
.dtl-item-plan .dtl-plan-slide .swiper-button-next{
background-image:none;
width:32px;
height:32px;
top:59px;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-prev.swiper-button-disabled,.dtl-item-plan .dtl-plan-slide .swiper-button-next.swiper-button-disabled{
display:none;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-prev::before,.dtl-item-plan .dtl-plan-slide .swiper-button-next::before{
top:50%;
margin-top:-16px;
position:absolute;
content:"";
display:block;
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-prev::after,.dtl-item-plan .dtl-plan-slide .swiper-button-next::after{
top:50%;
margin-top:-6px;
content:"";
display:block;
position:absolute;
width:7px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-prev{
left:-37px;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-prev::after{
left:12px;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-next{
right:-37px;
}
.dtl-item-plan .dtl-plan-slide .swiper-button-next::after{
right:12px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}

/* dtl-map-container
------------------------------------------------ */
.dtl-map-container{
position:relative;
padding-bottom:4px;
margin-top:8px;
}
.dtl-map-container .map-pin{
width:22px;
height:27px;
}
.dtl-map-container .dtl-map{
height:391px;
}
.dtl-map-container .dtl-map-note{
position:absolute;
z-index:10000;
top:351px;
left:50%;
margin-left:-130px;
padding:5px;
width:260px;
min-height:20px;
line-height:20px;
border:2px solid #999;
text-align:center;
background-color:#fff;
}
.dtl-map-container .dtl-map-route{
padding:14px 12px 12px;
background-color:#f7f7f7;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.dtl-map-container .dtl-map-route .dtl-map-route-hdg{
font-size:12px;
font-weight:bold;
}
.dtl-map-container .dtl-map-route-search{
position:relative;
margin-top:5px;
}
.dtl-map-container .dtl-map-route-search input[type="text"]{
padding:9px 8px 7px;
border:1px solid #767676;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:280px;
height:33px;
}
.dtl-map-container .dtl-map-route-search input[type="radio"]{
position:relative;
margin-left:0;
margin-right:4px;
}
.dtl-map-container .dtl-map-route-search .dtl-map-route-search-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-map-container .dtl-map-route-search .dtl-map-route-search-list >li{
font-size:12px;
margin-right:20px;
}
.dtl-map-container .dtl-map-route-search .dtl-map-route-search-row-list{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-map-container .dtl-map-route-search .dtl-map-route-search-row-list > li{
margin-right:10px;
}
.dtl-map-container .dtl-map-route-search .dtl-map-route-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.dtl-map-container .dtl-map-route-search .dtl-map-route-search-sumbit{
padding:3px;
border-radius:3px;
color:#fff;
border:none;
position:absolute;
bottom:2px;
right:0;
min-width:90px;
background-color:#717171;
-webkit-box-shadow:0 -2px 0 rgb(0 0 0 / 40%) inset;
box-shadow:0 -2px 0 rgb(0 0 0 / 40%) inset;
font-weight:bold;
font-size:14px;
}

/* map-point
---------------------------------- */
/* dtl-map-point
---------------------------------- */
[class*=map-point-]{
background-size:16px 16px;
background-position:0 0;
background-repeat:no-repeat;
position:relative;
}
[class*=map-point-] .dtl-place-map-link{
margin-bottom:4px;
}
[class*=map-point-] .dtl-place-map-link a{
text-decoration:none;
}
[class*=map-point-].map-point-none::before{
position:absolute;
content:"\30FB";
display:block;
left:0;
top:0px;
}
[class*=map-point-].map-point-1{
background-image:url(/element/j_optional_v2/shared/images/map/point-1.svg);
}
[class*=map-point-].map-point-2{
background-image:url(/element/j_optional_v2/shared/images/map/point-2.svg);
}
[class*=map-point-].map-point-3{
background-image:url(/element/j_optional_v2/shared/images/map/point-3.svg);
}
[class*=map-point-].map-point-4{
background-image:url(/element/j_optional_v2/shared/images/map/point-4.svg);
}
[class*=map-point-].map-point-5{
background-image:url(/element/j_optional_v2/shared/images/map/point-5.svg);
}
[class*=map-point-].map-point-6{
background-image:url(/element/j_optional_v2/shared/images/map/point-6.svg);
}
[class*=map-point-].map-point-7{
background-image:url(/element/j_optional_v2/shared/images/map/point-7.svg);
}
[class*=map-point-].map-point-8{
background-image:url(/element/j_optional_v2/shared/images/map/point-8.svg);
}
[class*=map-point-].map-point-9{
background-image:url(/element/j_optional_v2/shared/images/map/point-9.svg);
}
[class*=map-point-].map-point-10{
background-image:url(/element/j_optional_v2/shared/images/map/point-10.svg);
}
[class*=map-point-].map-point-11{
background-image:url(/element/j_optional_v2/shared/images/map/point-11.svg);
}
[class*=map-point-].map-point-12{
background-image:url(/element/j_optional_v2/shared/images/map/point-12.svg);
}
[class*=map-point-].map-point-13{
background-image:url(/element/j_optional_v2/shared/images/map/point-13.svg);
}
[class*=map-point-].map-point-14{
background-image:url(/element/j_optional_v2/shared/images/map/point-14.svg);
}
[class*=map-point-].map-point-15{
background-image:url(/element/j_optional_v2/shared/images/map/point-15.svg);
}
[class*=map-point-].map-point-16{
background-image:url(/element/j_optional_v2/shared/images/map/point-16.svg);
}
[class*=map-point-].map-point-17{
background-image:url(/element/j_optional_v2/shared/images/map/point-17.svg);
}
[class*=map-point-].map-point-18{
background-image:url(/element/j_optional_v2/shared/images/map/point-18.svg);
}
[class*=map-point-].map-point-19{
background-image:url(/element/j_optional_v2/shared/images/map/point-19.svg);
}
[class*=map-point-].map-point-20{
background-image:url(/element/j_optional_v2/shared/images/map/point-20.svg);
}
[class*=map-point-].map-point-21{
background-image:url(/element/j_optional_v2/shared/images/map/point-21.svg);
}
[class*=map-point-].map-point-22{
background-image:url(/element/j_optional_v2/shared/images/map/point-22.svg);
}
[class*=map-point-].map-point-23{
background-image:url(/element/j_optional_v2/shared/images/map/point-23.svg);
}
[class*=map-point-].map-point-24{
background-image:url(/element/j_optional_v2/shared/images/map/point-24.svg);
}
[class*=map-point-].map-point-25{
background-image:url(/element/j_optional_v2/shared/images/map/point-25.svg);
}
[class*=map-point-].map-point-26{
background-image:url(/element/j_optional_v2/shared/images/map/point-26.svg);
}
[class*=map-point-].map-point-27{
background-image:url(/element/j_optional_v2/shared/images/map/point-27.svg);
}
[class*=map-point-].map-point-28{
background-image:url(/element/j_optional_v2/shared/images/map/point-28.svg);
}
[class*=map-point-].map-point-29{
background-image:url(/element/j_optional_v2/shared/images/map/point-29.svg);
}
[class*=map-point-].map-point-30{
background-image:url(/element/j_optional_v2/shared/images/map/point-30.svg);
}
[class*=map-point-].map-point-31{
background-image:url(/element/j_optional_v2/shared/images/map/point-31.svg);
}
[class*=map-point-].map-point-32{
background-image:url(/element/j_optional_v2/shared/images/map/point-32.svg);
}
[class*=map-point-].map-point-33{
background-image:url(/element/j_optional_v2/shared/images/map/point-33.svg);
}
[class*=map-point-].map-point-34{
background-image:url(/element/j_optional_v2/shared/images/map/point-34.svg);
}
[class*=map-point-].map-point-35{
background-image:url(/element/j_optional_v2/shared/images/map/point-35.svg);
}
[class*=map-point-].map-point-36{
background-image:url(/element/j_optional_v2/shared/images/map/point-36.svg);
}
[class*=map-point-].map-point-37{
background-image:url(/element/j_optional_v2/shared/images/map/point-37.svg);
}
[class*=map-point-].map-point-38{
background-image:url(/element/j_optional_v2/shared/images/map/point-38.svg);
}
[class*=map-point-].map-point-39{
background-image:url(/element/j_optional_v2/shared/images/map/point-39.svg);
}
[class*=map-point-].map-point-40{
background-image:url(/element/j_optional_v2/shared/images/map/point-40.svg);
}
[class*=map-point-].map-point-41{
background-image:url(/element/j_optional_v2/shared/images/map/point-41.svg);
}
[class*=map-point-].map-point-42{
background-image:url(/element/j_optional_v2/shared/images/map/point-42.svg);
}
[class*=map-point-].map-point-43{
background-image:url(/element/j_optional_v2/shared/images/map/point-43.svg);
}
[class*=map-point-].map-point-44{
background-image:url(/element/j_optional_v2/shared/images/map/point-44.svg);
}
[class*=map-point-].map-point-45{
background-image:url(/element/j_optional_v2/shared/images/map/point-45.svg);
}
[class*=map-point-].map-point-46{
background-image:url(/element/j_optional_v2/shared/images/map/point-46.svg);
}
[class*=map-point-].map-point-47{
background-image:url(/element/j_optional_v2/shared/images/map/point-47.svg);
}
[class*=map-point-].map-point-48{
background-image:url(/element/j_optional_v2/shared/images/map/point-48.svg);
}
[class*=map-point-].map-point-49{
background-image:url(/element/j_optional_v2/shared/images/map/point-49.svg);
}
[class*=map-point-].map-point-50{
background-image:url(/element/j_optional_v2/shared/images/map/point-50.svg);
}
[class*=map-point-].map-point-51{
background-image:url(/element/j_optional_v2/shared/images/map/point-51.svg);
}
[class*=map-point-].map-point-52{
background-image:url(/element/j_optional_v2/shared/images/map/point-52.svg);
}
[class*=map-point-].map-point-53{
background-image:url(/element/j_optional_v2/shared/images/map/point-53.svg);
}
[class*=map-point-].map-point-54{
background-image:url(/element/j_optional_v2/shared/images/map/point-54.svg);
}
[class*=map-point-].map-point-55{
background-image:url(/element/j_optional_v2/shared/images/map/point-55.svg);
}
[class*=map-point-].map-point-56{
background-image:url(/element/j_optional_v2/shared/images/map/point-56.svg);
}
[class*=map-point-].map-point-57{
background-image:url(/element/j_optional_v2/shared/images/map/point-57.svg);
}
[class*=map-point-].map-point-58{
background-image:url(/element/j_optional_v2/shared/images/map/point-58.svg);
}
[class*=map-point-].map-point-59{
background-image:url(/element/j_optional_v2/shared/images/map/point-59.svg);
}
[class*=map-point-].map-point-60{
background-image:url(/element/j_optional_v2/shared/images/map/point-60.svg);
}
.dtl-map-point{
margin:0;
font-size:12px;
}
.dtl-map-point li{
padding-left:20px;
}
.dtl-map-point li:not(:first-child){
margin-top:8px;
}
.dtl-map-point .dtl-place-map-link a{
text-decoration:none;
}

/* dtl-review-content-header
------------------------------------------------ */
.dtl-review-content-header{
position:relative;
margin-bottom:20px;
padding:0 8px 0;
background:#fff;

}
.dtl-review-content-header::before{
position:absolute;
bottom:0px;
left:-3px;
content:"";
display:block;
width:calc(100% + 6px);
height:20px;
-webkit-box-shadow:0px 8px 8px -8px rgba(0, 0, 0, .36);
box-shadow:0px 8px 8px -8px rgba(0, 0, 0, .36);
z-index:-1;
}

/* dtl-review-header-row
------------------------------------------------ */
.dtl-review-header-row{
margin-top:16px;
}

/* dtl-review-sorter-list
------------------------------------------------ */
.dtl-review-sorter-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index:1;
}
.dtl-review-sorter-list button{
height:35px;
background:none;
border:none;
padding:0 5px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.dtl-review-sorter-list >li:not(:first-child){
margin-left:20px;
}
.dtl-review-sorter-list >li.is-active button{
border-bottom:2px solid #333;
font-weight:bold;
}

/* dtl-review-header
------------------------------------------------ */
.dtl-review-header{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.dtl-review-header .dtl-review-header-col >:first-child{
width:360px;
margin-right:40px;
}
.dtl-review-header .dtl-review-header-col >:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* dtl-review-header
------------------------------------------------ */
.dtl-review-header-add{
margin-top:-6px;
padding-bottom:12px;
}

/* dtl-review-point
------------------------------------------------ */
.dtl-review-point{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-review-point .dtl-review-sup{
font-size:12px;
margin-right:8px;
position:relative;
top:-2px;
white-space:nowrap;
}
.dtl-review-point .dtl-review-sup .cmn-tip-btn{
margin-left:4px;
}
.dtl-review-point .dtl-review-rank{
margin-right:16px;
white-space:nowrap;
}
.dtl-review-point .dtl-review-label-container{
text-align:center;
}
.dtl-review-point .dtl-review-label-container .dtl-review-label-value{
font-size:48px;
font-family:var(--font-num);
font-weight:normal;
}
.dtl-review-point .dtl-review-label-container .dtl-review-label-total{
display:block;
white-space:nowrap;
font-weight:normal;
font-size:14px;
position:relative;
top:-3px;
}
.dtl-review-point .dtl-review-label-container .dtl-review-label-total .cmn-tip-btn{
margin-left:4px;
position:relative;
top:-1px;
}

/* dtl-review-score
------------------------------------------------ */
.dtl-review-score > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;

}
.dtl-review-score > li.dtl-review-score-na .dtl-review-score-sup,
.dtl-review-score > li.dtl-review-score-na .dtl-review-score-number{
color:#ccc;
}
.dtl-review-score > li .dtl-review-score-sup{
white-space:nowrap;
font-size:11px;
width:60px;
}
.dtl-review-score > li .dtl-review-score-number{
white-space:nowrap;
font-size:11px;
width:43px;
text-align:right;
}
.dtl-review-score > li .dtl-review-score-bar{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:0;
margin:0 15px 0 17px;
}
.dtl-review-score .dtl-review-score-bar-bg{
position:relative;
background-color:#ededed;
display:inline-block;
width:100%;
height:6px;
border-radius:6px;
}
.dtl-review-score .dtl-review-score-bar-bg .dtl-review-score-bar-value{
position:absolute;
display:inline-block;
height:0;
padding-top:6px;
border-radius:6px;
overflow:hidden;
line-height:2;
background-color:#338cd5;
}

/* dtl-review-card-list
------------------------------------------------ */
.dtl-review-card-list > li{
padding:20px;
border-radius:6px;
background:#fff;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.dtl-review-card-list > li:not(:first-child){
margin-top:15px;
}
.dtl-review-card-list .dtl-review-card-header{
font-size:12px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-date{
white-space:nowrap;
display:inline-block;
margin-right:9px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-pickup{
display:inline-block;
color:#a4a4a4;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-name{
display:inline-block;
margin-right:12px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score{
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-sup{
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-mark{
margin-right:8px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-point{
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-point > li{
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-point > li:not(:first-child)::before{
content:"/";
margin-right:3px;
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-comment{
margin-top:8px;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-hdg{
font-size:14px;
font-weight:bold;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-plan{
margin-top:4px;
font-size:12px;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-plan a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-desc{
font-size:14px;
margin-top:5px;
}
.dtl-review-card-list .dtl-review-card-info{
margin-top:8px;
}
.dtl-review-card-list .dtl-review-card-info-time-list > li{
font-size:12px;
}
.dtl-review-card-list .dtl-review-card-info-time-list > li > div{
display:inline;
}
.dtl-review-card-list .dtl-review-card-info-time-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
width:54px;
padding-right:10px;
}
.dtl-review-card-list .dtl-review-card-info-time-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:2px;
content:":";
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-info-list{
display:block;
line-height:1.2;
font-size:12px;
}
.dtl-review-card-list .dtl-review-card-info-list > li{
display:inline-block;
font-size:11px;
}
.dtl-review-card-list .dtl-review-card-info-list > li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.dtl-review-card-list .dtl-review-card-info-list > li > div{
display:inline;
}
.dtl-review-card-list .dtl-review-card-info-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
padding-right:10px;
}
.dtl-review-card-list .dtl-review-card-info-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:3px;
content:":";
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-info-list > li > div > ul{
display:inline;
}
.dtl-review-card-list .dtl-review-card-info-list > li > div > ul > li{
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-info-list > li > div > ul > li::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.dtl-review-card-list .dtl-review-card-reply{
margin-top:16px;
background-color:#f5f5f5;
border-radius:4px;
padding:10px;
}
.dtl-review-card-list .dtl-review-card-reply .dtl-review-card-reply-hdg{
font-size:12px;
font-weight:normal;
}
.dtl-review-card-list .dtl-review-card-reply .dtl-review-card-reply-desc{
font-size:12px;
margin-top:8px;
}
.dtl-review-card-list .dtl-review-card-reply .dtl-review-card-reply-desc .dtl-review-card-reply-sup{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide{
position:relative;
margin-top:16px;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-container:hover .swiper-button-prev,
.dtl-review-card-list .dtl-review-card-slide .swiper-container:hover .swiper-button-next{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-container:hover .swiper-button-prev.swiper-button-disabled,.dtl-review-card-list .dtl-review-card-slide .swiper-container:hover .swiper-button-next.swiper-button-disabled{
display:none;
}
/* for large photos */
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container{
margin-top:-4px;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .dtl-review-card-photo-close{
text-align:right;
margin-top:12px;
font-size:12px;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .dtl-review-card-photo-close button{
font-size:12px;
background:none;
border:none;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .dtl-review-card-photo-close button::before{
content:"";
position:relative;
top:-2px;
margin-right:4px;
display:inline-block;
width:11px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 7px;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-slide{
margin-top:20px;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie{
position:relative;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-33px;
margin-top:-33px;
display:block;
width:66px;
height:66px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played a{
display:none;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played::after{
display:none;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item iframe{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item{
display:none;
position:relative;
width:480px;
height:360px;
margin:0 auto;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item iframe{
display:none;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border:none;

}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:481px;
height:auto;
margin:0 auto;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-thumb img{
width:481px;
height:auto;
max-height:100%;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-caption{
font-size:14px;
width:481px;
margin-left:auto;
margin-right:auto;
overflow:visible;
word-break:break-all;
white-space:pre-wrap;
}
.dtl-review-card-list .dtl-review-card-slide .dtl-review-card-photo-container .swiper-caption br{
display:inline;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-container{
width:100%;
margin:0 auto;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-pagination-fraction{
bottom:auto;
top:0;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-pagination-fraction .swiper-total{
height:22px;
top:150px;
right:8px;
font-size:14px;
font-family:var(--font-num);
position:absolute;
background-color:rgba(0,0,0,.5);
border-radius:3px;
padding:4px 20px 4px 4px;
display:block;
color:#fff;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-pagination-fraction .swiper-total::after{
content:"";
display:block;
position:absolute;
width:13px;
height:10px;
background:url(/element/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
top:6px;
right:4px;
line-height:1;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-prev,
.dtl-review-card-list .dtl-review-card-slide .swiper-button-next{
display:none;
top:60px;
margin-top:0;
width:29px;
height:50px;
background:none;
background-color:rgba(0,0,0,.5);
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-prev.swiper-button-disabled,.dtl-review-card-list .dtl-review-card-slide .swiper-button-next.swiper-button-disabled{
display:none;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-prev::after,.dtl-review-card-list .dtl-review-card-slide .swiper-button-next::after{
content:"";
display:block;
position:absolute;
top:50%;
margin-top:-11px;
width:12px;
height:0;
padding-top:24px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
background-size:12px auto;
-webkit-filter:drop-shadow(0px 1px 0px rgba(0, 0, 0, .5));
filter:drop-shadow(0px 1px 0px rgba(0, 0, 0, .5));
line-height:2;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-prev{
left:0;
border-radius:0 4px 4px 0;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-prev::after{
background-image:url(/element/j_optional_v2/shared/images/icon-slider-prev.svg);
left:8px;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-next{
right:0;
border-radius:4px 0 0 4px;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-button-next::after{
background-image:url(/element/j_optional_v2/shared/images/icon-slider-next.svg);
right:8px;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-slide{
text-align:center;
font-size:18px;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-slide > a{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-slide > a:link,
.dtl-review-card-list .dtl-review-card-slide .swiper-slide > a:visited,
.dtl-review-card-list .dtl-review-card-slide .swiper-slide > a:hover,
.dtl-review-card-list .dtl-review-card-slide .swiper-slide > a:active{
text-decoration:none;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb{
width:100%;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie{
position:relative;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/j_optional_v2/shared/images/icon-play.svg) 0 0 no-repeat;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played a{
display:none;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played::after{
display:none;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie.is-played .swiper-thumb-movie-item iframe{
display:block;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item{
display:none;
position:relative;
width:100%;
height:180px;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb.swiper-thumb-movie .swiper-thumb-movie-item iframe{
display:none;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border:none;

}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
height:180px;
background-color:#f2f2f2;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-thumb img{
display:block;
max-width:100%;
max-height:156px;
vertical-align:middle;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-caption{
display:block;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:4px;
color:var(--cmn-font-color-base);
text-align:left;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-caption br{
display:none;
}
.dtl-review-card-list .dtl-review-card-slide .swiper-caption a{
color:var(--font-color-btn-link);
}

/* dtl-review-footer
------------------------------------------------ */
.dtl-review-footer{
margin-top:40px;
}
.dtl-review-footer .dtl-review-more-btn{
display:block;
margin:0 auto;
padding:0;
min-width:350px;
height:41px;
background:none;
background-color:#fff;
border-radius:2px;
border:1px solid #bbb;
font-size:14px;
}

/* dtl-agt-header
------------------------------------------------ */
.dtl-agt-header.dtl-agt-info-btn-container{
padding-right:260px;
position:relative;
margin-bottom:12px;
}
.dtl-agt-header .dtl-agt-info-btn{
position:absolute;
top:0;
right:0;
margin:0 auto;
padding:0 10px;
border:1px solid #bbb;
border-radius:3px;
color:var(--font-color-btn-link);
display:block;
min-height:30px;
background-color:#fff;
font-size:12px;
}
.dtl-agt-header .dtl-agt-info-btn::before{
margin-right:3px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:middle;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}
.dtl-agt-header .dtl-agt-header-tag{
font-size:14px;
}
.dtl-agt-header .dtl-agt-header-action{
margin-top:12px;
}
.dtl-agt-header .dtl-agt-header-action a{
font-size:12px;
color:var(--font-color-btn-link);
text-decoration:none;
}
.dtl-agt-header .dtl-agt-header-action a:link,
.dtl-agt-header .dtl-agt-header-action a:visited,
.dtl-agt-header .dtl-agt-header-action a:hover,
.dtl-agt-header .dtl-agt-header-action a:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.dtl-agt-header .dtl-agt-header-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
font-size:12px;
}
.dtl-agt-header .dtl-agt-header-row > div{
margin-top:0;
}
.dtl-agt-header .dtl-agt-header-row > div:first-child{
margin-right:20px;
}
.dtl-agt-header .dtl-agt-header-hdg{
font-size:16px;
font-weight:bold;
margin-top:4px;
}
.dtl-agt-header .dtl-agt-header-action{
font-size:12px;
}
.dtl-agt-header .dtl-agt-header-action .cmn-tip-btn{
margin-left:3px;
position:relative;
top:-1px;
}
.dtl-agt-header .dtl-agt-header-link{
font-size:12px;
color:var(--font-color-btn-link);
position:relative;
text-decoration:none;
}
.dtl-agt-header .dtl-agt-header-link:link,
.dtl-agt-header .dtl-agt-header-link:visited,
.dtl-agt-header .dtl-agt-header-link:hover,
.dtl-agt-header .dtl-agt-header-link:active{
color:var(--font-color-btn-link);
text-decoration:none;
}
.dtl-agt-header .dtl-agt-desc{
font-size:13px;
margin-top:8px;
}
.dtl-agt-header .dtl-agt-desc-toggle-container.is-active .dtl-agt-desc-toggle-overflow{
display:none;
}
.dtl-agt-header .dtl-agt-desc-toggle-container.is-active .dtl-agt-desc-toggle-item{
display:block;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-overflow .dtl-agt-desc-toggle-trigger{
display:inline-block;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-overflow .dtl-agt-desc-toggle-trigger button{
line-height:1;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-overflow .dtl-agt-desc-toggle-trigger button::before{
display:inline-block;
content:"...";
color:#a4a4a4;
width:auto;
height:auto;
left:-1px;
margin-top:-8px;
background-image:none;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-item{
display:none;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-item .dtl-agt-desc-toggle-trigger{
text-align:right;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-item .dtl-agt-desc-toggle-trigger button{
position:relative;
display:inline-block;
border:none;
color:#a4a4a4;
background:none;
font-size:12px;
padding:0 0 0 18px;
}
.dtl-agt-header .dtl-agt-desc-toggle-container .dtl-agt-desc-toggle-item .dtl-agt-desc-toggle-trigger button::before{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-4px;
display:block;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:12px 7px;
}
.dtl-item.dtl-item-agt .dtl-item-inner >:first-child.dtl-item-list{
margin-top:12px;
}

/* ----------------------------------------------------------------
Calendar
----------------------------------------------------------------- */
/* .calendar-tab
----------------------------------------------- */
.calendar .calendar-tab{
margin-bottom:20px;
border-bottom:1px solid #bbb;
text-align:right;
font-size:12px;
}
.calendar .calendar-tab > li{
margin-left:2px;
display:inline-block;
vertical-align:bottom;
}
.calendar .calendar-tab > li button{
padding:2px 10px;
color:var(--font-color-btn-link);
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
min-width:4em;
height:30px;
background-color:#f8f8f8;
font-size:12px;
}
.calendar .calendar-tab > li button .num{
font-size:14px;
}
.calendar .calendar-tab > li button[disabled]{
margin-bottom:-1px;
padding-bottom:3px;
height:31px;
color:var(--cmn-font-color-base);
font-weight:bold;
background-color:#fff;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
border-collapse:collapse;
margin-bottom:10px;
color:#555;
width:100%;
border-spacing:0;
table-layout:fixed;
background-color:#fff;
text-align:center;
font-size:12px;
}
.calendar .calendar-tbl > thead > tr > th,
.calendar .calendar-tbl > tbody > tr > td{
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
}
.calendar .calendar-tbl > thead > tr > th{
background-color:#f1f1f1;
font-weight:normal;
font-size:11px;
color:var(--cmn-font-color-base);
}
.calendar .calendar-tbl tr > td:nth-child(1) .date{
color:#e30707;
}
.calendar .calendar-tbl > tbody > tr > td > div{
padding-top:28px;
cursor:pointer;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:80px;
cursor:pointer;
vertical-align:top;
text-align:center;
}
.calendar .calendar-tbl > tbody > tr > td > div:active,
.calendar .calendar-tbl > tbody > tr > td > div:hover,
.calendar .calendar-tbl > tbody > tr > td > div:focus{
background-color:#f5f5f5;
}
.calendar .calendar-tbl > tbody > tr > td > div .date{
position:absolute;
top:8px;
left:50%;
margin-left:-30px;
display:block;
width:60px;
height:14px;
padding:1px 0 ;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
line-height:1;
font-family:var(--font-num);
}
.calendar .calendar-tbl > tbody > tr > td > div span.price{
display:block;
font-size:14px;
line-height:1.15;
color:var(--font-color-btn-link);
font-family:var(--font-num);
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > span{
font-size:13px;
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > .sup{
display:block;
font-weight:normal;
font-size:11px;
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > .sup:before{
content:"(";
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > .sup:after{
content:")";
}
.calendar .calendar-tbl > tbody > tr > td > div .state{
display:block;
position:absolute;
bottom:10px;
left:50%;
margin-left:-41px;
border:none;
border-radius:4px;
color:#fff;
height:20px;
width:82px;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.2);
box-shadow:inset 0 -2px rgba(0,0,0,.2);
font-size:12px;
line-height:20px;
background-color:var(--cmn-btn-color);
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.calendar .calendar-tbl > tbody > tr > td > div.selected{

/* &::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    border:3px solid #4291d6;
    box-sizing:border-box;
  } */
}
.calendar .calendar-tbl > tbody > tr > td > div.selected .date{
background-color:#bce0f8;
}
.calendar .calendar-tbl > tbody > tr > td > div.holiday .date{
color:#e30707;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled{
cursor:default;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:active,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:hover,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:focus{
background-color:#fff;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled::before{
width:10px;
height:0;
padding-top:1px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-cal-blank.svg) 0 0 no-repeat;
background-size:10px auto;
content:"";
position:absolute;
top:50%;
left:50%;
margin-left:-5px;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat{
cursor:default;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .price{
opacity:.44;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:active,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:hover,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:focus{
background-color:#fff;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state{
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:transparent;
-webkit-box-shadow:none;
box-shadow:none;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state::before{
content:"";
display:block;
position:absolute;
top:50%;
left:50%;
margin-top:-4px;
margin-left:-4px;
width:9px;
height:0;
padding-top:9px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-cal-ng.svg) 0 0 no-repeat;
background-size:9px auto;

}
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state{
color:transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state:before{
content:"";
position:absolute;
left:50%;
top:4px;
margin:0 0 0 -6px;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-cal-ok.svg) 0 0 no-repeat;
background-size:12px auto;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
content:"";
display:block;
width:0;
height:0;
margin:0 0 0 -7px;
position:absolute;
left:50%;
top:3px;
display:block;
border-width:0 7px 11px 7px;
border-color:transparent transparent #fff transparent;
border-style:solid;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
border-width:0 4px 7px 4px;
margin:0 0 0 -4px;
top:6px;
border-color:transparent transparent var(--cmn-btn-color) transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-cancel .state{
font-size:11px;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon{
padding:10px;
border:1px solid #aaa;
position:absolute;
bottom:98%;
left:50%;
margin-left:-150px;
text-align:left;
border-radius:4px;
width:300px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
background-color:#fff;
z-index:1;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
bottom:-6px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon.bottom{
top:100%;
bottom:auto;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon.bottom:before{
top:-6px;
bottom:auto;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container{
position:absolute;
right:3px;
top:3px;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container .calendar-price-detail-tip-btn{
margin:0;
}
.calendar .detail-item-list-line-punc{
font-size:12px;
}

/* calendar-tbl-ipad
---------------------------------- */
.calendar .calendar-tbl-ipad > tbody > tr > td > div .state{
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:transparent;
-webkit-box-shadow:none;
box-shadow:none;
color:#2584d1;
}
.calendar .calendar-tbl-ipad > tbody > tr > td > div.stock-ok .state::before{
content:"";
position:absolute;
left:50%;
top:4px;
margin:0 0 0 -6px;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-cal-ok-blue.svg) 0 0 no-repeat;
background-size:12px auto;

}

/* .calendar-tbl-01-container
----------------------------------------------- */
.calendar-tbl-01-container{
margin:0 -9px;
}
.calendar-tbl-01-container .calendar-tbl-01-inner{
width:33.33333%;
padding:9px;
float:left;
min-height:246px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .calendar-tbl-01
----------------------------------------------- */
.calendar-tbl-01{
width:100%;
border-collapse:collapse;
}
.calendar-tbl-01 th,
.calendar-tbl-01 td{
border:1px solid #ddd;
}
.calendar-tbl-01 caption{
background-color:#777;
font-weight:normal;
color:#fff;
}
.calendar-tbl-01 thead th{
padding:2px 0 1px;
font-size:11px;
color:#555;
border-top:none;
background-color:#f1f1f1;
}
.calendar-tbl-01 tbody td{
padding:0;
width:30px;
height:30px;
color:var(--cmn-font-color-base);
line-height:1;
font-size:14px;
font-weight:bold;
text-align:center;
}
.calendar-tbl-01 tbody td > div{
position:relative;
padding-top:15px;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
}
.calendar-tbl-01 tbody td > div:hover,
.calendar-tbl-01 tbody td > div:focus,
.calendar-tbl-01 tbody td > div:active{
background-color:#f5f5f5;
}
.calendar-tbl-01 tbody td > div .date{
position:absolute;
left:0;
top:2px;
width:100%;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.calendar-tbl-01 tbody td > div.holiday .date{
color:#f32929;
}
.calendar-tbl-01 tbody td > div.is-disabled{
cursor:default;
}
.calendar-tbl-01 tbody td > div.is-disabled:before{
content:"-";
color:#bbb;
position:absolute;
bottom:25%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:18px;
}
.calendar-tbl-01 tbody td > div.no-seat{
cursor:default;
color:#a4a4a4;
}
.calendar-tbl-01 tbody td > div.no-seat .date{
color:#a4a4a4;
}
.calendar-tbl-01 tbody td > div.no-seat.holiday .date{
color:#f32929;
}
.calendar-tbl-01 tbody td:nth-child(7n+1) .date{
color:#f32929;
}
.calendar-tbl-01 tbody td:nth-child(7n+1) div.no-seat .date{
color:#f32929;
}

/* calendar-container
------------------------------------------------ */
.calendar-container .calendar-footer{
margin-top:8px;
}
.calendar-container .calendar-info-price{
position:relative;
margin-top:6px;
}
.calendar-container .calendar-info-price-list{
font-size:12px;
}
.calendar-container .calendar-info-price-list > li{
word-break:break-all;
overflow-wrap:break-word;
}
.calendar-container .calendar-info-price-list > li > span .mod-num{
font-size:13px;
}
.calendar-container .calendar-info-price-list > li > span:first-child{
position:relative;
display:inline;
}
.calendar-container .calendar-info-price-list > li > span:first-child::after{
content:":";
display:inline-block;
margin-right:4px;
margin-left:10px;
}
.calendar-container .calendar-info-price-list > li > span:last-child{
display:inline-block;
}
.calendar-container .calendar-info-option-price{
margin-top:12px;
}
.calendar-container .calendar-info-option-price-hdg{
font-size:12px;
}
.calendar-container .calendar-info-option-price-list > li{
font-size:12px;
word-break:break-all;
overflow-wrap:break-word;
line-height:1.4;
}
.calendar-container .calendar-info-option-price-list > li > span .mod-num{
font-size:14px;
}
.calendar-container .calendar-info-option-price-list > li > span:first-child:not(:empty){
position:relative;
display:inline;
}
/* min-width:60px; */
.calendar-container .calendar-info-option-price-list > li > span:first-child:not(:empty)::after{
content:":";
display:inline-block;
margin-right:4px;
margin-left:10px;
}
.calendar-container .calendar-info-option-price-list > li > span:last-child{
display:inline-block;
}
.calendar-container .calendar-info-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.calendar-container .calendar-info-special{
margin-top:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.calendar-container .calendar-info-agt{
max-width:50%;
}
.calendar-container .calendar-info-agt .calendar-info-agt-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:1.6;
}
.calendar-container .calendar-info-agt .calendar-info-agt-list >li > span:first-child{
white-space:nowrap;
}
.calendar-container .calendar-info-agt .calendar-info-agt-list >li > span:first-child::after{
content:":";
display:inline-block;
margin:0 3px;
}
.calendar-container .calendar-info-payment{
margin-top:12px;
}
.calendar-container .calendar-info-payment .tooltip-payment-list{
border-top:1px solid #ddd;
padding-top:8px;
margin-top:8px;
}
.calendar-container .calendar-info-payment .tooltip-payment-guide{
margin-top:10px;
color:var(--cmn-font-color-gray);
}
.calendar-container .calendar-info-payment .tooltip-payment-guide > li{
display:inline-block;
position:relative;
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
}
.calendar-container .calendar-info-payment .tooltip-payment-guide .tooltip-payment-guide-child{
margin-left:2px;
margin-top:8px;
}
.calendar-container .calendar-info-payment .tooltip-payment-guide .tooltip-payment-guide-child > li{
font-size:12px;
text-indent:-.4em;
padding-left:.8em;
}
.calendar-container .calendar-info-payment .tooltip-payment-guide .tooltip-payment-guide-child > li:not(:first-child){
margin-top:4px;
}
.calendar-container .calendar-info-payment .tooltip-payment-guide .tooltip-payment-guide-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}
.calendar-container .calendar-info-special-hdg{
font-size:12px;
}
.calendar-container .calendar-info-special-desc{
word-break:break-all;
overflow-wrap:break-word;
font-size:12px;
}
.calendar-container .calendar-info-footer{
margin-top:15px;
}
.calendar-container .calendar-info-att{
font-size:12px;
position:relative;
padding-left:20px;
}
.calendar-container .calendar-info-att::before{
content:"";
display:inline-block;
position:absolute;
top:1px;
left:0;
width:16px;
height:14px;
background-image:url(/element/shared/images/icon/icon-caution-triangle-red.svg);
background-repeat:no-repeat;
background-size:100%;
}
.calendar-container .calendar-info-note{
font-size:11px;
margin-top:8px;
}
.calendar-container .calendar-header-note{
font-size:12px;
color:var(--cmn-font-color-gray);
}
.calendar-container .calendar-tab-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-bottom:1px solid #bbb;
margin-bottom:10px;
}
.calendar-container .calendar-tab-container .calendar-tab-sup{
margin-right:8px;
font-size:12px;
}
.calendar-container .calendar-tab-container .calendar-tab{
margin-bottom:0;
position:relative;
top:1px;
}
.calendar-container .tip-calendar-info{
position:absolute;
text-align:left;
padding:20px;
top:50px;
left:130px;
background-color:#fff;
width:397px;
border-radius:3px;
background:#fff;
border:1px solid #666;
-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, .8);
box-shadow:0px 0px 8px rgba(0, 0, 0, .8);
z-index:1;
color:var(--cmn-font-color-base);
}
.calendar-container .tip-calendar-info >:first-child{
margin-top:0;
}

/* shared-url-container
------------------------------------------------ */
.shared-url-container{
width:223px;
margin:0 auto;
}
.shared-url-container .shared-url-sns{
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:distribute;
justify-content:space-around;
}
.shared-url-container .shared-url-sns button{
display:block;
width:40px;
height:0;
padding-top:40px;
overflow:hidden;
line-height:2;
border:none;
background:none;
background-size:100%;
}
.shared-url-container .shared-url-sns button.shared-url-btn-line{
background:url(/element/shared/images/icon/icon-sns-line.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-fb{
background:url(/element/shared/images/icon/icon-sns-fb.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-tw{
background:url(/element/shared/images/icon/icon-sns-twitter.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url{
margin-top:15px;
}
.shared-url-container .shared-url > li:not(:first-child){
margin-top:10px;
}
.shared-url-container .shared-url .shared-url-copy{
font-size:11px;
display:block;
text-align:center;
margin-top:7px;
}
.shared-url-container .shared-url button{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:1px solid #bfbfbf;
background:none;
border-radius:4px;
width:100%;
text-align:left;
font-size:15px;
color:var(--font-color-btn-link);
height:38px;
padding-top:3px;
padding-left:40px;
background-size:100%;
}
.shared-url-container .shared-url button::before{
position:absolute;
left:12px;
top:50%;
content:"";
display:block;
}
.shared-url-container .shared-url button.shared-url-btn-mail::before{
margin-top:-6px;
width:18px;
height:12px;
background:url(/element/j_optional_v2/shared/images/icon-ml.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-sms::before{
margin-top:-8px;
width:18px;
height:16px;
background:url(/element/j_optional_v2/shared/images/icon-sms.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-copy::before{
margin-top:-8px;
width:15px;
height:19px;
background:url(/element/j_optional_v2/shared/images/icon-copy.svg) 0 0 no-repeat;
}

/* w_optional-lp
------------------------------------------------ */
.w_optional-lp .btn-book{
display:inline-block;
position:relative;
padding:0 10px;
border-radius:4px;
color:#fff;
min-width:14em;
min-height:40px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
background-color:var(--cmn-btn-color);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.w_optional-lp .btn-book:hover{
background-color:#67a700;
}
.w_optional-lp .btn-book:link,
.w_optional-lp .btn-book:hover,
.w_optional-lp .btn-book:active,
.w_optional-lp .btn-book:visited{
text-decoration:none;
color:#fff;
}
.w_optional-lp .btn-book .btn-book-status{
display:inline-block;
padding-right:7px;
margin-right:7px;
margin-top:-2px;
border-right:1px solid #5a9200;
vertical-align:middle;
}
.w_optional-lp .btn-book .btn-book-status .btn-book-hdg{
display:block;
font-size:11px;
}
.w_optional-lp .btn-book .btn-book-status.btn-book-icon,
.w_optional-lp .btn-book .btn-book-status .btn-book-icon-01{
display:block;
text-align:center;
}
.w_optional-lp .btn-book .btn-book-status .btn-book-icon{
position:relative;

}
.w_optional-lp .btn-book .btn-book-status .btn-book-icon span{
display:block;
width:9px;
height:0;
padding-top:9px;
border:2px solid #fff;
border-radius:50%;
overflow:hidden;
line-height:2;
margin:0 auto;
}
.w_optional-lp .btn-book .btn-book-status .btn-book-icon-01{
font-size:12px;
margin-top:-3px;
}
.w_optional-lp .btn-book .btn-book-txt{
font-size:18px;
font-weight:bold;
white-space:nowrap;
vertical-align:middle;
line-height:40px;
}
.w_optional-lp .item-box .item-thumb{
position:absolute;
top:20px;
left:10px;
}
.w_optional-lp .item-box .item-thumb > p{
display:table-cell;
width:206px;
height:160px;
text-align:center;
vertical-align:middle;
background-color:#e5e5e5;
}
.w_optional-lp .item-box .item-thumb > p img{
max-width:206px;
max-height:160px;
vertical-align:middle;
}
.w_optional-lp .item-box .item-thumb > a{
display:block;
font-size:11px;
margin-top:5px;
color:var(--font-color-btn-link);
}
.w_optional-lp .item-box .item-thumb > a:link,
.w_optional-lp .item-box .item-thumb > a:visited,
.w_optional-lp .item-box .item-thumb > a:hover,
.w_optional-lp .item-box .item-thumb > a:active{
color:var(--font-color-btn-link);
}
.w_optional-lp .item-box .item-thumb > a:hover{
text-decoration:underline;
}

/* w_optional-lp item-box
------------------------------------------------ */
.w_optional-lp .item-box{
margin:0;
border-top:none;
border-bottom:1px solid #ccc;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.w_optional-lp .item-box .item-review{
font-size:12px;
}
.w_optional-lp .item-box .item-detail{
margin-bottom:0;
min-height:175px;
padding-left:224px;

}
.w_optional-lp .item-box .item-detail .item-hdg{
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}
.w_optional-lp .item-box .item-detail .list-def{
margin-bottom:5px;
}
.w_optional-lp .item-box .item-detail .list-def a,
.w_optional-lp .item-box .item-detail .list-def a:link,
.w_optional-lp .item-box .item-detail .list-def a:visited,
.w_optional-lp .item-box .item-detail .list-def a:hover,
.w_optional-lp .item-box .item-detail .list-def a:active{
color:var(--cmn-font-color-base);
}
.w_optional-lp .item-box .item-detail .list-def > li{
font-size:12px;
line-height:1.6;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:468px;
}
.w_optional-lp .item-box .item-detail .list-def > li > b{
font-size:12px;
font-weight:normal;
}
.w_optional-lp .item-box .item-detail .list-def > li > b::after{
position:relative;
display:inline-block;
overflow:hidden;
content:"\ff1a";
vertical-align:top;
}
.w_optional-lp .item-box .item-detail .paytype-list{
display:table;
margin:7px 0 0;
border-spacing:3px 0;
width:212px;
}
.w_optional-lp .item-box .item-detail .paytype-list > li{
display:table-cell;
width:102px;
font-size:11px;
padding:3px 0;
border:1px solid #ccc;
vertical-align:middle;
line-height:1.3;
text-align:center;
}
.w_optional-lp .item-box .item-detail .paytype-list > li span{
display:block;
font-size:11px;
}

/* w_optional-lp link-list-01
------------------------------------------------ */
.w_optional-lp .link-list-01{
margin:0 15px;
padding:5px 5px 5px 0;
overflow:hidden;
vertical-align:top;
font-size:12px;
}
.w_optional-lp .link-list-01 li{
display:inline-block;
margin-left:-1px;
vertical-align:top;
}
.w_optional-lp .link-list-01 a{
display:block;
padding:0 8px;
margin:5px 0;
border-left:1px solid #ccc;
line-height:1.2;
font-size:14px;
color:var(--font-color-btn-link);
}
.w_optional-lp .link-list-01 a:link,
.w_optional-lp .link-list-01 a:visited,
.w_optional-lp .link-list-01 a:hover,
.w_optional-lp .link-list-01 a:active{
color:var(--font-color-btn-link);
}

/* faq-item
------------------------------------------------ */
.w_optional-lp .faq-item{
margin-bottom:30px;
}

/* w_optional-lp hdg-l2
------------------------------------------------ */
.w_optional-lp .hdg-l2.branch{
font-size:17px;
padding:20px 17px 5px;
color:var(--cmn-font-color-base);
border-bottom:none;
background-color:#f7f7f7;
position:relative;
margin-top:40px;
margin-bottom:0;
}
.w_optional-lp .hdg-l2.branch:before{
content:"";
display:inline-block;
width:45px;
height:25px;
background:#f7f7f7 url(/element/j_optional_v2/shared/images/icon-nav-01.png) 0 0 no-repeat;
vertical-align:middle;
}

/* search-container
------------------------------------------------ */
.w_optional-lp .search-container{
margin-bottom:40px;
padding:11px 15px 15px;
border-top:none;
background-color:#f7f7f7;
}
.w_optional-lp .search-container .search-hdg{
font-size:17px;
font-weight:bold;
display:block;
color:#555;
}
.w_optional-lp .search-container .search-hdg .cmn-tip-btn{
position:relative;
top:-2px;
}
.w_optional-lp .search-container .search-hdg label{
font-size:16px;
}
.w_optional-lp .search-container .search-hdg-keyword{
font-size:13px;
margin-top:14px;
}
.w_optional-lp .search-container .search-inner:before,
.w_optional-lp .search-container .search-inner:after{
display:table;
content:"";
}
.w_optional-lp .search-container .search-inner:after{
clear:both;
}
.w_optional-lp .search-container .search-inner > div{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:top;
}
.w_optional-lp .search-container .search-inner .btn{
padding:5px;
border:none;
border-radius:4px;
min-width:7.5em;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-weight:bold;
font-size:20px;
}
.w_optional-lp .search-container .search-inner .btn:active,
.w_optional-lp .search-container .search-inner .btn:hover,
.w_optional-lp .search-container .search-inner .btn:focus{
background-color:#67a700;
}
.w_optional-lp .search-container .search-inner .btn,
.w_optional-lp .search-container .search-inner .btn-book{
float:right;
margin-top:19px;
}
.w_optional-lp .search-container .search-date{
width:220px;
}
.w_optional-lp .search-container .search-date .form-search-date{
font-size:12px;
}
.w_optional-lp .search-container .search-date .form-search-date-btn{
display:inline-block;
padding:0 30px 0 10px;
border:1px solid #969696;
border-radius:3px;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 96% 4px no-repeat;
text-align:left;
font-size:16px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.w_optional-lp .search-container .search-kyeword{
width:516px;
padding-right:37px;
}
.w_optional-lp .search-container .search-kyeword input[type="text"],
.w_optional-lp .search-container .search-kyeword input[type="search"],
.w_optional-lp .search-container .search-kyeword select{
width:100%;
}
.w_optional-lp .search-container .search-kyeword .search-kyeword-list{
letter-spacing:-.4em;
}
.w_optional-lp .search-container .search-kyeword .search-kyeword-list > li{
font-size:12px;
display:inline-block;
margin-right:23px;
letter-spacing:normal;
}
.w_optional-lp .search-container .search-date input[type="text"],
.w_optional-lp .search-container .search-date input[type="search"]{
width:230px;
cursor:pointer;
}
.w_optional-lp .search-container .search-date img{
cursor:pointer;
position:absolute;
top:auto;
bottom:7px;
right:9px;
}
.w_optional-lp .search-container.branch{
margin-top:30px;
padding:15px;
}
.w_optional-lp .search-container.branch .search-hdg{
display:inline-block;
margin-right:60px;
}
.w_optional-lp .item-price-container::after{
content:"";
display:table;
clear:both;
}
.w_optional-lp .item-price-container .item-price-detail{
float:left;
}
.w_optional-lp .item-price-container .item-price-detail .item-price > b{
font-size:12px;
font-weight:normal;
margin-right:10px;
position:relative;
top:-1px;
}
.w_optional-lp .item-price-container .item-price-detail .item-price{
font-size:12px;
}
.w_optional-lp .item-price-container .item-price-detail .item-price > span{
display:inline-block;
}
.w_optional-lp .item-price-container .item-price-detail .item-price > span strong{
font-size:18px;
font-weight:bold;
font-family:var(--font-num);
}
.w_optional-lp .item-price-container .item-price-detail .item-price .tax{
font-size:11px;
font-weight:normal;
}
.w_optional-lp .item-price-container .tooltip-payment-container{
float:right;
}
.w_optional-lp .item-other-container .item-other{
padding:8px 0;
border-bottom:1px solid #e5e5e5;
}
.w_optional-lp .item-other-container .item-other .item-price{
font-size:12px;
font-weight:normal;
display:inline-block;
}
.w_optional-lp .item-other-container .item-other .item-price > b{
font-size:12px;
font-weight:normal;
}
.w_optional-lp .item-other-container .item-other .item-price > span > strong{
font-size:15px;
}
.w_optional-lp .item-other-container .item-other .item-price > span > .tax{
font-size:12px;
}
.w_optional-lp .item-other-container .item-other .item-price + .list-def{
display:inline-block;
}
.w_optional-lp .item-other-container .toggle-btn{
float:right;
margin-top:5px;
}
.w_optional-lp input[type="search"],
.w_optional-lp input[type="text"],
.w_optional-lp select{
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 10px 3px;
border:1px solid #969696;
border-radius:3px;
}
.w_optional-lp select{
padding:4px 0 2px;
}
.w_optional-lp .search-date select{
width:190px;
}
.w_optional-lp button::-moz-focus-inner{
margin-top:-2px;
margin-bottom:-2px;
padding:0;
border:0;
}
.w_optional-lp .tab{
display:table;
width:100%;
table-layout:fixed;
border-collapse:collapse;
margin-bottom:20px;
margin-left:0;
}
.w_optional-lp .tab > li{
font-size:16px;
display:table-cell;
width:10%;
text-align:center;
padding:0;
}
.w_optional-lp .tab > li > a{
display:block;
width:auto;
height:auto;
margin-right:-1px;
padding:8px 0 6px;
text-decoration:none;
color:#000;
border:1px solid #b0b0b0;
border-radius:4px 4px 0 0;
background-color:#f5f5f5;
font-size:16px;
cursor:pointer;
}
.w_optional-lp .tab > li:last-child > a{
margin-right:0;
}
.w_optional-lp .tab > li > a:hover{
background-color:#fff;
color:var(--font-color-btn-link) !important;
}
.w_optional-lp .tab > li.active > a{
font-weight:bold;
border-bottom-color:#fff;
background-color:#fff;
color:var(--font-color-btn-link);
cursor:default;
}
.w_optional-lp .tab > li.active > a:link,
.w_optional-lp .tab > li.active > a:visited,
.w_optional-lp .tab > li.active > a:hover,
.w_optional-lp .tab > li.active > a:active{
color:#000;
}
.w_optional-lp .tab-container > .tab-item{
display:none;
}
.w_optional-lp .tab-container > .tab-item.active{
display:block;
}
.w_optional-lp .pop-area .tab-item{
margin-top:-21px;
padding:15px;
border:1px solid #b0b0b0;
border-top:none;
}
.w_optional-lp .pop-area .tab-item .pop-area-hdg{
display:table-cell;
width:60px;
font-weight:bold;
padding:5px 10px;
}
.w_optional-lp .pop-area .tab-item > ul > li{
display:table;
width:100%;
}
.w_optional-lp .pop-area .tab-item > ul > li:nth-child(even){
background-color:#f7f7f7;
}
.w_optional-lp .pop-area .tab-item >ul ul{
padding:5px 5px 5px 0;
overflow:hidden;
vertical-align:top;
}
.w_optional-lp .pop-area .tab-item >ul ul li{
display:inline-block;
margin-left:-1px;
vertical-align:top;
}
.w_optional-lp .pop-area .tab-item >ul ul a{
display:block;
padding:0 8px;
margin:3px 0;
border-left:1px solid #ccc;
line-height:1.2;
}
.w_optional-lp .pop-area .tab-item >ul ul a:link,
.w_optional-lp .pop-area .tab-item >ul ul a:visited,
.w_optional-lp .pop-area .tab-item >ul ul a:hover,
.w_optional-lp .pop-area .tab-item >ul ul a:active{
color:var(--cmn-font-color-link);
}

/* pop-area-02
------------------------------------------------ */
.w_optional-lp .pop-area-02 .tab-item{
margin-top:-21px;
padding:20px;
border:1px solid #b0b0b0;
border-top:none;
}
.w_optional-lp .pop-area-02 .panel-hdg-01{
font-size:15px;
margin-bottom:10px;
}
.w_optional-lp .pop-area-02 .tab-item .pop-area-hdg{
display:block;
font-weight:bold;
padding:5px 15px;
background-color:#f7f7f7;
font-size:14px;
}
.w_optional-lp .pop-area-02 .tab-item >ul ul{
padding:10px 0;
margin:0 10px;
overflow:hidden;
vertical-align:top;
font-size:12px;
}
.w_optional-lp .pop-area-02 .tab-item >ul ul li{
display:inline-block;
margin-left:-1px;
vertical-align:top;
}
.w_optional-lp .pop-area-02 .tab-item >ul ul a{
display:block;
padding:0 8px;
margin:3px 0;
border-left:1px solid #ccc;
line-height:1.2;
font-size:13px;
color:var(--font-color-btn-link);
}
.w_optional-lp .pop-area-02 .tab-item >ul ul a:link,
.w_optional-lp .pop-area-02 .tab-item >ul ul a:visited,
.w_optional-lp .pop-area-02 .tab-item >ul ul a:hover,
.w_optional-lp .pop-area-02 .tab-item >ul ul a:active{
color:var(--font-color-btn-link);
}

/* pop-area-03
------------------------------------------------ */
.w_optional-lp .pop-area-03 ul{
padding-left:15px;
}
.w_optional-lp .pop-area-03 ul li{
display:inline-block;
width:175px;
margin-left:0px;
vertical-align:top;
margin-bottom:7px;
line-height:1.3;
}

/* .dtl-result
---------------------------------- */
.dtl-result{
margin-top:20px;
padding:12px 12px 0;
border-radius:6px;
background-color:#f5f5f5;
-webkit-box-shadow:0px 1px 4px 1px rgb(32 33 36 / 28%);
box-shadow:0px 1px 4px 1px rgb(32 33 36 / 28%);
line-height:1.5;
}
.dtl-result .dtl-result-inner{
position:relative;
background-color:#fff;
margin:0 -12px;
padding:0 12px 23px 12px;
border-radius:0 0 8px 8px;
}
.dtl-result .dtl-result-inner::before{
content:"";
display:block;
width:1px;
height:1px;
position:relative;
top:-1px;
}
.dtl-result .item-box-info .list-def > li{
width:431px;
}

/* .search-result-info
------------------------------------ */
.dtl-result .search-result-info{
margin:12px 0 10px;
padding:10px;
border:1px solid #e30707;
position:relative;
font-size:12px;
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;
}
.dtl-result .search-result-info .search-result-info-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:10px;
right:10px;
width:14px;
height:14px;
background:url(/element/j_optional_v2/shared/images/icon-close-square.svg) 0 0 no-repeat;
background-size:14px;
}
.dtl-result .search-result-info .search-result-info-wording{
margin:0;
padding:0 18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 3px no-repeat;
background-size:14px auto;
}

/* dtl-result > pager
---------------------------------- */
.dtl-result .pager{
margin-bottom:0;
}
.dtl-result .pager .pager-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.dtl-result .pager .item-number{
margin-right:8px;
}
.dtl-result .pager .search-result-option{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
padding-right:12px;
}
.dtl-result .pager .item-rev-avg{
margin-right:12px;
font-size:12px;
display:inline-block;
}
.dtl-result .pager .pager-list .pager-cnt-list > li em{
border-color:#fff;
}

/* search-result-tools
---------------------------------- */
.dtl-result .search-result-tools{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding-top:12px;
font-size:12px;
}
.dtl-result .search-result-tools .search-result-guide{
font-size:12px;
}
.dtl-result .search-result-tools .search-result-guide .cmn-tip-btn{
margin-left:4px;
}

/* item-box
---------------------------------- */
.dtl-result .item-box{
padding:12px;
margin-top:12px;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:6px;
border:1px solid #cccccc;
}

/*
---------------------------------- */
.dtl-result .search-result-sorter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-result .search-result-sorter .search-result-sorter-select{
border:1px solid #bebebe;
display:inline-block;
height:34px;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:relative;
vertical-align:top;
width:137px;
}
.dtl-result .search-result-sorter .search-result-sorter-select::before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.dtl-result .search-result-sorter .search-result-sorter-select select{
position:relative;
padding:5px 16px 5px 8px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
color:var(--cmn-font-color-base);
}
.dtl-result .search-result-sorter .search-result-sorter-guide{
margin-left:8px;
}

/* dtl-form-toggle-container
---------------------------------- */
.dtl-form-toggle-container.is-active .dtl-form-toggle-trigger button{
background:none;
border:none;
padding:0 0 0 16px;
}
.dtl-form-toggle-container.is-active .dtl-form-toggle-trigger button::before{
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up.svg);
margin-top:-4px;
left:0;
}
.dtl-form-toggle-container.is-active .dtl-form-toggle-overflow{
display:none;
}
.dtl-form-toggle-container.is-active .dtl-form-toggle-item{
display:block;
}
.dtl-form-toggle-container .dtl-form-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-form-toggle-container .dtl-form-toggle-trigger button{
position:relative;
margin:0;
padding:4px 8px 4px 20px;
white-space:nowrap;
background:none;
border:none;
background-color:#fff;
border-radius:3px;
border:1px solid #bbb;
color:var(--font-color-btn-link);
font-size:12px;
}
.dtl-form-toggle-container .dtl-form-toggle-trigger button::before{
position:absolute;
left:8px;
top:50%;
margin-top:-2px;
content:"";
width:8px;
height:5px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
}
.dtl-form-toggle-container .dtl-form-toggle-overflow{
display:block;
}
.dtl-form-toggle-container .dtl-form-toggle-item{
display:none;
}

/* dtl-form-row
---------------------------------- */
.dtl-form .dtl-form-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-bottom:12px;
}
.dtl-form .dtl-form-row .dtl-form-set-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:13px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-right:12px;
}

/* dtl-form-item-row
---------------------------------- */
.dtl-form .dtl-form-item-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:6px;
font-size:12px;
}
.dtl-form .dtl-form-item-row .search-date{
margin-right:20px;
}
.dtl-form .dtl-form-item-row .search-keyword{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.dtl-form .dtl-form-item-row >div:last-child{
border-left:1px solid #ccc;
margin-left:12px;
padding-left:12px;
}

/* dtl-form FORM parts
---------------------------------- */
.dtl-form .form-search-btn{
background:none;
background-color:#fff;
color:var(--cmn-font-color-base);
position:relative;
display:block;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
max-width:100%;
padding:6px 8px;
border:1px solid #bebebe;
border-radius:4px;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
font-size:12px;
}
.dtl-form .form-search-btn span{
display:block;
text-overflow:ellipsis;
overflow:hidden;
}
.dtl-form .form-search-date{
position:relative;
display:inline-block;
vertical-align:middle;
}
.dtl-form .form-search-date .form-search-date-btn{
display:inline-block;
padding:0 25px 0 8px;
border:1px solid #bebebe;
width:160px;
height:34px;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 97% 4px no-repeat;
text-align:left;
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.dtl-form .form-search-date-option{
display:inline-block;
font-size:12px;
width:64px;
letter-spacing:-.04em;
margin-left:2px;
white-space:nowrap;
position:relative;
top:2px;
}
.dtl-form .form-search-keyword{
border:1px solid #bebebe;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
padding-right:16px;
}
.dtl-form .form-search-keyword input[type="search"]{
border:none;
overflow:hidden;
text-overflow:ellipsis;
padding:6px 0 6px 8px;
border-radius:4px;
width:100%;
font-size:12px;
}
.dtl-form .form-search-keyword .form-search-keyword-clear{
padding:0;
border:none;
border-radius:0 2px 2px 0;
width:17px;
height:30px;
overflow:hidden;
position:absolute;
top:0;
right:-16px;
cursor:pointer;
background:#fff url(/element/shared/images/icon/icon-reset-line.svg) 5px center no-repeat;
background-size:7px 7px;
}
.dtl-form .form-search-keyword .form-search-keyword-clear span{
visibility:hidden;
}
.dtl-form .is-unselected .form-search-btn{
padding-right:17px;
color:var(--font-color-placeholder);
}
.dtl-form .is-unselected .form-search-btn::before{
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
right:8px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.dtl-form .is-unselected .form-search-date-btn{
padding-left:10px;
color:var(--cmn-font-color-base);
}
.dtl-form .is-unselected .form-search-date-btn::before{
display:none;
}
.dtl-form .dtl-form-item-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.dtl-form .dtl-form-item-container .dtl-form-item-col:first-child{
width:302px;
margin-right:20px;
}
.dtl-form .dtl-form-item-container .dtl-form-item-col:first-child .form-search-btn{
width:261px;
}
.dtl-form .dtl-form-item-container .dtl-form-item-col:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.dtl-form .dtl-form-item-container .dtl-form-item-col:last-child .dtl-form-item-cell:first-child{
width:44px;
}
.dtl-form .dtl-form-item-container .dtl-form-item-col:last-child .form-search-btn{
width:306px;
}
.dtl-form .dtl-form-item-sup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:34px;
color:var(--cmn-font-color-gray);
font-size:11px;
font-weight:bold;
}
.dtl-form .dtl-form-item-sup label{
margin-top:6px;
}
.dtl-form .dtl-form-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-form .dtl-form-item-cell{
position:relative;
min-height:34px;
}
.dtl-form .dtl-form-item-cell:first-child{
margin-right:8px;
font-size:11px;
font-weight:normal;
}
.dtl-form .dtl-form-item-cell:first-child::before{
display:none;
}
.dtl-form .dtl-form-item-cell:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* search-chips-agt-container
---------------------------------- */
.dtl-form .search-chips-agt-container{
background-color:#f5f5f5;
margin-left:-12px;
margin-right:-12px;
}
.dtl-form .search-chips-agt-container::after{
content:"";
display:table;
clear:both;
}
.dtl-form .search-chips-agt-container .search-chips-agt-list-btn{
position:relative;
background:none;
border:none;
font-size:12px;
display:block;
width:100%;
padding:0 16px 0 17px;
height:37px;
text-align:left;
color:var(--cmn-font-color-base);
}
.dtl-form .search-chips-agt-container .search-chips-agt-list-btn > span{
display:block;
white-space:nowrap;
}
.dtl-form .search-chips-agt-container .search-chips-agt-list-btn::after{
position:absolute;
top:11px;
left:0;
content:"";
display:block;
width:13px;
height:13px;
background:url(/element/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
}
.dtl-form .search-chips-agt-container .search-chips-agt-list-btn:disabled{
color:#ccc;
cursor:default;
}
.dtl-form .search-chips-agt-container .search-chips-agt-list-btn:disabled::after{
background-image:url(/element/shared/images/icon/icon-form-checkbox-disabled.svg);
}
.dtl-form .search-chips-agt-container .is-active .search-chips-agt-list-btn::after{
background-image:url(/element/shared/images/icon/icon-form-checkbox-on.svg);
}
.dtl-form .search-chips-agt-container .search-chips-agt{
overflow:hidden;
position:relative;
}
.dtl-form .search-chips-agt-container .search-chips-agt::before,
.dtl-form .search-chips-agt-container .search-chips-agt::after{
top:0;
content:"";
display:block;
position:absolute;
height:100%;
z-index:2;
width:12px;
top:0;
pointer-events:none;
}
.dtl-form .search-chips-agt-container .search-chips-agt::before{
left:0;

/* background:linear-gradient(to right, #f5f5f5 0%, rgba(245, 245, 245, 0)100%); */
}
.dtl-form .search-chips-agt-container .search-chips-agt::after{
right:0;

/* background:linear-gradient(to left, #f5f5f5 0%, rgba(245, 245, 245, 0)100%); */

}
.dtl-form .search-chips-agt-container .search-chips-agt.is-start::before{
display:none;
}
.dtl-form .search-chips-agt-container .search-chips-agt.is-end::after{
display:none;
}
.dtl-form .search-chips-agt-container .search-chips-agt .search-chips-agt-inner{
max-width:100%;
padding-left:8px;
display:block;
overflow:hidden;
overflow-x:scroll;
scrollbar-width:none;
-ms-overflow-style:none;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.dtl-form .search-chips-agt-container .search-chips-agt .search-chips-agt-inner::-webkit-scrollbar{
display:none;
}
.dtl-form .search-chips-agt-container .search-chips-agt-list{
white-space:nowrap;
display:inline-block;
margin:0;
font-size:0;
}
.dtl-form .search-chips-agt-container .search-chips-agt-list > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
margin-top:8px;
}

/* dtl-form-option
---------------------------------- */
.dtl-form  .dtl-form-option{
border-top:1px solid #ccc;
margin-top:8px;
padding-bottom:12px;
}
.dtl-form  .dtl-form-option .search-theme{
margin-top:8px;
}
.dtl-form  .dtl-form-option .search-spot{
margin-top:8px;
}
.dtl-form  .dtl-form-option .dtl-form-option-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.dtl-form  .dtl-form-option .dtl-form-option-sup{
font-weight:bold;
font-size:11px;
color:var(--cmn-font-color-gray);
width:66px;
white-space:nowrap;
margin-right:12px;
}

/* dtl-form > search-chips-round
---------------------------------- */
.dtl-form .search-chips-round{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.dtl-form .search-chips-round.search-chips-theme .search-chips-selector .sup{
max-width:225px;
}
.dtl-form .search-chips-round.search-chips-spot .search-chips-selector .sup{
max-width:137px;
}
.dtl-form .search-chips-round .search-chips-inner{
max-width:100%;
display:block;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.dtl-form .search-chips-round .search-chips-list{
margin:0;
font-size:0;
}
.dtl-form .search-chips-round .search-chips-list > li{
display:inline-block;
margin-left:4px;
}
.dtl-form .search-chips-round .search-chips-list > li:first-child{
margin-left:0;
}
.dtl-form .search-chips-round .search-chips-selector input[type="checkbox"]{
display:none;
}
.dtl-form .search-chips-round .search-chips-selector input[type="checkbox"]:checked + .sup{
background:#888;
border-color:#888;
color:#fff;;
}
.dtl-form .search-chips-round .search-chips-selector .sup{
padding:5px 8px 4px;
border:1px solid #bbb;
background-color:#fff;
color:var(--cmn-font-color-gray);
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
border-radius:12px;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.dtl-form .search-chips-round .search-chips-link{
font-size:12px;
margin-left:12px;
margin-top:4px;
white-space:nowrap;
}
.dtl-form .search-chips-round .search-chips-link .cmn-dashed{
--cmn-dashed-color:#666;
--cmn-dashed-font-color:#666;
}

/* dtl-form-tags-list
---------------------------------- */
.dtl-form .dtl-form-tags-list{
font-size:0;
}
.dtl-form .dtl-form-tags-list >li{
display:inline-block;
margin-right:16px;
margin-top:4px;
}
.dtl-form .dtl-form-tags-list button{
margin:0;
padding:0 14px 0 0;
background:url(/element/j_optional_v2/shared/images/icon-close-square.svg) 100% center no-repeat;
background-size:11px 11px;
border:none;
color:var(--font-color-btn-link);
font-size:12px;
}

/* dtl-form-footer
---------------------------------- */
.dtl-form .dtl-form-footer{
margin-top:12px;
padding-bottom:12px;
}

/* spot-conainer
---------------------------------- */
.spot-conainer > div:first-child.spot-info{
margin-top:0;
}
.spot-conainer .spot-header{
margin-bottom:8px;
}
.spot-conainer .spot-hdg{
font-size:16px;
}
.spot-conainer .spot-author{
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.spot-conainer .spot-author span:first-child::after{
content:":";
margin:0 4px;
display:inline-block;
}
.spot-conainer .spot-desc p{
font-size:14px;
}
.spot-conainer .spot-desc p:not(:first-child){
margin-top:12px;
}
.spot-conainer .spot-footer{
margin-top:12px;
}
.spot-conainer .spot-footer .spot-footer-link{
text-align:right;
line-height:1;
}
.spot-conainer .spot-footer .spot-footer-link .mod-external{
margin-left:4px;
}
.spot-conainer .spot-footer .spot-footer-link > span::after{
content:":";
display:inline-block;
margin:0 4px;
}
.spot-conainer .spot-info{
margin-top:20px;
padding:15px;
position:relative;
background-color:#f2f2f2;
}
.spot-conainer .spot-info .spot-info-hdg{
font-size:16px;
font-weight:normal;
}
.spot-conainer .spot-info .spot-info-list{
margin-top:8px;
}
.spot-conainer .spot-info .spot-info-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
table-layout:fixed;
font-size:12px;
}
.spot-conainer .spot-info .spot-info-list >li:not(:first-child){
margin-top:5px;
}
.spot-conainer .spot-info .spot-info-list >li >div{
word-break:break-all;
word-wrap:break-word;
}
.spot-conainer .spot-info .spot-info-list >li >div:first-child{
padding-right:15px;
width:5.2em;
position:relative;
}
.spot-conainer .spot-info .spot-info-list >li >div:first-child::after{
content:"：";
display:block;
position:absolute;
top:-1px;
right:3px;
}
.spot-conainer .spot-info .spot-info-list >li >div a{
word-break:break-all;
word-wrap:break-word;
text-decoration:none;
}
.spot-conainer .spot-info .spot-info-list >li >div a.link-tel::after{
content:"";
margin-left:5px;
display:inline-block;
width:12px;
height:16px;
opacity:.5;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/icon-phone.svg) 0 0 no-repeat;
}
.spot-conainer .spot-info .spot-info-list >li >div a.link-map::after{
content:"";
margin:0 2px 0 8px;
display:inline-block;
width:10px;
height:16px;
vertical-align:middle;
background:url(/element/matome/shared/images/icon-map.svg) 0 0 no-repeat;
}
.spot-conainer .spot-info .spot-info-list >li >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.45;
}
.spot-conainer .spot-info-footer{
margin-top:12px;
}
.spot-conainer .spot-info-notes >li{
font-size:12px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
}

/* spot-conainer > swiper-spot-dtl
---------------------------------- */
.spot-conainer .swiper-spot-dtl{
overflow:hidden;

}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide{
height:auto;
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-cap{
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic{
position:relative;
width:100%;
height:0;
padding-top:66.6%;
overflow:hidden;
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic .guard{
z-index:2;
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic .swiper-slide-copy{
position:absolute;
z-index:3;
bottom:0;
left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
padding:0 10px 4px;
width:100%;
height:50px;
color:rgba(255,255,255,.6);
font-size:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic .swiper-slide-copy a{
color:rgba(255,255,255,.6);
}
.spot-conainer .swiper-spot-dtl .swiper-page{
text-align:center;
margin-top:12px;
height:1.4em;
font-size:12px;
color:var(--cmn-font-color-gray);
}

/* spot-conainer > swiper-spot-thumb
---------------------------------- */
.spot-conainer .swiper-spot-thumb{
overflow:hidden;
margin:8px 0 20px;
position:relative;
}
.spot-conainer .swiper-spot-thumb .swiper-container{
margin:0 53px;
overflow:hidden;
}
.spot-conainer .swiper-spot-thumb .swiper-container .swiper-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.spot-conainer .swiper-spot-thumb .swiper-container .swiper-slide .swiper-slide-pic{
position:relative;
width:100%;
height:0;
padding-top:73.6%;
overflow:hidden;
}
.spot-conainer .swiper-spot-thumb .swiper-container .swiper-slide .swiper-slide-pic img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.spot-conainer .swiper-spot-thumb .swiper-container .swiper-slide .swiper-slide-pic .guard{
z-index:1;
}
.spot-conainer .swiper-spot-thumb .swiper-spot-thumb-prev,
.spot-conainer .swiper-spot-thumb .swiper-spot-thumb-next{
position:absolute;
width:12px;
height:0;
padding-top:24px;
overflow:hidden;
top:50%;
margin-top:-10px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-r-gry.svg);
background-repeat:no-repeat;
background-position:0 0;
background-size:12px 24px;
color:transparent;
cursor:pointer;
}
.spot-conainer .swiper-spot-thumb .swiper-spot-thumb-prev.swiper-button-disabled,.spot-conainer .swiper-spot-thumb .swiper-spot-thumb-next.swiper-button-disabled{
opacity:.3;
cursor:default;
}
.spot-conainer .swiper-spot-thumb .swiper-spot-thumb-prev{
left:0;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.spot-conainer .swiper-spot-thumb .swiper-spot-thumb-next{
right:0;
}

/* ----------------------------------------------------------------
  Inquiry
----------------------------------------------------------------- */
/* .inquiry
----------------------------------------------- */
.inquiry{
position:relative;
color:var(--cmn-font-color-base);
}

/* .gallery .inquiry
------------------- */
.gallery .inquiry{
position:fixed;
top:24px;
right:77px;
z-index:1;
}

/* .inquiry-hook
----------------------------------------------- */
.inquiry .inquiry-hook{
padding:0 10px;
border:1px solid #ccc;
border-radius:2px;
color:#ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
line-height:25px;
background-color:transparent;
font-size:11px;
}

/* .inquiry-pulldown
----------------------------------------------- */
.inquiry .inquiry-pulldown{
padding:16px;
border-radius:6px;
position:absolute;
top:100%;
right:0;
width:284px;
z-index:152;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.45);
box-shadow:0 1px 4px rgba(0,0,0,.45);
background-color:#eee;
}
.inquiry[aria-expanded="false"] .inquiry-pulldown{
display:none;
}
.inquiry[aria-expanded="true"] .inquiry-pulldown{
display:block;
}

/* .inquiry-pulldown-list
----------------------------------------------- */
.inquiry .inquiry-pulldown-list > li:not(:first-child){
margin-top:12px;
}
.inquiry .inquiry-pulldown-list button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
width:100%;
min-height:34px;
background-color:#fff;
font-size:12px;
font-weight:bold;
}

/* TODO:preliminary */
.cmn-tip-agt{
width:312px;
padding:12px;
}
.cmn-tip-agt .cmn-tip-agt-header .cmn-tip-agt-hdg{
font-size:14px;
}
.cmn-tip-agt .cmn-tip-agt-btn{
max-width:204px;
margin:5px auto;
padding:4px 8px;
border:1px solid #bbb;
border-radius:3px;
color:var(--font-color-btn-link);
display:block;
min-height:30px;
background-color:#fff;
font-size:12px;
}
.cmn-tip-agt .cmn-tip-agt-btn::before{
margin-right:3px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:middle;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}
.cmn-tip-agt .cmn-tip-agt-link:before{
top:4px;
}
.cmn-tip-agt .tip-agt-close-btn{
position:absolute;
top:4px;
right:4px;
margin:0;
padding:12px;
border:none;
background:none;
width:29px;
height:29px;
font-size:0;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) center center no-repeat;
background-size:9px auto;
border-radius:50%;
}
.cmn-tip-agt .tip-agt-close-btn:active,
.cmn-tip-agt .tip-agt-close-btn:hover{
background-color:rgba(0,0,0,.04);
}

/* .seo-footer-container
---------------------------------- */
.seo-footer-container{
margin:64px -10px -50px;
padding-top:20px;
-o-border-image:linear-gradient(#eee 0px, #eee 100%) 0//0 100vw 0 100vw;
border-image:linear-gradient(#eee 0px, #eee 100%) fill 0//0 100vw 0 100vw;
position:relative;
}
/* &::before{
    content:"";
    display:block;
    height: 1px;
    margin-top:-1px;
  }
 */
.seo-footer-container .seo-footer-inr{
width:1002px;

/* margin:0 auto -50px; */
padding:0 21px 1px;
padding-bottom:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
position:relative;
}
.seo-footer-container .seo-list-content.card-theme-ranking .card-item,.seo-footer-container .seo-list-content.card-area-ranking .card-item,.seo-footer-container .seo-list-content.card-spot-ranking .card-item,.seo-footer-container .seo-list-content.card-agt-ranking .card-item,.seo-footer-container .seo-list-content.card-tour-spot-ranking .card-item{
background:none;
-webkit-box-shadow:none;
box-shadow:none;
padding:0;
margin:-4px -4px 0;
}
.seo-footer-container .seo-list-content.card-seo .card-item{
padding-bottom:8px;
}
.seo-footer-container .seo-list-content .card-item{
background-color:#fff;
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
padding:20px;
}
.seo-footer-container .seo-list-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.seo-footer-container .card-item-footer{
display:block;
text-align:right;
padding:8px 12px 0;
font-size:14px;
}
.seo-footer-container .card-item-footer a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

/* .lyt-ad-r .seo-footer-container{
  & .seo-footer-inr{
    padding-right: 180px;
  }
} */
/* seo-swiper-content
---------------------------------- */
.seo-list-swiper-content{
padding-bottom:30px;
border-top:1px solid #d9d9d9;
}
.seo-list-swiper-content.seo-tgl-container{
padding-bottom:0;
}

/* swiper-plan
---------------------------------- */
.seo-list-swiper-item .swiper-plan{
margin:0 -4px 0;
margin:0 16px;
position:relative;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-prev,
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-prev::before,.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-prev.swiper-button-disabled,.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-prev{
left:-16px;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-prev::before{
right:12px;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-next{
right:-16px;
}
.seo-list-swiper-item .swiper-plan .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.seo-list-swiper-item .swiper-plan .swiper-container{
padding:0 4px;
}
.seo-list-swiper-item .swiper-plan .swiper{
overflow:hidden;
}
.seo-list-swiper-item .swiper-plan .swiper-slide a{
color:var(--cmn-font-color-base);
}
.seo-list-swiper-item .swiper-plan-content{
height:123px;
position:relative;
background:#fff;
border-radius:6px;
padding:8px;
margin:4px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.seo-list-swiper-item .swiper-plan-header{
height:60px;
}
.seo-list-swiper-item .swiper-plan-item{
margin-top:8px;
}
.seo-list-swiper-item .swiper-plan-hdg a{
color:var(--cmn-font-color-link);
font-size:14px;
text-decoration:none;
}
.seo-list-swiper-item .swiper-plan-hdg a:link,
.seo-list-swiper-item .swiper-plan-hdg a:visited,
.seo-list-swiper-item .swiper-plan-hdg a:hover,
.seo-list-swiper-item .swiper-plan-hdg a:active{
color:var(--cmn-font-color-link);
}
.seo-list-swiper-item .swiper-plan-tags{
margin:8px 0 0;
}
.seo-list-swiper-item .swiper-plan-tags li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.seo-list-swiper-item .swiper-plan-tags li >span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.seo-list-swiper-item .swiper-plan-tags li >span:first-child{
white-space:nowrap;
}
.seo-list-swiper-item .swiper-plan-tags li >span:first-child::after{
content:":";
display:block;
margin:0 4px 0 3px;
}
.seo-list-swiper-item .swiper-plan-tags li >span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.seo-list-swiper-item .swiper-plan-price-item{
text-align:right;
width:150px;
}
.seo-list-swiper-item .swiper-plan-price-item .swiper-plan-price-sup{
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1.42;
}
.seo-list-swiper-item .swiper-plan-price-item .swiper-plan-price{
font-size:12px;
line-height:1.42;
}
.seo-list-swiper-item .swiper-plan-price-item .swiper-plan-price .mod-num{
font-size:18px;
line-height:1.27;
font-weight:bold;
}
.seo-list-swiper-item .swiper-plan-review-point{
font-size:0;
width:80px;
}
.seo-list-swiper-item .swiper-plan-review-point::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/j_optional_v2/shared/images/icon-review.svg) 0 0;
background-size:auto 10px;
content:"";
}
.seo-list-swiper-item .swiper-plan-review-point .swiper-plan-review-point-rank{
font-size:14px;
line-height:1.35;
font-weight:bold;
font-family:Arial;
}
.seo-list-swiper-item .swiper-plan-review-point .swiper-plan-review-point-label{
font-size:10px;
margin-left:8px;
}
.seo-list-swiper-item .swiper-plan-item-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}

/* swiper-agt
---------------------------------- */
.seo-list-swiper-item .swiper-agt{
margin:0 -4px 0;
margin:0 16px;
position:relative;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-prev,
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-prev::before,.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-prev.swiper-button-disabled,.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-prev{
left:-16px;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-prev::before{
right:12px;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-next{
right:-16px;
}
.seo-list-swiper-item .swiper-agt .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.seo-list-swiper-item .swiper-agt .swiper{
overflow:hidden;
}
.seo-list-swiper-item .swiper-agt .swiper-slide a{
color:var(--cmn-font-color-base);
}
.seo-list-swiper-item .swiper-agt-content{
height:100px;
position:relative;
background:#fff;
border-radius:6px;
padding:8px;
margin:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
}
.seo-list-swiper-item .swiper-agt-header{
height:40px;
}
.seo-list-swiper-item .swiper-agt-tags{
margin:8px 0 0;
}
.seo-list-swiper-item .swiper-agt-tags li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.seo-list-swiper-item .swiper-agt-tags li >span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.seo-list-swiper-item .swiper-agt-tags li >span:first-child{
white-space:nowrap;
}
.seo-list-swiper-item .swiper-agt-tags li >span:first-child::after{
content:":";
display:block;
margin:0 4px 0 3px;
}
.seo-list-swiper-item .swiper-agt-tags li >span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.seo-list-swiper-item .swiper-agt-item{
margin-top:8px;
}
.seo-list-swiper-item .swiper-agt-hdg{
font-size:14px;
}
.seo-list-swiper-item .swiper-agt-hdg a{
color:var(--cmn-font-color-link);
text-decoration:none;
}
.seo-list-swiper-item .swiper-agt-hdg a:link,
.seo-list-swiper-item .swiper-agt-hdg a:visited,
.seo-list-swiper-item .swiper-agt-hdg a:hover,
.seo-list-swiper-item .swiper-agt-hdg a:active{
color:var(--cmn-font-color-link);
}

/* seo-list-hdg
---------------------------------- */
.seo-list-hdg{
padding-top:12px;
padding-bottom:12px;
font-size:16px;
font-weight:bold;
}

/* seo-list-hdg-notes
---------------------------------- */
.seo-list-hdg-notes{
display:block;
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-gray);
margin:0 0 12px 0;
}
.seo-list-hdg-notes:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}

/* seo-list-item
---------------------------------- */
.seo-list-item .seo-list-header{
margin-bottom:8px;
}

/* seo-tgl-container
---------------------------------- */
.seo-tgl-container{
position:relative;
border-top:1px solid #ccc;
}
.seo-tgl-container::after{
position:absolute;
bottom:-1px;
left:0;
content:"";
width:100%;
height:1px;
background:#ccc;
}
.seo-tgl-container.is-active{
z-index:1;
border-top:1px solid transparent;
}
.seo-tgl-container.is-active::after{
display:none;
}
.seo-tgl-container.is-active .seo-tgl-item{
display:block;
padding-bottom:16px;
}
.seo-tgl-container.is-active .seo-tgl-trigger::after{
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.seo-tgl-container .seo-tgl-item{
display:none;
}
.seo-tgl-container .seo-tgl-trigger{
display:block;
position:relative;
cursor:pointer;
z-index:10;
}
.seo-tgl-container .seo-tgl-trigger::after{
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:16px;
height:10px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
background-size:16px auto;
}

/* seo-list-line
---------------------------------- */
.seo-list-line{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
margin-left:-12px;
}
.seo-list-line li{
margin-left:-1px;
margin-bottom:12px;
font-size:12px;
}
.seo-list-line li a{
display:block;
padding:0 12px;
border-left:1px solid #dde2e7;
color:var(--cmn-font-color-base);
}
.seo-list-line li a:link,
.seo-list-line li a:visited,
.seo-list-line li a:hover,
.seo-list-line li a:active{
color:var(--cmn-font-color-base);
}

/* seo-list-line-02
---------------------------------- */
.seo-list-line-02{
display:table;
table-layout:fixed;
}
.seo-list-line-02 >li{
display:table-row;
}
.seo-list-line-02 >li .seo-list-sup{
width:84px;
display:table-cell;
font-size:12px;
padding-right:20px;
padding-bottom:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;

}
.seo-list-line-02 >li .seo-list-sup a{
position:relative;
display:block;
padding-left:12px;
cursor:default;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.seo-list-line-02 >li .seo-list-sup a:link,
.seo-list-line-02 >li .seo-list-sup a:visited,
.seo-list-line-02 >li .seo-list-sup a:hover,
.seo-list-line-02 >li .seo-list-sup a:active{
text-decoration:none;
}
.seo-list-line-02 >li .seo-list-sup a[href]{
color:var(--font-color-btn-link);
cursor:pointer;
text-decoration:none;
}
.seo-list-line-02 >li .seo-list-sup a[href]:link,
.seo-list-line-02 >li .seo-list-sup a[href]:visited{
text-decoration:none;
}
.seo-list-line-02 >li .seo-list-sup a[href]:hover,
.seo-list-line-02 >li .seo-list-sup a[href]:active{
text-decoration:underline;
color:var(--font-color-btn-link);
}
.seo-list-line-02 >li .seo-list-sup a::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.seo-list-line-02 .seo-list-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
}
.seo-list-line-02 .seo-list-child li{
margin-left:-1px;
margin-bottom:12px;
font-size:12px;

}
.seo-list-line-02 .seo-list-child li a{
display:block;
padding:0 12px;
border-left:1px solid #dde2e7;
}
.seo-list-line-02 .seo-list-child li a:link,
.seo-list-line-02 .seo-list-child li a:visited,
.seo-list-line-02 .seo-list-child li a:hover,
.seo-list-line-02 .seo-list-child li a:active{
color:var(--font-color-btn-link);
}

/* .seo-footer-container .faq-list
---------------------------------- */
.seo-footer-container .faq-list .faq-toggle-container.is-active .faq-toggle-item{
display:block;
}
.seo-footer-container .faq-list .faq-toggle-container.is-active .faq-toggle-trigger::after{
margin-top:-6px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.seo-footer-container .faq-list .faq-toggle-container .faq-toggle-item{
display:none;
}
.seo-footer-container .faq-list .faq-toggle-container .faq-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:12px;
font-weight:normal;
width:100%;
}
.seo-footer-container .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.seo-footer-container .faq-list li{
font-size:14px;
}
.seo-footer-container .faq-list li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.seo-footer-container .faq-list li em{
color:var(--font-color-danger);
font-weight:normal;
}
.seo-footer-container .faq-list li .question{
position:relative;
}
.seo-footer-container .faq-list li .question h3{
font-weight:normal;
padding-left:23px;
padding-right:20px;
color:var(--cmn-font-color-base);
}
.seo-footer-container .faq-list li .question button{
display:block;
background:none;
border:none;
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
color:var(--cmn-font-color-base);
}
.seo-footer-container .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element/j_optional_v2/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.seo-footer-container .faq-list li .answer{
margin-top:4px;
position:relative;
padding-left:23px;

}
.seo-footer-container .faq-list li .answer p:not(:first-child){
margin-top:8px;
}
.seo-footer-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:4px;
width:11px;
height:15px;
background:url(/element/j_optional_v2/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}

/* seo-footer-container > card-swiper-ranking
---------------------------------- */
.seo-footer-container .card-swiper-ranking .card-item{
margin:-4px -4px 0;
}
.seo-footer-container .card-swiper-ranking .swiper{
overflow:hidden;
}

/* seo-footer-container > swiper-ranking-list
---------------------------------- */
.seo-footer-container .swiper-ranking-list{
margin:0;
}
.seo-footer-container .swiper-ranking-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:auto;
}
.seo-footer-container .swiper-ranking-list >li > div,
.seo-footer-container .swiper-ranking-list >li >a{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;

/* justify-content: space-between; */
color:var(--cmn-font-color-base);
margin:4px;
background-color:#fff;
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
text-decoration:none;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-item{
/* height:100%; */
/* flex:1; */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;

}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
-ms-flex-item-align:stretch;
-ms-grid-row-align:stretch;
align-self:stretch;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .guard{
position:absolute;
top:0;
left:0;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_optional_v2/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);
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-cap a{
color:rgba(255, 255, 255, .6);
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-cap a:hover{
text-decoration:none;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-desc{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:8px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-hdg{
font-size:14px;
margin-bottom:8px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-link);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-text{
font-size:12px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
min-height:36px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-text p{
margin:0;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review{
font-size:12px;
margin:0;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review + .swiper-ranking-text{
margin-top:8px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review:not(:first-child){
margin-top:4px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review > li > span:first-child{
position:relative;
padding-right:12px;
white-space:nowrap;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review > li > span:first-child::after{
content:":";
position:absolute;
right:4px;
top:0;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-txt{
font-size:12px;
margin:0;
line-height:calc(21 / 16);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer{
margin-top:8px;
text-align:right;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer .swiper-rnaking-link{
font-size:12px;
display:inline-block;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer .swiper-rnaking-link a{
text-decoration:none;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer .swiper-rnaking-link a > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:283px;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer .swiper-rnaking-link .area{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:13em;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer .swiper-rnaking-link .theme{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:6em;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-footer .swiper-rnaking-link .sup{
white-space:nowrap;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary{
padding:0 8px 12px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-hdg{
font-size:12px;
font-weight:normal;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:298px;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-hdg .area{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:13em;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-hdg .theme{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:13em;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-hdg .sup{
font-size:12px;
white-space:nowrap;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-list{
margin:0 8px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-list >li{
margin-top:8px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-list >li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
border:1px solid #ccc;
border-radius:4px;
width:100%;
min-height:42px;
padding:2px 8px 2px 26px;
color:var(--cmn-font-color-base);
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
text-align:center;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-list >li > a > span{
margin:0 auto;
line-height:calc(17 / 12);
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-list >li > a .rank{
position:absolute;
left:0;
top:0;
display:-ms-grid;
display:grid;
place-content:center;
width:24px;
height:24px;
background-color:rgba(0,0,0,.4);
border-radius:3px 0 3px 0;
color:#fff;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
}

/* seo-footer-container > local-seo-link
---------------------------------- */
.seo-footer-container .local-seo-link{
margin:-10px 0;
}
.seo-footer-container .local-seo-link .local-seo-link-list > li:last-child > a{
border-bottom:none;
}
.seo-footer-container .local-seo-link .local-seo-link-list-thumb{
width:72px;
height:54px;
}

/* seo-footer-container > select-theme-list
---------------------------------- */
.seo-footer-container .select-area-list,
.seo-footer-container .select-theme-list{
margin-top:-12px;
}
.seo-footer-container .select-area-list .toggle-list > li:first-child,.seo-footer-container .select-theme-list .toggle-list > li:first-child{
border-top:none;
}
.seo-footer-container .select-area-list.select-toggle-container .select-toggle-item > li:nth-child(n+4),.seo-footer-container .select-theme-list.select-toggle-container .select-toggle-item > li:nth-child(n+4){
display:none;
}
.seo-footer-container .select-area-list.select-toggle-container.is-active .select-toggle-item >li:nth-child(n+4),.seo-footer-container .select-theme-list.select-toggle-container.is-active .select-toggle-item >li:nth-child(n+4){
display:block;
}

/* seo-footer-container .cmn-seo-link
---------------------------------- */
.seo-footer-container .cmn-seo-link{
padding:0;
margin:0;
background-color:#fff;
}
.seo-footer-container .cmn-seo-link .cmn-seo-link-list-thumb{
width:72px;
height:54px;
margin-right:8px;
}
.seo-footer-container .cmn-seo-link .cmn-seo-link-toggle{
margin-top:0;
}
.seo-footer-container .cmn-seo-link .cmn-seo-link-list{
padding:0;
margin-bottom:0;
}
.seo-footer-container .cmn-seo-link .cmn-seo-link-list li a{
padding:0;
border-bottom:none;
}
.seo-footer-container .cmn-seo-link .cmn-seo-link-list li:not(:first-child) a{
padding-top:8px;
margin-top:8px;
border-top:1px solid #e5e5e5;
}

/* swiper-ranking
---------------------------------- */
.seo-footer-container .swiper-ranking{
position:relative;
}
.seo-footer-container .swiper-ranking .swiper-button-prev,
.seo-footer-container .swiper-ranking .swiper-button-next{
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
left:-14px;
top:50%;
margin-top:-16px;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.seo-footer-container .swiper-ranking .swiper-button-prev.swiper-button-disabled,.seo-footer-container .swiper-ranking .swiper-button-next.swiper-button-disabled{
display:none;
}
.seo-footer-container .swiper-ranking .swiper-button-prev::after,.seo-footer-container .swiper-ranking .swiper-button-next::after{
content:"";
display:block;
position:relative;
top:9px;
left:12px;
width:7px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
}
.seo-footer-container .swiper-ranking .swiper-button-next{
right:-14px;
left:auto;
}
.seo-footer-container .swiper-ranking .swiper-button-next::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}

/* local-seo-link-list
---------------------------------- */
.seo-footer-container .local-seo-link-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:20px 16px;
}
.seo-footer-container .local-seo-link-list >li{
width:calc(33% - 8px);
}
.seo-footer-container .local-seo-link-list >li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color:var(--comn-font-color-base);
text-decoration:none;
}
.seo-footer-container .local-seo-link-list >li .local-seo-link-list-thumb{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:120px;
height:80px;
overflow:hidden;
}
.seo-footer-container .local-seo-link-list >li .local-seo-link-list-thumb img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.seo-footer-container .local-seo-link-list >li .local-seo-link-list-content{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:12px;
}
.seo-footer-container .local-seo-link-list >li .local-seo-link-hdg{
font-size:14px;
font-weight:bold;
}
.seo-footer-container .local-seo-link-list >li .local-seo-link-desc{
font-size:12px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}

/* attention
---------------------------------- */
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.attention ul a{
display:inline-block;
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}
.attention ul a:active,
.attention ul a:hover,
.attention ul a:focus{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.news ul a{
color:#555;
text-decoration:none;
}
.news ul a:active > div,
.news ul a:hover > div,
.news ul a:focus > div{
text-decoration:underline;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
font-size:12px;
}
.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}

/* seo-footer-container
---------------------------------- */
.lp-container .seo-footer-container{
-o-border-image:none;
border-image:none;
margin:-10px 0 0;
}
.lp-container .seo-footer-container .seo-footer-inr{
width:960px;
margin:0 auto;
}

/* card-container
---------------------------------- */
.lp-container .card-container{
margin:0;
padding:0 0 30px;
}
.lp-container .card-container .card-main-footer{
margin-top:20px;
text-align:right;
}
.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-header{
margin-bottom:8px;
}
.lp-container .card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:16px;
font-weight:bold;
line-height:calc(21 / 16);
background-color:transparent;
margin-right:16px;
}
.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 .select-guide{
display:inline-block;
margin-left:28px;
font-size:14px;
line-height:1;
}
.lp-container .card-container .select-guide span:first-child::after{
content:":";
margin:0 4px;
display:inline-block;
}
.lp-container .card-container .card-content{
margin-top:46px;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container .card-content .card-item{
padding:20px;
background-color:#fff;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
border-radius:6px;
}
.lp-container .card-container .card-content .card-item.is-branch{
padding:0;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.lp-container .card-container .card-content .card-item .card-header-notes{
margin-bottom:8px;
}
.lp-container .card-container .card-content.card-faq .card-item{
padding-top:12px;
padding-bottom:12px;
}
.lp-container .card-container .card-content.card-seo .card-item{
padding-top:12px;
padding-bottom:12px;
}
.lp-container .card-container .card-desc p{
font-size:14px;
margin:0;
}
.lp-container .card-container .card-desc + .card-desc-hdg{
margin-top:14px;
}
.lp-container .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:12px;
}
.lp-container .card-container .card-desc-hdg{
font-size:14px;
font-weight:bold;
}
.lp-container .card-container .card-desc-list{
font-size:14px;
text-indent:-1em;
margin-left:1em;
margin-top:4px;
}
.lp-container .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}
.lp-container .card-container .card-hdg-02{
font-size:14px;
font-weight:bold;
margin-bottom:4px;
}
.lp-container .card-container .card-hdg-03{
margin-top:8px;
margin-bottom:4px;
font-size:14px;
font-weight:normal;
}
.lp-container .card-container .card-hdg-03::before{
content:"---";
color:#949494;
margin-right:4px;
}
.lp-container .card-container .card-hdg-03::after{
content:"---";
color:#949494;
margin-left:4px;
}
.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:16px;
text-align:right;
}
.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;
}

/* tgl-container
---------------------------------- */
.lp-container .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.lp-container .tgl-container .tgl-content .spot-list,
.lp-container .tgl-container .tgl-content .select-list,
.lp-container .tgl-container .tgl-content .area-list,
.lp-container .tgl-container .tgl-content .tour-list{
margin-top:8px;
}
.lp-container .tgl-container .tgl-footer{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:12px;
margin-bottom:-12px;
}
.lp-container .tgl-container .tgl-footer > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .tgl-container .tgl-footer > div:nth-child(2){
width:256px;
}
.lp-container .tgl-container .tgl-footer > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.lp-container .tgl-container .tgl-footer .card-footer-link{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.lp-container .tgl-container .tgl-hook{
margin:0 auto;
padding:0;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:14px;
height:37px;
min-width:253px;
background-color:#f5f5f5;
border:1px solid #dddddd;
border-radius:4px;
}
.lp-container .tgl-container .tgl-hook::before{
display:inline-block;
content:"";
width:12px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 0;
background-size:100% auto;
margin-right:6px;
}

/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0 -8px 0 0;
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:8px;
}
.lp-container .area-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
border-radius:6px;
}
.lp-container .area-list .area-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;

}
.lp-container .area-list .area-pic a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic.mod-noimg{
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #ddd;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:120px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:25px;
position:absolute;
top:0;
left:8px;
padding-top:4px;
line-height:1;
background:url(/element/j_optional_v2/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);
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-pic .area-rank.rank-1{
color:#fff;
background-image:url(/element/j_optional_v2/shared/images/icon-ranking-1.svg);
}
.lp-container .area-list .area-pic .area-rank.rank-2{
color:#fff;
background-image:url(/element/j_optional_v2/shared/images/icon-ranking-2.svg);
}
.lp-container .area-list .area-pic .area-rank.rank-3{
color:#fff;
background-image:url(/element/j_optional_v2/shared/images/icon-ranking-3.svg);
}
.lp-container .area-list .area-desc{
padding:8px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
/* display: flex;
    flex-direction: column; */
.lp-container .area-list .area-desc a{
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-desc p{
margin:0;
font-size:12px;
letter-spacing:-.02em;
}
.lp-container .area-list .area-hdg{
overflow:hidden;
height:37px;
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.lp-container .area-list .area-hdg a{
color:var(--cmn-font-color-link);
}
.lp-container .area-list .area-txt{
font-size:12px;
margin-top:4px;
overflow:hidden;
height:37px;
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.lp-container .area-list .area-txt p{
margin:0;
}
.lp-container .area-list .area-ranking-review{
font-size:12px;
margin:4px 0;
}
.lp-container .area-list .area-ranking-review li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .area-list .area-ranking-review li:not(:first-child){
margin-top:4px;
}
.lp-container .area-list .area-ranking-review li span:first-child{
position:relative;
padding-right:12px;
white-space:nowrap;
}
.lp-container .area-list .area-ranking-review li span:first-child::after{
content:":";
position:absolute;
right:4px;
top:0;
}

/* area-list
---------------------------------- */
.lp-container ._area-list{
margin:0 -8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.lp-container ._area-list >li{
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
border-radius:6px;
}
.lp-container ._area-list .area-item{
gap:0 8px;
}
.lp-container ._area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;

}
.lp-container ._area-list .area-pic a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container ._area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container ._area-list .area-pic.mod-noimg{
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #ddd;
}
.lp-container ._area-list .area-pic.mod-noimg img{
width:120px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container ._area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:25px;
position:absolute;
top:0;
left:8px;
padding-top:4px;
line-height:1;
background:url(/element/j_optional_v2/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);
color:var(--cmn-font-color-base);
}
.lp-container ._area-list .area-pic .area-rank.rank-1{
color:#fff;
background-image:url(/element/j_optional_v2/shared/images/icon-ranking-1.svg);
}
.lp-container ._area-list .area-pic .area-rank.rank-2{
color:#fff;
background-image:url(/element/j_optional_v2/shared/images/icon-ranking-2.svg);
}
.lp-container ._area-list .area-pic .area-rank.rank-3{
color:#fff;
background-image:url(/element/j_optional_v2/shared/images/icon-ranking-3.svg);
}
.lp-container ._area-list .area-desc{
padding:8px;
}
.lp-container ._area-list .area-desc a{
color:var(--cmn-font-color-base);
}
.lp-container ._area-list .area-desc p{
margin:0;
font-size:12px;
letter-spacing:-.02em;
}
.lp-container ._area-list .area-hdg{
overflow:hidden;
height:37px;
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.lp-container ._area-list .area-hdg a{
color:var(--cmn-font-color-link);
}
.lp-container ._area-list .area-txt{
font-size:12px;
margin-top:4px;
overflow:hidden;
height:37px;
font-weight:normal;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.lp-container ._area-list .area-txt p{
margin:0;
}
.lp-container ._area-list .area-ranking-review{
font-size:12px;
margin:4px 0;
}
.lp-container ._area-list .area-ranking-review li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container ._area-list .area-ranking-review li:not(:first-child){
margin-top:4px;
}
.lp-container ._area-list .area-ranking-review li span:first-child{
position:relative;
padding-right:12px;
white-space:nowrap;
}
.lp-container ._area-list .area-ranking-review li span:first-child::after{
content:":";
position:absolute;
right:4px;
top:0;
}

/* .cmn-carousel-seo for local design
----------------------------------------------- */
.lp-container .cmn-carousel-seo{
margin:28px 0 0 0;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-hdg{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
font-size:16px;
border-top:none;
padding-top:0;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-inner{
padding:0;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav li{
z-index:100;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav button{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav button::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
border:none;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav button[disabled]{
display:none;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav .swiper-button-disabled{
display:none;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav .swiper-button-disabled button{
display:none;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-next{
right:-12px;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-next button::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-prev{
left:-12px;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-prev button::before{
right:12px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li{
height:auto;
margin:0;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li:not(:last-child){
margin-right:0;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a{
margin:3px;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
color:var(--cmn-font-color-base);
border-radius:6px;
-webkit-box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
box-shadow:0px 1px 6px rgb(0 0 0 / 30%);
background-color:#fff;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:link,
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:visited,
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:hover,
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:active{
text-decoration:none;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb{
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;
position:relative;
width:100%;
height:121px;
background:no-repeat center center / cover;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb img{
max-width:none;
max-height:none;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb::before{
content:"";
display:block;
padding-top:121px;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb.is-nophoto{
-o-object-fit:contain;
object-fit:contain;
background-size:contain;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb.is-nophoto::before{
display:none;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb.is-nophoto img{
max-width:100%;
max-height:100%;
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-wording{
padding:0px 8px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.lp-container .cmn-carousel-seo .cmn-carousel-seo-item-list-sup{
padding:8px;
font-size:12px;
color:var(--cmn-font-color-gray);
}