@charset "UTF-8";
:root{
--font-color-btn-link-visited:#4d009a;
--font-color-placeholder:#9e9e9e;
--font-num:Arial;

/* bg-form-idx-01=12-2, bg-form-idx-02=3-4, bg-form-idx-03=4-5, bg-form-idx-04=6-8, bg-form-idx-05=9-11 */
--bg-img-top:url("/element_sp/j_optional_v2/index/images/bg-form-idx-01.jpg");
}

/* local override
---------------------------------- */
/* cmn-notice-list
---------------------------------- */
main .cmn-notice-list{
margin-bottom:14px;
}
.select-content .cmn-notice-list{
color:#fff;
}

/* .cmn-ad-bnr
-------------------------------- */
/* top header bnr */
.select-content .cmn-ad-bnr{
margin:0 -10px;
--cmn-ad-bnr-bg-color:#f5f5f5;
}
.select-content .cmn-ad-bnr:not(.cmn-ad-bnr-wide){
padding-top:12px;
padding-bottom:12px;
}
.select-content .act_ad_manage.cmn-ad-bnr-hidden + .select-idx{
margin-top:16px;
}

/* top footer bnr */
.select-content .card-container + .act_ad_manage .cmn-ad-bnr{
margin:0;
padding:20px 0 0;
background-color:rgb(66, 74, 87);
}

/* list header bnr */
.search-item-container .cmn-ad-bnr{
padding:10px 0;
margin:-10px 0;
}

/* list footer bnr */
.map-view > .act_ad_manage .cmn-ad-bnr,.seo-footer-container > .act_ad_manage .cmn-ad-bnr{
padding-bottom:0;
}

/* for android app
---------------------------------- */
.is-app-android.pseudo-content .pseudo-sticky{
padding-bottom:30px;
}
.is-app-android.pseudo-content.pseudo-lyt-sticky{
padding-bottom:85px;
}

/* for ios
---------------------------------- */
.is-ios [role="dialog"],
.is-ios [data-role="page"]{
display:none;
}
.is-ios .pseudo[role="dialog"],
.is-ios .pseudo[data-role="page"]{
display:none;
}
.is-ios .active[role="dialog"],
.is-ios .active[data-role="page"]{
display:block;
}
.is-ios .active.pseudo-content.pseudo-content-branch[role="dialog"]{
display:-webkit-box;
display:flex;
}
.is-ios .active.pseudo-gallery[role="dialog"]{
display:-webkit-box;
display:flex;
}

/* .seo-footer-container
---------------------------------- */
.seo-footer-container{
margin:0 -10px -10px;
padding:0 10px 10px;
background-color:#f5f5f5;
}
.seo-footer-container .seo-footer-inr{
padding:0 8px 1px;
margin:0 -10px;
}
.seo-footer-container .seo-footer-inr > div.seo-list-content:first-child:not(:empty){
margin-top:16px;
}
.seo-footer-container .seo-footer-inr > div.seo-tgl-container:last-child .seo-tgl-item{
padding-bottom:0;
}

/* seo-swiper-content
---------------------------------- */
.seo-list-swiper-content{
padding-bottom:16px;
border-top:1px solid #ddd;
}
.seo-list-swiper-content.seo-tgl-container{
padding-bottom:0;
}

/* seo-list-content
---------------------------------- */
.seo-list-hdg{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:10px 26px 9px 0;
font-size:18px;
font-weight:normal;
line-height:calc(21 / 16);
min-height:48px;
box-sizing:border-box;
}

/* 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:3px 0 8px 0;
}
.seo-list-hdg-notes:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.seo-list-hdg-notes + .seo-list-01{
margin-top:12px;
}

/* 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-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg);
}
.seo-tgl-container .seo-tgl-item{
display:none;
}
.seo-tgl-container .seo-tgl-trigger{
position:relative;
cursor:pointer;
outline:none;
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) no-repeat center center;
background-size:16px auto;
}

/* seo-list-01
---------------------------------- */
.seo-list-01{
margin:0;
}
.seo-list-01 a{
display:block;
color:var(--cmn-font-color-base);
}
.seo-list-01 a:link,
.seo-list-01 a:visited,
.seo-list-01 a:hover,
.seo-list-01 a:active{
color:var(--cmn-font-color-base);
}
.seo-list-01 >li:not(:first-child){
margin-top:8px;
}
.seo-list-01 >li .seo-list-sup{
font-size:14px;
font-weight:normal;
}
.seo-list-01 .seo-list-child{
margin:4px 0 0 24px;
}
.seo-list-01 .seo-list-child li{
font-size:14px;
line-height:calc(17 / 14);
}
.seo-list-01 .seo-list-child li:not(:first-child){
margin-top:8px;
}

/* for j_op rank blank */
[class^="icon-r-"].icon-r-face.blank span{
width:10px;
padding-top:10px;
background-image:url(/element/shared/images/icon/icon-review-0.svg);
background-size:auto 10px;
}

/* for APP footer
---------------------------------- */
.cmn-app .str-container.dtl-footer-fixed{
padding-bottom:121px;
}

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

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

/* mod-num
---------------------------------------- */

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

/* mod-radio-custom
------------------------------------------------ */
.mod-radio-custom{
display:inline-block;
vertical-align:middle;
position:relative;
padding-left:22px;
padding-top:8px;
padding-bottom:8px;
}
.mod-radio-custom >label{
display:inline;
}
.mod-radio-custom input[type="radio"]{
display:none;
}
.mod-radio-custom .mod-radio-custom-inner{
display:inline;
}
.mod-radio-custom .mod-radio-custom-inner::before{
content:"";
width:13px;
height:9px;
position:absolute;
left:3px;
top:14px;
}
.mod-radio-custom input[type=radio]:checked + .mod-radio-custom-inner::before{
background:url(/element_sp/j_optional_v2/shared/images/icon-form-checked.svg) top left no-repeat;
}

/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */
/* for xperia */
body.pseudo-content-bg{
background-color:#f5f5f5;
}

/* bg-status
------------------------------------------------ */
.str-container.is-bg-on{
background-color:#f5f5f5;
}

/* ----------------------------------------------
modal modules
----------------------------------------------- */
/* cmn-modal
---------------------------------- */
.cmn-modal .info-text{
font-size:16px;
}
.cmn-modal [class^="modal-btn-box"]{
margin:0 auto;
-webkit-box-pack:center;
justify-content:center;
}
.cmn-modal .modal-btn-box li{
max-width:210px;
}
.cmn-modal [class^="modal-btn-box"] button{
padding:0;
box-sizing:border-box;
min-height:38px;
font-weight:normal;
font-size:14px;
}
.cmn-modal .cmn-cancel-btn{
color:var(--cmn-font-color-base);
}
.cmn-modal .cmn-info-btn{
box-shadow:none;
background-color:var(--cmn-btn-color);
}
.modal-hdg{
margin-bottom:16px;
font-size:16px;
font-weight:normal;
}
p + .modal-hdg{
margin-top:12px;
}

/* .modal-wording
----------------------------------------------- */
.modal-wording{
font-size:12px;
}

/* .modal-align-center
----------------------------------------------- */
.modal-align-center{
text-align:center;
}

/* .modal-list-bullet
----------------------------------------------- */
.modal-list-bullet{
margin-top:8px;
font-size:12px;
}
.modal-list-bullet > li{
padding-left:6px;
position:relative;
}
.modal-list-bullet > li::before{
content:"";
border-radius:50%;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:6px;
left:0;
background-color:#222;
}

/* .modal-info-area
----------------------------------------------- */
.modal-info-area p{
margin-top:12px;
}
.modal-info-area img,
.modal-info-area-02 img{
max-width:100%;
}
.modal-info-area-02 p{
margin-top:12px;
}

/* .modal-notice-list
----------------------------------------------- */
.modal-notice-list{
margin:8px 0;
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:left;
}
.modal-notice-list > li{
padding-left:16px;
position:relative;
}
.modal-notice-list > li:not(:first-child){
margin-top:3px;
}
.modal-notice-list > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.modal-notice-list > li.no-mark{
padding-left:0;
}
.modal-notice-list > li.no-mark::before{
display:none;
}
.modal-notice-list > li.attention::before{
color:var(--cmn-font-color-red);
}

/* modal-form
---------------------------------- */
.modal-form .modal-form-inner{
margin-bottom:30px;
}
.modal-form .search-form-list{
margin:-8px 0 0 -8px;
}
.modal-form .search-form-list::after{
content:"";
display:table;
clear:both;
}
.modal-form .search-form-list >li{
position:relative;
float:left;
padding-left:8px;
margin-top:8px;
box-sizing:border-box;
}
.modal-form .search-form-list .search-form-area{
width:50%;
}
.modal-form .search-form-list .search-form-area .search-form-btn{
padding-right:30px;
}
.modal-form .search-form-list .search-form-theme{
width:50%;
float:right;
}
.modal-form .search-form-list .search-form-date{
width:72%;
}
.modal-form .search-form-list .search-form-date-option{
width:28%;
margin-top:17px;
float:right;
}
.modal-form .search-form-list .search-form-keyword{
width:72%;
}
.modal-form .search-form-list .search-form-filter{
width:28%;
float:right;
}
.modal-form .search-form-list .search-form-filter .search-form-btn{
padding-right:25px;
}
.modal-form .search-form-list .search-form-filter .search-form-btn::after{
display:block;
}
.modal-form .search-form-list .search-form-btn{
position:relative;
background:none;
border:1px solid #ccc;
border-radius:4px;
height:44px;
width:100%;
text-align:left;
padding:0 8px;
}
.modal-form .search-form-list .search-form-btn > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.modal-form .search-form-list .search-form-btn::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.modal-form .search-form-list .search-form-btn-keyword-container{
position:relative;
border-radius:4px;
border:1px solid #ccc;
background-color:#fff;
width:100%;
box-sizing:border-box;
height:44px;
padding-right:30px;
}
.modal-form .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword{
background:none;
border:none;
padding:0 0 0 30px;
height:44px;
text-align:left;
width:100%;
box-sizing:border-box;
}
.modal-form .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::before{
content:"";
display:block;
position:absolute;
top:15px;
left:8px;
width:14px;
height:14px;
background:url(/element_sp/j_optional_v2/shared/images/icon-search.svg) 0 0 no-repeat;
}
.modal-form .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.modal-form .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.modal-form .search-form-list .search-form-btn-del{
position:absolute;
top:0;
right:0;
width:30px;
height:0;
padding-top:44px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.modal-form .search-form-list .search-form-btn-del::before{
content:"";
display:block;
position:absolute;
top:17px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.modal-form .search-form-list .is-unselected .search-form-btn{
padding-right:30px;
color:var(--font-color-placeholder);
}
.modal-form .search-form-list .is-unselected .search-form-btn::after{
display:block;
}
.modal-form .search-form-list .is-unselected .search-form-btn > span{
color:var(--font-color-placeholder);
}
.modal-form .search-form-list .is-unselected .search-form-btn-del{
display:none;
}
.modal-form .search-form-list .is-unselected .search-form-btn-keyword-container{
padding-right:19px;
}
.modal-form .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword{
width:100%;
}
.modal-form .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword::after{
display:block;
}
.modal-form .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--font-color-placeholder);
}
.modal-form .search-form-list .is-unselected.search-form-date .search-form-btn{
padding-right:8px;
}
.modal-form .search-form-list .is-unselected.search-form-date .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.modal-form .search-form-list .is-unselected.search-form-date .search-form-btn::after{
display:none;
}

@media screen and (max-width: 320px){
.modal-form .search-form-list .search-form-date{
width:69%;
}
.modal-form .search-form-list .search-form-date-option{
width:31%;
}
.modal-form .search-form-list .search-form-keyword{
width:69%;
}
.modal-form .search-form-list .search-form-filter{
width:31%;
}
}
.modal-form .search-chips{
position:relative;
}
.modal-form .search-chips::before,
.modal-form .search-chips::after{
bottom:0;
content:"";
display:none;
position:absolute;
width:30px;
height:24px;
z-index:2;
pointer-events:none;
}
.modal-form .search-chips::before{
left:0;
background:-webkit-linear-gradient(right, rgba(255,255,255, 0) 0%, #e5e5e5 100%);
background:linear-gradient(to left, rgba(255,255,255, 0) 0%, #e5e5e5 100%);
}
.modal-form .search-chips::after{
right:0;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e5e5e5 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e5e5e5 100%);
}
.modal-form .search-chips.is-start::before{
display:none;
}
.modal-form .search-chips.is-end::after{
display:none;
}
.modal-form .search-chips .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.modal-form .search-chips .search-chips-inner::-webkit-scrollbar{
display:none;
}
.modal-form .search-chips .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
display:inline-block;
}
.modal-form .search-chips .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
position:relative;
background-color:#e5e5e5;
border-radius:3px;
padding:0 0 0 8px;
margin-top:8px;
margin-left:8px;
height:24px;
}
.modal-form .search-chips .search-chips-list > li .search-chips-list-btn{
display:inline-block;
color:#666;
background:none;
border:none;
font-size:12px;
padding:0;
margin:0;
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
line-height:1.2;
}
.modal-form .search-chips .search-chips-list > li .search-chips-list-btn-del{
background:none;
width:23px;
height:0;
margin:0;
padding:24px 0 0 0;
overflow:hidden;
line-height:2;
border:none;
}
.modal-form .search-chips .search-chips-list > li .search-chips-list-btn-del::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:7px;
height:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
}

/* pseudo-content
----------------------------------------------- */
.pseudo-content{
color:var(--cmn-font-color-base);
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
height:100%;
}
.pseudo-content.pseudo-lyt-sticky{
padding-bottom:70px;
}
.pseudo-content.pseudo-content-bg{
background-color:#f5f5f5;
}
.pseudo-content.pseudo-content-bg-02{
background-color:#000;
color:#fff;
}
.pseudo-content .pseudo-content-header{
padding:0 10px;
margin:0 -10px;
}
.pseudo-content .pseudo-content-inner{
margin:0 -10px;
padding:10px;
}
/* ios15
  ---------------------------------- */
.pseudo-content.pseudo-content-branch.active{
margin:0;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
position:fixed;
left:0;
width:100%;
height:100% !important;
}
.pseudo-content.pseudo-content-branch .pseudo-content-header{
position:relative;
margin:0;
}
.pseudo-content.pseudo-content-branch .pseudo-content-inner{
margin:0;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.pseudo-content .loading-box{
margin:42px 0;
}
.pseudo-content .error-box .error-wording{
text-align:center;
font-size:14px;
}
.pseudo-content .error-box .error-wording b{
font-weight:bold;
}
.pseudo-content .error-box .error-message{
margin-top:10px;
text-align:center;
font-size:14px;
}
.pseudo-content .error-box .error-action{
margin-top:20px;
text-align:center;
}
.pseudo-content .error-box .error-action .error-action-btn{
margin:0 auto;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#666;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* pseudo-header
----------------------------------------------- */
.pseudo-header{
padding:8px 55px;
margin:0 -10px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo-header.pseudo-header-sticky{
position:fixed;
top:0;
width:100%;
}
.pseudo-header.pseudo-header-branch{
padding-right:40px;
}
.pseudo-header .pseudo-hdg{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
}
.pseudo-header .pseudo-hdg .cmn-tip-btn{
margin-left:4px;
top:-1px;
position:relative;
}
.pseudo-header .pseudo-hdg.is-ellipsis{
text-overflow:ellipsis;
display:block;
white-space:nowrap;
overflow:hidden;
}
.pseudo-header .pseudo-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}
.pseudo-header .pseudo-btn-close{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:100%;
margin-right:-8px;
background:url(/element_sp/j_optional_v2/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.pseudo-header .pseudo-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}
.pseudo-header .pseudo-btn-clear:disabled{
color:#a4a4a4;
}
main > .pseudo-header{
margin-top:-10px;
}
body{
margin:0;
padding:0;
width:100%;
min-height:100svh;
overflow:hidden;
overflow-y:auto;
background-color:#fff;
font-size:14px;
-webkit-text-size-adjust:none;
}

/* ios15
---------------------------------- */
/* .pseudo-content-lyt
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt{
padding-left:10px;
padding-right:10px;
position:fixed;
top:0;
left:0;
width:100%;
height:100dvh;
box-sizing:border-box;
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* for only iOS labs */

@supports (-webkit-touch-callout: none){
& .pseudo-content .pseudo-content-lyt{
height:100svh;
}
}

/* .pseudo-content-lyt-content
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt-content{
margin:0 -10px;
padding:12px 12px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.pseudo-content .pseudo-content-lyt-content .cmn-tip-container{
padding:0;
margin:0;
}
.pseudo-content .pseudo-content-lyt-content.branch{
display:none;
}
.pseudo-content .pseudo-content-lyt-content.is-active{
display:block;
}
.pseudo-content .pseudo-content-lyt-content.is-flex{
display:-webkit-box;
display:flex;
}
.pseudo-content .pseudo-content-lyt-content > :first-child{
margin-top:0;
}
.pseudo-content .pseudo-content-lyt-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* data-role="page"
----------------------------------------------- */
[data-role="page"],
[role="dialog"]{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
box-sizing:border-box;
}
[data-role="page"].active,
[role="dialog"].active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;

/* min-height:100%; */
box-sizing:border-box;
opacity:1;
}
[data-role="page"].lyt-sticky,
[role="dialog"].lyt-sticky{
padding-bottom:70px;
}
.sticky-box{
padding:10px;
position:fixed;
bottom:0;
left:0;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, .7);
}
.sticky-box .sticky-box-btn{
font-size:16px;
background-color:var(--cmn-btn-color);
font-weight:700;
width:100%;
height:46px;
color:#fff;
border:none;
border-radius:6px;
box-shadow:0 -4px 0 rgba(0, 0, 0, .25) inset;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* hdg-l1-03
------------------------------------------------ */
.hdg-l1-03-container{
margin:-10px -10px 0;
}
.hdg-l1-03-container .hdg-l1-03{
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
padding:10px 10px 8px;
min-height:42px;
box-sizing:border-box;
line-height:1.3;
}

/* hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
margin:0 -10px;
padding:5px 10px;
color:#fff;
font-size:14px;
font-weight:bold;
background-color:#666;
}

/* hdg-l2-02
------------------------------------------------ */
.hdg-l2-02{
font-size:16px;
line-height:1.3;
color:var(--cmn-font-color-base);
}

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

/* hdg-l3-03
------------------------------------------------ */
.hdg-l3-03{
margin:0 -10px;
padding:7px 10px 0;
font-size:14px;
color:#fff;
background-color:#666;
height:35px;
box-sizing:border-box;
}
.hdg-l3-03-notes{
font-size:12px;
color:var(--cmn-font-color-gray);
border-bottom:1px solid #e9e9e9;
margin:0 -10px;
padding:7px 10px;
}

/* hdg-l3-03-01
------------------------------------------------ */
.hdg-l3-03-01{
margin:0 -10px;
padding:7px 10px 6px;
font-size:14px;
font-weight:normal;
background-color:#444;
color:#fff;
min-height:35px;
box-sizing:border-box;
}

/* hdg-l4
------------------------------------------------ */
.hdg-l4{
font-size:14px;
margin-top:15px;
line-height:1.2;
}

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

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* list-line
----------------------------------------------- */
.list-line{
margin:0;
line-height:1;
}
.list-line > li{
display:inline-block;
font-size:12px;
line-height:calc( 17 / 12 );
}

/* list-inline-02
------------------------------------------------ */
.list-inline-02 li{
display:inline;
}
.list-inline-02 li + li:before{
content:">";
display:inline-block;
margin-right:4px;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* link-arrow
------------------------------------------------ */
.link-arrow{
position:relative;
display:block;
padding:8px 25px 4px 10px;
border:1px solid #bbb;
border-radius:4px;
font-size:16px;
background-color:#fff;
min-height:38px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.link-arrow:after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:6px;
width:6px;
display:block;
border:2px solid #999;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-arrow.disabled{
color:#999;
}
.link-arrow.is-selected{
font-weight:bold;
color:var(--cmn-font-color-base);
}
.link-02{
margin:0;
background-color:#fff;
border-top:6px solid #666;
}
.link-02 a{
padding:10px;
display:block;
border-bottom:1px solid #e9e9e9;
text-align:center;
font-size:13px;
color:#666;
}
.link-02 a::before{
position:relative;
top:1px;
content:"";
display:inline-block;
margin-right:8px;
width:11px;
height:11px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
}

/* link-list
---------------------------------- */
.link-list{
margin:8px 0 0 0;
border-bottom:1px solid #e5e5e5;
}
.link-list > li{
border-top:1px solid #e5e5e5;
}
.link-list .link-list-action{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:var(--cmn-font-color-base);
font-size:14px;
min-height:45px;
padding:4px 17px 4px 0;
box-sizing:border-box;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-r-gry.svg) 100% 50% no-repeat;
background-size:7px auto;
line-height:calc(18 / 14);
}
.link-list .link-list-child-01{
margin:0 0 0 30px;
}
.link-list .link-list-child-01 > li{
border-top:1px solid #e5e5e5;
}
.link-list .link-list-child-02{
margin:0 0 0 16px;
}
.link-list .link-list-child-02 > li{
border-top:1px solid #e5e5e5;
}
.link-list .link-list-child-03{
margin:0 0 0 16px;
}
.link-list .link-list-child-03 > li{
border-top:1px solid #e5e5e5;
}

/* link-list-toggle-container
---------------------------------- */
.link-list-toggle-container.is-active >.link-list-toggle-item{
display:block;
}
.link-list-toggle-container.is-active >.link-list-toggle-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle-container >.link-list-toggle-item{
display:none;
}
.link-list-toggle-container >.link-list-toggle-trigger{
background:none;
border:none;
padding:4px 17px 4px 0;
display:block;
width:100%;
min-height:45px;
font-size:14px;
line-height:calc(18 / 14);
position:relative;
text-align:left;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
}

/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* btn
----------------------------------------------- */
.btn-04,
.btn-detail{
font-weight:bold;
display:block;
padding:9px 7px 10px;
width:100%;
font-size:16px;
text-align:center;
color:#fff;
border:none;
border-radius:4px;
background-image:-webkit-linear-gradient(bottom, rgba(3, 0, 0, .03), rgba(255, 255, 255, .03));
background-image:linear-gradient(to top, rgba(3, 0, 0, .03), rgba(255, 255, 255, .03));
background-color:var(--cmn-btn-color);
box-sizing:border-box;
box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
}
.btn-04:visited,
.btn-detail:visited,
.btn-04:active,
.btn-detail:active,
.btn-04:hover,
.btn-detail:hover,
.btn-04:focus{
color:#fff;
}
.btn-04 .sup,
.btn-detail .sup{
font-weight:normal;
font-size:14px;
}

/* btn-04
----------------------------------------------- */
.btn-04{
padding-top:7px;
box-shadow:inset 0 -4px #333;
background-color:#444;
text-shadow:1px 2px rgba(6, 0, 1, .1);
font-size:16px;
font-weight:normal;
border-radius:4px;
height:44px;
background-image:none;
box-shadow:none;
}

/* btn-detail
------------------------------------------------ */
.btn-detail{
display:block;
height:43px;
font-size:15px;
text-align:center;
line-height:25px;
color:#fff;
}
.btn-detail > small{
display:inline-block;
position:relative;
top:-3px;
font-size:12px;
line-height:1.2;
vertical-align:middle;
color:#fff;
}
.btn-detail > span{
position:relative;
top:-2px;
display:inline-block;
width:50px;
height:28px;
margin:0 5px;
background-color:#fff;
border-radius:2px;
vertical-align:middle;
}
.btn-detail > b{
position:relative;
top:-2px;
display:inline-block;
vertical-align:middle;
color:#fff;
}
.btn-detail.status-01 span b{
position:absolute;
top:50%;
left:50%;
margin:-9px 0 0 -9px;
content:"";
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
border:3px solid #004c9a;
border-radius:50%;
}
.btn-detail.status-02 span b{
display:block;
padding-top:2px;
color:var(--cmn-font-color-base);
font-size:14px;
}

/* btn-container
------------------------------------------------ */
.btn-container{
display:-webkit-box;
display:flex;
margin:0 auto;
width:287px;
max-width:100%;
}
.btn-container li:first-child{
-webkit-box-flex:initial;
flex:initial;
width:60px;
padding-right:8px;
}
.btn-container li:last-child{
-webkit-box-flex:1;
flex:1;
}

/* btn-confirm
------------------------------------------------ */
.btn-confirm{
display:block;
padding:5px 0 9px;
border:none;
border-radius:6px;
width:100%;
color:#fff;
background-color:var(--cmn-btn-color);
box-shadow:0 -4px 0 var(--cmn-btn-color) inset;
text-align:center;
text-shadow:1px 2px 0 rgba(4, 0, 0, .1);
font-weight:bold;
font-size:20px;
line-height:1.55;
height:45px;
}
.btn-confirm .btn-confirm-count{
font-size:14px;
}

/* btn-reset
-------------------------------------- */
.btn-reset{
margin:0;
padding:0 3px;
border:none;
border-radius:6px;
width:100%;
height:45px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:14px;
}

/* btn-reset-02
-------------------------------------- */
.btn-reset-02{
padding:0 3px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
height:44px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:14px;
}

/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
/* tbl-01
------------------------------------------------ */
.tbl-01{
width:100%;
margin-top:15px;
}
.tbl-01 ul{
margin:0;
}
.tbl-01 > div{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}
.tbl-01 > div >div{
font-size:12px;
word-break:break-all;
}
.tbl-01 > div >div:first-child{
width:88px;
}
.tbl-01 > div >div:last-child{
-webkit-box-flex:1;
flex:1;
position:relative;
padding-left:10px;
}
.tbl-01 > div >div:last-child:not(:first-child)::before{
content:":";
position:absolute;
left:0;
top:0;
}

/* tbl-03
------------------------------------------------ */
.tbl-03-container{
background-color:#fff;
border-top:1px solid #e9e9e9;
}
.tbl-03-container .tbl-03{
display:table;
margin:0;
width:100%;
table-layout:fixed;
border-collapse:collapse;
}
.tbl-03-container .tbl-03 th,
.tbl-03-container .tbl-03 td{
padding:10px 10px;
border-bottom:1px solid #d9d9d9;
}
.tbl-03-container .tbl-03 th{
width:50px;
font-weight:normal;
font-size:12px;
text-align:left;
background-color:#f5f5f5;
}
.tbl-03-container .tbl-03 td{
font-size:13px;
}
.tbl-03-container .tbl-03 .icon-r-face{
position:relative;
bottom:2px;
margin-right:5px;
}
.nav-internal + .tbl-03-container{
margin-bottom:15px;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* box
----------------------------------------------- */
.box{
margin:0 -10px 0;
padding:0 10px;
background-color:#fff;
}
.box:before{
content:"";
display:table;
}
.box > :last-child{
border-bottom:none;
}

/* box-03
----------------------------------------------- */
.box-03{
margin:0 -10px;
padding:10px;
background-color:#fff;
}
.box-03 .box-03-thumb{
position:relative;
margin:-10px -10px 8px;
padding-top:31.6%;
}
.box-03 .box-03-thumb img{
position:absolute;
top:0;
left:0;
max-width:100%;
max-height:100%;
}

/* box-04
----------------------------------------------- */
.box-04{
margin:0 -10px 20px;
padding:0 10px;
border-bottom:1px solid #e9e9e9;
}
.box-04 .list-link{
margin:0 -10px;
}
.box-04 .list-link li{
border-bottom:1px solid #e9e9e9;
}
.box-04 .list-link li:last-child{
border-bottom:none;
}
.box-04 .list-link li a{
display:block;
position:relative;
padding:11px 10px 9px 10px;
font-size:13px;
word-break:break-all;
box-sizing:border-box;
min-height:40px;
line-height:1.3;
color:#666;
}

/* box-plan
------------------------------------------------ */
.box-plan{
margin-top:15px;
padding-bottom:10px;
border-bottom:1px solid #d9d9d9;
}
.box-plan .status-item{
padding-top:10px;
border-top:6px solid #444;
}
.box-plan .btn-detail{
margin:10px 0 5px;
}
.box-plan .btn-detail > span{
margin-left:10px;
margin-right:10px;
}
.box-plan .btn-detail b{
font-size:16px;
}
.box-branch-02 + .box-plan{
margin-top:0;
}
.box-branch-02 + .box-plan .status-item{
border-top:6px solid #666;
}

/* box-plan-info
------------------------------------------------ */
.box-plan-info{
padding-top:10px;
margin-bottom:10px;
font-size:13px;
}
.box-plan-info > :first-child{
margin-top:0;
vertical-align:top;
}
.box-plan-info .form-list-add{
margin-top:10px;
}
.hdg-l3 + .box-plan-info,
.hdg-l4 + .box-plan-info{
padding-top:5px;
}
.box-plan-info .select-custom{
margin:5px 0;
font-weight:bold;
}
.box-plan-info .select-custom select{
padding-top:7px;
padding-bottom:7px;
}

/* box-branch-02
------------------------------------------------ */
.box-branch-02{
margin-top:15px;
}
.box-branch-02 .box-branch-hdg{
margin:0 -10px;
padding:5px 10px;
color:#fff;
font-size:14px;
font-weight:bold;
background-color:#666;
}
.box-branch-02 + div > .error-box{
margin-top:-15px;
}

/* form-box-idx
------------------------------------------------ */
.form-box-idx{
position:relative;
margin:-10px -10px 0;
padding:12px 8px 32px;
background:url(/element_sp/j_optional_v2/index/images/bg-cloud-01.png) no-repeat 0 0 / 100% auto, var(--bg-img-top) no-repeat 0 100% / 100% auto,#00428e;
}
.form-box-idx .hdg-l1{
display:block;
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
line-height:1.2;
margin-bottom:12px;
}
.form-box-idx .form-box-inner{
position:relative;
box-sizing:border-box;
padding:12px 12px 57px;
border-radius:6px;
background:rgba(255, 255, 255, .95);
}
.form-box-idx .hdg-category{
font-size:12px;
position:absolute;
top:-38px;
left:0;
box-sizing:border-box;
width:50%;
height:38px;
padding:10px 0 0;
margin-right:3px;
text-align:center;
border-radius:3px 3px 0 0;
background:rgba(255, 255, 255, .9);
}
.form-box-idx .btn-search-around{
position:absolute;
top:-38px;
right:0;
width:50%;
padding-left:4px;
box-sizing:border-box;
height:34px;
}
.form-box-idx .btn-search-around button{
display:block;
box-sizing:border-box;
width:100%;
padding:8px 5px 6px;
text-align:center;
color:var(--cmn-font-color-base);
border:1px solid #999;
border-radius:3px;
background-color:#fff;
font-size:12px;
font-weight:bold;
height:34px;
line-height:1;
}
.form-box-idx .btn-search-around button span{
position:relative;
}
.form-box-idx .form-tabs{
display:-webkit-box;
display:flex;
margin:12px 0 0 0;
}
.form-box-idx .form-tabs > li{
margin-right:3px;
-webkit-box-flex:1;
flex:1;
}
.form-box-idx .form-tabs > li.is-active >div{
border-bottom-color:transparent;
}
.form-box-idx .form-tabs > li > div{
font-size:12px;
box-sizing:border-box;
height:38px;
padding:10px 0 0;
text-align:center;
border-radius:3px 3px 0 0;
background-color:rgba(255, 255, 255, .9);
border-bottom:1px solid #0f7ded;
}
.form-box-idx .form-tabs > li > div a{
color:var(--cmn-font-color-base);
}
.form-box-idx .form-tabs > li button{
display:block;
box-sizing:border-box;
width:100%;
padding:8px 5px 6px;
text-align:center;
color:var(--cmn-font-color-base);
border:1px solid #999;
border-radius:3px;
background-color:#fff;
font-size:12px;
font-weight:bold;
height:34px;
line-height:1;
}
.form-box-idx .form-tabs > li button >span{
position:relative;
}
.form-box-idx .form-tabs > li button >span::before{
content:"";
position:relative;
display:inline-block;
overflow:hidden;
width:15px;
height:15px;
margin-right:3px;
background:url(/element_sp/shared/images/icon/ico-scope.svg) 0 0 no-repeat;
background-size:100% auto;
vertical-align:middle;
top:-1px;
}

/* form-submit-container
------------------------------------------------ */
.form-box-idx .form-submit-container.is-static{
position:absolute;
padding:0 12px 16px;
border-top:none;
background:none;
}
.form-box-idx .form-submit-container{
box-sizing:border-box;
position:fixed;
bottom:0;
left:0;
z-index:1;
padding:12px 20px;
border-top:1px solid #ddd;
width:100%;
background-color:rgba(255, 255, 255, .8);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

/* form-container
------------------------------------------------ */
.form-container > ul{
margin:0;
}
.form-container > ul >li{
display:-webkit-box;
display:flex;
position:relative;
}
.form-container > ul >li:not(:first-child){
margin-top:8px;
}
.form-container .form-list-key{
font-size:14px;
width:50px;
height:38px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:calc( 15 / 12 );
}
.form-container .form-list-value{
-webkit-box-flex:1;
flex:1;
width:70%;
}
.form-container .form-list-area{
position:relative;
}
.form-container .form-list-area .form-lsit-btn{
padding-right:30px;
}
.form-container .form-list-area .form-lsit-btn::after{
display:none;
}
.form-container .form-lsit-btn{
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
border:1px solid #999;
height:44px;
width:100%;
text-align:left;
padding:0 8px;
font-size:16px;
}
.form-container .form-lsit-btn > span{
color:var(--cmn-font-color-base);
font-size:16px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.form-container .form-lsit-btn-del{
position:absolute;
right:0;
top:0;
width:30px;
height:0;
padding-top:37px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.form-container .form-lsit-btn-del::before{
content:"";
display:block;
position:absolute;
top:13px;
right:9px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.form-container .form-list-add{
line-height:1;
margin:8px 0 4px;
}
.form-container .form-list-btn-keyword-container{
position:relative;
border-radius:4px;
background-color:#fff;
border:1px solid #999;
width:100%;
box-sizing:border-box;
height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;

}
.form-container .form-list-btn-keyword-container .form-list-btn-keyword{
background:none;
border:none;
padding-left:8px;
padding-right:0;
height:38px;
text-align:left;
width:70%;
-webkit-box-flex:1;
flex:1;
box-sizing:border-box;
}
.form-container .form-list-btn-keyword-container .form-list-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-container .form-list-btn-keyword-container .form-list-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:16px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.form-container .form-list-btn-keyword-container .form-list-btn-clear{
background:none;
padding:0;
margin-left:8px;
color:var(--cmn-font-color-base);
border:1px solid #bbb;
border-radius:4px;
width:40px;
height:20px;
font-size:12px;
background-color:#fff;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
}
.form-container .form-list-date-container{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}
.form-container .form-list-date-container .form-list-date{
-webkit-box-flex:1;
flex:1;
}
.form-container .form-list-date-container .form-list-date-btn-list{
display:-webkit-box;
display:flex;
gap:0 4px;
margin:0;
}
.form-container .form-list-date-container .form-list-date-btn-list button{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:none;
border:none;
padding:2px 0 0;
margin:0;
background-color:#fff;
border:1px solid #bbb;
width:48px;
height:28px;
border-radius:4px;
font-size:14px;
line-height:1;
}
.form-container .is-unselected .form-lsit-btn{
padding-right:25px;
}
.form-container .is-unselected .form-lsit-btn::after{
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-container .is-unselected .form-lsit-btn > span{
color:var(--font-color-placeholder);
}
.form-container .is-unselected .form-lsit-btn-del{
display:none;
}
.form-container .is-unselected.form-list-date .form-lsit-btn{
padding-right:8px;
}
.form-container .is-unselected.form-list-date .form-lsit-btn > span{
color:var(--cmn-font-color-base);
}
.form-container .is-unselected.form-list-date .form-lsit-btn::after{
display:none;
}
.form-container .is-unselected.form-list-area .form-lsit-btn::after{
display:block;
}
.form-container .is-unselected .form-list-btn-keyword-container .form-list-btn-keyword{
padding-right:25px;
width:100%;
}
.form-container .is-unselected .form-list-btn-keyword-container .form-list-btn-keyword > span{
color:var(--font-color-placeholder);
}
.form-container .is-unselected .form-list-btn-keyword-container .form-list-btn-keyword::after{
display:block;
}
.form-container .is-unselected .form-list-btn-keyword-container .form-list-btn-clear{
display:none;
}

/* form-notice
---------------------------------- */
.form-notice{
margin-top:12px;
margin-bottom:12px;
}

/* ----------------------------------------------------------------
    notice
----------------------------------------------------------------- */
.notice-list{
margin:0;
font-size:12px;
line-height:calc( 17 / 12);
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* search-area
----------------------------------------------- */
.search-area{
background-color:#0f7ded;
margin:-10px -10px 0;
padding:14px 10px 10px;
}
.search-area aside.act_ad_manage{
padding:15px 0 5px;
}
main + .act_ad_manage{
padding:0 10px;
}
.search-header{
border-top:1px solid #004c9a;
background:#004c9a url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
margin:-11px -10px 0;
padding:0 10px 12px;
}
.search-header .search-header-hdg-contanier{
position:relative;
box-sizing:border-box;

}
.search-header .search-header-hdg-contanier .search-header-category-hdg,
.search-header .search-header-hdg-contanier .search-header-hdg{
margin:12px 0 -4px;
color:#fff;
line-height:1.35;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:14px;
}
.search-header .search-header-hdg-contanier .search-header-clear{
position:absolute;
right:0;
background:none;
color:#fff;
font-size:12px;
border:1px solid rgba(255,255,255,.7);
border-radius:3px;
padding:2px 3px;
height:23px;
top:-2px;
}
.search-header aside.act_ad_manage{
padding:15px 0 5px;
}
.search-header .search-tabs-container{
position:relative;
margin:0 -10px -12px;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.search-header .search-tabs-container .search-tabs-list{
margin:0 10px;
display:-webkit-box;
display:flex;
}
.search-header .search-tabs-container .search-tabs-list >li{
line-height:1;
}
.search-header .search-tabs-container .search-tabs-list >li button{
background:none;
border:none;
position:relative;
display:block;
padding:13px 10px 10px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.35;
}
.search-header .search-tabs-container .search-tabs-list >li button::after{
position:relative;
top:2px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.search-header .search-tabs-container .search-tabs-list >li button[aria-selected="true"]::after{
background-color:#222;
}
.search-header .search-tabs-container .search-tabs-list >li.is-disabled button{
color:#ccc;
}
.search-header .search-tabs-container .btn-show-map{
display:block;
background:none;
border:none;
padding:0;
position:absolute;
font-size:14px;
right:12px;
top:50%;
margin-top:-9px;
background:url(/element_sp/j_optional_v2/shared/images/icon-map.svg) left 3px no-repeat;
background-size:9px 14px;
padding-left:14px;
}

/* search-form-container
------------------------------------------------ */
.search-form-container{
color:#fff;
margin:12px -10px 0;
padding:0;
}

/* search-header > search-chips
------------------------------------------------ */
.search-header .search-chips{
position:relative;
}
.search-header .search-chips::after{
bottom:0;
content:"";
display:none;
position:absolute;
width:30px;
height:24px;
z-index:2;
pointer-events:none;
right:0;
background:-webkit-linear-gradient(left, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
background:linear-gradient(to right, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
}
.search-header .search-chips.is-end::after{
display:none;
}
.search-header .search-chips .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.search-header .search-chips .search-chips-inner::-webkit-scrollbar{
display:none;
}
.search-header .search-chips .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.search-header .search-chips .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
position:relative;
background-color:var(--cmn-btn-color);
border-radius:3px;
padding:0 0 0 8px;
margin-top:8px;
margin-left:8px;
height:24px;
}
.search-header .search-chips .search-chips-list > li:first-child{
margin-left:12px;
}
.search-header .search-chips .search-chips-list > li:last-child{
margin-right:12px;
}
.search-header .search-chips .search-chips-list > li .search-chips-list-btn{
display:inline-block;
color:#fff;
background:none;
border:none;
font-size:12px;
padding:0;
margin:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.search-header .search-chips .search-chips-list > li .search-chips-list-btn > span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
line-height:1.2;
max-width:97px;
overflow:hidden;
text-overflow:ellipsis;
display:block;
}
.search-header .search-chips .search-chips-list > li .search-chips-list-btn-del{
background:none;
width:23px;
height:0;
padding:24px 0 0 0;
overflow:hidden;
line-height:2;
border:none;
}
.search-header .search-chips .search-chips-list > li .search-chips-list-btn-del::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:7px;
height:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-wht.svg) 0 0 no-repeat;
background-size:100%;
}

/* search-header > search-chips-round
------------------------------------------------ */
.search-header .search-chips-round{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-header .search-chips-round::after{
bottom:0;
content:"";
display:none;
position:absolute;
width:30px;
height:23px;
z-index:2;
pointer-events:none;
right:0;
background:-webkit-linear-gradient(left, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
background:linear-gradient(to right, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
}
.search-header .search-chips-round.is-end::after{
display:none;
}
.search-header .search-chips-round .search-chips-sup{
white-space:nowrap;
font-size:12px;
min-width:75px;
box-sizing:border-box;
opacity:.8;
color:#fff;
}
.search-header .search-chips-round .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.search-header .search-chips-round .search-chips-inner::-webkit-scrollbar{
display:none;
}
.search-header .search-chips-round .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.search-header .search-chips-round .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
margin-top:8px;
margin-left:4px;
}
.search-header .search-chips-round .search-chips-list > li:first-child{
margin-left:10px;
}
.search-header .search-chips-round .search-chips-list > li:last-child{
margin-right:10px;
}
.search-header .search-chips-round .search-chips-selector input[type="radio"],
.search-header .search-chips-round .search-chips-selector input[type="checkbox"]{
display:none;
}
.search-header .search-chips-round .search-chips-selector input[type="radio"]:checked + .sup,.search-header .search-chips-round .search-chips-selector input[type="checkbox"]:checked + .sup{
background:var(--cmn-btn-color);
border-color:var(--cmn-btn-color);
color:#fff;
}
.search-header .search-chips-round .search-chips-selector .sup{
padding:5px 5px 4px;
border:1px solid rgba(255,255,255,.6);
box-sizing:border-box;
line-height:1;
border-radius:12px;
font-size:12px;
color:rgba(255,255,255,.8);
white-space:nowrap;
}
.search-header .search-chips-round .search-chips-link{
font-size:12px;
margin-left:4px;
}
.search-header .search-chips-round .search-chips-link a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
opacity:.8;
}
.search-header .search-chips-round.search-chips-theme .search-chips-list > li{
margin-top:12px;
}
.search-header .search-chips-round.search-chips-theme .search-chips-selector .sup{
border-radius:3px;
}
.search-header .search-chips-round.search-chips-spot .search-chips-selector .sup{
overflow:hidden;
text-overflow:ellipsis;
max-width:135px;
}

/* tertiary-header
---------------------------------- */
.tertiary-container .tertiary-header{
margin-top:7px;
}
.tertiary-container .tertiary-header .tertiary-header-hdg{
font-size:18px;
}

/* tertiary-content
---------------------------------- */
.tertiary-container .tertiary-hdg{
margin-top:16px;
font-weight:bold;
font-size:14px;
}

/* agt_link
------------------------------------------------ */
.agt_link h1{
margin-top:15px;
text-align:center;
font-size:16px;
font-weight:bold;
}
.agt_link .vendor{
display:block;
}
.agt_link .attentionComment_Area{
margin:10px 0;
padding:1px 10px;
background:#f1f1f1;
font-size:13px;
text-align:center;
}
.agt_link .attentionComment_Area span{
display:block;
}

/* filter-item-list-container
----------------------------------------------- */
.filter-item-list-container{
position:relative;
min-height:44px;
margin-top:10px;
padding:10px 60px 5px 10px;
border-radius:3px;
background-color:#fff;
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
box-sizing:border-box;
}
.filter-item-list-container .filter-item-sup{
display:block;
margin:3px 0 0;
font-size:13px;
}
.filter-item-list-container .filter-item-set-btn{
box-sizing:border-box;
position:absolute;
top:6px;
right:10px;
padding:4px 0;
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:22px;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:center;
font-size:12px;
line-height:1.2;
white-space:nowrap;
}
.filter-item-list-container .filter-item-btn{
position:relative;
}
.filter-item-list-container .filter-item-btn button{
float:right;
margin:-22px -5px 0 0;
padding:0 5px;
border:none;
color:var(--cmn-font-color-base);
background:none;
font-size:12px;
}
.filter-item-list-container .filter-item-btn button::before{
display:inline-block;
position:relative;
top:-1px;
margin-right:4px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
content:"";
background-size:11px 11px;
background-repeat:no-repeat;
vertical-align:middle;
}
.filter-item-list-container.active .filter-item-btn button:before{
top:-2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.filter-item-list-container::after{
content:"";
display:table;
clear:both;
}

/* filter-item-list
------------------------------------------------ */
.filter-item-list-container .filter-item-list{
margin:0;
padding-right:79px;
position:relative;
font-size:0;
}
.filter-item-list-container .filter-item-list li{
margin:0 5px 5px 0;
display:inline-block;
}
.filter-item-list-container .filter-item-list li a{
padding:4px 20px 2px 7px;
border-radius:3px;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
background-color:#eee;
font-size:12px;
}
.filter-item-list-container .filter-item-list li a::before{
content:"";
display:block;
width:9px;
height:9px;
overflow:hidden;
position:absolute;
top:50%;
margin-top:-4px;
right:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close.svg) 0 0 no-repeat;
}
.filter-item-list-container.clamp .filter-item-list:after{
display:inline-block;
position:relative;
bottom:5px;
color:#a4a4a4;
content:"...";
vertical-align:middle;
font-size:20px;
line-height:1;
}
.filter-item-list-container.clamp .filter-item-list .clamp-item{
display:none;
}
.filter-item-list-container.active .filter-item-list .clamp-item{
display:inline-block;
}
.filter-item-list-container.active .filter-item-list:after{
display:none;
}

/* filter-select-list
------------------------------------------------ */
.filter-select-list{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
font-size:0;
margin-right:5px;
}
.filter-select-list li{
display:inline-block;
}
.filter-select-list li:first-child::after{
content:"";
width:1px;
height:12px;
top:2px;
position:relative;
display:inline-block;
border-right:1px solid #333;
}
.filter-select-list button{
background:none;
border:none;
font-size:11px;
line-height:1;
color:var(--cmn-font-color-link);
padding:10px 5px;
}

/* filter-toggle-container
------------------------------------------------ */
.filter-toggle-container .filter-toggle-sup .filter-toggle-btn{
text-align:left;
margin-top:-1px;
padding:7px 28px 7px 10px;
background:#888;
font-size:14px;
font-weight:bold;
position:relative;
border:none;
width:100%;
color:#ffffff;
height:100%;
}
.filter-toggle-container .filter-toggle-sup .filter-toggle-btn::before{
content:"";
display:block;
position:absolute;
top:50%;
margin-top:-5px;
right:10px;
width:12px;
height:12px;
background-image:url(/element/shared/images/icon/icon-chevron-down-wht.svg);
background-position:0 0;
background-repeat:no-repeat;
}
.filter-toggle-container .filter-toggle-item{
display:none;
}
.filter-toggle-container.active >.filter-toggle-sup .filter-toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
}
.filter-toggle-container.active > .filter-toggle-more button::before{
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
}
.filter-toggle-container.active >.filter-toggle-item{
display:block;
}

/* filter-toggle-split
------------------------------------------------ */
.filter-toggle-container .filter-toggle-split >ul >li:nth-of-type(n+12){
display:none;
}
.filter-toggle-container .filter-toggle-split.active >ul >li:nth-of-type(n+12){
display:block;
}
.filter-toggle-container .filter-toggle-split.active .filter-toggle-more .filter-toggle-more-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.filter-toggle-container .filter-toggle-more{
border-top:1px solid #e5e5e5;
margin-top:-1px;
position:relative;
}
.filter-toggle-container .filter-toggle-more .filter-toggle-more-btn{
display:block;
width:100%;
margin:0;
background:none;
text-align:center;
padding:5px 10px 4px 10px;
font-size:13px;
position:relative;
min-height:40px;
border:none;
color:#666;
}
.filter-toggle-container .filter-toggle-more .filter-toggle-more-btn::before{
position:relative;
top:1px;
display:inline-block;
vertical-align:middle;
width:11px;
height:11px;
margin-right:4px;
content:"";
background-repeat:no-repeat;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
}

/* form-search-col
------------------------------------------------ */
.form-search-col{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:var(--cmn-font-color-base);
}
.form-search-col .form-search-col-term{
margin:0 5px;
}

/* ----------------------------------------------
  search-item-fixed-container
------------------------------------------------ */
.is-search-item-fixed .search-item-fixed-container{
display:block;
position:fixed;
top:0;
left:0;
z-index:100;
}

/* search-form-list
---------------------------------- */
.search-item-fixed-container{
display:none;
background-color:#f5f5f5;
-webkit-filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .5));
filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .5));
width:100%;
}
.search-item-fixed-container .search-form-list{
margin:0 0 0 -8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}
.search-item-fixed-container .search-form-list >li{
position:relative;
padding-left:8px;
margin-top:8px;
box-sizing:border-box;
}
.search-item-fixed-container .search-form-list .search-form-sup{
position:absolute;
right:0;
top:50%;
margin-top:-9px;
font-size:14px;
}
.search-item-fixed-container .search-form-list .search-form-area{
width:50%;
}
.search-item-fixed-container .search-form-list .search-form-area .search-form-btn{
padding-right:30px;
}
.search-item-fixed-container .search-form-list .search-form-theme{
width:50%;
}
.search-item-fixed-container .search-form-list .search-form-date{
width:calc(100% - 50% - 84px);
}
.search-item-fixed-container .search-form-list .search-form-keyword{
width:50%;
}
.search-item-fixed-container .search-form-list .search-form-filter{
width:84px;
}
.search-item-fixed-container .search-form-list .search-form-filter .search-form-btn{
padding-right:19px;
}
.search-item-fixed-container .search-form-list .search-form-filter .search-form-btn::after{
display:block;
}
.search-item-fixed-container .search-form-list .search-form-btn{
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
border:1px solid #ccc;
height:44px;
width:100%;
text-align:left;
padding:0 8px;
font-size:14px;
color:var(--cmn-font-color-base);
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.search-item-fixed-container .search-form-list .search-form-btn::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-item-fixed-container .search-form-list .search-form-btn > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-item-fixed-container .search-form-list .search-form-btn-keyword-container{
position:relative;
border-radius:4px;
background-color:#fff;
border:1px solid #ccc;
width:100%;
box-sizing:border-box;
height:44px;
padding-right:30px;
}
.search-item-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword{
background:none;
border:none;
padding:0 0 0 30px;
height:44px;
text-align:left;
width:100%;
box-sizing:border-box;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.search-item-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::before{
content:"";
display:block;
position:absolute;
top:15px;
left:8px;
width:14px;
height:14px;
background:url(/element_sp/j_optional_v2/shared/images/icon-search.svg) 0 0 no-repeat;
}
.search-item-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-item-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.search-item-fixed-container .search-form-list .search-form-btn-del{
position:absolute;
right:0;
top:0;
width:30px;
height:0;
padding-top:44px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.search-item-fixed-container .search-form-list .search-form-btn-del::before{
content:"";
display:block;
position:absolute;
top:17px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn{
padding-right:19px;
color:var(--font-color-placeholder);
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn::after{
display:block;
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn > span{
color:var(--font-color-placeholder);
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn-del{
display:none;
}
.search-item-fixed-container .search-form-list .is-unselected.search-form-date .search-form-btn{
padding-right:8px;
}
.search-item-fixed-container .search-form-list .is-unselected.search-form-date .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.search-item-fixed-container .search-form-list .is-unselected.search-form-date .search-form-btn::after{
display:none;
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container{
padding-right:19px;
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword{
width:100%;
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword::after{
display:block;
}
.search-item-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--font-color-placeholder);
}
.search-item-fixed-container .search-form-list-row{
display:-webkit-box;
display:flex;
margin:0 0 0 -8px;
}
.search-item-fixed-container .search-form-list-row > li{
padding-left:8px;
box-sizing:border-box;
}
.search-item-fixed-container .search-form-list-row > li.search-form-fiter{
width:100%;
overflow:hidden;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn{
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
border:1px solid #ccc;
height:44px;
width:100%;
text-align:left;
padding:0 16px 0 8px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-down.svg);
background-repeat:no-repeat;
background-position:right 9px center;
background-size:12px 7px;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container{
position:relative;
border-radius:4px;
background-color:#fff;
border:1px solid #ccc;
width:100%;
box-sizing:border-box;
height:44px;
display:-webkit-box;
display:flex;
-webkit-tap-highlight-color:rgba(0,0,0,0);

}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container .search-form-btn-keyword{
background:none;
border:none;
padding:0 0 0 30px;
height:44px;
text-align:left;
width:70%;
-webkit-box-flex:1;
flex:1;
box-sizing:border-box;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container .search-form-btn-keyword::before{
content:"";
display:block;
position:absolute;
top:15px;
left:8px;
width:14px;
height:14px;
background:url(/element_sp/j_optional_v2/shared/images/icon-search.svg) 0 0 no-repeat;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container .search-form-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container .search-form-btn-del{
position:relative;
width:30px;
height:0;
padding-top:44px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.search-item-fixed-container .search-form-list-row > li .search-form-btn-keyword-container .search-form-btn-del::before{
content:"";
display:block;
position:absolute;
top:17px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn{
padding-right:30px;
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn::after{
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn-keyword-container .search-form-btn-keyword{
padding-right:25px;
width:100%;
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn-keyword-container .search-form-btn-keyword span{
color:var(--font-color-placeholder);
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn-keyword-container .search-form-btn-keyword::after{
display:block;
}
.search-item-fixed-container .search-form-list-row > li.is-unselected .search-form-btn-keyword-container .search-form-btn-del{
display:none;
}
.search-item-fixed-container .search-form-list-row > li.is-unselected.search-form-fiter .search-form-btn::after{
display:none;
}
.search-item-fixed-container .search-form-list-row > li.is-unselected.search-form-date .search-form-btn{
padding-right:8px;
}
.search-item-fixed-container .search-form-list-row > li.is-unselected.search-form-date .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.search-item-fixed-container .search-form-list-row > li.is-unselected.search-form-date .search-form-btn::after{
display:none;
}

/* search-item-fixed-container > search-chips
---------------------------------- */
.search-item-fixed-container .search-chips{
position:relative;
margin:0 -10px;
}
.search-item-fixed-container .search-chips::after{
right:0;
bottom:0;
content:"";
display:none;
position:absolute;
width:30px;
height:24px;
z-index:2;
pointer-events:none;
background:-webkit-linear-gradient(left, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
background:linear-gradient(to right, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
}
.search-item-fixed-container .search-chips.is-end::after{
display:none;
}
.search-item-fixed-container .search-chips .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.search-item-fixed-container .search-chips .search-chips-inner::-webkit-scrollbar{
display:none;
}
.search-item-fixed-container .search-chips .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.search-item-fixed-container .search-chips .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
position:relative;
background-color:var(--cmn-btn-color);
border-radius:3px;
padding:0 0 0 8px;
margin-top:8px;
margin-left:8px;
height:24px;
}
.search-item-fixed-container .search-chips .search-chips-list > li:first-child{
margin-left:12px;
}
.search-item-fixed-container .search-chips .search-chips-list > li:last-child{
margin-right:12px;
}
.search-item-fixed-container .search-chips .search-chips-list > li .search-chips-list-btn{
color:#fff ;
background:none;
border:none;
font-size:12px;
padding:0;
margin:0;
display:inline-block;
-webkit-tap-highlight-color:rgba(0,0,0,0);

}
.search-item-fixed-container .search-chips .search-chips-list > li .search-chips-list-btn > span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
line-height:1.2;
max-width:97px;
overflow:hidden;
text-overflow:ellipsis;
display:block;
}
.search-item-fixed-container .search-chips .search-chips-list > li .search-chips-list-btn-del{
background:none;
width:23px;
height:0;
padding:24px 0 0 0;
overflow:hidden;
line-height:2;
border:none;
}
.search-item-fixed-container .search-chips .search-chips-list > li .search-chips-list-btn-del::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:7px;
height:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-wht.svg) 0 0 no-repeat;
background-size:100%;
}

/* search-item-fixed-container > search-chips
---------------------------------- */
.search-item-fixed-container .search-chips-round{
position:relative;
margin:0 -10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-fixed-container .search-chips-round::after{
right:0;
bottom:0;
content:"";
display:none;
position:absolute;
width:30px;
height:23px;
z-index:2;
pointer-events:none;
background:-webkit-linear-gradient(left, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
background:linear-gradient(to right, rgba(0, 76, 154, 0) 0%, #004c9a 100%);
}
.search-item-fixed-container .search-chips-round.is-end::after{
display:none;
}
.search-item-fixed-container .search-chips-round .search-chips-sup{
white-space:nowrap;
font-size:12px;
min-width:75px;
box-sizing:border-box;
opacity:.8;
color:#fff;
}
.search-item-fixed-container .search-chips-round .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.search-item-fixed-container .search-chips-round .search-chips-inner::-webkit-scrollbar{
display:none;
}
.search-item-fixed-container .search-chips-round .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.search-item-fixed-container .search-chips-round .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
margin-top:8px;
margin-left:4px;
}
.search-item-fixed-container .search-chips-round .search-chips-list > li:first-child{
margin-left:10px;
}
.search-item-fixed-container .search-chips-round .search-chips-list > li:last-child{
margin-right:10px;
}
.search-item-fixed-container .search-chips-round .search-chips-selector input[type="radio"],
.search-item-fixed-container .search-chips-round .search-chips-selector input[type="checkbox"]{
display:none;
}
.search-item-fixed-container .search-chips-round .search-chips-selector input[type="radio"]:checked + .sup,.search-item-fixed-container .search-chips-round .search-chips-selector input[type="checkbox"]:checked + .sup{
background:var(--cmn-btn-color);
border-color:var(--cmn-btn-color);
color:#fff;
}
.search-item-fixed-container .search-chips-round .search-chips-selector .sup{
padding:5px 5px 4px;
border:1px solid rgba(255,255,255,.6);
box-sizing:border-box;
line-height:1;
border-radius:12px;
font-size:12px;
color:rgba(255,255,255,.8);
white-space:nowrap;
}
.search-item-fixed-container .search-chips-round .search-chips-link{
font-size:12px;
margin-left:4px;
}
.search-item-fixed-container .search-chips-round .search-chips-link a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
opacity:.8;
}
.search-item-fixed-container .search-chips-round.search-chips-theme .search-chips-list > li{
margin-top:12px;
}
.search-item-fixed-container .search-chips-round.search-chips-theme .search-chips-selector .sup{
border-radius:3px;
}
.search-item-fixed-container .search-chips-round.search-chips-spot .search-chips-selector .sup{
overflow:hidden;
text-overflow:ellipsis;
max-width:135px;
}

/* search-item-tabs
---------------------------------- */
.search-item-fixed-container .search-item-tabs-container{
position:relative;
margin:8px 12px 0;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list{
display:-webkit-box;
display:flex;
margin:0;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list >li{
line-height:1;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list >li button{
background:none;
border:none;
position:relative;
display:block;
padding:4px 10px 6px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.35;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list >li button::after{
position:relative;
bottom:-6px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list >li button[aria-selected="true"]::after{
background-color:#222;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list >li.is-disabled button{
color:#ccc;
}
.search-item-fixed-container .search-item-tabs-container .search-item-tabs-list >li:first-child button{
padding-left:0;
}
.search-item-fixed-container .search-item-tabs-container .btn-show-map{
display:block;
background:none;
border:none;
padding:0;
position:absolute;
font-size:14px;
right:0;
top:50%;
margin-top:-10px;
background:url(/element_sp/j_optional_v2/shared/images/icon-map.svg) left 3px no-repeat;
background-size:9px 14px;
padding-left:14px;
}

/* search-item-tools
---------------------------------- */
.search-item-fixed-container .search-item-tools{
margin:6px 12px 0;
border-top:1px solid #cccccc;
padding-top:8px;
}
.search-item-fixed-container .search-item-tools .search-item-tools-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-fixed-container .search-item-tools .search-item-tools-row > .search-item-tools-col{
font-size:0;
}
.search-item-fixed-container .search-item-tools .search-item-tools-row > .search-item-tools-col:first-child{
-webkit-box-flex:1;
flex:1;
margin-right:12px;
}
.search-item-fixed-container .search-item-tools .search-item-tools-row > .search-item-tools-col:nth-child(2){
width:140px;
}
.search-item-fixed-container .search-item-guide{
display:inline-block;
vertical-align:middle;
font-size:12px;
line-height:calc(19 / 14);
}
.search-item-fixed-container .search-item-guide .cmn-tip-btn{
margin-left:4px;
}
.search-item-fixed-container .search-item-total{
display:inline-block;
vertical-align:middle;
margin-right:16px;
font-size:12px;
line-height:calc(19 / 14);
}

/* search-item-sorter
---------------------------------- */
.search-item-fixed-container .search-item-sorter{
text-align:right;
position:relative;
}
.search-item-fixed-container .search-item-sorter.is-active .search-item-sorter-item{
display:block;
}
.search-item-fixed-container .search-item-sorter.is-active .search-item-sorter-layer{
display:block;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-color:transparent;
z-index:200;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-item{
display:none;
position:relative;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-item::before{
position:absolute;
top:4px;
left:63px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-item::after{
position:absolute;
top:4px;
left:63px;
margin-left:-3px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:201;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-item .search-item-sorter-item-inner{
position:absolute;
right:-5px;
margin-top:9px;
text-align:left;
min-width:150px;
padding:12px 16px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:201;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-header{
position:relative;
height:15px;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-header .search-item-btn-wrap{
display:inline-block;
position:absolute;
padding:0 16px 30px 0;
z-index:1;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close{
position:absolute;
right:-16px;
top:-12px;
height:60px;
z-index:1;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close button{
margin:0;
padding:12px;
border:none;
background:none;

}
.search-item-fixed-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) top left no-repeat;
}
.search-item-fixed-container .search-item-sorter .mod-radio-custom{
display:block;
}
.search-item-fixed-container .search-item-sorter .mod-radio-custom .mod-radio-custom-inner{
display:block;
white-space:nowrap;
margin:-8px 0 -8px -22px;
padding:8px 0 8px 22px;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-list{
font-size:15px;
margin:0;
}
.search-item-fixed-container .search-item-sorter .search-item-sorter-btn{
text-align:center;
padding:0 10px;
min-width:140px;
height:36px;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:13px;
border-radius:19px;
}

/* search-item-toggle-container
------------------------------------------------ */
.search-item-toggle-container.is-active .search-item-toggle-item .search-item-toggle-item-inner{
display:block;
}
.search-item-toggle-container.is-active .search-item-toggle-header{
display:none;
}
.search-item-toggle-container.is-active .search-item-toggle-trigger button{
display:block;
background:none;
border:none;
padding:0;
text-align:center;
width:100%;
padding-top:8px;
padding-bottom:12px;
font-size:14px;
}
.search-item-toggle-container.is-active .search-item-toggle-trigger button::before{
content:"";
display:inline-block;
width:12px;
height:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-up.svg) 0 0 no-repeat;
vertical-align:middle;
margin-right:6px;
position:relative;
top:-2px;
}
.search-item-toggle-container .search-item-toggle-header{
position:relative;
z-index:110;
background-color:#f5f5f5;
padding:8px;
}
.search-item-toggle-container .search-item-toggle-item{
position:absolute;
background-color:#f5f5f5;
width:100%;
}
.search-item-toggle-container .search-item-toggle-item .search-item-toggle-item-inner{
display:none;
}
.search-item-toggle-container .search-item-toggle-item .search-item-toggle-item-content{
background-color:#004c9a;
padding:0 10px 12px;
}

/* ----------------------------------------------
  search-fixed-container
------------------------------------------------ */
.is-search-fixed .search-fixed-container{
display:block;
position:fixed;
top:0;
left:0;
z-index:100;
}
.search-fixed-container{
display:none;
-webkit-filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .5));
filter:drop-shadow(0px 2px 6px rgba(0, 0, 0, .5));
width:100%;
}

/* search-item-tools
------------------------------- */
.search-fixed-container .search-agt-tools{
padding:8px 0 0;
margin:8px 12px 0;
border-top:1px solid #666;
}
.search-fixed-container .search-agt-tools .search-agt-tools-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-fixed-container .search-agt-tools .search-agt-tools-row > .search-agt-tools-col{
font-size:0;
}
.search-fixed-container .search-agt-tools .search-agt-tools-row > .search-agt-tools-col:first-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
-webkit-box-flex:1;
flex:1;
}
.search-fixed-container .search-agt-tools .search-agt-tools-row > .search-agt-tools-col:nth-child(2){
width:140px;
margin-left:12px;
}
.search-fixed-container .checkbox-custom-02 .checkbox-text{
color:#fff;
}
.search-fixed-container .search-item-sum{
margin-right:28px;
}
.search-fixed-container .search-item-guide{
color:#fff;
margin-top:8px;
font-size:12px;
line-height:calc(19 / 14);
width:100%;
}
.search-fixed-container .search-item-guide .cmn-tip-btn{
margin-left:4px;
}
.search-fixed-container .search-item-total{
font-size:12px;
line-height:calc(19 / 14);
color:#fff;
}
.search-fixed-container .search-item-rev-avg{
font-size:12px;
color:#fff;
}
.search-fixed-container .search-item-rev-avg .mod-num{
margin-left:4px;
}

@media screen and (max-width: 320px){
.search-fixed-container .search-agt-tools .search-item-sum{
margin-right:0;
}
.search-fixed-container .search-agt-tools .search-item-total{
margin-right:8px;
display:inline-block;
vertical-align:middle;
}
.search-fixed-container .search-agt-tools .search-item-rev-avg{
display:inline-block;
vertical-align:middle;
}
}

/* search-item-sorter
------------------------------- */
.search-fixed-container .search-item-sorter{
text-align:right;
position:relative;
}
.search-fixed-container .search-item-sorter.is-active .search-item-sorter-item{
display:block;
}
.search-fixed-container .search-item-sorter.is-active .search-item-sorter-layer{
display:block;
}
.search-fixed-container .search-item-sorter .search-item-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-color:transparent;
z-index:200;
}
.search-fixed-container .search-item-sorter .search-item-sorter-item{
display:none;
position:relative;
}
.search-fixed-container .search-item-sorter .search-item-sorter-item::before{
position:absolute;
top:4px;
left:63px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-fixed-container .search-item-sorter .search-item-sorter-item::after{
position:absolute;
top:4px;
left:63px;
margin-left:-3px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:201;
}
.search-fixed-container .search-item-sorter .search-item-sorter-item .search-item-sorter-item-inner{
position:absolute;
right:-5px;
margin-top:9px;
text-align:left;
min-width:150px;
padding:12px 16px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:201;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-fixed-container .search-item-sorter .search-item-sorter-header{
position:relative;
height:15px;
}
.search-fixed-container .search-item-sorter .search-item-sorter-header .search-item-btn-wrap{
display:inline-block;
position:absolute;
padding:0 16px 30px 0;
z-index:1;
}
.search-fixed-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close{
position:absolute;
right:-16px;
top:-12px;
height:60px;
z-index:1;
}
.search-fixed-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close button{
margin:0;
padding:12px;
border:none;
background:none;

}
.search-fixed-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) top left no-repeat;
}
.search-fixed-container .search-item-sorter .mod-radio-custom{
display:block;
}
.search-fixed-container .search-item-sorter .mod-radio-custom .mod-radio-custom-inner{
display:block;
white-space:nowrap;
margin:-8px 0 -8px -22px;
padding:8px 0 8px 22px;
}
.search-fixed-container .search-item-sorter .search-item-sorter-list{
font-size:15px;
margin:0;
}
.search-fixed-container .search-item-sorter .search-item-sorter-btn{
text-align:center;
padding:0 10px;
min-width:140px;
height:36px;
border-radius:3px;
background:#fff;
border:none;
color:var(--cmn-font-color-base);
font-size:13px;
border-radius:19px;
}

/* search-form-list
----------------------------------------------- */
.search-fixed-container .search-form-list{
margin:0 16px 0 4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
}
.search-fixed-container .search-form-list >li{
padding-left:8px;
margin-top:8px;
box-sizing:border-box;
}
.search-fixed-container .search-form-list .search-form-date{
width:45%;
}
.search-fixed-container .search-form-list .search-form-keyword{
-webkit-box-flex:1;
flex:1;
}
.search-fixed-container .search-form-list .search-form-btn{
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
border:none;
height:44px;
width:100%;
text-align:left;
padding:0 8px 0 8px;
color:var(--cmn-font-color-base);
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.search-fixed-container .search-form-list .search-form-btn > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-fixed-container .search-form-list .search-form-btn::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container{
position:relative;
border-radius:4px;
background-color:#fff;
border:none;
width:100%;
box-sizing:border-box;
height:44px;
display:-webkit-box;
display:flex;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword{
background:none;
border:none;
padding:0 0 0 30px;
height:44px;
text-align:left;
width:50px;
-webkit-box-flex:1;
flex:1;
box-sizing:border-box;
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::before{
content:"";
display:block;
position:absolute;
top:15px;
left:8px;
width:14px;
height:14px;
background:url(/element_sp/j_optional_v2/shared/images/icon-search.svg) 0 0 no-repeat;
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-del{
position:relative;
width:30px;
height:0;
padding-top:44px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.search-fixed-container .search-form-list .search-form-btn-keyword-container .search-form-btn-del::before{
content:"";
display:block;
position:absolute;
top:17px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn{
padding-right:30px;
color:var(--font-color-placeholder);
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn::after{
display:block;
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn > span{
color:var(--font-color-placeholder);
}
.search-fixed-container .search-form-list .is-unselected.search-form-date .search-form-btn{
padding-right:8px;
}
.search-fixed-container .search-form-list .is-unselected.search-form-date .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.search-fixed-container .search-form-list .is-unselected.search-form-date .search-form-btn::after{
display:none;
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword{
padding-right:25px;
width:100%;
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword::after{
display:block;
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--font-color-placeholder);
}
.search-fixed-container .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-del{
display:none;
}

/* search-toggle-container
------------------------------------------------ */
.dtl-content .search-toggle-container.is-active .search-toggle-item .search-toggle-item-inner{
display:block;
}
.dtl-content .search-toggle-container.is-active .search-toggle-header{
padding-bottom:0;
background-color:#444;
}
.dtl-content .search-toggle-container.is-active .search-toggle-header-replace{
display:none;
}
.dtl-content .search-toggle-container.is-active .search-item-filters-header .search-item-filters-sup{
color:#fff;
}
.dtl-content .search-toggle-container.is-active .search-item-filters-header .link-history-back::before{
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}
.dtl-content .search-toggle-container.is-active .search-toggle-trigger button{
background-color:#444;
}
.dtl-content .search-toggle-container.is-active .search-toggle-trigger button::after{
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-up-wht.svg);
}
.dtl-content .search-toggle-container .search-toggle-header{
position:relative;
background-color:#f5f5f5;
padding:10px 12px 12px;
}
.dtl-content .search-toggle-container .search-toggle-header-replace{
margin-top:6px;
line-height:1;
overflow:hidden;
}
.dtl-content .search-toggle-container .search-item-filters-header{
display:-webkit-box;
display:flex;
}
.dtl-content .search-toggle-container .search-item-filters-header .search-item-filters-sup{
-webkit-box-flex:1;
flex:1;
font-size:14px;
line-height:calc(18 / 14);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.dtl-content .search-toggle-container .search-item-filters-header .link-history-back{
position:relative;
display:block;
width:34px;
height:20px;
color:rgba(0,0,0,0);
text-indent:100%;
margin-right:16px;
overflow:hidden;
white-space:nowrap;
border-right:1px solid #bbbbbb;
}
.dtl-content .search-toggle-container .search-item-filters-header .link-history-back::before{
position:absolute;
content:"";
display:block;
top:2px;
left:2px;
width:16px;
height:16px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
}
.dtl-content .search-toggle-container .dtl-card-terms-set-item{
font-size:12px;
width:100%;
}
.dtl-content .search-toggle-container .search-toggle-item{
background-color:#444;
width:100%;
}
.dtl-content .search-toggle-container .search-toggle-item .search-toggle-item-inner{
padding:0px 0 12px;
display:none;
}
.dtl-content .search-toggle-container .search-toggle-trigger{
width:100%;
position:absolute;
text-align:center;
}
.dtl-content .search-toggle-container .search-toggle-trigger button{
width:60px;
margin-top:-1px;
display:inline-block;
background:none;
border:none;
background-color:#f5f5f5;
border-radius:0 0 4px 4px;
vertical-align:top;
}
.dtl-content .search-toggle-container .search-toggle-trigger button span{
overflow:hidden;
height:0;
padding-top:16px;
display:block;
line-height:2;
}
.dtl-content .search-toggle-container .search-toggle-trigger button::after{
content:"";
position:absolute;
top:2px;
left:50%;
margin-left:-7px;
width:14px;
height:0;
padding-top:9px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-down.svg) top left no-repeat;
background-size:14px auto;
}

/* search-item-container
----------------------------------- */
.search-item-container{
margin:0 -10px;
color:var(--cmn-font-color-base);
background:#f5f5f5;
padding:10px 8px 16px;
}
.search-item-container >.cmn-pager:last-child{
margin-bottom:0;
}

/* .search-result-info
------------------------------------ */
.search-item-container .search-result-info{
margin:0 0 10px;
padding:8px;
border:1px solid #e93939;
position:relative;
font-size:12px;
.search-result-info-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) calc(100% - 8px) 8px no-repeat;
background-size:12px;
}
}
.search-item-container .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-chips-agt-container
----------------------------------- */
.search-item-container .search-chips-agt-container{
border-bottom:none;
padding-bottom:0;
}

/* search-item-tools
----------------------------------- */
.search-item-container .search-item-tools{
margin-bottom:8px;
margin-top:-2px;
}
.search-item-container .search-item-tools .search-item-tools-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-container .search-item-tools .search-item-tools-row > .search-item-tools-col{
font-size:0;
}
.search-item-container .search-item-tools .search-item-tools-row > .search-item-tools-col:first-child{
-webkit-box-flex:1;
flex:1;
}
.search-item-container .search-item-tools .search-item-tools-row > .search-item-tools-col:nth-child(2){
width:140px;
margin-left:12px;
}
.search-item-container .search-item-tools .search-item-guide{
font-size:12px;
line-height:calc(19 / 14);
display:inline-block;
vertical-align:middle;
}
.search-item-container .search-item-tools .search-item-guide .cmn-tip-btn{
margin-left:4px;
}
.search-item-container .search-item-tools .search-item-total{
display:inline-block;
vertical-align:middle;
font-size:12px;
margin-right:16px;
line-height:calc(19 / 14);
}

/* search-item-agt-tools
----------------------------------- */
.search-item-container .search-agt-tools{
margin-bottom:8px;

/* margin-top:8px; */
/* padding-top: 8px; */
/* border-top:1px solid #ddd; */
}
.search-item-container .search-agt-tools .search-agt-tools-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-container .search-agt-tools .search-agt-tools-row > .search-agt-tools-col{
font-size:0;
}
.search-item-container .search-agt-tools .search-agt-tools-row > .search-agt-tools-col:first-child{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}
.search-item-container .search-agt-tools .search-agt-tools-row > .search-agt-tools-col:nth-child(2){
width:140px;
margin-left:12px;
}
.search-item-container .search-agt-tools .search-item-sum{
margin-right:28px;
}
.search-item-container .search-agt-tools .search-item-guide{
margin-top:8px;
font-size:12px;
line-height:calc(19 / 14);
width:100%;
}
.search-item-container .search-agt-tools .search-item-guide .cmn-tip-btn{
margin-left:4px;
}
.search-item-container .search-agt-tools .search-item-total{
font-size:12px;
margin-right:12px;
line-height:calc(19 / 14);
}
.search-item-container .search-agt-tools .search-item-rev-avg{
font-size:12px;
}
.search-item-container .search-agt-tools .search-item-rev-avg .mod-num{
margin-left:4px;
}
.search-item-container .search-agt-tools .search-item-option{
vertical-align:middle;
width:90px;
}
.search-item-container .search-agt-tools .search-item-option .mod-br{
display:inline-block;
}
.search-item-container .search-agt-tools .search-item-option .mod-br > span{
margin-right:4px;
}
.search-item-container .search-agt-tools .search-item-option .cmn-tip-btn{
position:relative;
top:1px;
margin-left:4px;
vertical-align:middle;
}
.search-item-container .search-agt-tools .search-item-option .checkbox-custom-02 .checkbox-text{
font-size:12px;
}
.search-item-container .search-agt-tools .search-item-option .checkbox-custom label{
display:inline;
}
.search-item-container .search-agt-tools .search-item-option .checkbox-custom label > span span{
position:relative;
font-size:12px;
}

@media screen and (max-width: 320px){
.search-item-container .search-agt-tools .search-item-sum{
margin-right:0;
}
.search-item-container .search-agt-tools .search-item-total{
margin-right:8px;
display:inline-block;
vertical-align:middle;
}
.search-item-container .search-agt-tools .search-item-rev-avg{
display:inline-block;
vertical-align:middle;
}
.search-item-container .search-agt-tools .search-item-option{
width:100%;
}
.search-item-container .search-agt-tools .search-item-option .mod-br{
display:inline;
}
.search-item-container .search-agt-tools .search-item-option .mod-br > span{
margin-left:4px;
}
}

/* search-item-sorter
---------------------------------- */
.search-item-container .search-item-sorter{
text-align:right;
position:relative;
}
.search-item-container .search-item-sorter.is-active .search-item-sorter-item{
display:block;
}
.search-item-container .search-item-sorter.is-active .search-item-sorter-layer{
display:block;
}
.search-item-container .search-item-sorter .search-item-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-color:transparent;
z-index:90;
}
.search-item-container .search-item-sorter .search-item-sorter-item{
display:none;
position:relative;
}
.search-item-container .search-item-sorter .search-item-sorter-item::before{
position:absolute;
top:4px;
left:63px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-item-container .search-item-sorter .search-item-sorter-item::after{
position:absolute;
top:4px;
left:63px;
margin-left:-3px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:91;
}
.search-item-container .search-item-sorter .search-item-sorter-item .search-item-sorter-item-inner{
position:absolute;
right:-5px;
margin-top:9px;
text-align:left;
min-width:150px;
padding:12px 16px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:91;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.search-item-container .search-item-sorter .search-item-sorter-header{
position:relative;
height:15px;
}
.search-item-container .search-item-sorter .search-item-sorter-header .search-item-btn-wrap{
display:inline-block;
position:absolute;
padding:0 16px 30px 0;
z-index:1;
}
.search-item-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close{
position:absolute;
right:-16px;
top:-12px;
height:60px;
z-index:1;
}
.search-item-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close button{
margin:0;
padding:12px;
border:none;
background:none;

}
.search-item-container .search-item-sorter .search-item-sorter-header .serch-item-sorter-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) top left no-repeat;
}
.search-item-container .search-item-sorter .mod-radio-custom{
display:block;
}
.search-item-container .search-item-sorter .mod-radio-custom .mod-radio-custom-inner{
display:block;
white-space:nowrap;
margin:-8px 0 -8px -22px;
padding:8px 0 8px 22px;
}
.search-item-container .search-item-sorter .search-item-sorter-list{
font-size:15px;
margin:0;
}
.search-item-container .search-item-sorter .search-item-sorter-btn{
text-align:center;
padding:0 10px;
min-width:140px;
height:36px;
border-radius:3px;
background:#fff;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:13px;
border-radius:19px;
}
.search-item-filters{
padding:0 0 12px;
}
.search-item-filters .search-form-list{
margin:-8px 0 0 -8px;
padding:0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}
.search-item-filters .search-form-list >li{
position:relative;
padding-left:8px;
margin-top:8px;
box-sizing:border-box;
}
.search-item-filters .search-form-list .search-form-area{
width:50%;
}
.search-item-filters .search-form-list .search-form-area .search-form-btn{
padding-right:30px;
}
.search-item-filters .search-form-list .search-form-theme{
width:50%;
}
.search-item-filters .search-form-list .search-form-date{
width:calc(100% - 50% - 84px);
}
.search-item-filters .search-form-list .search-form-keyword{
width:50%;
}
.search-item-filters .search-form-list .search-form-filter{
width:84px;
}
.search-item-filters .search-form-list .search-form-filter .search-form-btn{
padding-right:19px;
}
.search-item-filters .search-form-list .search-form-filter .search-form-btn::after{
display:block;
}
.search-item-filters .search-form-list .search-form-btn{
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
border:none;
height:44px;
width:100%;
text-align:left;
padding:0 8px 0 8px;
margin:0;
font-size:14px;
}
.search-item-filters .search-form-list .search-form-btn > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-item-filters .search-form-list .search-form-btn::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-item-filters .search-form-list .search-form-btn-keyword-container{
position:relative;
border-radius:4px;
background-color:#fff;
border:none;
width:100%;
box-sizing:border-box;
height:44px;
padding-right:30px;
}
.search-item-filters .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword{
background:none;
border:none;
padding:0 0 0 30px;
height:44px;
text-align:left;
width:100%;
box-sizing:border-box;
}
.search-item-filters .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::before{
content:"";
display:block;
position:absolute;
top:15px;
left:8px;
width:14px;
height:14px;
background:url(/element_sp/j_optional_v2/shared/images/icon-search.svg) 0 0 no-repeat;
}
.search-item-filters .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-4px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-item-filters .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.search-item-filters .search-form-list .search-form-btn-del{
position:absolute;
right:0;
top:0;
width:30px;
height:0;
padding-top:44px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.search-item-filters .search-form-list .search-form-btn-del::before{
content:"";
display:block;
position:absolute;
top:17px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.search-item-filters .search-form-list .is-unselected .search-form-btn{
padding-right:19px;
color:var(--font-color-placeholder);
}
.search-item-filters .search-form-list .is-unselected .search-form-btn::after{
display:block;
}
.search-item-filters .search-form-list .is-unselected .search-form-btn > span{
color:var(--font-color-placeholder);
}
.search-item-filters .search-form-list .is-unselected .search-form-btn-del{
display:none;
}
.search-item-filters .search-form-list .is-unselected .search-form-btn-keyword-container{
padding-right:19px;
}
.search-item-filters .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword::after{
display:block;
}
.search-item-filters .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--font-color-placeholder);
}
.search-item-filters .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-del{
display:none;
}
.search-item-filters .search-form-list .is-unselected.search-form-date .search-form-btn{
padding-right:8px;
}
.search-item-filters .search-form-list .is-unselected.search-form-date .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.search-item-filters .search-form-list .is-unselected.search-form-date .search-form-btn::after{
display:none;
}

/* @media screen and (max-width: 320px) {
  .search-item-filters{
    & .search-form-list{
      & .search-form-keyword{
        width:44%;
      }
      & .search-form-date{
        width:calc(100% - 44% - 77px);
      }
    }
  }
}
 */
/* search-form-toggle-container
---------------------------------- */
.search-form-toggle-container.is-active .search-form-toggle-item{
display:block;
}
.search-form-toggle-container .search-form-toggle-item{
display:none;
}

/* search-chips-agt
----------------------------------------------- */
.search-chips-agt-container .search-chips-agt-sup{
width:60px;
margin-right:8px;
float:left;
line-height:1;
box-sizing:border-box;
}
.search-chips-agt-container .search-chips-agt-sup.is-active{
border-bottom:2px solid #fff;
}
.search-chips-agt-container .search-chips-agt{
overflow:hidden;
position:relative;
margin:0;
}
.search-chips-agt-container .search-chips-agt::before,
.search-chips-agt-container .search-chips-agt::after{
top:0;
content:"";
display:block;
position:absolute;
width:12px;
height:100%;
z-index:2;
pointer-events:none;
}
.search-chips-agt-container .search-chips-agt::before{
left:0;
background:-webkit-linear-gradient( right, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);
background:linear-gradient( to left, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);

}
.search-chips-agt-container .search-chips-agt::after{
right:0;
background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);
background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);
}
.search-chips-agt-container .search-chips-agt.is-start::before{
display:none;
}
.search-chips-agt-container .search-chips-agt.is-end::after{
display:none;
}
.search-chips-agt-container .search-chips-agt .search-chips-agt-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.search-chips-agt-container .search-chips-agt .search-chips-agt-inner::-webkit-scrollbar{
display:none;
}
.search-chips-agt-container .search-chips-agt-list{
display:inline-block;
white-space:nowrap;
margin:0;
font-size:0;
}
.search-chips-agt-container .search-chips-agt-list .search-chips-agt-list-btn{
color:#fff ;
background:none;
border:none;
font-size:12px;
padding:2px 0 4px;
display:inline-block;
color:#fff ;
background:none;
border:none;
font-size:12px;
padding:0 0 0 24px;
display:inline-block;
text-align:left;
}
.search-chips-agt-container .search-chips-agt-list .search-chips-agt-list-btn > span{
display:block;
margin-top:2px;
line-height:1.2;
white-space:nowrap;
}
.search-chips-agt-container .search-chips-agt-list .search-chips-agt-list-btn:disabled{
opacity:.33;
}
.search-chips-agt-container .search-chips-agt-list .search-chips-agt-list-btn:disabled::before{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
.search-chips-agt-container .search-chips-agt-list .search-chips-agt-list-btn::before{
position:absolute;
left:0;
top:50%;
margin-top:-10px;
display:block;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}
.search-chips-agt-container .search-chips-agt-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
position:relative;
margin-top:8px;
}
.search-chips-agt-container .search-chips-agt-list > li:first-child{
margin-left:12px;
}
.search-chips-agt-container .search-chips-agt-list > li:last-child{
margin-right:12px;
}
.search-chips-agt-container .search-chips-agt-list > li:not(:first-child){
margin-left:16px;
}
.search-chips-agt-container .search-chips-agt-list > li.is-active .search-chips-agt-list-btn::before{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}

/* search-item-card-container
------------------------------------------------ */
.search-item-card-container{
background-color:#f5f5f5;
}
.search-item-card-container >.cmn-pager:last-child{
margin-bottom:0;
}
.search-item-card-container .search-item-card-list{
margin:0;
}
.search-item-card-container .search-item-card-list >li{
position:relative;
margin:0;
padding:12px;
border-radius:6px;
background:#fff;
box-shadow:0 0 4px rgba(0, 0, 0, .3);
}
.search-item-card-container .search-item-card-list >li:not(:first-child){
margin-top:12px;
}
.search-item-card-container .search-item-card-list >li.is-blank{
padding:0;
box-shadow:none;
border-radius:0;
background-color:transparent;
}

/* search-item-num
---------------------------------- */
.search-item-container .search-item-num{
margin:0;
padding:4px 10px;
color:#fff;
font-size:12px;
background-color:#666;
height:27px;
box-sizing:border-box;
}
.search-item-container .search-item-num > span{
font-size:14px;
font-family:var(--font-num);
}
.search-item-container .search-item-num .sup{
font-weight:normal;
font-size:12px;
}
.search-item-container .search-item-num .sup > span{
font-size:13px;
font-family:var(--font-num);
}

/* ---------------------------------
search-item
---------------------------------- */
/* search-item > search-item-tbl
---------------------------------- */
.search-item .search-item-tbl{
width:100%;
margin-top:8px;
font-size:12px;
}
.search-item .search-item-tbl >.tbl-tr:not(:first-child){
margin-top:4px;
}
.search-item .search-item-tbl .tbl-tr{
display:-webkit-box;
display:flex;
}
.search-item .search-item-tbl .tbl-th{
position:relative;
white-space:nowrap;
font-size:12px;
line-height:calc(17 / 12);
}
.search-item .search-item-tbl .tbl-th::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item .search-item-tbl .tbl-td{
-webkit-box-flex:1;
flex:1;
}

/* search-item > search-item-info
------------------------------------------------ */
.search-item .search-item-info{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-flow:row-reverse;
margin:-12px 0 0 -12px;
}
.search-item .search-item-info .search-item-info-col:first-child{
-webkit-box-flex:1;
flex:1;
padding-top:12px;
}
.search-item .search-item-info .search-item-info-col:last-child{
margin-right:12px;
}
.search-item .search-item-info .search-item-pic{
border-radius:5px 0 0 0;
overflow:hidden;
}
.search-item .search-item-info .search-item-pic a{
display:block;
position:relative;
}
.search-item .search-item-info .search-item-pic a .search-item-pic-img{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
width:120px;
height:184px;
display:block;
border-radius:0 0 6px;
}
.search-item .search-item-info .search-item-pic a .search-item-pic-img img{
vertical-align:middle;
width:120px;
height:184px;
object-fit:cover;
border-radius:0 0 6px;
}
.search-item .search-item-info .search-item-pic a .search-item-pic-img.search-item-pic-nophoto{
background-size:contain;
background-color:#fcfcfc;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-size:90px;
text-align:center;
}
.search-item .search-item-info .search-item-pic a .search-item-pic-img.search-item-pic-nophoto img{
object-fit:contain;
width:90px;
}
.search-item .search-item-info .search-item-pic .search-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:2px 5px 4px;
line-height:1;
}
.search-item .search-item-info .search-item-pic .search-item-pic-more > span{
font-family:var(--font-num);
font-weight:bold;
font-size:10px;
color:#fff;
}
.search-item .search-item-info .search-item-pic .search-item-pic-more > span::after{
content:"";
display:inline-block;
margin-left:3px;
width:10px;
height:8px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
}
.search-item .search-item-info .search-item-hdg{
font-size:16px;
font-weight:normal;
line-height:calc(21/16);
word-break:break-all;
}
.search-item .search-item-info .search-item-hdg a{
color:var(--cmn-font-color-link);
}
.search-item .search-item-info .search-item-hdg a:visited{
color:var(--font-color-btn-link-visited);
}

/* search-item > search-item-action
------------------------------------------------ */
.search-item .search-item-action .search-item-action-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item .search-item-action .search-item-action-row .search-item-action-agt-name{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
margin-right:7px;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv{
display:-webkit-box;
display:flex;
width:124px;
-webkit-box-align:center;
align-items:center;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv.status-01 .search-item-action-status{
display:block;
width:11px;
margin:0 auto;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
border:1px solid #222;
border-radius:50%;
margin-top:3px;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv.status-02 .search-item-action-status{
display:block;
font-weight:normal;
font-size:12px;
margin-top:3px;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv .search-item-action-sup{
font-size:12px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
margin-right:4px;
margin-top:3px;
line-height:1;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv .search-item-action-status{
display:block;
}
.search-item .search-item-action .search-item-action-row .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;
background-image:-webkit-linear-gradient(bottom, rgba(3, 0, 0, .03), rgba(255, 255, 255, .03));
background-image:linear-gradient(to top, rgba(3, 0, 0, .03), rgba(255, 255, 255, .03));
background-color:var(--cmn-btn-color);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
height:36px;
width:71px;
font-size:14px;
white-space:nowrap;
line-height:25px;
color:#fff;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv .search-item-action-btn > small{
position:relative;
font-size:10px;
font-weight:normal;
line-height:1.2;
margin-top:2px;
color:#fff;
}
.search-item .search-item-action .search-item-action-row .search-item-action-cv .search-item-action-btn > b{
font-weight:normal;
font-size:14px;
}
.search-item .search-item-action .search-item-agt-list{
margin:0;
}
.search-item .search-item-action .search-item-agt-list li{
font-size:12px;
display:block;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;

}
.search-item .search-item-action .search-item-agt-list li a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item .search-item-action .search-item-agt-list li > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item .search-item-action .search-item-agt-link{
font-size:12px;
display:-webkit-box;
display:flex;
}
.search-item .search-item-action .search-item-agt-link a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item .search-item-action .search-item-agt-link > span:first-child{
white-space:nowrap;
}
.search-item .search-item-action .search-item-agt-link > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item .search-item-action .search-item-agt-link > span:last-child{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* search-item > search-item-review
------------------------------------------------ */
.search-item .search-item-review{
margin-top:8px;
line-height:1;
}
.search-item .search-item-review .search-item-review-point{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item .search-item-review .search-item-review-point .cmn-tip-btn{
margin-left:4px;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank{
position:relative;
font-size:0;
top:-1px;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0;background-size:auto 10px;
content:"";
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank.blank::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-0.svg) 0 0;background-size:auto 10px;
content:"";
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label{
position:relative;
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank .search-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 2px;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label .blank::before{
position:absolute;
top:1px;
left:0;
content:"-";
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label .blank::after{
position:absolute;
top:1px;
right:0;
content:"-";
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-label{
font-weight:normal;
font-size:12px;
margin-left:8px;
}
.search-item .search-item-review .search-item-review-point .search-item-review-point-label > span > a{
color:var(--cmn-font-color-base);
}
.search-item .search-item-review .search-item-review-comment{
margin-top:8px;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-hdg{
font-size:12px;
font-weight:normal;
word-break:break-all;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-summary{
font-size:12px;
line-height:calc(17/12);
margin-top:4px;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-summary >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-desc{
font-size:12px;
line-height:calc( 17/12 );
word-break:break-all;
margin-top:2px;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link{
position:relative;
color:#a4a4a4;
display:inline-block;
padding-right:8px;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link::after{
position:absolute;
right:0;
top:50%;
margin-top:-5px;
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%;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link .search-item-review-comment-more{
color:var(--cmn-font-color-base);
display:inline-block;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-desc p{
margin:0;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-link{
text-align:right;
}
.search-item .search-item-review .search-item-review-comment .search-item-review-comment-link a{
display:inline-block;
padding-top:8px;
font-size:12px;
line-height:1;
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}

/* search-item > search-item-plan
------------------------------------------------ */
.search-item .search-item-plan{
padding:12px 3px 0;
margin:12px -3px 0;
border-top:1px dotted #ccc;
}
.search-item .search-item-plan .dtl-plan-item{
position:relative;
padding:0 14px 0 14px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-hdg{
font-size:14px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-hdg a{
color:var(--cmn-font-color-base);
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-hdg a:visited{
color:var(--font-color-btn-link-visited);
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-sup{
font-size:12px;
line-height:calc( 17/12 );
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-tools{
display:-webkit-box;
display:flex;
margin-top:2px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-util{
margin-right:-14px;
margin-top:8px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-price-btn{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
position:relative;
top:2px;
-webkit-box-align:center;
align-items:center;
background:none;
border:none;
border-radius:4px;
margin-left:8px;
font-size:12px;
width:63px;
height:22px;
background:#fff;
border:1px solid #bbb;
padding:0;
position:relative;
top:-1px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-price{
line-height:1;
font-size:12px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-price .mod-num{
font-size:18px;
font-weight:bold;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-toggle-container .dtl-plan-item-toggle-item{
display:none;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-toggle-container .dtl-plan-item-toggle-trigger button{
background:none;
border:none;
padding:0;
font-size:12px;
}
.search-item .search-item-plan .dtl-plan-item .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 .search-item-plan .dtl-plan-item .dtl-plan-item-toggle-container.is-active .dtl-plan-item-toggle-item{
display:block;
}
.search-item .search-item-plan .dtl-plan-item .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 .search-item-plan .dtl-plan-item .dtl-plan-item-footer{
margin-top:8px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner{
position:relative;
margin-right:-14px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner::after{
content:"";
display:table;
clear:both;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div:first-child{
float:left;
margin-right:10.5px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div:last-child{
float:left;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div.dtl-plan-item-link-left:last-child{
float:left;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div.dtl-plan-item-link-right:last-child{
float:right;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-add{
margin:12px -12px 0;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-agt{
font-size:12px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-agt a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-agt > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-req{
display:inline-block;
font-size:12px;
line-height:calc( 22 / 12);
margin-right:8px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .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 .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-age{
display:inline-block;
font-size:12px;
line-height:calc( 22 / 12);
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .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 .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-link{
display:inline-block;
margin-right:8px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-link a{
color:var(--cmn-font-color-base);
font-size:12px;
line-height:calc( 22 / 12);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal{
display:inline-block;
position:relative;
z-index:1;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal.is-active::before,
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal.is-active::after{
display:block;
position:absolute;
bottom:-13px;
left:20px;
content:"";
width:0;
height:0;
border-bottom:9px solid #ddd;
border-right:9px solid transparent;
border-left:9px solid transparent;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal.is-active::after{
bottom:-14px;
border-bottom:9px solid #f5f5f5;
}
.search-item .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal >span{
line-height:calc( 22 / 12);
font-size:12px;
}

/* search-item > search-item-footer
------------------------------------------------ */
.search-item .search-item-footer{
border-top:1px dotted #ccc;
margin:12px -3px 0;
padding:8px 3px 0;
}
.search-item .search-item-footer .search-item-footer-info{
margin-top:8px;
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list >li{
position:relative;
margin-left:16px;
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list >li.is-active{
padding-bottom:10px;
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list >li.is-active a::before{
top:-2px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up.svg);
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list >li.is-active::after{
position:absolute;
left:50%;
bottom:0;
margin-left:-5px;
content:"";
display:block;
width:0;
height:0;
border-bottom:9px solid #f5f5f5;
border-right:10px solid transparent;
border-left:10px solid transparent;
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list >li a{
color:var(--cmn-font-color-base);
font-size:12px;
}
.search-item .search-item-footer .search-item-footer-info .search-item-footer-info-list >li a::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 .search-item-footer .search-item-footer-info-item-list{
margin:0;
grid-gap:4px 8px;
font-size:12px;
}
.search-item .search-item-footer .search-item-footer-info-item-list > li{
display:grid;
grid-template-columns:69px 1fr;
}
.search-item .search-item-footer .search-item-footer-info-item-list > li > div:first-child{
position:relative;
}
.search-item .search-item-footer .search-item-footer-info-item-list > li > div:first-child::after{
position:absolute;
right:3px;
content:":";
display:inline-block;
top:0;
}
.search-item .search-item-footer .search-item-footer-info-item-list > li > div:last-child{
word-break:break-all;
}
.search-item .search-item-footer .search-item-footer-info-item-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:calc(17 / 12);
margin:0;
}
.search-item .search-item-footer .search-item-footer-info-item-notes > li{
padding-left:1.25em;
position:relative;
}
.search-item .search-item-footer .search-item-footer-info-item-notes > li .cmn-tip-btn{
position:relative;
margin-left:4px;
top:-1px;
}
.search-item .search-item-footer .search-item-footer-info-item-notes > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.search-item .search-item-footer .search-item-footer-info-item-notes .search-item-footer-info-item-notes-child{
margin:4px 0 7px 2px;
}
.search-item .search-item-footer .search-item-footer-info-item-notes .search-item-footer-info-item-notes-child > li{
font-size:12px;
line-height:calc(17 / 12);
text-indent:-.4em;
padding-left:.8em;
}
.search-item .search-item-footer .search-item-footer-info-item-notes .search-item-footer-info-item-notes-child > li:not(:first-child){
margin-top:4px;
}
.search-item .search-item-footer .search-item-footer-info-item-notes .search-item-footer-info-item-notes-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}
.search-item .search-item-footer .search-item-footer-info-item-note-list{
margin:0;
line-height:1;
margin-top:4px;
}
.search-item .search-item-footer .search-item-footer-info-item-note-list > li{
font-size:12px;
line-height:calc(17 / 12);
text-indent:-1.4em;
margin-left:1.4em;
}
.search-item .search-item-footer .search-item-footer-info-item-note-list > li:not(:first-child){
margin-top:4px;
}
.search-item .search-item-footer .search-item-footer-info-item-note-list > li span[role="button"]{
text-indent:0;
margin-left:4px;
}
.search-item .search-item-footer .search-item-footer-info-item-note-list > li .mark{
margin-right:4px;
}
.search-item .search-item-footer .search-item-footer-info-item-link{
text-align:right;
font-size:12px;
margin-top:8px;
}
.search-item .search-item-footer .search-item-footer-info-item-link a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, rgba(255,255,255,.6), rgba(255,255,255,.6) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, rgba(255,255,255,.6), rgba(255,255,255,.6) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item .search-item-footer .search-item-footer-info-item{
display:none;
background-color:#f5f5f5;
border-radius:4px;
padding:8px;
}
.search-item .search-item-footer .search-item-footer-info-item.is-active{
display:block;
}

/* ---------------------------------
search-item-agt
---------------------------------- */
/* search-item-agt > search-item-tbl
---------------------------------- */
.search-item-agt .search-item-tbl{
width:100%;
margin-top:8px;
font-size:12px;

}
.search-item-agt .search-item-tbl >.tbl-tr:not(:first-child){
margin-top:4px;
}
.search-item-agt .search-item-tbl .tbl-tr{
display:-webkit-box;
display:flex;
}
.search-item-agt .search-item-tbl .tbl-th{
width:47px;
position:relative;
white-space:nowrap;
font-size:12px;
line-height:calc(17 / 12);
}
.search-item-agt .search-item-tbl .tbl-th::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item-agt .search-item-tbl .tbl-td{
-webkit-box-flex:1;
flex:1;
width:50px;
}
.search-item-agt .search-item-tbl .list-line{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
display:block;
}
.search-item-agt .search-item-tbl .list-line > li{
display:inline;
}

/* search-item-agt > search-item-info
------------------------------------------------ */
.search-item-agt .search-item-info{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-flow:row-reverse;
padding-top:8px;
margin-top:8px;
border-top:1px solid #e5e5e5;
}
.search-item-agt .search-item-info .search-item-info-col:first-child{
-webkit-box-flex:1;
flex:1;
}
.search-item-agt .search-item-info .search-item-info-col:last-child{
margin-right:12px;
}
.search-item-agt .search-item-info .search-item-pic{
border-radius:0;
overflow:hidden;
}
.search-item-agt .search-item-info .search-item-pic a{
display:block;
position:relative;
}
.search-item-agt .search-item-info .search-item-pic a .search-item-pic-img{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
width:108px;
height:97px;
display:block;
}
.search-item-agt .search-item-info .search-item-pic a .search-item-pic-img img{
vertical-align:middle;
width:108px;
height:97px;
object-fit:cover;
}
.search-item-agt .search-item-info .search-item-pic a .search-item-pic-img.search-item-pic-nophoto{
background-size:contain;
background-color:#fcfcfc;
border:1px solid #eee;
background-size:90px;
}
.search-item-agt .search-item-info .search-item-pic a .search-item-pic-img.search-item-pic-nophoto img{
object-fit:contain;
}
.search-item-agt .search-item-info .search-item-pic .search-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:2px 5px 4px;
line-height:1;
}
.search-item-agt .search-item-info .search-item-pic .search-item-pic-more > span{
font-family:var(--font-num);
font-weight:bold;
font-size:10px;
color:#fff;
}
.search-item-agt .search-item-info .search-item-pic .search-item-pic-more > span::after{
content:"";
display:inline-block;
margin-left:3px;
width:10px;
height:8px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
}
.search-item-agt .search-item-info .search-item-hdg{
font-size:16px;
font-weight:normal;
line-height:calc(21/16);
word-break:break-all;
}
.search-item-agt .search-item-info .search-item-hdg a{
color:var(--cmn-font-color-link);

}
.search-item-agt .search-item-info .search-item-hdg a:visited{
color:var(--font-color-btn-link-visited);
}

/* search-item-agt > search-item-action
------------------------------------------------ */
.search-item-agt .search-item-action .search-item-action-row{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-agt .search-item-action .search-item-action-row .search-item-action-agt-name{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
margin-right:7px;
}
.search-item-agt .search-item-action .search-item-action-row .search-item-action-agt-name .search-item-agt-list{
margin:0;
}
.search-item-agt .search-item-action .search-item-action-row .search-item-action-cv{
width:119px;
}
.search-item-agt .search-item-action .search-item-action-agt-btn{
border:1px solid #ddd;
border-radius:6px;
display:block;
font-size:11px;
line-height:1;
text-align:center;
color:var(--cmn-font-color-base);
padding:7px 5px 3px;
min-height:37px;
box-sizing:border-box;
}
.search-item-agt .search-item-action .search-item-action-btn{
font-weight:bold;
padding:9px 5px 10px;
text-align:center;
color:#fff;
border:none;
border-radius:4px;
background-image:-webkit-linear-gradient(bottom, rgba(3, 0, 0, .03), rgba(255, 255, 255, .03));
background-image:linear-gradient(to top, rgba(3, 0, 0, .03), rgba(255, 255, 255, .03));
background-color:var(--cmn-btn-color);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
height:36px;
font-size:14px;
white-space:nowrap;
line-height:25px;
color:#fff;
}
.search-item-agt .search-item-action .search-item-action-btn > small{
position:relative;
font-size:10px;
font-weight:normal;
line-height:1.2;
margin-top:2px;
color:#fff;
}
.search-item-agt .search-item-action .search-item-action-btn > span{
position:relative;
width:50px;
margin-left:2px;
padding-right:2px;
border-right:1px solid rgba(255,255,255,.3);
height:27px;
white-space:nowrap;
}
.search-item-agt .search-item-action .search-item-action-btn > b{
font-weight:normal;
font-size:14px;
margin-left:4px;
}
.search-item-agt .search-item-action .search-item-action-btn.status-01 span b{
position:absolute;
top:50%;
left:50%;
margin:-9px 0 0 -9px;
content:"";
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
border:3px solid #fff;
border-radius:50%;
}
.search-item-agt .search-item-action .search-item-action-btn.status-02 span b{
display:block;
color:#fff;
font-size:14px;
font-weight:normal;
position:relative;
top:1px;
}
.search-item-agt .search-item-action .search-item-agt-list li{
font-size:12px;
display:block;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* search-item-agt > search-item-review
------------------------------------------------ */
.search-item-agt .search-item-review{
margin-top:8px;
line-height:1;
}
.search-item-agt .search-item-review .search-item-review-point{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-item-agt .search-item-review .search-item-review-point .cmn-tip-btn{
margin-left:4px;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank{
position:relative;
font-size:0;
top:-1px;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0;background-size:auto 10px;
content:"";
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank.blank::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-0.svg) 0 0;background-size:auto 10px;
content:"";
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label{
position:relative;
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank .search-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 2px;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label .blank::before{
position:absolute;
top:1px;
left:0;
content:"-";
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label .blank::after{
position:absolute;
top:1px;
right:0;
content:"-";
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-label{
font-weight:normal;
font-size:12px;
margin-left:8px;
}
.search-item-agt .search-item-review .search-item-review-point .search-item-review-point-label > span > a{
color:var(--cmn-font-color-base);
}
.search-item-agt .search-item-review .search-item-review-comment{
margin-top:8px;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-hdg{
font-size:12px;
font-weight:normal;
line-height:calc(17/12);
word-break:break-all;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-summary{
font-size:12px;
line-height:calc(17/12);
margin-top:4px;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-summary >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-desc{
font-size:12px;
line-height:calc( 17/12 );
word-break:break-all;
margin-top:2px;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link{
position:relative;
color:#a4a4a4;
display:inline-block;
padding-right:8px;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link::after{
position:absolute;
right:0;
top:50%;
margin-top:-5px;
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%;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link .search-item-review-comment-more{
color:var(--cmn-font-color-base);
display:inline-block;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-desc p{
font-size:12px;
line-height:calc( 17/12 );
margin:0;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-link{
text-align:right;
}
.search-item-agt .search-item-review .search-item-review-comment .search-item-review-comment-link a{
display:inline-block;
padding-top:8px;
font-size:12px;
line-height:1;
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}

/* search-item-agt > search-item-plan
------------------------------------------------ */
.search-item-agt .search-item-plan{
padding:12px 3px 0;
margin:8px -3px 0;
border-top:1px dotted #ccc;
}
.search-item-agt .search-item-plan .dtl-plan-item{
position:relative;
padding:0 14px 0 14px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-hdg{
font-size:14px;
padding-right:30px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-hdg a{
color:var(--cmn-font-color-base);
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-hdg a:visited{
color:var(--font-color-btn-link-visited);
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-sup{
font-size:12px;
line-height:calc( 17/12 );
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-tools{
display:-webkit-box;
display:flex;
margin-top:2px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-tools .dtl-plan-item-price-btn{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
position:relative;
top:2px;
-webkit-box-align:center;
align-items:center;
background:none;
border:none;
border-radius:4px;
margin-left:8px;
font-size:12px;
width:63px;
height:22px;
background:#fff;
border:1px solid #bbb;
padding:0;
position:relative;
top:-1px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-util{
margin-right:-14px;
margin-top:8px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-price{
line-height:1;
font-size:12px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-price .mod-num{
font-size:18px;
font-weight:bold;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-toggle-container .dtl-plan-item-toggle-item{
display:none;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-toggle-container .dtl-plan-item-toggle-trigger button{
background:none;
border:none;
padding:0;
font-size:12px;
}
.search-item-agt .search-item-plan .dtl-plan-item .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-agt .search-item-plan .dtl-plan-item .dtl-plan-item-toggle-container.is-active .dtl-plan-item-toggle-item{
display:block;
}
.search-item-agt .search-item-plan .dtl-plan-item .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-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer{
margin-top:8px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner{
position:relative;
margin-right:-14px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner::after{
content:"";
display:table;
clear:both;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div:first-child{
float:left;
margin-right:10.5px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div:last-child{
float:left;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div.dtl-plan-item-link-left:last-child{
float:left;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-inner > div.dtl-plan-item-link-right:last-child{
float:right;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-footer-add{
margin:12px -12px 0;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-agt{
font-size:12px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-agt a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-agt > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-req{
display:inline-block;
font-size:12px;
line-height:calc( 22 / 12);
margin-right:8px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .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-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-age{
display:inline-block;
font-size:12px;
line-height:calc( 22 / 12);
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .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-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-link{
display:inline-block;
margin-right:8px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-link a{
color:var(--cmn-font-color-base);
font-size:12px;
line-height:calc( 22 / 12);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal{
display:inline-block;
position:relative;
z-index:1;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal.is-active::before,
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal.is-active::after{
display:block;
position:absolute;
bottom:-13px;
left:20px;
content:"";
width:0;
height:0;
border-bottom:9px solid #ddd;
border-right:9px solid transparent;
border-left:9px solid transparent;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal.is-active::after{
bottom:-14px;
border-bottom:9px solid #f5f5f5;
}
.search-item-agt .search-item-plan .dtl-plan-item .dtl-plan-item-footer .dtl-plan-item-cal >span{
line-height:calc( 22 / 12);
font-size:12px;
}

/* .search-item-agt > .search-item-footer
------------------------------------------------ */
.search-item-agt .search-item-footer{
border-top:1px dotted #ccc;
margin:12px -3px 0;
padding:8px 3px 0;
}
.search-item-agt .search-item-footer .search-item-action{
text-align:center;
}
.search-item-agt .search-item-footer .search-item-action .search-item-action-link{
font-size:14px;
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}

/* .search-item-agt > .search-item-footer
------------------------------------------------ */
.search-item-agt .search-item-header .search-item-agt-hdg{
font-size:16px;
font-weight:normal;
line-height:calc(22/16);
}
.search-item-agt .search-item-header .search-item-agt-hdg a{
color:var(--cmn-font-color-link);
}
.search-item-agt .search-item-header .search-item-agt-hdg a:visited{
color:var(--font-color-btn-link-visited);
}
.search-item-agt .search-item-header .search-item-agt-review{
margin-top:8px;
}
.search-item-agt .search-item-header .search-item-agt-review .search-item-agt-review-list{
margin:0;
line-height:1;
}
.search-item-agt .search-item-header .search-item-agt-review .search-item-agt-review-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:end;
align-items:flex-end;
font-size:12px;
}
.search-item-agt .search-item-header .search-item-agt-review .search-item-agt-review-list > li:not(:first-child){
margin-left:12px;
}
.search-item-agt .search-item-header .search-item-agt-review .search-item-agt-review-list > li .cmn-tip-btn{
margin-left:4px;
}
.search-item-agt .search-item-header .search-item-agt-review .search-item-agt-review-list > li.search-item-agt-review-list-avg > div:first-child{
margin-right:4px;
}
.search-item-agt .search-item-header .search-item-agt-add{
margin-top:8px;
}
.search-item-agt .search-item-header .search-item-agt-add .search-item-agt-link{
font-size:12px;

}
.search-item-agt .search-item-header .search-item-agt-add .search-item-agt-link a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.search-item-agt .search-item-header .search-item-agt-add .search-item-agt-link > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.search-item-agt .search-item-header .search-item-agt-desc{
font-size:12px;
word-break:break-all;
margin-top:8px;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container.is-active .search-item-agt-desc-toggle-overflow{
display:none;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container.is-active .search-item-agt-desc-toggle-item{
display:block;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-item{
display:none;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-item .search-item-agt-desc-toggle-trigger{
display:block;
text-align:right;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-item .search-item-agt-desc-toggle-trigger button{
background:none;
padding:10px 0 12px;
border:none;
color:#a4a4a4;
font-size:13px;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-item .search-item-agt-desc-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
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-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-overflow{
display:block;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-overflow .search-item-agt-desc-toggle-trigger{
display:inline-block;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-overflow .search-item-agt-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:12px;
}
.search-item-agt .search-item-header .search-item-agt-desc-toggle-container .search-item-agt-desc-toggle-overflow .search-item-agt-desc-toggle-trigger button::before{
content:"...";
position:relative;
display:inline-block;
color:#a4a4a4;
margin-right:4px;
font-size:14px;
}

@media screen and (max-width: 320px){
.search-item-agt .search-item-header .search-item-agt-review .search-item-agt-review-list > li:not(:first-child){
margin-left:7px;
}
}

/* search-item-agt-review
------------------------------------------------ */
.dtl-card .search-item-agt-review{
margin-top:12px;
}
.dtl-card .search-item-agt-review .search-item-agt-review-list{
margin:0;
line-height:1;
}
.dtl-card .search-item-agt-review .search-item-agt-review-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:end;
align-items:flex-end;
font-size:12px;
}
.dtl-card .search-item-agt-review .search-item-agt-review-list > li:not(:first-child){
margin-left:12px;
}
.dtl-card .search-item-agt-review .search-item-agt-review-list > li .cmn-tip-btn{
margin-left:4px;
}
.dtl-card .search-item-agt-review .search-item-agt-review-list > li.search-item-agt-review-list-avg > div:first-child{
margin-right:4px;
}

@media screen and (max-width: 320px){
.dtl-card .search-item-agt-review .search-item-agt-review-list > li:not(:first-child){
margin-left:7px;
}
}

/* pager
----------------------------------------------- */
.search-item-container .pager{
margin:0 auto;
padding:15px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
max-width:400px;
line-height:1.3;
font-size:13px;
background-color:#fff;
}
.search-item-container .pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#666;
text-align:center;
text-decoration:none;
background-color:#fff;
}
.search-item-container .pager > li.pager-first{
margin-right:6px;
}
.search-item-container .pager > li.pager-first + .pager-prev{
margin-left:0;
}
.search-item-container .pager > li.pager-prev{
margin-left:51px;
}
.search-item-container .pager > li.pager-current{
-webkit-box-flex:1;
flex:1;
text-align:center;
font-size:12px;
}
.search-item-container .pager > li.pager-current >span{
font-family:var(--font-num);
font-size:13px;
}
.search-item-container .pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}
.search-item-container .pager > li.pager-current > b span{
font-family:var(--font-num);
font-size:15px;
}
.search-item-container .pager > li.pager-current:first-child{
margin-left:96px;
}
.search-item-container .pager > li.pager-current:last-child{
margin-right:96px;
}
.search-item-container .pager > li.pager-next{
width:96px;
}

/* search-item-plan > dtl-plan-slide
------------------------------------------------ */
.search-item-plan .dtl-plan-cal-container{
margin:8px -14px 0;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-spinner{
height:67px;
padding:10px 0;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-spinner .cmn-loading-spinner-dot{
width:16px;
height:16px;
margin:15px auto;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-error{
text-align:center;
font-size:12px;
padding:15px 0;
min-height:67px;
box-sizing:border-box;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-error .dtl-plan-cal-error-hdg{
font-weight:bold;
letter-spacing:-.04em;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal{
width:100%;
overflow:hidden;
overflow-x:scroll;
}
.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{
margin:0;
white-space:nowrap;
font-size:0;
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:inline-flex;
flex-wrap:wrap;
width:42px;
height:auto;
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 .dtl-plan-cal-date{
background-color:#bce0f8;
}
.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 > li:first-child{
border-left:none;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-header{
text-align:center;
padding-top:5px;
font-weight:normal;
box-sizing:border-box;
height:33px;
width:42px;
}
.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;
font-size:12px;
font-family:var(--font-num);
line-height:1;
width:32px;
height:14px;
padding:1px;
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;
margin-top:3px;
font-size:12px;
line-height:calc(13 / 12);
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status{
display:block;
text-align:center;
height:22px;
width:42px;
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:10px;
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{
margin-top:2px;
display:block;
font-size:12px;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status .dtl-plan-cal-ok{
margin-top:4px;
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;
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal .dtl-plan-cal-list .dtl-plan-cal-status .dtl-plan-cal-ng{
margin-top:6px;
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;
}
.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:-2px;
background:-webkit-linear-gradient(right, rgba(245, 245, 245, 0) 0%, #fff 100%);
background:linear-gradient(to left, rgba(245, 245, 245, 0) 0%, #fff 100%);
}
.search-item-plan .dtl-plan-cal-container .dtl-plan-cal-inner::after{
right:-2px;
background:-webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, #fff 100%);
background:linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #fff 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{
position:relative;
padding:0 12px;
margin:0 -12px;
}
.search-item-plan .dtl-plan-slide .dtl-plan-item-hdg{
padding-right:30px;
}
.search-item-plan .dtl-plan-slide .swiper-main{
overflow:hidden;
}
.search-item-plan .dtl-plan-slide .swiper-pagination-fraction{
position:absolute;
width:auto;
top:0;
bottom:auto;
left:auto;
right:8px;
z-index:1;
}
.search-item-plan .dtl-plan-slide .swiper-pagination-fraction .dtl-plan-selector{
border:none;
box-shadow:0px 0px 2px rgba(0, 0, 0, .4);
background:none;
border-radius:6px;
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1;
height:21px;
padding:1px 5px 0;
background-color:#fff;
box-sizing:border-box;
}
.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 .dtl-plan-slide-list{
margin:0;
}
.search-item-plan .dtl-plan-slide .swiper-button-prev,
.search-item-plan .dtl-plan-slide .swiper-button-next{
width:22px;
height:44px;
top:48px;
z-index:1;
overflow:hidden;
}
.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:absolute;
background-repeat:no-repeat;
background-size:8px 12px;
width:40px;
height:40px;
background-color:#fff;
border-radius:50%;
-webkit-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .4));
filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .4));
}
.search-item-plan .dtl-plan-slide .swiper-button-prev{
left:0;
}
.search-item-plan .dtl-plan-slide .swiper-button-prev::after{
right:2px;
top:2px;
background-position:23px 50%;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-l-blk.svg);

}
.search-item-plan .dtl-plan-slide .swiper-button-next{
right:0;
}
.search-item-plan .dtl-plan-slide .swiper-button-next::after{
left:2px;
top:2px;
background-position:8px 50%;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-r-blk.svg);
}

/* suggest
----------------------------------------------- */
.suggest{
border:1px solid #bbb;
width:100%;
box-sizing:border-box;
position:absolute;
z-index:2;
top:59px;
left:0;
background-color:#fff;
}
.suggest .suggest-list{
margin:0;
}
.suggest .suggest-list li{
margin:0;
border-bottom:1px solid #bbb;
}
.suggest .suggest-list li:last-child{
border-bottom:none;
}
.suggest .suggest-list li a{
padding:10px;
color:var(--cmn-font-color-base);
display:block;
font-size:15px;
}
.suggest .hdg-suggest{
color:#666;
padding:4px 10px;
background-color:#e9e9e9;
}
.suggest .list-suggest{
margin:0;
}
.suggest .list-suggest li{
margin:0;
border-bottom:1px solid #bbb;
}
.suggest .list-suggest li:last-child{
border-bottom:none;
}
.suggest .list-suggest li a{
display:block;
padding:7px 10px;
color:var(--cmn-font-color-base);
font-size:15px;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2{
margin:10px -10px 0;
padding:7px 10px;
color:#fff;
background-color:#888;
font-size:14px;
}
.pseudo-content .form-list + .pseudo-hdg-l2,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2{
margin-top:-1px;
position:relative;
}
.pseudo-content .hdg-l2{
background-color:#888;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 6px 10px;
position:relative;
background-color:#888;
height:35px;
box-sizing:border-box;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2{
margin:0;
padding:0;
}
.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2-btn{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
top:6px;
right:10px;
line-height:21px;
font-size:12px;
background-color:transparent;
}
.pseudo-content .form-list + .pseudo-hdg-l2-container,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2-container{
margin-top:-1px;
}

/* .pseudo-hdg-l2-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-01{
margin:16px 0 3px;
padding-left:15px;
position:relative;
font-size:14px;
font-weight:normal;
}
.pseudo-content .pseudo-hdg-l2-01::before{
content:"";
display:block;
width:10px;
height:10px;
background-color:#333;
position:absolute;
top:.45em;
left:0;
}

/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l3{
margin:24px 0 8px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-content .pseudo-block{
padding-bottom:12px;
margin-bottom:12px;
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-block .pseudo-block-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
margin-top:12px;
margin-bottom:8px;
}
.pseudo-content .pseudo-block >:first-child{
margin-top:0;
}
.pseudo-content .pseudo-block .map-view-marker-spot-content{
width:76px;
}

/* pseudo-content
---------------------------------- */
.pseudo-content .icon-guide{
padding-left:40px;
}
.pseudo-content .icon-req{
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-time.svg) 0 0 no-repeat;
background-size:15px;
margin-right:4px;
position:relative;
top:1px;
}
.pseudo-content .icon-age{
display:inline-block;
width:8px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-age.svg) 0 0 no-repeat;
background-size:8px 15px;
margin-right:4px;
position:relative;
top:1px;
}
.pseudo-content .icon-plan-inq{
position:relative;
top:1px;
left:-1px;
font-size:12px;
vertical-align:middle;
}
.pseudo-content .icon-plan-ok{
position:relative;
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;
}
.pseudo-content .icon-plan-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;
}
.pseudo-content .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;
}

/* pseudo-def-note
---------------------------------- */
.pseudo-content .pseudo-def-note{
margin-top:20px;
}

/* pseudo-def-list
---------------------------------- */
.pseudo-content .pseudo-def-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:14px;
}
.pseudo-content .pseudo-def-list dt{
margin-top:8px;
position:relative;
width:23px;
padding-right:4px;
box-sizing:border-box;
}
.pseudo-content .pseudo-def-list dt::after{
content:":";
display:block;
position:absolute;
right:4px;
top:1px;
}
.pseudo-content .pseudo-def-list dd{
margin-top:8px;
width:calc(100% - 23px);
box-sizing:border-box;
}

/* .pseudo-content .pseudo-wording
------------------------------------------------ */
.pseudo-content .pseudo-wording{
margin:10px 0 0;
font-size:14px;
}

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

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

/* .pseudo-content .pseudo-agt-info-list
------------------------------------------------ */
.pseudo-content .pseudo-agt-info-list{
margin-top:12px;
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-agt-info-list .pseudo-agt-info-name{
font-size:14px;
}
.pseudo-content .pseudo-agt-info-list .pseudo-agt-info-link{
font-size:12px;
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.pseudo-content .pseudo-agt-info-list >li{
padding:12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
border-top:1px solid #e5e5e5;
}
.pseudo-content .pseudo-agt-info-list >li > div:first-child{
-webkit-box-flex:1;
flex:1;
}

/* .pseudo-content .pseudo-agt-summary-list
------------------------------------------------ */
.pseudo-content .pseudo-agt-summary-list{
font-size:0;
}
.pseudo-content .pseudo-agt-summary-list > li{
display:inline-block;
font-size:12px;
margin-right:12px;
}
.pseudo-content .pseudo-agt-summary-list > li > span{
display:inline-block;
}
.pseudo-content .pseudo-agt-summary-list > li > span:last-child{
margin-left:4px;
}

/* .pseudo-content .pseudo-agt-summary-list
------------------------------------------------ */
.pseudo-content .pseudo-score-list{
margin-top:12px;

}
.pseudo-content .pseudo-score-list > li{
display:-webkit-box;
display:flex;
font-size:14px;
line-height:calc(18/14);
}
.pseudo-content .pseudo-score-list > li:not(:first-child){
margin-top:8px;
}
.pseudo-content .pseudo-score-list > li > span:first-child{
width:110px;
position:relative;
}
.pseudo-content .pseudo-score-list > li > span:first-child::after{
position:absolute;
right:12px;
top:0;
content:":";
display:inline-block;
}

/* .pseudo-link-list
----------------------------------------------- */
.pseudo-content .pseudo-link-list{
margin:0 -10px;
line-height:1.35;
font-size:15px;
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-link-list > li{
border-top:1px solid #e5e5e5;
}
.pseudo-content .pseudo-link-list > li:first-child{
border-top:none;
}
.pseudo-content .pseudo-link-list > li > a{
padding:5px 10px;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
position:relative;
font-size:14px;
min-height:39px;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
}
.pseudo-hdg-l2-container + .pseudo-link-list > li:first-child > a{
border-top:none;
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
margin:0 -10px;
padding:12px 10px;
box-sizing:border-box;
position:relative;
background-color:#444;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-guide{
color:#fff;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list li:first-child:last-child{
margin:0 auto;
max-width:80%;
min-width:60%;
-webkit-box-flex:0;
flex:none;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list li:first-child:not(:last-child){
-webkit-box-flex:1;
flex:1;
padding-right:10px;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list li:last-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-sticky .cv-agt{
box-sizing:border-box;
display:block;
color:#fff;
background-color:#78ae0e;
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo-content .pseudo-sticky .cv-agt:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.pseudo-content .pseudo-sticky .cv-cal{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo-content .pseudo-sticky .cv-cal:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.pseudo-content .pseudo-sticky .cv-filter{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo-content .pseudo-sticky .cv-filter:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}
.pseudo-content .pseudo-sticky .prev-filter{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo-content .pseudo-sticky .prev-filter:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}

/* pseudo-content
------------------------------------------------ */
.pseudo-content.is-fixed{
padding-top:35px;
}
.pseudo-content.is-fixed .pseudo-header{
position:fixed;
width:100%;
top:0;
}
.pseudo-content .pseudo-freetext{
margin-top:15px;
}
.pseudo-content .pseudo-freetext a{
color:#666;
text-decoration:underline;
}
.pseudo-content .pseudo-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin:0 2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.pseudo-content .pseudo-hdg-01{
font-weight:normal;
margin-top:15px;
font-size:14px;
}
.pseudo-content .pseudo-hdg-01::before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.pseudo-content .pseudo-hdg-01 + .pseudo-hdg-02,
.pseudo-content .pseudo-hdg-01 + .pseudo-hdg-03,
.pseudo-content .pseudo-hdg-01 + .pseudo-text,
.pseudo-content .pseudo-hdg-01 + .pseudo-list-01{
margin-top:0;
}
.pseudo-content .pseudo-hdg-02{
margin-top:15px;
}
.pseudo-content .pseudo-hdg-02 + .pseudo-freetext,
.pseudo-content .pseudo-hdg-02 + .pseudo-hdg-03,
.pseudo-content .pseudo-hdg-02 + .pseudo-text,
.pseudo-content .pseudo-hdg-02 + .pseudo-list-01{
margin-top:0;
}
.pseudo-content .pseudo-hdg-03{
margin-top:15px;
}
.pseudo-content .pseudo-hdg-03 + .pseudo-list-01,
.pseudo-content .pseudo-hdg-03 + .pseudo-text{
margin-top:0;
}
.pseudo-content .pseudo-text{
margin-top:15px;
}
.pseudo-content .pseudo-list-01{
margin-top:15px;
}
.pseudo-content .pseudo-list-01 > li{
text-indent:-1em;
margin-left:1em;
}
.pseudo-content .pseudo-list-note-01{
margin-top:8px;
}
.pseudo-content .pseudo-list-note-01 > li{
font-size:12px;
color:#666;
text-indent:-16px;
margin-left:16px;
}

/* pseudo-content.is-lyt-header-fixed for pseudo-review
------------------------------------------------ */
.pseudo-content.is-lyt-header-fixed.active{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
height:100vh;
padding:0;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-header{
position:relative;
margin:0;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-inner{
margin:0;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-score{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-row{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner .pseudo-review-sorter{
display:block;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner .pseudo-review-sorter .pseudo-review-sorter-btn{
width:90px;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner .pseudo-review-sorter .pseudo-review-sorter-btn::before{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-inner .pseudo-agt-row{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-inner .pseudo-agt-row{
display:none;
}

@media screen and (max-width: 320px){
.pseudo-content.is-lyt-header-fixed .pseudo-review-sup{
margin-right:5px !important;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-rank{
margin-right:5px !important;
}
}

/* pseudo-review-container
------------------------------------------------ */
.pseudo-review-container{
position:relative;
background-color:#fff;
margin:0 -10px;
padding:12px;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
z-index:100;
}
.pseudo-review-container .pseudo-review-score{
margin-top:12px;
}
.pseudo-review-container .pseudo-review-sorter{
display:none;
}
.pseudo-review-container .pseudo-review-point{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}
.pseudo-review-container .pseudo-review-point .cmn-tip-btn{
margin-left:4px;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-rank{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
top:-1px;
margin-right:8px;
white-space:nowrap;
position:relative;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-rank .pseudo-review-rank-label{
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
margin-left:5px;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-label{
white-space:nowrap;
font-weight:normal;
font-size:12px;
}

/* pseudo-review-score
------------------------------------------------ */
.pseudo-review-score > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1.3;

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

/* pseudo-review-row
------------------------------------------------ */
.pseudo-review-row{
padding-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
justify-content:space-between;
}
.pseudo-review-row .pseudo-review-total{
font-size:12px;
}

/*pseudo-review-footer
------------------------------------------------ */
.pseudo-review-footer{
padding:20px 0;
text-align:center;
}

/* pseudo-review-more-btn
------------------------------------------------ */
.pseudo-review-more-btn{
color:#666;
font-size:13px;
height:31px;
padding:0 10px;
border-radius:5px;
background:none;
background-color:#fff;
border:1px solid #bbb;
}

/* .pseudo-review-sorter
------------------------------------------------ */
.pseudo-review-sorter{
text-align:right;
position:relative;
}
.pseudo-review-sorter.is-active .pseudo-review-sorter-item{
display:block;
}
.pseudo-review-sorter.is-active .pseudo-review-sorter-layer{
display:block;
}
.pseudo-review-sorter .pseudo-review-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
z-index:102;
}
.pseudo-review-sorter .pseudo-review-sorter-item{
display:none;
position:relative;
z-index:103;
}
.pseudo-review-sorter .pseudo-review-sorter-item::before{
position:absolute;
top:3px;
right:53px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-review-sorter .pseudo-review-sorter-item .pseudo-review-sorter-item-inner{
position:absolute;
right:0;
margin-top:9px;
text-align:left;
width:153px;
padding:14px 20px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:2;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-review-sorter .pseudo-review-sorter-item .pseudo-review-sorter-item-inner::after{
position:absolute;
top:-9px;
right:50px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.pseudo-review-sorter .pseudo-review-sorter-label{
font-size:15px;
font-weight:bold;
}
.pseudo-review-sorter .pseudo-review-sorter-list{
font-size:15px;
}
.pseudo-review-sorter .pseudo-review-sorter-btn{
text-align:center;
padding:0;
width:122px;
height:36px;
border-radius:3px;
background:#fff;
border:1px solid #bbb;
box-shadow:0px 1px 0px #bbb;
color:#666;
font-size:13px;
}
.pseudo-review-sorter .pseudo-review-sorter-btn::before{
content:"";
display:inline-block;
position:relative;
top:-1px;
width:15px;
height:13px;
background:url(/element_sp/j_optional_v2/shared/images/icon-form-sort.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:5px;
}

/* pseudo-review-card-list
------------------------------------------------ */
.pseudo-review-card-list > li{
padding:12px;
border-radius:5px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.pseudo-review-card-list > li:not(:first-child){
margin-top:15px;
}

/* pseudo-review-card
------------------------------------------------ */
.pseudo-review-card{
padding:12px;
border-radius:5px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.pseudo-review-card-header .pseudo-review-card-date{
white-space:nowrap;
font-size:11px;
display:inline-block;
margin-right:1px;
}
.pseudo-review-card-header .pseudo-review-card-pickup{
display:inline-block;
font-size:11px;
color:#a4a4a4;
}
.pseudo-review-card-header .pseudo-review-card-name{
font-size:11px;
word-break:break-all;
}
.pseudo-review-card-header .pseudo-review-card-score{
font-size:11px;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-sup{
display:inline-block;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-mark{
margin-right:12px;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-point{
display:inline-block;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-point > li{
display:inline-block;
}
.pseudo-review-card-comment{
margin-top:12px;
}
.pseudo-review-card-comment .pseudo-review-card-comment-hdg{
font-size:13px;
font-weight:bold;
word-break:break-all;
}
.pseudo-review-card-comment .pseudo-review-card-comment-plan a{
color:#666;
font-size:12px;
margin-top:5px;
text-decoration:underline;
}
.pseudo-review-card-comment .pseudo-review-card-comment-desc{
font-size:13px;
margin-top:8px;
word-break:break-all;
}
.pseudo-review-card-info{
margin-top:12px;
}
.pseudo-review-card-info-time-list > li{
font-size:11px;
}
.pseudo-review-card-info-time-list > li > div{
display:inline;
}
.pseudo-review-card-info-time-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
width:54px;
padding-right:10px;
}
.pseudo-review-card-info-time-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:4px;
content:":";
display:inline-block;
}
.pseudo-review-card-info-list{
display:block;
line-height:1.2;
}
.pseudo-review-card-info-list > li{
display:inline-block;
font-size:11px;
}
.pseudo-review-card-info-list > li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.pseudo-review-card-info-list > li > div{
display:inline;
}
.pseudo-review-card-info-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
padding-right:10px;
}
.pseudo-review-card-info-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:4px;
content:":";
display:inline-block;
}
.pseudo-review-card-info-list > li > div > ul{
display:inline;
}
.pseudo-review-card-info-list > li > div > ul > li{
display:inline-block;
}
.pseudo-review-card-info-list > li > div > ul > li::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.pseudo-review-card-reply{
margin-top:20px;
background-color:#f5f5f5;
border-radius:4px;
padding:10px;
}
.pseudo-review-card-reply .pseudo-review-card-reply-hdg{
font-size:12px;
font-weight:normal;
}
.pseudo-review-card-reply .pseudo-review-card-reply-desc{
font-size:12px;
word-break:break-all;
}
.pseudo-review-card-reply .pseudo-review-card-reply-desc .pseudo-review-card-reply-sup{
display:block;
}

/* pseudo-review-card-photo-container > pseudo-review-card-photo-list
------------------------------------------------ */
.pseudo-review-card-photo-container .pseudo-review-card-photo-list{
margin-top:16px;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li{
box-sizing:border-box;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li:not(:first-child){
margin-top:12px;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo{
background-color:#f2f2f2;
width:100%;
height:271px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo img{
max-width:100%;
max-height:271px;
vertical-align:middle;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap{
margin-top:4px;
display:block;
font-size:11px;
}

/* pseudo-review-card-photo-toggle-container > pseudo-review-card-photo-list
------------------------------------------------ */
.pseudo-review-card-photo-toggle-container{
position:relative;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li{
width:100%;
height:auto;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li:not(:first-child){
margin-top:12px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li:nth-child(n+3){
display:block;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo{
height:271px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo.pseudo-review-card-photo-movie > a::after{
margin-left:-23px;
margin-top:-23px;
display:block;
width:46px;
height:46px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo img{
max-height:271px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap{
display:block;
overflow:visible;
white-space:normal;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap br{
display:inline;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-toggle-trigger{
text-align:right;
margin-bottom:-20px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn{
display:none;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-close-btn{
display:inline-block;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list{
margin-top:16px;
margin-left:-5px;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list::after{
content:"";
display:table;
clear:both;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li{
float:left;
width:50%;
padding-left:5px;
box-sizing:border-box;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li:not(:first-child){
margin-top:0;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li:nth-child(n+3){
display:none;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo{
background-color:#f2f2f2;
width:100%;
height:120px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo.pseudo-review-card-photo-movie > a{
position:relative;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo.pseudo-review-card-photo-movie > 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;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo img{
max-width:100%;
max-height:120px;
vertical-align:middle;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap{
margin-top:4px;
display:block;
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap br{
display:none;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn{
position:absolute;
right:5px;
top:98px;
display:block;
background:none;
border:none;
background-color:rgba(0,0,0,.7);
border-radius:3px;
white-space:nowrap;
padding:1px 5px 2px;
line-height:1;


}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn .pseudo-review-card-photo-total > span{
font-family:var(--font-num);
font-weight:bold;
font-size:11px;
color:#fff;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn .pseudo-review-card-photo-total::after{
content:"";
display:inline-block;
margin-left:3px;
width:12px;
height:10px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;

}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-close-btn{
display:none;
background:none;
padding:10px 0;
border:none;
color:#666;
font-size:13px;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-close-btn::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;
}

/* pseudo-sch-container
------------------------------------------------ */
.pseudo-sch-container{
margin:-10px 0 0;
}
.pseudo-sch-container .dtl-card{
background-color:#fff;
margin-top:12px;
padding:0 12px;
border-radius:5px;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.pseudo-sch-container .dtl-card .dtl-card-block{
border-top:1px solid #ccc;
box-sizing:border-box;
padding-bottom:20px;
}
.pseudo-sch-container .dtl-card >:first-child{
border-top:none;
}
.pseudo-sch-container .dtl-card .dtl-card-start-place .dtl-card-item >:first-child,.pseudo-sch-container .dtl-card .dtl-card-end-place .dtl-card-item >:first-child{
margin-top:0;
}
.pseudo-sch-container .dtl-card .dtl-card-start-place .dtl-card-item-list,.pseudo-sch-container .dtl-card .dtl-card-end-place .dtl-card-item-list{
margin-top:8px;
}
.pseudo-sch-container .dtl-card .dtl-card-start-place .dtl-card-item-desc,.pseudo-sch-container .dtl-card .dtl-card-end-place .dtl-card-item-desc{
margin-top:0px;
}
.pseudo-sch-container .dtl-card .dtl-card-sch .dtl-card-sch-req{
margin:0;
display:-webkit-box;
display:flex;
font-size:12px;
}
.pseudo-sch-container .dtl-card .dtl-card-sch .dtl-card-sch-req > div{
word-break:break-all;
}
.pseudo-sch-container .dtl-card .dtl-card-sch .dtl-card-sch-req > div:first-child{
white-space:nowrap;
position:relative;
padding-right:12px;
}
.pseudo-sch-container .dtl-card .dtl-card-sch .dtl-card-sch-req > div:first-child::after{
position:absolute;
top:-1px;
right:4px;
content:":";
display:inline-block;
}
.pseudo-sch-container .dtl-card .dtl-card-sch .dtl-card-sch-req > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-sch-container .dtl-card .dtl-card-sch .dtl-card-item-desc{
margin-top:8px;
margin-bottom:8px;
}
.pseudo-sch-container .dtl-card .dtl-card-toggle-container.dtl-card-block{
padding-bottom:0;
}

/* pseudo-dtl-action
---------------------------------- */
.pseudo-dtl-action{
text-align:center;
padding:8px;
margin:0 -10px;
color:#fff;
background-color:#444;
}
.pseudo-dtl-action .pseudo-dtl-action-inner{
text-align:left;
}
.pseudo-dtl-action .pseudo-dtl-action-info-contanier .pseudo-dtl-action-info-item{
display:none;
color:var(--cmn-font-color-base);
padding:8px;
font-size:14px;
background-color:#f5f5f5;
margin-bottom:6px;
position:relative;
letter-spacing:-.02em;
}
.pseudo-dtl-action .pseudo-dtl-action-info-contanier .pseudo-dtl-action-info-item.is-active{
display:block;
}
.pseudo-dtl-action .pseudo-dtl-action-info-contanier .pseudo-dtl-action-info-item.is-active::before{
position:absolute;
bottom:-6px;
left:50%;
margin-left:-5px;
content:"";
display:block;
width:11px;
height:6px;
background:url(/element_sp/j_optional_v2/shared/images/icon-balloon-arrow-gry.svg) no-repeat 100% 0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.pseudo-dtl-action .pseudo-dtl-action-btn{
width:100%;
max-width:80%;
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 4px;
border:none;
border-radius:4px;
min-height:44px;
line-height:1.25;
font-size:16px;
margin:0 auto 0;
}

/* pseudo-price-dtl-conainer
---------------------------------- */
.pseudo-price-dtl-conainer .pseudo-price-dtl-hdg{
font-size:16px;
font-weight:normal;
}
.pseudo-price-dtl-conainer .pseudo-price-dtl-desc{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:16px;
font-size:16px;
}
.pseudo-price-dtl-conainer .price-dtl-notes{
margin-top:8px;
}
.pseudo-price-dtl-conainer .price-dtl-notes >li{
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
line-height:1.4;
}
.pseudo-price-dtl-conainer .price-dtl-notes >li a{
text-decoration:none;
}
.pseudo-price-dtl-conainer .price-dtl-notes >li .mark{
margin-right:4px;
}
.pseudo-price-dtl-conainer .price-dtl-date-container{
margin-top:12px;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-loading{
height:65px;
padding:25px;
box-sizing:border-box;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-loading .cmn-loading-spinner-dot{
width:16px;
height:16px;
margin:0 auto;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date{
position:relative;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date::before,
.pseudo-price-dtl-conainer .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;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date::before{
left:0;
background:-webkit-linear-gradient(right, rgba(245, 245, 245, 0) 0%, #fff 100%);
background:linear-gradient(to left, rgba(245, 245, 245, 0) 0%, #fff 100%);
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date::after{
right:0px;
background:-webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, #fff 100%);
background:linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #fff 100%);
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date.is-start::before{
display:none;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date.is-end::after{
display:none;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-inner{
max-width:100%;
display:inline-block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-inner::-webkit-scrollbar{
display:none;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list{
box-sizing:border-box;
white-space:nowrap;
font-size:0;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li:not(:last-child){
margin-right:4px;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li button{
box-sizing:border-box;
width:48px;
padding:5px 0 4px;
border:none;
background:none;
border:1px solid #ddd;
border-radius:4px;
font-size:12px;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li .date{
display:inline-block;
line-height:1;
height:14px;
width:32px;
box-sizing:border-box;
padding:1px 1px 0;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li .week{
display:block;
line-height:calc(14 / 12);
margin-top:1px;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li .price{
display:block;
line-height:1;
min-height:12px;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li .status{
display:block;
line-height:1;
width:11px;
height:11px;
margin:2px auto 0;
}
.pseudo-price-dtl-conainer .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;
}
.pseudo-price-dtl-conainer .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;
}
.pseudo-price-dtl-conainer .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;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li.holiday .week{
color:var(--cmn-font-color-red);
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li.is-active button{
box-shadow:none;
background-color:#eee;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li.is-selected button .date{
background-color:#bce0f8;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li.is-disabled button{
cursor:default;
box-shadow:none;
border-color:#ddd;
color:rgba(2,2,2,.33);
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li.is-disabled button .status{
opacity:.33;
}
.pseudo-price-dtl-conainer .price-dtl-date-container .price-dtl-date-list li.is-disabled.holiday .week{
color:rgba(2,2,2,.33);
}
.pseudo-price-dtl-conainer .price-dtl-def{
margin-top:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:space-between;
align-items:space-between;
-webkit-box-pack:end;
justify-content:flex-end;
}
.pseudo-price-dtl-conainer .price-dtl-def .price-dtl-def-unit{
font-size:12px;
margin-right:24px;
}
.pseudo-price-dtl-conainer .price-dtl-def .price-dtl-def-unit >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.pseudo-price-dtl-conainer .price-dtl-def .price-dtl-def-guide{
font-size:12px;
}
.pseudo-price-dtl-conainer .price-dtl-def .price-dtl-def-guide .cmn-tip-btn{
margin-left:4px;
}
.pseudo-price-dtl-conainer .price-dtl-sup-container{
background-color:#f5f5f5;
padding:3px 4px 2px;
margin-top:12px;
}
.pseudo-price-dtl-conainer .price-dtl-sup-container .price-dtl-sup-date{
font-size:14px;
}
.pseudo-price-dtl-conainer .price-dtl-header{
margin-top:12px;
font-size:12px;
}
.pseudo-price-dtl-conainer .price-dtl-header .price-dtl-num{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.pseudo-price-dtl-conainer .price-dtl-header .price-num{
font-size:18px;
font-weight:bold;
line-height:1;
}
.pseudo-price-dtl-conainer .price-dtl-sup{
margin-top:12px;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-price-dtl-conainer .price-dtl-sup::before,
.pseudo-price-dtl-conainer .price-dtl-sup::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.pseudo-price-dtl-conainer .price-dtl-sup::before{
margin-right:.4em;
}
.pseudo-price-dtl-conainer .price-dtl-sup::after{
margin-left:.4em;
}
.pseudo-price-dtl-conainer .price-dtl-list{
margin-top:8px;
font-size:12px;
}
.pseudo-price-dtl-conainer .price-dtl-list >li >div:last-child{
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.pseudo-price-dtl-conainer .price-dtl-list .price-num{
line-height:1;
font-size:14px;
}
.pseudo-price-dtl-conainer .price-dtl-option{
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-price-dtl-conainer .price-dtl-option li:not(:first-child){
margin-top:8px;
}
.pseudo-price-dtl-conainer .price-dtl-option li >div:last-child{
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}
.pseudo-price-dtl-conainer .price-dtl-desc{
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-price-dtl-conainer .price-dtl-payment{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-price-dtl-conainer .price-dtl-payment-list{
margin:0;
grid-gap:4px 8px;
font-size:12px;
}
.pseudo-price-dtl-conainer .price-dtl-payment-list >li{
display:grid;
grid-template-columns:69px 1fr;
}
.pseudo-price-dtl-conainer .price-dtl-payment-list >li > div:first-child{
position:relative;
}
.pseudo-price-dtl-conainer .price-dtl-payment-list >li > div:first-child::after{
position:absolute;
right:3px;
content:":";
display:inline-block;
top:0;
}
.pseudo-price-dtl-conainer .price-dtl-payment-list >li > div:last-child{
word-break:break-all;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
margin:0;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes > li{
padding-left:1.25em;
position:relative;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes > li .cmn-tip-btn{
position:relative;
margin-left:4px;
top:-1px;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes .price-dtl-payment-notes-child{
margin:4px 0 7px 2px;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes .price-dtl-payment-notes-child > li{
font-size:12px;
line-height:calc(17 / 12);
text-indent:-.4em;
padding-left:.8em;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes .price-dtl-payment-notes-child > li:not(:first-child){
margin-top:4px;
}
.pseudo-price-dtl-conainer .price-dtl-payment-notes .price-dtl-payment-notes-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}

/* pseudo-spot-conainer
---------------------------------- */
.pseudo-spot-conainer > div.pseudo-spot-info:first-child{
margin-top:0;
}
.pseudo-spot-conainer .pseudo-spot-header{
margin-bottom:8px;
}
.pseudo-spot-conainer .pseudo-spot-hdg{
font-size:16px;
}
.pseudo-spot-conainer .pseudo-spot-author{
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-spot-conainer .pseudo-spot-author span:first-child::after{
content:":";
margin:0 4px;
display:inline-block;
}
.pseudo-spot-conainer .pseudo-spot-desc p{
font-size:14px;
}
.pseudo-spot-conainer .pseudo-spot-desc p:not(:first-child){
margin-top:12px;
}
.pseudo-spot-conainer .pseudo-spot-footer{
margin-top:12px;
}
.pseudo-spot-conainer .pseudo-spot-footer .pseudo-spot-footer-link{
text-align:right;
line-height:1;
}
.pseudo-spot-conainer .pseudo-spot-footer .pseudo-spot-footer-link .mod-external{
margin-left:4px;
}
.pseudo-spot-conainer .pseudo-spot-footer .pseudo-spot-footer-link > span::after{
content:":";
display:inline-block;
margin:0 4px;
}
.pseudo-spot-conainer .pseudo-spot-info{
margin-top:20px;
padding:15px;
position:relative;
background-color:#f2f2f2;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-hdg{
font-size:16px;
font-weight:normal;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list{
margin-top:8px;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li{
display:-webkit-box;
display:flex;
width:100%;
table-layout:fixed;
font-size:12px;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li:not(:first-child){
margin-top:5px;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li >div{
word-break:break-all;
word-wrap:break-word;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li >div:first-child{
padding-right:15px;
width:5.2em;
position:relative;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li >div:first-child::after{
content:"：";
display:block;
position:absolute;
top:-1px;
right:3px;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li >div a{
word-break:break-all;
word-wrap:break-word;
text-decoration:none;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-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;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-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;
}
.pseudo-spot-conainer .pseudo-spot-info .pseudo-spot-info-list >li >div:last-child{
-webkit-box-flex:1;
flex:1;
line-height:1.45;
}
.pseudo-spot-conainer .pseudo-spot-info-footer{
margin-top:12px;
}
.pseudo-spot-conainer .pseudo-spot-info-notes >li{
font-size:12px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
}

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

}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-wrapper{
display:-webkit-box;
display:flex;
height:100%;
}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide{
height:auto;
}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-cap{
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic{
position:relative;
width:100%;
height:0;
padding-top:66.6%;
overflow:hidden;
}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic .guard{
z-index:2;
}
.pseudo-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:flex;
-webkit-box-align:end;
align-items:flex-end;
padding:0 10px 4px;
width:100%;
height:50px;
color:rgba(255,255,255,.6);
font-size:10px;
box-sizing:border-box;
background:-webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.pseudo-spot-conainer .swiper-spot-dtl .swiper-container .swiper-slide .swiper-slide-pic .swiper-slide-copy a{
color:rgba(255,255,255,.6);
}
.pseudo-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);
}

/* pseudo-spot-conainer > swiper-spot-thumb
---------------------------------- */
.pseudo-spot-conainer .swiper-spot-thumb{
overflow:hidden;
margin:8px 0 20px;
position:relative;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-container{
margin:0 53px;
overflow:hidden;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-container .swiper-wrapper{
display:-webkit-box;
display:flex;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-container .swiper-slide .swiper-slide-pic{
position:relative;
width:100%;
height:0;
padding-top:73.6%;
overflow:hidden;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-container .swiper-slide .swiper-slide-pic img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-container .swiper-slide .swiper-slide-pic .guard{
z-index:1;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-spot-thumb-prev,
.pseudo-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;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-spot-thumb-prev.swiper-button-disabled,.pseudo-spot-conainer .swiper-spot-thumb .swiper-spot-thumb-next.swiper-button-disabled{
opacity:.3;
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-spot-thumb-prev{
left:0;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.pseudo-spot-conainer .swiper-spot-thumb .swiper-spot-thumb-next{
right:0;
}

/* ----------------------------------------------------------------
  Pseudo Suggest Modules
----------------------------------------------------------------- */
.pseudo-content .pseudo-word-search{
margin:0 -10px;
padding:8px 10px;
background-color:#111;
}
.pseudo-content .pseudo-word-search > div{
border-radius:4px;
background-color:#fff;
position:relative;
}
.pseudo-content .pseudo-word-search input{
padding:0 30px 0 7px;
border:none;
height:44px;
width:100%;
box-sizing:border-box;
border-radius:4px;
color:var(--cmn-font-color-base);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.pseudo-content .pseudo-word-search input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none;
}
.pseudo-content .pseudo-word-search input::-webkit-input-placeholder{
color:#bbb;
font-size:16px;
position:relative;
top:2px;
}
.pseudo-content .pseudo-word-search input::-webkit-input-placeholder,
.pseudo-content .pseudo-word-search input::placeholder{
color:#bbb;
font-size:16px;
position:relative;
top:2px;
}
.pseudo-content .pseudo-word-search button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:none;

}
.pseudo-content .pseudo-word-search button::before{
content:"";
display:block;
position:absolute;
top:16px;
right:14px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}

/* pseudo-select-header
---------------------------------- */
.pseudo-content .pseudo-select-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:16px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-select-header >div:first-child{
margin-right:12px;
}
.pseudo-content .pseudo-select-header .pseudo-select-header-sup{
font-size:14px;
font-weight:bold;
}
.pseudo-content .pseudo-select-header .pseudo-select-btn-history{
margin:0;
padding:0;
background:none;
border:none;
font-size:12px;
}

/* pseudo-select-list
---------------------------------- */
.pseudo-content .pseudo-select-list{
line-height:1.25;
font-size:14px;
}
.pseudo-content .pseudo-select-list > li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-select-list > li a{
padding:3px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:41px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
padding-right:24px;
}
.pseudo-content .pseudo-select-list > li a::before{
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-content .pseudo-select-list > li.pseudo-select-prev a,.pseudo-content .pseudo-select-list > li.pseudo-select-end a{
padding-right:0;
}
.pseudo-content .pseudo-select-list > li.pseudo-select-prev a::before,.pseudo-content .pseudo-select-list > li.pseudo-select-end a::before{
display:none;
}
.pseudo-content .pseudo-select-list > li.pseudo-select-prev a{
color:var(--cmn-font-color-link);
}
.pseudo-content .pseudo-select-list > li.is-disabled a{
opacity:.44;
cursor:default;
}
.pseudo-content .pseudo-select-list > li.is-disabled a::before{
display:none;
}
.pseudo-content .pseudo-select-list > li.is-selected a >span::after{
padding-right:20px;
margin-left:-10px;
content:"";
display:inline;
background:url(/element_sp/j_optional_v2/shared/images/icon-form-checked.svg) right 3px no-repeat;
background-size:12px 8px;
}
.pseudo-content .pseudo-history-list{
line-height:1.25;
font-size:14px;
}
.pseudo-content .pseudo-history-list > li{
border-bottom:1px solid #e5e5e5;

}
.pseudo-content .pseudo-history-list > li a{
padding:3px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:41px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-history-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;
}

/* .pseudo-suggest
----------------------------------------------- */
.pseudo-content .pseudo-suggest{
margin-top:-16px;
}
.pseudo-content .pseudo-suggest >:first-child{
margin-top:0;
}

/* .pseudo-suggest-category
----------------------------------------------- */
.pseudo-content .pseudo-suggest-category{
margin:0 -10px;
padding:8px 10px 10px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

/* .pseudo-suggest-category-hdg
----------------------------------------------- */
.pseudo-content .pseudo-suggest-category-hdg{
font-weight:normal;
font-size:11px;
}

/* .pseudo-suggest-hdg
----------------------------------------------- */
.pseudo-content .pseudo-suggest-hdg{
margin:24px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .pseudo-suggest-sup
----------------------------------------------- */
.pseudo-content .pseudo-suggest-sup{
margin:12px 0;
}

/* pseudo-suggest-header-tools
---------------------------------- */
.pseudo-content .pseudo-suggest-header-tools{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding-top:16px;
margin-bottom:8px;
}
.pseudo-content .pseudo-suggest-header-tools >div:first-child{
margin-right:12px;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide{
-webkit-box-flex:1;
flex:1;
text-align:right;
overflow:hidden;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide a .guide-text{
-webkit-box-pack:end;
justify-content:flex-end;
display:-webkit-inline-box;
display:inline-flex;
max-width:100%;
padding-left:18px;
box-sizing:border-box;
position:relative;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide a .guide-text::before{
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:25px;
height:16px;
background-repeat:no-repeat;
background-size:contain;
background-image:url(/element/j_optional_v2/shared/images/icon-search.svg);
background-size:15px 16px;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide a .guide-text .cmn-dashed{
display:-webkit-inline-box;
display:inline-flex;
overflow:hidden;
position:relative;
white-space:nowrap;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide a .guide-text .cmn-dashed .guide-word-before{
white-space:nowrap;
margin-left:-4px;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide a .guide-text .cmn-dashed .guide-word-after{
white-space:nowrap;
}
.pseudo-content .pseudo-suggest-header-tools .pseudo-suggest-guide a .guide-text .cmn-dashed .guide-word{
display:inline-block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}

/* .pseudo-suggest-list
----------------------------------------------- */
.pseudo-content .pseudo-suggest-list{
line-height:1.25;
font-size:14px;
border-top:1px solid #e5e5e5;
}
.pseudo-content .pseudo-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-suggest-list > li > a{
padding:3px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:41px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-suggest-list > li:not(.loupe):not(.area):not(.spot):not(.airport):not(.station):not(.hotel):not(.minpaku) > a{
padding-left:0;
}
.pseudo-content .pseudo-suggest-list > li[class] > a{
padding-left:20px;
position:relative;
}
.pseudo-content .pseudo-suggest-list > li[class] > a::before{
margin-top:-8px;
content:"";
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.pseudo-content .pseudo-suggest-list > .airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.pseudo-content .pseudo-suggest-list > .station > a::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}
.pseudo-content .pseudo-suggest-list > .spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}
.pseudo-content .pseudo-suggest-list > .hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
}
.pseudo-content .pseudo-suggest-list > .area > a::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}

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

/* .pseudo-logo-google
----------------------------------------------- */
.pseudo-content .pseudo-logo-google{
margin-top:10px;
text-align:right;
line-height:1;
}
.pseudo-content .pseudo-logo-google a{
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
}
.pseudo-content .pseudo-logo-google a > span{
color:var(--cmn-font-color-link);
}
.pseudo-content .pseudo-logo-google img{
margin-left:2px;
width:120px;
vertical-align:text-bottom;
}

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

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

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

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

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

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

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

/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */

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

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

/* loading
----------------------------------------------- */
.loading{
margin:0 -10px;
padding:50px 20px 1000px;
text-align:center;
}
.loading b{
display:block;
width:40px;
height:0;
padding-top:40px;
overflow:hidden;
line-height:2;
margin:0 auto;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 50% 80% no-repeat;
background-size:100%;
-webkit-animation:loading 1s infinite linear;
animation:loading 1s infinite linear;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

/* loading-box
------------------------------------------------ */
.loading-box{
margin:42px 0 1000px;
}
.loading-box .loading-spinner{
display:block;
width:40px;
height:0;
padding-top:40px;
overflow:hidden;
line-height:2;
margin:0 auto;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 50% 80% no-repeat;
background-size:100%;
-webkit-animation:loading 1s infinite linear;
animation:loading 1s infinite linear;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

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

/* error-box
----------------------------------------------- */
.error-box{
padding:30px 0;
text-align:center;
font-size:14px;
}

/* error-card
---------------------------------- */
.error-card{
padding:32px 12px;
margin:12px 0 32px;
text-align:center;
border-radius:6px;
background:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
font-size:14px;
}
.error-card .error-result{
padding:0;
}
.error-card p{
margin:0;
}

/* oveflow-container
------------------------------------------------ */
.overflow-container{
position:relative;
}
.overflow-container .hdg-l3{
margin-bottom:5px;
}
.overflow-container .overflow-item{
width:100%;
position:relative;
}
.overflow-container .overflow-item p{
word-break:break-all;
display:inline;
margin-top:0;
}
.overflow-container .overflow-btn{
display:inline-block;
background:none;
border:none;
color:#a4a4a4;
font-size:14px;
padding:0;
line-height:1;
}
.overflow-container .overflow-btn::before{
content:"...";
display:inline-block;
color:#a4a4a4;
margin:0 4px 0 0;
}
.overflow-container.active{
margin-bottom:30px;
}
.overflow-container.active .overflow-item p{
display:block;
}
.overflow-container.active .overflow-btn{
position:absolute;
bottom:-18px;
right:0;
display:block;
text-align:right;
}
.overflow-container.active .overflow-btn::after{
display:none;
}
.overflow-container.active .overflow-btn::before{
content:"";
display:inline-block;
width:12px;
height:7px;
margin-right:4px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size:100%;
opacity:.6;
top:-1px;
position:relative;
}

/* status-item
------------------------------------------------ */
.status-item{
margin:0 -10px;
padding:0 10px 5px;
display:-webkit-box;
display:flex;
font-size:12px;
-webkit-box-align:center;
align-items:center;
}
.status-item .status span:after{
content:":";
display:inline-block;
margin:0 4px;
}
.status-item .price-item{
-webkit-box-flex:1;
flex:1;
font-size:12px;
}
.status-item .price-item .price{
display:inline-block;
margin-top:-3px;
font-size:12px;
}
.status-item .price-item .price em{
font-weight:bold;
color:var(--cmn-font-color-red);
}
.status-item .price-item .price em b{
font-size:19px;
}

/* select-content
---------------------------------- */
.select-content{
position:relative;
margin:0 -10px -10px;
padding:0 8px 10px;
background-color:rgb(66,74,87);
}
.select-content::before{
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-1px;
}

/* card-container
------------------------------------------------ */
.card-container{
color:var(--cmn-font-color-base);
}
.card-container .card{
border-radius:6px;
margin-top:12px;
padding:12px;
background-color:#fff;
box-shadow:0px 1px 4px rgb(0 0 0 / 30%);
}
.card-container .card.card-news-list{
padding-bottom:0;
}
.card-container .card .card-header{
margin:-12px -12px 0;
padding:12px 12px 0;
box-shadow:0px 4px 4px -3px rgba(0, 0, 0, .3);
}
.card-container .card .card-header .card-header-hdg{
font-size:16px;
font-weight:normal;
}
.card-container .card .card-inner{
margin-top:8px;
border-top:1px solid #e5e5e5;
}
.card-container .card .card-error{
padding:36px 0;
text-align:center;
}
.card-container .card >:first-child:not(.card-header){
margin-top:0;
}
.card-container .card-hdg{
font-size:18px;
margin-top:12px;
font-weight:normal;
}
.card-container .card-hdg-notes{
display:block;
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-gray);
margin:12px 0 0 0;
}
.card-container .card-hdg-notes:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.card-container .card-hdg-notes + .select-toggle-container,
.card-container .card-hdg-notes + .select-area-list{
border-top:1px solid #e5e5e5;
}
.card-container .card-desc{
margin:8px 0 0;
font-size:12px;
}
.card-container .card-notes{
margin:8px 0 0;
font-size:12px;
line-height:calc( 17 /12 );
color:var(--cmn-font-color-gray);
}
.card-container .card-item-footer{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
margin-top:12px;
padding:12px 0;
border-top:1px solid #ddd;
gap:0 8px;
font-size:14px;
}
.card-container .card-item-footer .card-item-footer-link{
float:right;
}

/* select-idx
---------------------------------- */
.select-idx{
border-radius:6px;
margin-top:12px;
padding:12px;
background:#f5f5f5;
box-shadow:0px 1px 4px rgb(0 0 0 / 30%);

}
.select-idx::after{
position:absolute;
top:-24px;
left:0;
width:100%;
content:"";
display:none;
margin:0;
height:24px;
background:-webkit-linear-gradient(rgba(66,74,87,0) 20%, rgba(66,74,87,1) 100%);
background:linear-gradient(rgba(66,74,87,0) 20%, rgba(66,74,87,1) 100%);
z-index:1;
}
.select-idx .select-idx-hdg{
margin-top:12px;
font-size:16px;
font-weight:normal;
}
.select-idx .select-idx-header-hdg{
font-size:18px;
font-weight:normal;
}
.select-idx .select-idx-notes{
display:block;
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-gray);
margin:12px 0 0 0;
}
.select-idx .select-idx-notes:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.select-idx .select-idx-footer{
padding-top:10px;
}
.select-idx .select-idx-more{
text-align:center;
font-size:14px;
}

/* select-idx
---------------------------------- */
.select-idx .select-idx-loading{
box-sizing:border-box;
margin-bottom:1200px;
}

/* swiper-plan
---------------------------------- */
.select-idx-plan .swiper-plan{
margin:4px -12px 0;
overflow:hidden;
}
.select-idx-plan .swiper-plan .swiper-slide{
width:268px;
height:auto;
margin-left:8px;
margin-right:-4px;
}
.select-idx-plan .swiper-plan .swiper-slide:last-child{
margin-right:8px;
}
.select-idx-plan .swiper-plan .swiper-plan-content{
display:-webkit-box;
display:flex;
height:calc(100% - 8px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
padding:12px;
margin:4px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
box-shadow:0px 0px 4px rgba(0, 0, 0, .3);
}
.select-idx-plan .swiper-plan .swiper-plan-header{
display:-webkit-box;
display:flex;
min-height:126px;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb{
position:relative;
padding-right:12px;
margin-top:-12px;
margin-left:-12px;

}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-pic{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:86px;
height:122px;
border-radius:6px 0 6px 0;
overflow:hidden;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-pic img{
width:86px;
height:122px;
object-fit:cover;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .is-nophoto{
border-bottom:1px solid #eee;
border-right:1px solid #eee;
background-color:#fcfcfc;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .is-nophoto img{
width:70px;
height:auto;
}
.select-idx-plan .swiper-plan .swiper-plan-thumb .swiper-plan-rank{
display:block;
text-align:center;
padding:2px 7px 4px;
min-width:36px;
height:21px;
line-height:1;
box-sizing:border-box;
position:absolute;
top:5px;
left:5px;
color:#fff;
font-family:var(--font-num);
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;
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-tags{
margin:8px 0 0;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.select-idx-plan .swiper-plan .swiper-plan-desc .swiper-plan-tags li >span{
display:-webkit-box;
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;
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:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-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:var(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/shared/images/icon/icon-review-5.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-family:var(--font-num);
}
.select-idx-plan .swiper-plan .swiper-plan-review-point .swiper-plan-review-point-label{
font-size:12px;
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{
content:"";
display:block;
top:-7px;
left:14px;
width:20px;
height:7px;
position:absolute;
background:url(/element_sp/j_optional_v2/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-hdg{
font-size:12px;
line-height:1.35;
}
.select-idx-plan .swiper-plan .swiper-plan-review-comment .swiper-plan-review-comment-score{
font-size:12px;
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:12px;
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;
}
.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:20px;
}
.select-idx-theme .swiper-theme{
margin:4px -12px 0;
overflow:hidden;
}
.select-idx-theme .swiper-theme .swiper-slide{
width:152px;
height:118px;
margin-left:8px;
margin-right:-4px;
}
.select-idx-theme .swiper-theme .swiper-slide a{
color:var(--cmn-font-color-base);
}
.select-idx-theme .swiper-theme .swiper-slide:last-child{
margin-right:8px;
}
.select-idx-theme .swiper-theme .swiper-theme-content{
position:relative;
margin:4px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
box-shadow:0px 0px 4px rgba(0, 0, 0, .3);
}
.select-idx-theme .swiper-theme .swiper-theme-pic{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:144px;
height:110px;
border-radius:6px;
overflow:hidden;
image-rendering:-webkit-optimize-contrast;
}
.select-idx-theme .swiper-theme .swiper-theme-pic img{
width:144px;
height:110px;
object-fit:cover;
}
.select-idx-theme .swiper-theme .is-nophoto{
background-color:#fcfcfc;
}
.select-idx-theme .swiper-theme .is-nophoto img{
width:90px;
height:90px;
margin-bottom:10px;
}
.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:4px;
height:23px;
box-sizing:border-box;
}
.select-idx-theme .swiper-theme .swiper-theme-cap span{
font-size:12px;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:136px;
}
.select-idx-theme .swiper-theme .swiper-theme-rank{
display:block;
text-align:center;
padding:3px 7px;
min-width:36px;
height:21px;
line-height:1;
box-sizing:border-box;
position:absolute;
top:5px;
left:5px;
color:#fff;
font-family:var(--font-num);
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:20px;
}
.select-idx-spot .swiper-spot{
margin:4px -12px 0;
overflow:hidden;
}
.select-idx-spot .swiper-spot .swiper-slide{
width:260px;
height:auto;
margin-left:8px;
margin-right:-4px;
}
.select-idx-spot .swiper-spot .swiper-slide a{
color:var(--cmn-font-color-base);
}
.select-idx-spot .swiper-spot .swiper-slide:last-child{
margin-right:8px;
}
.select-idx-spot .swiper-spot .swiper-spot-content{
display:-webkit-box;
display:flex;
height:calc(100% - 8px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
padding:0 12px 12px;
margin:4px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
box-shadow:0px 0px 4px rgba(0, 0, 0, .3);
}
.select-idx-spot .swiper-spot .swiper-spot-thumb{
position:relative;
margin:0 -12px;
}
.select-idx-spot .swiper-spot .swiper-spot-pic{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:100%;
height:195px;
overflow:hidden;
border-radius:6px 6px 0 0;
}
.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-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
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 img{
width:100%;
height:195px;
object-fit:cover;
}
.select-idx-spot .swiper-spot .is-nophoto{
background-color:#fcfcfc;
border-bottom:1px solid #eee;
}
.select-idx-spot .swiper-spot .is-nophoto::after{
display:none;
}
.select-idx-spot .swiper-spot .is-nophoto img{
width:140px;
height:auto;
}
.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);
font-size:10px;
z-index:1;
box-sizing:border-box;
}
.select-idx-spot .swiper-spot .swiper-spot-cap .swiper-spot-cap-link{
display:inline;
color:rgba(255,255,255,.6);
}
.select-idx-spot .swiper-spot .swiper-spot-desc{
margin-top:12px;
}
.select-idx-spot .swiper-spot .swiper-spot-desc-hdg{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.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;
}

/* local FAQ
------------------------------------------------ */
.local-tip-link{
margin:0;
padding:11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
text-align:right;
font-size:13px;
line-height:1.45;
}
.local-tip-link:before{
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
height:5px;
width:5px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.local-tip-link-list-01{
margin:0;
line-height:1.35;
font-size:13px;
}
.local-tip-link-list-01 > li{
border-bottom:1px solid #e9e9e9;
}
.local-tip-link-list-01 > li > a{
color:var(--cmn-font-color-base);
position:relative;
display:block;
padding:11px 10px;
background:#fff;
}
.local-tip-toggle-btn{
margin:-1px 0 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:13px;
text-align:center;
background-color:#fff;
width:100%;
box-sizing:border-box;
}
.local-tip-toggle-btn::before{
margin:-1px 6px 0 0;
content:"";
display:inline-block;
width:8px;
height:5px;
overflow:hidden;
vertical-align:middle;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.local-tip-toggle-container{
margin:0 -10px 20px;
}
.local-tip-toggle-container > .local-tip-toggle-item{
display:none;
}
.local-tip-toggle-container.is-active .local-tip-toggle-btn::before{
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;

}
.local-tip-toggle-container.is-active > .local-tip-toggle-item{
display:block;
}
.local-tip-hdg-faq{
margin:0;
padding:0;
background:none;
font-size:18px;
margin-top:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.local-tip-toggle-container{
margin:8px 0 0;
}
.local-tip-toggle-container .local-tip-toggle-btn{
margin-top:0;
margin-bottom:-12px;
border:none;
color:var(--cmn-font-color-base);
}
.local-tip-toggle-container .local-tip-link-list-01{
border-bottom:1px solid #e5e5e5;
}
.local-tip-toggle-container .local-tip-link-list-01 > li{
border-top:1px solid #e5e5e5;
border-bottom:none;
}
.local-tip-toggle-container .local-tip-link-list-01 > li > a{
padding:12px 0;
font-size:12px;
min-height:40px;
box-sizing:border-box;
color:#222 !important;
}

/* ----------------------------------------------------------------
  local-seo-link
----------------------------------------------------------------- */
/* .local-seo-link-hdg / .local-seo-link-hdg-index
----------------------------------------------- */
.local-seo-link .local-seo-link-hdg,
.local-seo-link .local-seo-link-hdg-index{
margin:0;
padding:0;
background:none;
font-size:18px;
font-weight:normal;
color:var(--cmn-font-color-base);
}

/* .local-seo-link-list
----------------------------------------------- */
.local-seo-link .local-seo-link-list{
margin:0 0 -1px;
}
.local-seo-link .local-seo-link-list > li > a{
padding:8px 0;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}
.local-seo-link .local-seo-link-toggle .local-seo-link-list > li:nth-child(n+4){
display:none;
}
.local-seo-link .is-active .local-seo-link-list > li:nth-child(n+4){
display:block;
}

/* .local-seo-link-list-thumb
----------------------------------------------- */
.local-seo-link .local-seo-link-list-thumb{
margin-right:8px;
width:97px;
height:55px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f5f5f5;
}
.local-seo-link .local-seo-link-list-thumb img{
max-width:100%;
max-height:100%;
vertical-align:bottom;
}

/* .local-seo-link-list-conten
----------------------------------------------- */
.local-seo-link .local-seo-link-list-content{
-webkit-box-flex:1;
flex:1;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-base);
}
.local-seo-link .local-seo-link-list-content > span{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}

/* .local-seo-link-toggle-btn
----------------------------------------------- */
.local-seo-link .local-seo-link-toggle-btn{
margin:-1px 0 -12px;
padding:10px;
color:var(--cmn-font-color-base);
border-bottom:none;
display:block;
width:100%;
font-size:13px;
text-align:center;
background:none;
border:none;
}
.local-seo-link .local-seo-link-toggle-btn > span{
padding-left:14px;
display:inline-block;
position:relative;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-down-l.svg) 0 center no-repeat;
background-size:8px 5px;

}
.local-seo-link .is-active .local-seo-link-toggle-btn > span{
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg) 0 center no-repeat;
background-size:8px 5px;
}

/* select-area-container
------------------------------------------------ */
.select-area-container{
position:relative;
margin:0 -12px;
}
.select-area-container .select-area-inner{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.select-area-container .select-area-inner::-webkit-scrollbar{
display:none;
}
.select-area-container::before,
.select-area-container::after{
top:0;
content:"";
display:block;
position:absolute;
width:12px;
height:100%;
z-index:2;
pointer-events:none;
}
.select-area-container::before{
left:0px;
background:-webkit-linear-gradient(right, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
background:linear-gradient(to left, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}
.select-area-container::after{
right:0px;
background:-webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
background:linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
}
.select-area-container.is-start::before{
display:none;
}
.select-area-container.is-end::after{
display:none;
}
.select-area-container .select-area-list{
white-space:nowrap;
margin:0 0 6px 0;
font-size:0;
}
.select-area-container .select-area-list >li{
padding:0 8px;
display:inline-block;
}
.select-area-container .select-area-list >li:first-child{
padding-left:12px;
}
.select-area-container .select-area-list >li:last-child{
padding-right:12px;
}
.select-area-container .select-area-list >li.is-active a{
position:relative;
}
.select-area-container .select-area-list >li.is-active a::after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#222;
}
.select-area-container .select-area-list a{
display:block;
font-size:14px;
padding:6px 0;
color:var(--cmn-font-color-base);
}

/* select-pref-container
------------------------------------------------ */
.select-pref-container{
position:relative;
margin:8px -12px 0;
}
.select-pref-container .select-pref-inner{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.select-pref-container .select-pref-inner::-webkit-scrollbar{
display:none;
}
.select-pref-container .select-pref-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.select-pref-container .select-pref-list >li{
display:inline-block;
}
.select-pref-container .select-pref-list >li:not(:first-child){
margin-left:4px;
}
.select-pref-container .select-pref-list >li:first-child{
margin-left:12px;
}
.select-pref-container .select-pref-list >li:last-child{
margin-right:12px;
}
.select-pref-container .select-pref-list >li.is-active a{
border-color:var(--cmn-font-color-base);
}
.select-pref-container .select-pref-list a{
display:block;
color:var(--cmn-font-color-base);
font-size:12px;
padding:6px 12px 4px;
border:1px solid #ccc;
border-radius:50px;
background-color:#fff;
}

/* price-cal
------------------------------------------------ */
.price-cal{
margin:0 -10px;
}
.price-cal .price-cal-guide{
padding:0 10px;
line-height:1.2;
}
.price-cal .price-cal-guide:before{
display:inline-block;
content:"\25BC";
}
.price-cal .price-cal-nav{
display:-webkit-box;
display:flex;
margin:0;
border-top:2px solid #d9d9d9;
background-color:#f5f5f5;
}
.price-cal .price-cal-nav li{
-webkit-box-flex:1;
flex:1;
text-align:center;
}
.price-cal .price-cal-nav li a{
position:relative;
display:block;
padding-top:10px;
padding-bottom:10px;
color:var(--cmn-font-color-base);
}
.price-cal .price-cal-nav li a:link,
.price-cal .price-cal-nav li a:visited,
.price-cal .price-cal-nav li a:active,
.price-cal .price-cal-nav li a:hover,
.price-cal .price-cal-nav li a:focus{
color:var(--cmn-font-color-base);
}
.price-cal .price-cal-nav li a:after,
.price-cal .price-cal-nav li a:before{
position:absolute;
top:14px;
}
.price-cal .price-cal-nav li.prev a{
padding-left:30px;
text-align:left;
position:relative;
}
.price-cal .price-cal-nav li.prev a:before{
content:"";
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:4px;
height:4px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.price-cal .price-cal-nav li.prev a:before{
width:8px;
height:8px;
left:11px;
}
.price-cal .price-cal-nav li.next a{
text-align:right;
padding-right:30px;
position:relative;
}
.price-cal .price-cal-nav li.next a:after{
content:"";
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.price-cal .price-cal-nav li.next a:after{
width:8px;
height:8px;
right:11px;
}
.price-cal .price-cal-tbl + .price-cal-nav{
border-top:none;
}
.price-cal .price-cal-btn{
padding:8px 10px 8px;
font-size:14px;
}
.price-cal .price-cal-tbl{
width:100%;
margin:0;
table-layout:fixed;
border-collapse:collapse;
box-sizing:border-box;
}
.price-cal .price-cal-tbl tr.holiday .date{
color:var(--cmn-font-color-red);
}
.price-cal .price-cal-tbl tr.saturday .date{
color:#138add;
}
.price-cal .price-cal-tbl tr:last-child th,
.price-cal .price-cal-tbl tr:last-child td{
border-bottom-color:#d9d9d9;
}
.price-cal .price-cal-tbl th,
.price-cal .price-cal-tbl td{
vertical-align:top;
width:33.3%;
box-sizing:border-box;
border-bottom:1px solid #e9e9e9;
}
.price-cal .price-cal-tbl th{
padding:5px 0;
font-size:13px;
font-weight:normal;
text-align:center;
border-bottom:1px solid #d9d9d9;
border-top:1px solid #d9d9d9;
}
.price-cal .price-cal-tbl th:first-child{
padding-left:20px;
text-align:left;
}
.price-cal .price-cal-tbl td{
padding:10px 0 5px;
font-size:15px;
text-align:center;
line-height:1.2;
}
.price-cal .price-cal-tbl td:first-child{
padding-left:10px;
text-align:left;
}
.price-cal .price-cal-tbl td:last-child{
padding-left:10px;
padding-right:10px;
text-align:right;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-item{
display:none;
position:relative;
margin:0 -99.5% 0 -99.1%;
padding:5px 10px 5px;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-item table{
width:100%;
margin:0;
table-layout:fixed;
border-collapse:collapse;
border-top:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
box-sizing:border-box;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-item table th,
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-item table td{
padding:5px 10px;
text-align:left;
font-size:11px;
border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-item table thead th{
background-color:#f5f5f5;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-item table thead th:first-child{
width:200px;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-btn{
position:relative;
padding:2px 17px 2px 10px;
background:none;
border:none;
color:#06c;
font-size:11px;
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-btn:after{
content:"";
display:block;
position:absolute;
border-right:1px solid #707070;
border-bottom:1px solid #707070;
width:2px;
height:2px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.price-cal .price-cal-tbl .price-cal-dtl-container .price-cal-dtl-btn:after{
position:absolute;
top:4px;
right:5px;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.price-cal .price-cal-tbl .price-cal-dtl-container.active .price-cal-dtl-item{
display:block;
}
.price-cal .price-cal-tbl .price-cal-dtl-container.active .price-cal-dtl-btn:after{
top:7px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
textarea{
padding:5px;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:100%;
min-height:44px;
font-size:16px;
box-sizing:border-box;
-webkit-appearance:none;
appearance:none;
background-color:transparent;
}

/* checkbox & radiobutton
----------------------------------------------- */
.radio-custom input[type="radio"]{
display:none;
}
.radio-custom input[type="radio"]:checked + span::before{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
.radio-custom label{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
padding-left:24px;
}
.radio-custom label > span{
font-size:14px;
}
.radio-custom label > span::before{
position:absolute;
top:50%;
left:0;
margin-top:-10px;
width:20px;
height:20px;
background-image:url(/element_sp/shared/images/icon/icon-form-radio.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.radio-custom.disabled input[type="radio"]:checked + span::before{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}
.radio-custom.disabled label >span{
color:#ccc;
}
.radio-custom.is-align-top input + span::before{
top:-1px;
margin-top:0;
}
.radio-custom.is-left-wide label{
padding-left:28px;
}
.input-custom{
position:relative;
}
.input-custom input[type="text"]{
width:100%;
box-sizing:border-box;
line-height:normal;
font-size:16px;
padding:7px 40px 7px 10px;
border-radius:4px;
border:1px solid #bbb;
height:42px;
font-weight:bold;
}
.input-custom input[type="text"]::-webkit-input-placeholder{
color:#a4a4a4;
font-size:14px;
font-weight:normal;
line-height:1.5;
}
.input-custom .input-reset-btn{
position:absolute;
top:0;
right:0;
display:block;
overflow:hidden;
width:40px;
height:100%;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
background:none;
}
.input-custom .input-reset-btn span{
content:"";
display:block;
position:absolute;
top:50%;
left:13px;
margin-top:-7px;
width:15px;
height:15px;
background:url(/element_sp/shared/images/icon/icon-del.svg) 50% 50% no-repeat;
}

/* .checkbox-custom
------------------------------------------------*/
.checkbox-custom{
position:relative;
padding-left:24px;
min-height:20px;
}
.checkbox-custom input{
display:none;
}
.checkbox-custom input + span::before{
position:absolute;
left:0;
top:50%;
margin-top:-11px;
display:block;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}
.checkbox-custom input:checked + span::before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
}
.checkbox-custom label{
display:inline-block;
vertical-align:middle;
}
.checkbox-custom label > span{
font-size:14px;
word-break:break-all;
color:var(--cmn-font-color-base);
}
.checkbox-custom.disabled input + span::before{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
.checkbox-custom.disabled label >span{
color:#ccc;
}
.checkbox-custom.is-align-top input + span::before{
top:-1px;
margin-top:0;
}
.checkbox-custom.is-left-wide{
padding-left:28px;
}

/* .checkbox-custom-02　
------------------------------------------------*/
.checkbox-custom-02{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.checkbox-custom-02 .checkbox-parts{
position:relative;
display:inline-block;
vertical-align:middle;
width:20px;
height:0;
padding-top:20px;
margin-right:4px;
overflow:hidden;
line-height:2;
}
.checkbox-custom-02 .checkbox-parts input{
display:none;
}
.checkbox-custom-02 .checkbox-parts input + div::before{
position:absolute;
left:0;
top:50%;
margin-top:-10px;
display:block;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}
.checkbox-custom-02 .checkbox-parts input:checked + div::before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
}
.checkbox-custom-02 .checkbox-parts label > div{
width:0;
height:0;
}
.checkbox-custom-02 .checkbox-label{
display:inline-block;
vertical-align:middle;
padding-top:2px;
-webkit-box-flex:1;
flex:1;
}
.checkbox-custom-02 .checkbox-text{
font-size:14px;
color:var(--cmn-font-color-base);
}
.checkbox-custom-02.disabled input + div::before{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
.checkbox-custom-02.disabled .checkbox-label{
color:#ccc;
}

/* select-custom
----------------------------------------------- */
.select-custom{
width:100%;
border-radius:3px;
display:inline-block;
overflow:hidden;
background-color:#fff;
position:relative;
vertical-align:middle;
}
.select-custom.is-unselected select{
color:var(--font-color-placeholder);
}
.select-custom::before{
content:"";
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:6px 6px 0 6px;
border-color:#888 transparent transparent transparent;
border-style:solid;
}
.select-custom::before{
margin-top:-3px;
top:50%;
right:8px;
}
.select-custom select{
-webkit-appearance:none;
-moz-appearance:none;
margin:0;
padding:6px 20px 6px 10px;
border:1px solid #bbb;
border-radius:4px;
font-size:16px;
background:transparent;
width:100%;
height:44px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  Calendar Component
----------------------------------------------------------------- */
.pseudo-cal-header{
position:relative;
margin:0 -10px;
padding:12px;
box-shadow:0px 0px 4px rgb(0 0 0 / 30%);
z-index:100;
color:var(--cmn-font-color-base);
}
.pseudo-cal-header .pseudo-cal-header-desc{
font-size:12px;
}
.pseudo-cal-header-bg{
background-color:#f5f5f5;
position:relative;
margin:0 -10px;
padding:12px;

/* box-shadow: 0px 0px 4px rgb(0 0 0 / 30%); */
z-index:100;
color:var(--cmn-font-color-base);
}
.pseudo-cal-item{
margin-bottom:-20px;
color:var(--cmn-font-color-base);
}
.pseudo-cal-item >:first-child{
border-top:none;
padding-top:0;
}
.pseudo-cal-item-header{
border-top:1px solid #e5e5e5;
position:relative;
margin:0 -10px;
padding:16px 12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:space-between;
align-items:space-between;
}
.pseudo-cal-item-header .pseudo-cal-hdg{
font-size:14px;
-webkit-box-flex:1;
flex:1;
}
.pseudo-cal-item-header .pseudo-cal-option{
width:93px;
}

/* .calendar-container
----------------------------------------------- */
.calendar-container{
margin:0 -10px 18px;
padding:0 12px;
text-shadow:none;
}

/* .calendar
----------------------------------------------- */
.calendar{
font-size:14px;
font-weight:normal;
width:100%;
margin-bottom:3px;
table-layout:fixed;
border-collapse:collapse;
background-color:#fff;
margin:16px 0 0 0;
}
.calendar th{
text-align:center;
font-size:14px;
font-weight:normal;
line-height:1;
padding-bottom:4px;
}
.calendar td{
text-align:center;
position:relative;
padding:8px 0 0 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.calendar td a{
position:relative;
display:block;
padding:12px 0;
color:var(--cmn-font-color-base);
width:38px;
height:38px;
box-sizing:border-box;
margin:0 auto;
font-size:14px;
border-radius:50%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.calendar td strong .icon,
.calendar td strong .icon_start,
.calendar td strong .icon_end{
display:none;
}
.calendar .disabled a{
cursor:default;
color:#ccc;
}
.calendar .active a{
background-color:var(--cmn-btn-color);
color:#fff !important;
}
.calendar tr > th:first-child,
.calendar tr > td:nth-child(1) a,
.calendar tr > td:nth-child(7).holiday a,
.calendar tr > td.holiday a{
color:var(--cmn-font-color-red);
}
.calendar tr > td:nth-child(1).disabled a,
.calendar tr > td:nth-child(7).disabled a,
.calendar tr > td.holiday.disabled a{
color:#ccc;
}
.calendar tr > td.active:nth-child(1) a,
.calendar tr > td:nth-child(7).active a,
.calendar tr > td.holiday.active a{
color:#fff;
}

/* ----------------------------------------------------------------
  FAQ
----------------------------------------------------------------- */
.pseudo-content .cmn-tip-container{
margin:0 -10px;
}
.pseudo-content .pseudo-header + .cmn-tip-container{
margin-top:-10px;
padding-top:0;
}
.pseudo-content ul.cmn-tip-link-list-01{
margin:0 -10px;
}
.pseudo-content .cmn-tip-search-box{
margin:10px 0;
}

/* form-list-container
------------------------------------------------ */
.form-list-container{
margin:0 -10px 0;
padding:10px 20px 25px;
background-color:#fff;
}
.form-list-container .input-custom input[type="text"]{
padding-top:9px;
padding-bottom:9px;
}
.form-list-container .suggest-container{
position:relative;
}
.form-list-container .suggest-container .suggest{
top:37px;
}
.form-list-container .form-list-keyword a{
color:#bbb;
}
.form-list-container .form-list-keyword a.is-selected{
color:var(--cmn-font-color-base);
}
.form-list-container .form-list-keyword-clear{
position:relative;
display:block;
border:1px solid #bbb;
border-radius:4px;
font-size:16px;
background-color:#fff;
min-height:38px;
box-sizing:border-box;
line-height:1.3;
}
.form-list-container .form-list-keyword-clear a{
border:none;
margin-bottom:0;
margin-left:50px;
color:var(--cmn-font-color-base);
}
.form-list-container .form-list-keyword-clear .btn-clear{
position:absolute;
top:50%;
left:10px;
margin-top:-10px;
padding:0;
color:#666;
border:1px solid #bbb;
border-radius:4px;
width:40px;
height:20px;
font-size:12px;
background-color:#fff;
-webkit-font-feature-settings :"palt";
font-feature-settings :"palt";
}

/* .error
----------------------------------------------- */
.error-container{
margin:32px 0 132px;
}
.error-container .error-catch{
margin:10px 0;
font-size:16px;
}
.error-container p{
margin:0;
font-size:12px;
}
.error-container .error-text{
font-size:14px;
}
.error-container .error-align-c,
.error-container #errMsg{
text-align:center;
}
.error-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.error-container .btn{
display:table;
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:55%;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:center;
font-weight:normal;
font-size:14px;
}
.error-container .error-notes{
margin-top:12px;

}
.error-container .error-notes.branch > li::before{
position:absolute;
left:0;
top:0;
content:"\203B";
display:block;
}
.error-container .error-notes >li{
position:relative;
padding-left:1.3em;
color:#666;
font-size:11px;
}
.error{
margin:25px 0 70px;
}
.error .error-catch{
margin:10px 0;
text-align:center;
}
.error .error-catch strong{
color:var(--cmn-font-color-red);
}
.error .error-catch.error-catch-left{
text-align:left;
}
.error p{
margin:0;
}
.error .btn{
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#666;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
box-shadow:none;
background:none;
}
.error-catch + .btn{
margin-top:45px;
}

/* .error-result
----------------------------------------------- */
.error-result{
padding:26px 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:5px;
color:#666;
display:table;
min-width:210px;
box-sizing:border-box;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* pseudo-content-lyt-content
------------------------------------------------ */
.pseudo-content .pseudo-tabs-container{
position:relative;
margin:0 -10px;
background-color:#fff;
box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
}
.pseudo-content .pseudo-tabs{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-content .pseudo-tabs >li{
line-height:1;
}
.pseudo-content .pseudo-tabs >li button{
background:none;
border:none;
margin:0;
padding:0;
outline:none;
}
.pseudo-content .pseudo-tabs >li .key{
position:relative;
display:block;
padding:11px 8px 11px;
margin:0;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.35;
min-height:43px;
box-sizing:border-box;
}
.pseudo-content .pseudo-tabs >li .key::after{
position:relative;
top:3px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.pseudo-content .pseudo-tabs >li .key.multi-line{
font-size:12px;
line-height:calc(15 / 12);
display:block;
}
.pseudo-content .pseudo-tabs >li [aria-selected="true"] .key::after{
background-color:#222;
}
.pseudo-content .pseudo-tabs >li.is-disabled .key{
color:#ccc;
}
.pseudo-content .pseudo-tabs-split{
position:relative;
}
.pseudo-content .pseudo-tabs-split::before{
position:absolute;
left:0;
top:10px;
content:"";
display:block;
width:1px;
height:30px;
background-color:#ddd;
}
.pseudo-content .pseudo-tabs-keyword{
-webkit-box-flex:1;
flex:1;
padding-right:10px;
position:relative;
}
.pseudo-content .pseudo-tabs-keyword .keyword{
position:relative;
}
.pseudo-content .pseudo-tabs-keyword .keyword .keyword-btn-clear{
position:absolute;
right:0;
top:0;
width:30px;
height:0;
padding-top:38px;
overflow:hidden;
line-height:2;
}
.pseudo-content .pseudo-tabs-keyword .keyword .placeholder{
position:absolute;
top:50%;
left:0;
padding:0 12px 0 12px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
color:#bbb;
font-size:12px;
line-height:calc(16 / 12);
display:block;
pointer-events:none;
}
.pseudo-content .pseudo-tabs-keyword .keyword.is-change-placeholder .placeholder{
display:none;
}
.pseudo-content .pseudo-tabs-keyword .keyword.is-change-placeholder::before{
content:"";
display:block;
position:absolute;
top:13px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.pseudo-content .pseudo-tabs-keyword .keyword input[type="search"],
.pseudo-content .pseudo-tabs-keyword .keyword input[type="text"]{
padding:0 30px 0 8px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
outline:none;
}
.pseudo-content .pseudo-tabs-keyword .keyword input[type="search"]:focus,.pseudo-content .pseudo-tabs-keyword .keyword input[type="text"]:focus{
outline-offset:1px;
}
.pseudo-content .pseudo-tabs-keyword .keyword input[type="search"]::-webkit-input-placeholder, .pseudo-content .pseudo-tabs-keyword .keyword input[type="text"]::-webkit-input-placeholder{
color:transparent;
}
.pseudo-content .pseudo-tabs-keyword .keyword input[type="search"]::-webkit-input-placeholder,
.pseudo-content .pseudo-tabs-keyword .keyword input[type="text"]::-webkit-input-placeholder,
.pseudo-content .pseudo-tabs-keyword .keyword input[type="search"]::placeholder,
.pseudo-content .pseudo-tabs-keyword .keyword input[type="text"]::placeholder{
color:transparent;
}
.pseudo-content .pseudo-tabs-keyword .keyword input[type="search"]::-webkit-search-cancel-button,.pseudo-content .pseudo-tabs-keyword .keyword input[type="text"]::-webkit-search-cancel-button{
-webkit-appearance:none;
}
.pseudo-content .pseudo-tabs-content{
display:none;
outline:none;
margin-top:4px;
}
.pseudo-content .pseudo-tabs-content.is-active{
display:block;
}

@media screen and (max-width: 320px){
.pseudo-content .pseudo-tabs-keyword .keyword .placeholder{
padding:0 3px;
}
.pseudo-content .pseudo-tabs-keyword .keyword .placeholder .br{
display:none;
}
}
.pseudo-content .pseudo-suggest-filter{
position:relative;
}
.pseudo-content .pseudo-suggest-filter.is-active .pseudo-suggest-filter-item{
display:block;
}
.pseudo-content .pseudo-suggest-filter.is-active .pseudo-suggest-filter-layer{
display:block;
}
.pseudo-content .pseudo-suggest-filter.is-active .pseudo-suggest-filter-btn::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-color:transparent;
z-index:200;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-item{
display:none;
position:relative;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-item::before{
position:absolute;
top:4px;
left:20px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-item::after{
position:absolute;
top:4px;
left:20px;
margin-left:-3px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:201;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-item .pseudo-suggest-filter-item-inner{
position:absolute;
left:0;
margin-top:9px;
text-align:left;
width:170px;
padding:14px 16px 12px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:201;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-label{
font-size:14px;
font-weight:bold;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list{
font-size:14px;
margin:12px 0 0 0;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .is-disabled{
opacity:.33;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .filter-icon .mod-radio-custom .mod-radio-custom-inner{
padding-left:21px;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .filter-icon .mod-radio-custom .mod-radio-custom-inner::after{
margin-top:-8px;
content:"";
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
left:22px;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .area .mod-radio-custom .mod-radio-custom-inner::after{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .spot .mod-radio-custom .mod-radio-custom-inner::after{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .station .mod-radio-custom .mod-radio-custom-inner::after{
background-image:url(/element/shared/images/icon/icon-train.svg);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .airport .mod-radio-custom .mod-radio-custom-inner::after{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-list .hotel .mod-radio-custom .mod-radio-custom-inner::after{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-btn{
border:1px solid #ccc;
background:none;
background-color:#fff;
border-radius:4px;
padding:6px 19px 6px 8px;
box-sizing:border-box;
height:26px;
width:100%;
font-size:12px;
text-align:left;
position:relative;
color:var(--cmn-font-color-base);
margin:0;

}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-btn span{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:1;
color:var(--cmn-font-color-base);
}
.pseudo-content .pseudo-suggest-filter .pseudo-suggest-filter-btn::after{
position:absolute;
right:8px;
top:50%;
margin-top:-2px;
content:"";
display:block;
border-top:4px solid #222;
border-left:4px solid transparent;
border-right:4px solid transparent;
}

/* .pseudo-frame
---------------------------------- */
.is-pseudo-frame-container{
overflow-y:hidden;
}
.is-pseudo-frame-container .pseudo-content .pseudo-content-lyt-content{
overflow:hidden;
position:relative;
display:none;
}
.is-pseudo-frame-container .pseudo-content .pseudo-content-lyt-content.is-active{
display:-webkit-box;
display:flex;
}
.is-pseudo-frame-container .pseudo-content .pseudo-content-lyt-content.is-flex{
display:-webkit-box;
display:flex;
}
.is-pseudo-frame-container .pseudo-content .pseudo-form-search{
-webkit-box-flex:1;
flex:1;
}
.is-pseudo-frame-container .pseudo-content .pseudo-form-search-item{
height:100%;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame{
/* height: 100vh; */
/* height: 100dvh; */
height:calc(100% - 84px);
box-sizing:border-box;
padding:5px 10px 0;
margin-top:-1px;
background-color:#fff;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-content{
padding:12px 10px 20px;
overflow:hidden;
overflow-y:scroll;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;

/* max-height: 100%; */
min-height:10px;
max-height:calc(100% - 58px - 30px);
box-sizing:border-box;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-radius:4px 4px 0 0;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-footer{
background-color:#ddd;
padding:12px;
border-radius:0 0 4px 4px;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-btn-cv{
box-sizing:border-box;
display:block;
color:#fff;
background-color:var(--cmn-btn-color);
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:34px;
line-height:1.25;
font-size:16px;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-btn-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-btn-list li:first-child:last-child{
margin:0 auto;
max-width:80%;
min-width:60%;
-webkit-box-flex:0;
flex:none;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-btn-list li:first-child:last-child:not(:last-child){
-webkit-box-flex:1;
flex:1;
padding-right:10px;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame .pseudo-frame-btn-list li:last-child{
-webkit-box-flex:1;
flex:1;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame-list >li:not(:first-child){
margin-top:16px;
}
.is-pseudo-frame-container .pseudo-content .pseudo-frame-list >li.is-disabled{
opacity:.33;
}

/* pseudo-form-search
------------------------------------------------ */
.pseudo-content .pseudo-form-search{
margin-top:-12px !important;
}
.pseudo-content .pseudo-form-search .pseudo-form-header{
margin-top:16px;
margin-bottom:0;
}
.pseudo-content .pseudo-form-search .pseudo-form-header + .pseudo-form-search-list{
margin-top:4px;
}
.pseudo-content .pseudo-form-search .pseudo-form-header + .pseudo-form-search-toggle-list-container{
margin-top:4px;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl{
margin:0;
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl th{
position:relative;
padding:12px 12px 12px 0;
vertical-align:middle;
text-align:left;
font-size:12px;
line-height:calc(17 / 12);
width:76px;
box-sizing:border-box;
border-bottom:1px solid #e5e5e5;
font-weight:normal;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl th .cmn-tip-btn{
margin-left:4px;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl td{
padding:12px 0;
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl .pseudo-form-search-list{
margin-top:0;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl .pseudo-form-search-list li:first-child{
padding-top:0;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl .pseudo-form-search-list li:last-child{
padding-bottom:0;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-tbl .pseudo-form-search-conditions th{
vertical-align:top;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-btn-arrow{
position:relative;
margin:0;
padding:6px 10px 6px 10px;
border:1px solid #bbb;
border-radius:4px;
font-size:16px;
text-align:left;
background:transparent;
width:100%;
height:44px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-btn-arrow.is-unselected{
padding-right:20px;
color:var(--font-color-placeholder);
}
.pseudo-content .pseudo-form-search .pseudo-form-search-btn-arrow.is-unselected::before{
margin-top:-4px;
content:"";
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo-content .pseudo-form-search .pseudo-form-search-notes{
margin:12px 0 0 0;
text-align:right;
font-size:12px;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-notes a{
color:var(--cmn-font-color-link);
}
.pseudo-content .pseudo-form-search .pseudo-form-search-list{
margin-top:10px;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-list li{
padding:10px 0;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list-container > .pseudo-form-search-toggle-list{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list-container > .pseudo-form-search-toggle-list > li:first-child{
border-top:none;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list-container .pseudo-form-search-toggle-list-child{
border-top:1px solid #e5e5e5;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list .checkbox-custom{
padding-left:28px;
padding-top:12px;
padding-bottom:12px;

}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list .checkbox-custom label{
margin:-12px 0px;
padding:12px 0;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li{
border-top:1px solid #e5e5e5;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li.is-active >.pseudo-form-search-toggle-list-item{
display:block;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li.is-active >.pseudo-form-search-toggle-list-group >.pseudo-form-search-toggle-list-trigger::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li >.pseudo-form-search-toggle-list-item{
display:none;
margin-left:24px;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li >.pseudo-form-search-toggle-list-group{
display:-webkit-box;
display:flex;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li >.pseudo-form-search-toggle-list-group >div:first-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li >.pseudo-form-search-toggle-list-group >.pseudo-form-search-toggle-list-trigger{
background:none;
border:none;
position:relative;
overflow:hidden;
text-indent:-9999px;
width:55px;
padding:0;
}
.pseudo-content .pseudo-form-search .pseudo-form-search-toggle-list > li >.pseudo-form-search-toggle-list-group >.pseudo-form-search-toggle-list-trigger::before{
position:absolute;
right:0;
top:50%;
margin-top:-4px;
display:block;
width:12px;
height:12px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}
.pseudo-content .pseudo-form-search .pseudo-form-search-guide{
text-align:right;
}

/* payment-info-list
----------------------------------------------- */
.payment-info{
font-size:11px;
margin-top:15px;
}
.payment-info .payment-info-list{
margin:0;
}
.payment-info .payment-info-list >li{
display:-webkit-box;
display:flex;
}
.payment-info .payment-info-list >li >div:first-child{
width:57px;
}
.payment-info .payment-info-list >li >div:last-child{
-webkit-box-flex:1;
flex:1;
position:relative;
padding-left:10px;
}
.payment-info .payment-info-list >li >div:last-child:not(:first-child)::before{
content:":";
position:absolute;
left:2px;
top:0;
}

/* payment-info
----------------------------------------------- */
.box .payment-info{
margin:10px 0 8px;
table-layout:fixed;
width:100%;
border-collapse:collapse;
line-height:1.35;
font-size:10px;
text-align:center;
display:table;
}
.box .payment-info .tbl-thead{
display:table-header-group;
}
.box .payment-info .tbl-tbody{
display:table-row-group;
}
.box .payment-info .tbl-tr{
display:table-row;
}
.box .payment-info .tbl-th,
.box .payment-info .tbl-td{
display:table-cell;
}
.box .payment-info .tbl-th,
.box .payment-info .tbl-td,
.box .payment-info th,
.box .payment-info td{
padding:5px 0;
vertical-align:middle;
}
.box .payment-info .tbl-th,
.box .payment-info th{
padding:4px 0 3px;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}
.box .payment-info .tbl-th:first-child,
.box .payment-info th:first-child{
width:16%;
}
.box .payment-info .tbl-th:nth-child(2),
.box .payment-info th:nth-child(2){
width:18%;
}
.box .payment-info .tbl-th:last-child,
.box .payment-info th:last-child{
width:41%;
border-right-color:#f5f5f5;
}
.box .payment-info .tbl-td,
.box .payment-info td{
border-bottom:1px solid #ddd;
}
.box .payment-info .tbl-td:first-child,
.box .payment-info td:first-child{
border-left:1px solid #ddd;
}
.box .payment-info .tbl-td:last-child,
.box .payment-info td:last-child{
border-right:1px solid #ddd;
}
.box .payment-info .payment-info-credit{
margin:0;
}
.box .payment-info .payment-info-credit > li:not(:first-child){
display:inline-block;
}
.box .payment-info .payment-info-credit > li:not(:first-child):before{
content:"\ff0f";
}
.box .payment-info .payment-info-credit > li:nth-child(2):before{
display:none;
}
.box .payment-info .payment-info-credit > li > ul{
margin:0;
display:inline-block;
text-align:center;
}
.box .payment-info .payment-info-credit > li > ul > li{
display:inline-block;
}
.box .payment-info .payment-info-credit > li > ul > li img{
max-height:10px;
}

/* payment-info-type
----------------------------------------------- */
.payment-info .payment-info-type{
margin:0;
}
.payment-info .payment-info-type >li{
font-size:11px;
display:inline-block;
}
.payment-info .payment-info-type >li:not(:last-child)::after{
content:"/";
margin:0 -2px 0 2px;
display:inline-block;
}
.payment-info .payment-info-type >li.payment-info-credit{
margin-right:5px;
}
.payment-info .payment-info-type >li.payment-info-credit::after{
display:none;
}
.payment-info .payment-info-type .payment-info-credit-mark{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
margin:0;
}
.payment-info .payment-info-type .payment-info-credit-mark > li{
margin-left:2px;
}
.payment-info .payment-info-type .payment-info-credit-mark > li > img{
max-height:10px;
}

/* select-place
------------------------------------------------ */
.select-place{
border-bottom:1px solid #e9e9e9;
margin:0 -10px;
}
.select-place .toggle-container >.toggle-item{
display:none;
}
.select-place .toggle-container.active >.toggle-item{
display:block;
}
.select-place .toggle-container.active > .toggle-list-label{
border-bottom:1px solid #e9e9e9;
}
.select-place .toggle-container.active > .toggle-list-btn::before{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
}
.select-place .toggle-container >.list-link{
border-top:1px solid #e9e9e9;
}
.select-place .toggle-container .toggle-list-label{
position:relative;
padding:10px 35px;
}
.select-place .toggle-container .toggle-list-label a{
display:block;
}
.select-place .toggle-container .toggle-list-label .toggle-list-btn{
position:absolute;
left:0;
top:0;
display:block;
width:30px;
height:0;
padding:40px 0 0 0;
overflow:hidden;
line-height:2;
}
.select-place .toggle-container .toggle-list-btn{
position:relative;
display:block;
width:100%;
padding:10px;
background:none;
border:none;
text-align:left;
font-size:14px;
min-height:40px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.select-place .toggle-container .toggle-list-btn::before{
position:absolute;
top:13px;
right:0;
content:"";
display:block;
width:12px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:100%;
}
.select-place .toggle-list{
margin:0;
}
.select-place .toggle-list > li{
border-bottom:1px solid #e9e9e9;
}
.select-place .toggle-list > li >a{
box-sizing:border-box;
display:block;
position:relative;
padding:11px 10px 9px 10px;
min-height:40px;
word-break:break-all;
line-height:1.3;
color:var(--cmn-font-color-base);
font-size:14px;
}
.select-place .toggle-list > li:last-child{
border-bottom:none;
}
.select-place .toggle-list ul{
margin:0;
}
.select-place .toggle-list ul li a{
padding-left:34px;
}
.select-place .toggle-list ul li .toggle-list-btn{
padding-left:34px;
}
.select-place .toggle-list ul li .toggle-list-btn span::before{
left:38px;
}
.select-place .toggle-list ul li .toggle-list-btn span::after{
left:41px;
}
.select-place .toggle-list ul li ul li a{
padding-left:58px;
}
.select-place .list-link{
margin:0;
border-top:1px solid #e9e9e9;
}
.select-place .list-link li{
border-bottom:1px solid #e9e9e9;
}
.select-place .list-link li:last-child{
border-bottom:none;
}
.select-place .list-link li a{
display:block;
position:relative;
padding:11px 10px 9px 10px;
font-size:13px;
word-break:break-all;
box-sizing:border-box;
min-height:40px;
line-height:1.3;
color:var(--cmn-font-color-base);
}
.select-place .list-link li a .list-link-item{
color:var(--cmn-font-color-base);
font-size:14px;
}
.select-place .list-link li a .list-link-desc{
display:block;
font-size:13px;
}
.select-place .list-link li a .status-item{
color:#666;
}
.select-place .list-link li a .status-item .price{
font-size:11px;
}
.select-place .list-link li a .status-item .price em b{
font-size:16px;
}
.select-place .list-link ul{
border-top:1px solid #e9e9e9;
}
.select-place .list-link ul li a{
padding-left:22px;
}
.select-place.select-place-branch-01 .list-link{
margin:0 -10px;
}
.select-place.select-place-branch-01 .list-link a{
font-size:14px;
}
.select-place.select-place-branch-01{
padding:0 10px;
}

/* seo-select-agt
---------------------------------- */
.seo-select-agt .swiper-agt{
margin:-4px -8px 0 -8px;
background-color:#f5f5f5;
overflow:hidden;
}
.seo-select-agt .swiper-agt .swiper-slide{
width:210px;
height:auto;
margin-left:8px;
margin-right:-4px;
}
.seo-select-agt .swiper-agt .swiper-slide a{
color:var(--cmn-font-color-base);
}
.seo-select-agt .swiper-agt .swiper-slide:last-child{
margin-right:8px;
}
.seo-select-agt .swiper-agt .swiper-agt-content{
display:-webkit-box;
display:flex;
height:calc(100% - 8px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-pack:justify;
justify-content:space-between;
padding:8px;
margin:4px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
box-shadow:0px 0px 4px rgba(0, 0, 0, .3);
}
.seo-select-agt .swiper-agt .swiper-agt-hdg a{
color:var(--cmn-font-color-link);
font-size:14px;
line-height:calc(19 / 14);
}
.seo-select-agt .swiper-agt .swiper-agt-tags{
margin:8px 0 0;
}
.seo-select-agt .swiper-agt .swiper-agt-tags li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.seo-select-agt .swiper-agt .swiper-agt-tags li span{
display:-webkit-box;
display:flex;
}
.seo-select-agt .swiper-agt .swiper-agt-tags li span:first-child::after{
content:":";
display:block;
margin:0 4px 0 3px;
}

/* seo-select-plan
---------------------------------- */
.seo-select-plan .swiper-plan{
margin:-4px -8px 0 -8px;
background-color:#f5f5f5;
overflow:hidden;
}
.seo-select-plan .swiper-plan .swiper-slide{
width:260px;
height:auto;
margin-left:8px;
margin-right:-4px;
}
.seo-select-plan .swiper-plan .swiper-slide a{
color:var(--cmn-font-color-base);
}
.seo-select-plan .swiper-plan .swiper-slide:last-child{
margin-right:8px;
}
.seo-select-plan .swiper-plan .swiper-plan-content{
display:-webkit-box;
display:flex;
height:calc(100% - 8px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-pack:justify;
justify-content:space-between;
padding:8px;
margin:4px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
box-shadow:0px 0px 4px rgba(0, 0, 0, .3);
}
.seo-select-plan .swiper-plan .swiper-plan-hdg a{
color:var(--cmn-font-color-link);
font-size:14px;
line-height:calc(19 / 14);
}
.seo-select-plan .swiper-plan .swiper-plan-tags{
margin:8px 0 0;
}
.seo-select-plan .swiper-plan .swiper-plan-tags li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.seo-select-plan .swiper-plan .swiper-plan-tags li >span{
display:-webkit-box;
display:flex;
}
.seo-select-plan .swiper-plan .swiper-plan-tags li >span:first-child{
white-space:nowrap;
}
.seo-select-plan .swiper-plan .swiper-plan-tags li >span:first-child::after{
content:":";
display:block;
margin:0 4px 0 3px;
}
.seo-select-plan .swiper-plan .swiper-plan-tags li >span:last-child{
-webkit-box-flex:1;
flex:1;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.seo-select-plan .swiper-plan .swiper-plan-item-row{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
align-items:flex-end;
margin-top:8px;
}
.seo-select-plan .swiper-plan .swiper-plan-price-item{
text-align:right;
width:140px;
}
.seo-select-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;
}
.seo-select-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price{
font-size:0;
}
.seo-select-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price .mod-num{
font-size:18px;
line-height:var(1.27);
font-weight:bold;
}
.seo-select-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price .swiper-plan-price-unit{
font-size:12px;
line-height:1.42;
}
.seo-select-plan .swiper-plan .swiper-plan-price-item .swiper-plan-price .swiper-plan-price-tag{
font-size:12px;
line-height:1.42;
}
.seo-select-plan .swiper-plan .swiper-plan-review-point{
font-size:0;
white-space:nowrap;
}
.seo-select-plan .swiper-plan .swiper-plan-review-point::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0;
background-size:auto 10px;
content:"";
}
.seo-select-plan .swiper-plan .swiper-plan-review-point .swiper-plan-review-point-rank{
font-size:14px;
line-height:1.35;
font-family:var(--font-num);
}
.seo-select-plan .swiper-plan .swiper-plan-review-point .swiper-plan-review-point-label{
font-size:12px;
margin-left:8px;
}

/* select-area-list
------------------------------------------------ */
.select-area-list{
margin:8px 0 -12px;

/*
  &.select-toggle-container{
    & .select-toggle-btn{
      padding: 10px;
      color:var(--cmn-font-color-base);
      border:none;
      background: none;
      border-top:1px solid #e9e9e9;
      display: block;
      font-size: 13px;
      text-align: center;
      background-color: #fff;
      width: 100%;
      box-sizing: border-box;
      &::before {
        margin: -1px 8px 0 0;
        content: "";
        display: inline-block;
        width: 12px;
        height: 7px;
        overflow: hidden;
        vertical-align: middle;
        background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
      }
    }
    & .select-toggle-item{
      & > li{
        &:nth-child(n+11){
          display: none;
        }
      }
    }
    &.is-active{
      & .select-toggle-btn{
        &::before{
          background-image: url(/element/shared/images/icon/icon-chevron-up.svg);
        }
      }
      & .select-toggle-item{
        & >li{
          &:nth-child(n+4){
            display: block;
          }
        }
      }
    }
  }
  & .toggle-container{
    & >.toggle-item{
      display:none;
    }
    &.is-active{
      & >.toggle-item{
        display:block;
      }
      & > .toggle-list-btn::before{
        background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
      }
    }
    & .toggle-list-label{
      position:relative;
      padding:10px 35px;
      & a{
        display:block;
      }
      & .toggle-list-btn{
        position:absolute;
        left:0;
        top:0;
        display:block;
        width: 30px;
        height: 0;
        padding:40px 0 0 0;
        margin:0;
        overflow:hidden;
        line-height:2;
      }
    }

    & .toggle-list-btn{
      position:relative;
      display:block;
      width:100%;
      padding:10px 0;
      margin:0;
      background:none;
      border:none;
      text-align:left;
      font-size:14px;
      min-height: 40px;
      box-sizing: border-box;
      color:var(--cmn-font-color-base);
        &::before{
        position:absolute;
        top:13px;
        right:0;
        content:"";
        display:block;
        width:12px;
        height:7px;
        background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
        background-size: 100%;
        }
    }
  }
  & .toggle-list{
    margin:0;
    & > li{
      border-top: 1px solid #E5E5E5;
      &:last-child{
        border-bottom:none;
      }
      & >a{
        position:relative;
        display:block;
        width:100%;
        padding:10px 0;
        text-align:left;
        font-size:14px;
        min-height: 40px;
        box-sizing: border-box;
        color:var(--cmn-font-color-base);
      }
    }
    & ul{
      margin:0;
      & li{
        margin-left:16px;
      }
    }
  }
  & .list-link{
    margin: 0;
    & li{
      border-top:1px solid #e9e9e9;
      &:last-child{
        border-bottom:none;
      }
      & a{
        display:block;
        position:relative;
        padding:10px 0;
        font-size:13px;
        word-break:break-all;
        box-sizing: border-box;
        min-height: 40px;
        color:var(--cmn-font-color-base);
        & .list-link-item{
          color:var(--cmn-font-color-base);
          font-size:14px;
        }
      }
    }
  }
  */
}

/* select-theme-list
------------------------------------------------ */
.select-theme-list{
margin:8px 0 -12px;

/*
  &.select-toggle-container{
    & .select-toggle-btn{
      padding: 10px;
      color:var(--cmn-font-color-base);
      border:none;
      background: none;
      border-top:1px solid #e9e9e9;
      display: block;
      font-size: 13px;
      text-align: center;
      background-color: #fff;
      width: 100%;
      box-sizing: border-box;
      &::before {
        margin: -1px 8px 0 0;
        content: "";
        display: inline-block;
        width: 12px;
        height: 7px;
        overflow: hidden;
        vertical-align: middle;
        background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
      }
    }
    & .select-toggle-item{
      & > li{
        &:nth-child(n+11){
          display: none;
        }
      }
    }
    &.is-active{
      & .select-toggle-btn{
        &::before{
          background-image: url(/element/shared/images/icon/icon-chevron-up.svg);
        }
      }
      & .select-toggle-item{
        & >li{
          &:nth-child(n+4){
            display: block;
          }
        }
      }
    }
  }
  & .toggle-container{
    & >.toggle-item{
      display:none;
    }
    &.is-active{
      & >.toggle-item{
        display:block;
      }
      & > .toggle-list-btn::before{
        background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
        top:16px;
      }
    }
    & .toggle-list-label{
      position:relative;
      padding:10px 35px;
      & a{
        display:block;
      }
      & .toggle-list-btn{
        position:absolute;
        left:0;
        top:0;
        display:block;
        width: 30px;
        height: 0;
        padding:40px 0 0 0;
        margin:0;
        overflow:hidden;
        line-height:2;
      }
    }
    & .toggle-list-btn{
      position:relative;
      display:block;
      width:100%;
      padding:10px 0;
      margin:0;
      background:none;
      border:none;
      text-align:left;
      font-size:14px;
      min-height: 40px;
      box-sizing: border-box;
      color:var(--cmn-font-color-base);
        &::before{
        position:absolute;
        top:17px;
        right:0;
        content:"";
        display:block;
        width:12px;
        height:7px;
        background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
        background-size: 100%;
        }
    }
  }
  & .toggle-list{
    margin:0;
    & > li{
      border-top: 1px solid #E5E5E5;
      &:last-child{
        border-bottom:none;
      }
      & >a{
        position:relative;
        display:block;
        width:100%;
        padding:10px 0;
        text-align:left;
        font-size:14px;
        min-height: 40px;
        box-sizing: border-box;
        color:var(--cmn-font-color-base);
      }
    }
    & ul{
      margin:0;
      & li{
        margin-left:16px;
      }
    }
  }
  & .list-link{
    margin: 0;
    & li{
      border-top:1px solid #e9e9e9;
      &:last-child{
        border-bottom:none;
      }
      & a{
        display:block;
        position:relative;
        padding:10px 0;
        font-size:13px;
        word-break:break-all;
        box-sizing: border-box;
        min-height: 40px;
        color:var(--cmn-font-color-base);
        & .list-link-item{
          color:var(--cmn-font-color-base);
          font-size:14px;
        }
      }
    }
  }
  */
}

/* select-list
------------------------------------------------ */
.select-toggle-container .select-toggle-btn{
padding:10px;
color:var(--cmn-font-color-base);
border:none;
background:none;
border-top:1px solid #e9e9e9;
display:block;
font-size:13px;
text-align:center;
background-color:#fff;
width:100%;
box-sizing:border-box;
}
.select-toggle-container .select-toggle-btn::before{
margin:-1px 8px 0 0;
content:"";
display:inline-block;
width:12px;
height:7px;
overflow:hidden;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
}
.select-toggle-container .select-toggle-item > li:nth-child(n+11){
display:none;
}
.select-toggle-container.is-active .select-toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.select-toggle-container.is-active .select-toggle-item >li:nth-child(n+4){
display:block;
}
.toggle-container >.toggle-item{
display:none;
}
.toggle-container.is-active >.toggle-item{
display:block;
}
.toggle-container.is-active > .toggle-list-btn::before{
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
top:16px;
}
.toggle-container .toggle-list-label{
position:relative;
padding:10px 35px;
}
.toggle-container .toggle-list-label a{
display:block;
}
.toggle-container .toggle-list-label .toggle-list-btn{
position:absolute;
left:0;
top:0;
display:block;
width:30px;
height:0;
padding:40px 0 0 0;
margin:0;
overflow:hidden;
line-height:2;
}
.toggle-container .toggle-list-btn{
position:relative;
display:block;
width:100%;
padding:10px 0;
margin:0;
background:none;
border:none;
text-align:left;
font-size:14px;
min-height:40px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.toggle-container .toggle-list-btn::before{
position:absolute;
top:17px;
right: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:100%;
}
.toggle-list{
margin:0;
}
.toggle-list > li{
border-top:1px solid #e5e5e5;
}
.toggle-list > li:first-child{
border-top:none;
}
.toggle-list > li:last-child{
border-bottom:none;
}
.toggle-list > li >a{
position:relative;
display:block;
width:100%;
padding:10px 0;
text-align:left;
font-size:14px;
min-height:40px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.toggle-list ul{
margin:0;
}
.toggle-list ul li{
margin-left:16px;
}
.list-link{
margin:0;
}
.list-link li{
border-top:1px solid #e9e9e9;
}
.list-link li:last-child{
border-bottom:none;
}
.list-link li a{
display:block;
position:relative;
padding:10px 0;
font-size:13px;
word-break:break-all;
box-sizing:border-box;
min-height:40px;
color:var(--cmn-font-color-base);
}
.list-link li a .list-link-item{
color:var(--cmn-font-color-base);
font-size:14px;
}

/* select-btn
---------------------------------- */
.select-btn a{
margin:-12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:var(--cmn-font-color-base);
font-size:14px;
min-height:45px;
padding:4px 17px 4px 12px;
line-height:calc(18 / 14);
position:relative;
box-sizing:border-box;
}
.select-btn a::after{
position:absolute;
width:7px;
height:12px;
top:50%;
right:12px;
margin-top:-4px;
content:"";
display:block;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-02-r-gry.svg) 100% 50% no-repeat;
background-size:7px auto;
}

/* important-info-02
------------------------------------------------ */
.important-info-02{
margin:10px 0 0;
border-radius:4px;
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
box-sizing:border-box;
background-color:#fff;
}
.important-info-02 .important-info-link{
padding:7px 20px 7px 30px;
color:#666;
box-sizing:border-box;
display:block;
min-height:32px;
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px center no-repeat ;
background-size:14px 12px;
font-size:11px;
font-weight:bold;
}
.important-info-02 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-02.branch{
margin:-10px -10px 10px;
padding:10px;
border-radius:0;
box-shadow:none;
background-color:#0f7ded;
}
.important-info-02 .important-info-link{
border-radius:4px;
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
background-color:#fff;
}

/* important-info-03
------------------------------------------------ */
.important-info-03{
margin:0 -10px;
box-sizing:border-box;
background-color:#fff;
}
.important-info-03 .important-info-link{
padding:7px 20px 7px 30px;
color:#666;
display:block;
min-height:32px;
box-sizing:border-box;
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px center no-repeat ;
background-size:14px 12px;
font-size:11px;
font-weight:bold;
}
.important-info-03 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  GoTo campaign
----------------------------------------------------------------- */
/* .price-goto
--------------------------------------*/
/* .price-event
--------------------------------------*/
.price-event{
margin:0;
padding:6px 26px 6px 6px;
border:1px solid #ddd;
border-radius:4px;
display:block;
color:var(--cmn-font-color-base);
background:url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 50% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
line-height:1.2;
width:100%;
}
.price-event strong{
font-weight:normal;
color:var(--cmn-font-color-red);
}
.price-event > span{
display:block;
}
.price-event .sup{
margin-right:8px;
}
.price-event.goto{
background:#fff url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 6px no-repeat;
background-size:15px;
}
.price-event.goto .price{
display:-webkit-box;
display:flex;
margin-top:2px;
}
.price-event.goto .price .sup{
margin-right:4px;
}

/* .goto-info
----------------------------------------------- */
.goto-info{
margin:10px 0;
border-radius:4px;
background-color:#fff;
font-size:11px;
text-align:left;
}
.goto-info button{
padding:8px 25px 7px 10px;
border:none;
border-radius:4px;
display:block;
position:relative;
box-sizing:border-box;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px 7px;
font-size:11px;
text-align:left;
color:var(--cmn-font-color-base);
}
.goto-info.is-active button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.goto-info strong{
color:var(--cmn-font-color-red);
}
.goto-info .goto-info-content{
padding:10px;
display:none;
}
.goto-info.is-active .goto-info-content{
display:block;
}
.goto-info.is-active .goto-info-content > :first-child{
margin-top:0;
}
.goto-info.is-active .goto-info-content > :last-child{
margin-bottom:0;
}
.goto-info .goto-info-content-list > li{
display:-webkit-box;
display: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;
flex:1;
}
.goto-info .goto-info-content-list .note{
padding-left:1em;
display:block;
text-indent:-1em;
}
.search-area .goto-info{
margin-bottom:0;
}
.goto-info-label{
display:inline-block;
margin-left:8px;

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

/* ----------------------------------------------------------------
  pseudo photo slide page
----------------------------------------------------------------- */
/* pseudo-review-photo-slide
----------------------------------------------- */
.pseudo-review-photo-slide-modal{
background-color:#111;
color:#fff;
}
.pseudo-review-photo-slide-modal .pseudo-review-photo-slide-header{
position:relative;
margin:0 -10px;
padding:25px 50px 25px 50px;
}
.pseudo-review-photo-slide-modal .pseudo-review-photo-slide-header .pseudo-review-photo-slide-hdg{
min-height:20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
}
.pseudo-review-photo-slide-modal .pseudo-review-photo-slide-header .pseudo-review-photo-slide-close{
display:block;
position:absolute;
left:0;
top:0;
width:45px;
height:0;
padding-top:45px;
line-height:2;
overflow:hidden;
background:none;
border:none;
background:#111 url(/element_sp/j_optional_v2/shared/images/icon-slider-close.svg) center center no-repeat;
background-size:17px 17px;
z-index:10;
}
.pseudo-review-photo-slide-modal .pseudo-review-photo-slide{
margin:0 -10px;
}

/* for SEO Pages
------------------------------------------------ */
.lyt-single .search-item-container{
background-color:#fff;
padding:0;
}
.lyt-single .search-item-container >:first-child{
border-top:none;
}
.lyt-single .search-item{
padding:10px;
border-top:6px solid #666;
}
.lyt-single .search-item + div > .act_ad_manage{
padding:15px 0;
background-color:#f5f5f5;
border-top:6px solid #666;
}
.lyt-single .search-item + div > .act_ad_manage p{
background-color:#fff;
}
.lyt-single .search-item + div:last-child > .act_ad_manage{
padding:15px 0;
border-top:1px solid #d9d9d9;
background-color:#fff;
margin-bottom:-1px;
padding-bottom:0;
}
.lyt-single .search-item-container .act_ad_manage + .search-item{
margin-top:6px;
}
.lyt-single .search-item .search-item-info{
padding-left:110px;
min-height:100px;
position:relative;
display:block;
margin:0;
}
.lyt-single .search-item .search-item-info .search-item-thumb{
position:absolute;
top:0;
left:0;
}
.lyt-single .search-item .search-item-info .search-item-thumb span{
display:table-cell;
background-color:#f2f2f2;
width:100px;
height:100px;
vertical-align:middle;
text-align:center;
}
.lyt-single .search-item .search-item-info .search-item-thumb span img{
max-width:100px;
max-height:100px;
vertical-align:middle;
}
.lyt-single .search-item .search-item-info .rank{
position:absolute;
left:0;
top:0;
z-index:1;
display:block;
background-color:#d4d4d4;
color:#4c4c4c;
padding:2px 4px;
font-size:11px;
}
.lyt-single .search-item .search-item-info .rank b{
font-size:16px;
}
.lyt-single .search-item .search-item-info .rank.rank-01{
color:#fff;
background-color:#c7a51d;
}
.lyt-single .search-item .search-item-info .rank.rank-02{
color:#fff;
background-color:#9c9c9c;
}
.lyt-single .search-item .search-item-info .rank.rank-03{
color:#fff;
background-color:#ab8873;
}
.lyt-single .search-item .search-item-hdg{
line-height:1.25;
font-size:15px;
font-weight:bold;
word-break:break-all;
}
.lyt-single .search-item .search-item-hdg a{
color:var(--cmn-font-color-link);
}
.lyt-single .search-item .search-item-lead{
font-size:12px;
margin:8px 0 0 0;
}
.lyt-single .search-item .search-item-tbl{
table-layout:fixed;
width:100%;
margin-top:5px;
font-size:11px;
}
.lyt-single .search-item .search-item-tbl >.tbl-tr:not(:first-child){
margin-top:4px;
}
.lyt-single .search-item .search-item-tbl .tbl-tr{
display:-webkit-box;
display:flex;
}
.lyt-single .search-item .search-item-tbl .tbl-th{
position:relative;
white-space:nowrap;
font-size:12px;
line-height:calc(17 / 12);
}
.lyt-single .search-item .search-item-tbl .tbl-th::after{
content:":";
display:inline-block;
margin:0 4px;
}
.lyt-single .search-item .search-item-tbl .tbl-td{
-webkit-box-flex:1;
flex:1;
}
.lyt-single .search-item .search-item-tbl .review .tbl-th:after{
display:none;
}
.lyt-single .search-item .search-item-tbl .review .icon-r-face{
position:relative;
top:-2px;
margin-left:4px;
}
.lyt-single .search-item .search-item-tbl .review .icon-r-face + a{
display:inline-block;
}
.lyt-single .search-item .nav-search-item{
display:-webkit-box;
display:flex;
margin-top:5px;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
font-size:12px;
padding-right:5px;
word-break:break-all;
}
.lyt-single .search-item .nav-search-item .btn-detail{
width:175px;
}
.lyt-single .search-item .nav-search-item .price-item{
-webkit-box-flex:1;
flex:1;
font-size:12px;
word-break:break-all;
}
.lyt-single .search-item .nav-search-item .price-item .mod-num{
font-size:13px;
}
.lyt-single .search-item .nav-search-item .price-item .price{
display:block;
margin-top:-3px;
font-size:11px;
}
.lyt-single .search-item .nav-search-item .price-item .price em{
font-weight:bold;
color:var(--cmn-font-color-red);
font-size:12px;
}
.lyt-single .search-item .nav-search-item .price-item .price em b{
font-size:16px;
font-family:var(--font-num);
}

/* .mod-tools-modal-layer
------------------------------------------------ */
body.mod-tools-modal-layer-fixed{
overflow:hidden;
height:100%;
z-index:0;
}
.mod-tools-modal-layer{
background-color:rgba(0,0,0,.6);
position:fixed;
width:100%;
height:100%;
z-index:1000;
top:0;
left:0;
}
.mod-tools-modal-container{
position:fixed;
top:9%;
left:0;
right:0;
margin-left:16px;
margin-right:16px;
z-index:1000;
border-radius:5px;
box-sizing:border-box;
min-height:100px;
background:#fff;
}
.mod-tools-modal-container .mod-tools-modal-inner{
border-bottom:20px solid #fff;
position:fixed;
top:calc(9% + 24px);
left:0;
right:0;
z-index:1001;
margin-left:16px;
margin-right:16px;
padding-left:16px;
padding-right:16px;
overflow:hidden;
overflow-y:scroll;
background-color:#fff;
max-height:77%;
border-radius:5px;
}
.mod-tools-modal-container .mod-tools-modal-close{
top:-36px;
right:0;
position:absolute;
display:block;
width:40px;
height:36px;
text-indent:-9999px;
border:none;
padding:0;
background:url(/element_sp/j_optional_v2/shared/images/btn-close.svg) 50% 50% no-repeat;
background-size:20px;
z-index:2001;
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-hdg{
font-size:14px;
line-height:calc(19 / 14);
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-sup{
font-size:12px;
line-height:calc( 17 / 12 );
margin-top:4px;
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-price{
margin-top:2px;
font-size:12px;
font-weight:bold;
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-price .mod-num{
font-size:18px;
line-height:calc(20 / 18);
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-row{
margin-top:4px;
font-size:0;
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-req{
display:inline-block;
margin-right:8px;
font-size:12px;
}
.mod-tools-selector-list .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;
}
.mod-tools-selector-list .dtl-plan-item .dtl-plan-item-age{
display:inline-block;
font-size:12px;
}
.mod-tools-selector-list .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;
}
.mod-tools-selector-list >li{
-webkit-overflow-scrolling:touch;
}
.mod-tools-selector-list >li:first-child >a{
padding-top:0;
}
.mod-tools-selector-list >li:last-child >a{
padding-bottom:0;
}
.mod-tools-selector-list >li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.mod-tools-selector-list >li >a{
color:var(--cmn-font-color-base);
position:relative;
display:block;
background:none;
border:none;
width:100%;
text-align:left;
padding:12px 20px 8px 0;
box-sizing:border-box;
}
.mod-tools-selector-list >li >a::after{
position:absolute;
right:2px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:6px;
height:6px;
border-top:2px solid #999;
border-right:2px solid #999;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.mod-tools-selector-list >li >a.is-visited .dtl-plan-item-hdg,.mod-tools-selector-list >li >a:visited .dtl-plan-item-hdg{
color:var(--font-color-btn-link-visited);
}

/* .dtl-header-tab-fixed
------------------------------------------------ */
.str-container.dtl-header-tab-fixed{
padding-top:44px;
}
.str-container.dtl-header-tab-fixed .dtl-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
padding-bottom:0;
background-color:#fff;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-inner{
display:none;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab{
margin:0;
border-top:none;

}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-header{
display:-webkit-box;
display:flex;
padding:10px 12px 0;
font-size:12px;
line-height:calc(16 / 12);
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-header .dtl-header-tab-hdg{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:2px;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-header .link-history-back{
position:relative;
display:block;
width:34px;
height:20px;
color:rgba(0,0,0,0);
text-indent:100%;
margin-right:16px;
overflow:hidden;
white-space:nowrap;
border-right:1px solid #bbbbbb;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-header .link-history-back::before{
position:absolute;
content:"";
display:block;
top:2px;
left:2px;
width:16px;
height:16px;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0 0 0 12px;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li{
position:relative;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li:not(:first-child){
margin-left:16px;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li > a >span{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
text-align:center;
font-size:14px;
padding:12px 0 14px;
height:43px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li.is-disabled > a >span{
color:#ccc;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li.is-active > a >span::after{
position:absolute;
content:"";
display:block;
height:2px;
left:0;
bottom:8px;
width:100%;
background-color:#333;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more{
position:relative;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more::before{
position:absolute;
top:1px;
content:"";
display:block;
background-color:#ccc;
width:1px;
height:20px;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more .dtl-header-tab-photo{
background:none;
border:none;
border-radius:3px;
padding:2px 5px 2px;
line-height:1;
border:1px solid #bbb;
font-size:12px;
color:var(--cmn-font-color-base);
margin-left:16px;
height:22px;
min-width:72px;
}
.str-container.dtl-header-tab-fixed .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more .dtl-header-tab-photo span{
font-family:var(--font-num);
}
.str-container.dtl-header-tab-fixed .dtl-review-container{
padding:12px 10px 8px;
margin:0;
box-shadow:inset  0px 3px 4px -2px rgb(0 0 0 / 30%);
}
.str-container.dtl-header-tab-fixed.dtl-header-review-fixed{
padding-top:96px;
}
.str-container.dtl-header-tab-fixed.dtl-header-review-fixed .dtl-header .dtl-header-tab{
display:block;
box-shadow:none;
}
.str-container.dtl-header-tab-fixed.dtl-header-review-fixed .dtl-header .dtl-review-container{
display:block;
}

/* .dtl-header-review-fixed
------------------------------------------------ */
.str-container.dtl-header-review-fixed{
padding-top:52px;
}
.str-container.dtl-header-review-fixed .dtl-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
padding-bottom:0;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-header-inner{
display:none;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-score{
display:none;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-container{
margin-top:0;
padding:8px 12px;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-container .dtl-review-inner::after{
content:"";
display:table;
clear:both;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-container .dtl-review-inner .dtl-review-point{
float:left;
margin-top:10px;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-container .dtl-review-inner .dtl-review-sorter{
display:block;
float:right;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-container .dtl-review-inner .dtl-review-sorter .dtl-review-sorter-btn{
width:90px;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-review-container .dtl-review-inner .dtl-review-sorter .dtl-review-sorter-btn::before{
display:none;
}
.str-container.dtl-header-review-fixed .dtl-header .dtl-header-tab{
position:relative;
display:none;
margin:0;
border-top:none;
box-shadow:0px 3px 4px -2px rgb(0 0 0 / 30%);
z-index:100;
}
.str-container.dtl-header-review-fixed .dtl-review-header{
display:none;
}

@media screen and (max-width: 320px){
.str-container.dtl-header-review-fixed .dtl-review-sup{
margin-right:2px !important;
}
.str-container.dtl-header-review-fixed .dtl-review-rank{
margin-right:2px !important;
}
.str-container.dtl-header-review-fixed .dtl-review-rank .dtl-review-rank-label{
margin-left:2px !important;
}
}

/* .secondary-bg
----------------------------------------------- */
.secondary-bg{
margin:-11px -10px 0;
padding:0 10px 1px;
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}
.secondary-bg a.link-history-back{
margin:-1px 0;
padding:4px 0 4px 28px;
border-top:1px solid #000;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
min-height:45px;
position:relative;
line-height:1.35;
text-align:left;
font-size:16px;
}
.secondary-bg a.link-history-back::before{
margin-top:-8px;
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
left:0;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}
.secondary-bg a.link-history-back .link-history-back-overflow{
display:grid;
grid-template-columns:auto 1fr;
}
.secondary-bg a.link-history-back .link-history-back-overflow > span:first-child{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.secondary-bg a.link-history-back .link-history-back-overflow > span:last-child{
white-space:nowrap;
}

/* secondary-header
---------------------------------- */
.secondary-header{
margin:0 -10px;
padding:8px 55px 8px 40px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.secondary-header .secondary-header-hdg{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.secondary-header .secondary-header-btn-close{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:45px;
background:url(/element_sp/j_air_on/shared/images/icon-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.secondary-header .secondary-header-btn-prev{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:45px;
margin-right:-8px;
background:url(/element_sp/j_optional_v2/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}

/* .detail-header
---------------------------------- */
.detail-header{
margin:0 -10px;
padding:8px 55px 8px 40px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.detail-header .detail-header-hdg{
padding:0;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.detail-header .detail-header-back{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}

/* .dtl-header
------------------------------------------------ */
.dtl-header{
position:relative;
color:var(--cmn-font-color-base);
margin:0 -10px;
padding:0 10px;
box-shadow:0px 3px 4px -2px rgb(0 0 0 / 30%);
}

/* .dtl-header-images
------------------------------------------------ */
.dtl-header .dtl-header-images{
position:relative;
margin:0px -10px 0;
}
.dtl-header .dtl-header-images .link-history-back{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:12px;
left:12px;
width:40px;
height:40px;
overflow:hidden;
z-index:1;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-prev-01.svg) no-repeat 0 0;
}
.dtl-header .dtl-header-images .link-history-back::before{
display:none;
}
.dtl-header .dtl-header-images .dtl-header-more{
position:absolute;
right:12px;
bottom:12px;
}
.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:5px 8px 5px;
line-height:1;
}
.dtl-header .dtl-header-images .dtl-header-more button .dtl-header-total > span{
font-family:var(--font-num);
font-size:14px;
color:#fff;
}
.dtl-header .dtl-header-images .dtl-header-more button .dtl-header-total::after{
content:"";
display:inline-block;
margin-left:3px;
width:12px;
height:10px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
}
.dtl-header .dtl-header-images .dtl-header-list{
margin:0;
}
.dtl-header .dtl-header-images .dtl-header-list::after{
content:"";
display:table;
clear:both;
}
.dtl-header .dtl-header-images .dtl-header-list > li{
float:left;
height:125px;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(1){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(2){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(3){
width:33.33%;
}
.dtl-header .dtl-header-images .dtl-header-list > li:nth-child(4){
width:33.33%;
}
.dtl-header .dtl-header-images .dtl-header-list > li:last-child{
width:33.33%;
}
.dtl-header .dtl-header-images .dtl-header-list > li .dtl-header-thumb{
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;
height:125px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-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:-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-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(1){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(2){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(3){
width:33.33%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:nth-child(4){
width:33.33%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-5 > li:last-child{
width:33.33%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:nth-child(1){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:nth-child(2){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:nth-child(3){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-4 > li:last-child{
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:nth-child(1){
width:50%;
height:250px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:nth-child(1) a{
height:250px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:nth-child(2){
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-3 > li:last-child{
width:50%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2 > li{
height:250px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2 > li a{
height:250px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2 > li:nth-child(1){
width:57%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-2 > li:last-child{
width:43%;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-1 > li{
width:100%;
height:250px;
}
.dtl-header .dtl-header-images .dtl-header-list.grid-1 > li a{
height:250px;
}

/* .dtl-header-tab
------------------------------------------------ */
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab{
position:relative;
background:#fff;
display:-webkit-box;
display:flex;
z-index:100;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-header{
display:none;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li{
position:relative;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li:not(:first-child){
margin-left:16px;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li > a >span{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
text-align:center;
font-size:14px;
padding:12px 0 14px;
height:43px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li.is-disabled > a >span{
color:#ccc;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li.is-active > a >span::after{
position:absolute;
content:"";
display:block;
height:2px;
left:0;
bottom:8px;
width:100%;
background-color:#333;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more{
position:relative;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more::before{
position:absolute;
top:1px;
content:"";
display:block;
background-color:#ccc;
width:1px;
height:20px;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more .dtl-header-tab-photo{
background:none;
border:none;
border-radius:3px;
padding:2px 5px 2px;
line-height:1;
border:1px solid #bbb;
font-size:12px;
color:var(--cmn-font-color-base);
margin-left:16px;
height:22px;
min-width:72px;
}
.str-container:not(.dtl-header-tab-fixed):not(.dtl-header-review-fixed) .dtl-header .dtl-header-tab .dtl-header-tab-list > li.dtl-header-tab-more .dtl-header-tab-photo span{
font-family:var(--font-num);
}
/*
    & .dtl-header-more{
      position:relative;
      padding:12px 0;
      text-align: center;
      top:-2px;
      & button{
        background: none;
        border: none;
        display: inline-block;
        background-color: rgba(0,0,0,.7);
        border-radius: 3px;
        white-space: nowrap;
        padding:1px 5px 2px;
        line-height: 1;
        & .dtl-header-total{
          & > span{
            font-family:var(--font-num);
            font-weight: bold;
            font-size:11px;
            color:#fff;
          }
          &::after{
            content:"";
            position:relative;
            top:1px;
            display:inline-block;
            margin-left:3px;
            width: 12px;
            height: 10px;
            background: url(/element_sp/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;
          }
        }
      }
    }
*/

/* .dtl-header-hdg
------------------------------------------------ */
.dtl-header .dtl-header-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:bold;
margin-top:12px;
word-break:break-all;
}

/* dtl-header-item-list
------------------------------------------------ */
.dtl-header .dtl-header-item-list{
margin:8px 0 0 0;
display:table;
table-layout:fixed;

}
.dtl-header .dtl-header-item-list >li{
display:table-row;
font-size:12px;
}
.dtl-header .dtl-header-item-list >li:not(:first-child) > div{
padding-top:4px;
}
.dtl-header .dtl-header-item-list >li:not(:first-child) > div:first-child::after{
top:3px;
}
.dtl-header .dtl-header-item-list >li > div{
display:table-cell;
word-break:break-all;
}
.dtl-header .dtl-header-item-list >li > div:first-child{
white-space:nowrap;
position:relative;
padding-right:12px;
min-width:35px;
}
.dtl-header .dtl-header-item-list >li > div:first-child::after{
position:absolute;
top:-1px;
right:4px;
content:":";
display:inline-block;
}
.dtl-header .dtl-header-item-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* dtl-header-desc
------------------------------------------------ */
.dtl-header .dtl-header-desc{
margin-top:8px;
font-size:12px;
word-break:break-all;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container.is-active .dtl-header-desc-toggle-overflow{
display:none;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container.is-active .dtl-header-desc-toggle-item{
display:block;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow .dtl-header-desc-toggle-trigger{
display:inline-block;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow .dtl-header-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:12px;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-overflow .dtl-header-desc-toggle-trigger button::before{
content:"...";
position:relative;
display:inline-block;
color:#a4a4a4;
margin-right:4px;
font-size:14px;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-item{
display:none;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-item .dtl-header-desc-toggle-trigger{
display:block;
text-align:right;
margin-top:4px;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-item .dtl-header-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:13px;
}
.dtl-header .dtl-header-desc.dtl-header-desc-toggle-container .dtl-header-desc-toggle-item .dtl-header-desc-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
margin-right:4px;
display:inline-block;
width:8px;
height:5px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:8px 5px;
}

/* dtl-header-info
------------------------------------------------ */
.dtl-header .dtl-header-info{
margin-top:12px;
font-size:12px;
word-break:break-all;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container.is-active .dtl-header-info-toggle-overflow{
display:none;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container.is-active .dtl-header-info-toggle-item{
display:block;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-overflow .dtl-header-info-toggle-trigger{
display:inline-block;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-overflow .dtl-header-info-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:12px;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-overflow .dtl-header-info-toggle-trigger button::before{
content:"...";
position:relative;
display:inline-block;
color:#a4a4a4;
margin-right:4px;
font-size:14px;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-item{
display:none;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-item .dtl-header-info-toggle-trigger{
display:block;
text-align:right;
margin-top:4px;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-item .dtl-header-info-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:13px;
}
.dtl-header .dtl-header-info.dtl-header-info-toggle-container .dtl-header-info-toggle-item .dtl-header-info-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
margin-right:4px;
display:inline-block;
width:8px;
height:5px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:8px 5px;
}

/* .dtl-header > search-item-review
------------------------------------------------ */
.dtl-header .search-item-review{
margin-top:8px;
}
.dtl-header .search-item-review .search-item-review-point{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:0;
line-height:1;
}
.dtl-header .search-item-review .search-item-review-point .cmn-tip-btn{
margin-left:4px;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-rank{
position:relative;
top:-1px;
display:-webkit-box;
display:flex;
font-size:0;
-webkit-box-align:center;
align-items:center;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-rank .icon-r-face{
margin-right:4px;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label{
position:relative;
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-rank .search-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 2px;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label .blank::before{
position:absolute;
top:1px;
left:0;
content:"-";
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-rank .search-item-review-point-rank-label .blank::after{
position:absolute;
top:1px;
right:0;
content:"-";
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-label{
font-weight:normal;
font-size:12px;
margin-left:8px;
}
.dtl-header .search-item-review .search-item-review-point .search-item-review-point-label > span > a{
color:var(--cmn-font-color-base);
}
.dtl-header .search-item-review .search-item-review-comment{
margin-top:8px;
position:relative;
border:1px solid #ddd;
border-radius:4px;
padding:10px 12px;
}
.dtl-header .search-item-review .search-item-review-comment::before{
position:absolute;
top:-6px;
left:18px;
content:"";
display:block;
width:11px;
height:6px;
background:url(/element_sp/j_optional_v2/shared/images/icon-balloon-arrow.svg) 0 0 no-repeat;
background-size:11px 6px;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-hdg{
font-size:12px;
font-weight:normal;
word-break:break-all;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-summary{
font-size:12px;
line-height:calc(17/12);
margin-top:4px;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-summary >span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-desc{
font-size:12px;
line-height:calc( 17/12 );
word-break:break-all;
margin-top:2px;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link{
position:relative;
color:#a4a4a4;
display:inline-block;
padding-right:8px;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link::after{
position:absolute;
right:0;
top:50%;
margin-top:-5px;
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%;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-desc .search-item-review-comment-more-link .search-item-review-comment-more{
color:var(--cmn-font-color-base);
display:inline-block;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-desc p{
margin:0;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-link{
text-align:right;
}
.dtl-header .search-item-review .search-item-review-comment .search-item-review-comment-link a{
display:inline-block;
padding-top:8px;
font-size:12px;
color:var(--cmn-font-color-base);
line-height:1;
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}

/* .dtl-header > .dtl-header-agt
---------------------------------- */
.dtl-header .dtl-header-agt{
margin-top:12px;
padding-bottom:12px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-hdg{
font-size:18px;
font-weight:normal;
line-height:calc(23/18);
}
.dtl-header .dtl-header-agt .dtl-header-agt-review{
margin-top:8px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-review .dtl-header-agt-review-list{
margin:0;
line-height:1;
}
.dtl-header .dtl-header-agt .dtl-header-agt-review .dtl-header-agt-review-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:end;
align-items:flex-end;
font-size:12px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-review .dtl-header-agt-review-list > li:not(:first-child){
margin-left:12px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-review .dtl-header-agt-review-list > li .cmn-tip-btn{
margin-left:4px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-review .dtl-header-agt-review-list > li.dtl-header-agt-review-list-avg > div:first-child{
margin-right:4px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-add{
margin-top:8px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-add .dtl-header-agt-link{
font-size:12px;

}
.dtl-header .dtl-header-agt .dtl-header-agt-add .dtl-header-agt-link a{
color:var(--cmn-font-color-base);
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-add .dtl-header-agt-link > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc{
font-size:12px;
word-break:break-all;
margin-top:8px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container.is-active .dtl-header-agt-desc-toggle-overflow{
display:none;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container.is-active .dtl-header-agt-desc-toggle-item{
display:block;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-item{
display:none;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-item .dtl-header-agt-desc-toggle-trigger{
display:block;
text-align:right;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-item .dtl-header-agt-desc-toggle-trigger button{
background:none;
padding:10px 0 12px;
border:none;
color:#a4a4a4;
font-size:13px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-item .dtl-header-agt-desc-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
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-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-overflow{
display:block;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-overflow .dtl-header-agt-desc-toggle-trigger{
display:inline-block;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-overflow .dtl-header-agt-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:12px;
}
.dtl-header .dtl-header-agt .dtl-header-agt-desc-toggle-container .dtl-header-agt-desc-toggle-overflow .dtl-header-agt-desc-toggle-trigger button::before{
content:"...";
position:relative;
display:inline-block;
color:#a4a4a4;
margin-right:4px;
font-size:14px;
}

@media screen and (max-width: 320px){
.dtl-header .dtl-header-agt .dtl-header-agt-review .dtl-header-agt-review-list > li:not(:first-child){
margin-left:7px;
}
}

/* .dtl-header-card
---------------------------------- */
.dtl-header-card{
padding:0 0 10px;
}
.dtl-header-card .dtl-header-card-content{
border:1px solid #ddd;
border-radius:5px;
padding:0 12px;
}
.dtl-header-card .dtl-header-card-hdg{
position:relative;
font-size:16px;
font-weight:normal;
margin:0 -12px 0;
border-radius:5px 5px 0 0;
padding:0 12px;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
}
.dtl-header-card .dtl-header-card-hdg::before{
content:"";
display:block;
width:calc( 100% - 20px);
height:1px;
background-color:#ebebeb;
position:absolute;
left:10px;
bottom:1px;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list{
margin:8px 0 0 0;
display:table;
table-layout:fixed;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list >li{
display:table-row;
font-size:12px;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list >li:not(:last-child) > div{
padding-bottom:8px;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list >li > div{
display:table-cell;
word-break:break-all;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list >li > div:first-child{
white-space:nowrap;
position:relative;
padding-right:12px;
min-width:48px;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list >li > div:first-child::after{
position:absolute;
top:-1px;
right:4px;
content:":";
display:inline-block;
}
.dtl-header-card .dtl-header-card-item .dtl-header-card-item-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.dtl-header-card .dtl-header-place-map-container{
margin-top:8px;
}
.dtl-header-card .dtl-header-place-map-container .dtl-header-place-map{
height:185px;
margin:0;
}
.dtl-header-card .dtl-header-place-map-container .dtl-header-place-map-info{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
margin-top:8px;
}
.dtl-header-card .dtl-header-place-map-container .dtl-header-place-map-info > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.dtl-header-card .dtl-header-place-map-container .dtl-header-place-map-info > div:last-child{
text-align:right;
}
.dtl-header-card .dtl-header-place-map-container .dtl-header-place-map-info .dtl-header-place-map-info-app{
display:inline-block;
position:relative;
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:11px;
color:var(--cmn-font-color-base);
height:30px;
padding:6px 11px 5px 24px;
box-sizing:border-box;

}
.dtl-header-card .dtl-header-place-map-container .dtl-header-place-map-info .dtl-header-place-map-info-app::before{
content:"";
display:block;
width:8px;
height:14px;
position:absolute;
top:50%;
margin-top:-6px;
left:11px;
background:url(/element_sp/j_optional_v2/shared/images/icon-map-pin.svg) 0 0 no-repeat;

}

/* dtl-header-card-toggle-container
------------------------------------------------ */
.dtl-header-card-toggle-container.is-active > .dtl-header-card-toggle-item{
display:block;
}
.dtl-header-card-toggle-container.is-active > .dtl-header-card-toggle-trigger{
margin-bottom:0;
border-radius:5px 5px 0 0;
}
.dtl-header-card-toggle-container.is-active > .dtl-header-card-toggle-trigger::after{
display:none;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.dtl-header-card-toggle-container.is-active > .dtl-header-card-toggle-trigger::before{
display:block;
}
.dtl-header-card-toggle-container .dtl-header-card-toggle-item{
display:none;
}
.dtl-header-card-toggle-container .dtl-header-card-toggle-trigger{
position:relative;
border-radius:5px;
}
.dtl-header-card-toggle-container .dtl-header-card-toggle-trigger::after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-4px;
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-header-card-toggle-container .dtl-header-card-toggle-trigger::before{
display:none;
}
.dtl-header-card-toggle-container .dtl-header-card-toggle-close-trigger{
text-align:right;
}
.dtl-header-card-toggle-container .dtl-header-card-toggle-close-trigger button{
background:none;
padding:0 0 12px;
border:none;
color:#666;
font-size:12px;
}
.dtl-header-card-toggle-container .dtl-header-card-toggle-close-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-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}

/* .dtl-review-container
------------------------------------------------ */
.dtl-review-container{
margin-top:8px;
padding-bottom:12px;
background-color:#fff;
position:relative;
}
.dtl-review-container .dtl-review-sorter{
display:none;
}
.dtl-review-container .dtl-review-point{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
font-size:0;
}
.dtl-review-container .dtl-review-point .cmn-tip-btn{
margin-left:4px;
}
.dtl-review-container .dtl-review-point .dtl-review-rank{
position:relative;
top:-1px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:0;
}
.dtl-review-container .dtl-review-point .dtl-review-rank .icon-r-face{
margin-right:4px;
}
.dtl-review-container .dtl-review-point .dtl-review-rank .dtl-review-rank-label{
position:relative;
font-size:14px;
font-family:var(--font-num);
font-weight:normal;
}
.dtl-review-container .dtl-review-point .dtl-review-rank .dtl-review-rank-label .blank{
position:relative;
display:inline-block;
width:11px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
margin:0 4px 0 2px;
}
.dtl-review-container .dtl-review-point .dtl-review-rank .dtl-review-rank-label .blank::before{
position:absolute;
top:-1px;
left:0;
content:"-";
display:block;
font-size:14px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.dtl-review-container .dtl-review-point .dtl-review-rank .dtl-review-rank-label .blank::after{
position:absolute;
top:-1px;
right:0;
content:"-";
display:block;
font-size:14px;
color:var(--cmn-font-color-gray);
line-height:1;
}
.dtl-review-container .dtl-review-point .dtl-review-label{
font-weight:normal;
font-size:12px;
margin-left:8px;

}

/* .dtl-review-header
------------------------------------------------ */
.dtl-review-header{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
margin:12px 0;
}
.dtl-review-header .dtl-review-header-total{
font-size:12px;
}
.dtl-review-header > div:first-child{
-webkit-box-flex:1;
flex:1;
margin-right:10px;
}
.dtl-review-header .dtl-review-all-btn{
text-align:center;
padding:0;
height:36px;
width:100%;
border-radius:3px;
background:#fff;
border:1px solid #bbb;
box-shadow:0px 1px 0px #bbb;
color:#666;
font-size:13px;
}

/* dtl-review-score
------------------------------------------------ */
.dtl-review-score{
margin:12px 0 0 0;
}
.dtl-review-score > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1.3;

}
.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:12px;
width:60px;
}
.dtl-review-score > li .dtl-review-score-number{
white-space:nowrap;
font-size:12px;
width:42px;
text-align:right;
}
.dtl-review-score > li .dtl-review-score-bar{
-webkit-box-flex:1;
flex:1;
line-height:0;
margin:0 12px;
}
.dtl-review-score .dtl-review-score-bar-bg{
position:relative;
background-color:#ededed;
display:inline-block;
width:100%;
height:4px;
border-radius:4px;
}
.dtl-review-score .dtl-review-score-bar-bg .dtl-review-score-bar-value{
position:absolute;
display:inline-block;
height:0;
padding-top:4px;
border-radius:4px;
overflow:hidden;
line-height:2;
background-color:#338cd5;
}

/* .dtl-review-sorter
------------------------------------------------ */
.dtl-review-sorter{
text-align:right;
position:relative;
}
.dtl-review-sorter.is-active .dtl-review-sorter-item{
display:block;
}
.dtl-review-sorter.is-active .dtl-review-sorter-layer{
display:block;
}
.dtl-review-sorter .dtl-review-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
z-index:102;
}
.dtl-review-sorter .dtl-review-sorter-item{
display:none;
position:relative;
z-index:103;
}
.dtl-review-sorter .dtl-review-sorter-item::before{
position:absolute;
top:3px;
right:53px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.dtl-review-sorter .dtl-review-sorter-item .dtl-review-sorter-item-inner{
position:absolute;
right:0;
margin-top:9px;
text-align:left;
width:153px;
padding:14px 20px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:2;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.dtl-review-sorter .dtl-review-sorter-item .dtl-review-sorter-item-inner::after{
position:absolute;
top:-9px;
right:50px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.dtl-review-sorter .dtl-review-sorter-label{
font-size:15px;
font-weight:bold;
}
.dtl-review-sorter .dtl-review-sorter-list{
font-size:15px;
margin:0;
}
.dtl-review-sorter .dtl-review-sorter-btn{
text-align:center;
padding:0;
width:122px;
height:36px;
border-radius:3px;
background:#fff;
border:1px solid #bbb;
box-shadow:0px 1px 0px #bbb;
color:#666;
font-size:13px;
}
.dtl-review-sorter .dtl-review-sorter-btn::before{
content:"";
display:inline-block;
width:15px;
height:13px;
background:url(/element_sp/j_optional_v2/shared/images/icon-form-sort.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:5px;
}

/* .dtl-content
------------------------------------------------ */
.dtl-content{
margin:0 -10px;
padding:0 10px 16px;
border-top:1px solid transparent;
background-color:#f5f5f5;
}
.dtl-content .search-item-container{
margin:0 -10px;
padding:0 8px;
}
.dtl-content .loading-box{
margin:42px 0 1000px;
}
.dtl-content .error-box .error-wording{
text-align:center;
font-size:14px;
}
.dtl-content .error-box .error-message{
margin-top:10px;
text-align:center;
font-size:14px;
}
.dtl-content .error-box .error-action{
margin-top:20px;
text-align:center;
}
.dtl-content .error-box .error-action .error-action-btn{
margin:0 auto;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#666;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* .dtl-content > cmn-sns-list
------------------------------------------------ */
.dtl-content .cmn-sns-list{
border-top:none;
margin-top:0;
padding-top:20px;
padding-bottom:20px;
}

/* .dtl-content > dtl-card
------------------------------------------------ */
.dtl-content .dtl-card{
background-color:#fff;
margin-top:12px;
border-radius:5px;
padding:0 12px 12px;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
color:var(--cmn-font-color-base);
position:relative;
}
.dtl-content .dtl-card > :first-child{
border-top:none !important;
}
.dtl-content .dtl-card.dtl-card-summary{
margin-top:0;
padding-bottom:0;
}
.dtl-content .dtl-card .dtl-card-sch .dtl-card-sch-req{
margin:0;
display:-webkit-box;
display:flex;
font-size:12px;
}
.dtl-content .dtl-card .dtl-card-sch .dtl-card-sch-req > div{
word-break:break-all;
}
.dtl-content .dtl-card .dtl-card-sch .dtl-card-sch-req > div:first-child{
white-space:nowrap;
position:relative;
padding-right:12px;
}
.dtl-content .dtl-card .dtl-card-sch .dtl-card-sch-req > div:first-child::after{
position:absolute;
top:-1px;
right:4px;
content:":";
display:inline-block;
}
.dtl-content .dtl-card .dtl-card-sch .dtl-card-sch-req > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.dtl-content .dtl-card-summary-desc{
font-size:12px;
line-height:calc(17 / 12);
margin-bottom:12px;
word-break:break-all;
}

/* dtl-card-block
---------------------------------- */
.dtl-content .dtl-card-block{
border-top:1px solid #ccc;
box-sizing:border-box;
padding-bottom:20px;
}
.dtl-content .dtl-card-block.dtl-card-overview .dtl-card-item:first-child{
margin-top:12px;
}
.dtl-content .dtl-card-aside .dtl-card-item-desc{
margin-top:0px;
}
.dtl-content .dtl-card-recommend .dtl-card-item-desc{
margin-top:8px;
}
.dtl-content .dtl-card-recommend .dtl-card-item + .dtl-card-item{
margin-top:20px;
}
.dtl-content .dtl-card-apeal .dtl-card-item + .dtl-card-item{
margin-top:12px;
}
.dtl-content .dtl-card-start-place .dtl-card-item >:first-child,.dtl-content .dtl-card-end-place .dtl-card-item >:first-child{
margin-top:0;
}
.dtl-content .dtl-card-start-place .dtl-card-item-list,.dtl-content .dtl-card-end-place .dtl-card-item-list{
margin-top:8px;
}
.dtl-content .dtl-card-start-place .dtl-card-item-desc,.dtl-content .dtl-card-end-place .dtl-card-item-desc{
margin-top:0px;
}
.dtl-content .dtl-card-sch .dtl-card-item-desc{
margin-top:8px;
margin-bottom:8px;
}

/* dtl-card-terms
---------------------------------- */
.dtl-content .dtl-card-terms{
margin-top:12px;
margin-bottom:8px;
font-size:12px;
}
.dtl-content .dtl-card-terms + .dtl-card-tools{
margin-top:-6px;
}
.dtl-content .dtl-card-terms-row{
display:-webkit-box;
display:flex;
}
.dtl-content .dtl-card-terms-set{
-webkit-box-flex:1;
flex:1;
}
.dtl-content .dtl-card-terms-set-item{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
-webkit-box-flex:1;
flex:1;
font-size:14px;
margin-top:2px;
padding-right:8px;
}

/* dtl-card-terms-toggle-container
---------------------------------- */
.dtl-content .dtl-card-terms-toggle-container.is-active .search-agt-tools{
border-top:none;
margin-top:0;
}
.dtl-content .dtl-card-terms-toggle-container.is-active .dtl-card-terms-toggle-overflow{
display:none;
}
.dtl-content .dtl-card-terms-toggle-container.is-active .dtl-card-terms-toggle-item{
display:block;
}
.dtl-content .dtl-card-terms-toggle-container.is-active .dtl-card-terms-toggle-trigger button{
color:#fff;
width:auto;
background:none;
border:none;
padding-left:12px;
padding-right:12px;
}
.dtl-content .dtl-card-terms-toggle-container.is-active .dtl-card-terms-toggle-trigger button::before{
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up-wht.svg);
}
.dtl-content .dtl-card-terms-toggle-container.is-active .dtl-card-terms-date{
max-width:100%;
white-space:normal;
text-overflow:unset;
overflow:visible;
padding:0;
}
.dtl-content .dtl-card-terms-toggle-container .dtl-card-terms-toggle-overflow{
border-bottom:1px solid #ddd;
margin-bottom:8px;
padding-bottom:8px;
}
.dtl-content .dtl-card-terms-toggle-container .dtl-card-terms-toggle-item{
display:none;
}
.dtl-content .dtl-card-terms-toggle-container .dtl-card-terms-toggle-trigger button{
line-height:1;
position:relative;
background:none;
background-color:#fff;
border:none;
font-size:12px;
padding:4px 8px;
width:78px;
border:1px solid #ccc;
border-radius:3px;
height:23px;
}
.dtl-content .dtl-card-terms-toggle-container .dtl-card-terms-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-blk.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}

/* dtl-content-plan
---------------------------------- */
.dtl-content .dtl-content-plan{
.dtl-card-terms-toggle-container .dtl-card-terms-toggle-overflow{
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}
}

/* dtl-content > dtl-card-terms-item
---------------------------------- */
.dtl-content .dtl-card-terms-item{
margin:-12px -8px 8px;
padding:12px 0;
background-color:#444;
color:#fff;
}
.dtl-content .dtl-card-terms-header{
display:-webkit-box;
display:flex;
}
.dtl-content .dtl-card-terms-header > div:first-child{
overflow:hidden;
-webkit-box-flex:1;
flex:1;
margin-right:-4px;
}
.dtl-content .dtl-card-terms-header .dtl-card-terms-header-split{
border-left:1px solid #666;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:72px;
white-space:nowrap;
}
.dtl-content .dtl-card-terms-footer{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:12px;
padding:0 12px;
}
.dtl-content .dtl-card-terms-footer .checkbox-custom-02 .checkbox-text{
color:#fff;
font-size:12px;
}
.dtl-content .dtl-card-terms-footer-02{
border-top:1px solid #666;
margin:8px 12px 0;
}

/* dtl-content > dtl-card-terms
---------------------------------- */
.dtl-content .dtl-card-terms .search-form-list{
margin:-8px 0 0 -8px;
padding:0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;

/* flex-wrap: wrap; */
}
.dtl-content .dtl-card-terms .search-form-list >li{
padding-left:8px;
margin-top:8px;
box-sizing:border-box;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-date{
width:49%;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-keyword{
width:51%;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn{
position:relative;
background:none;
border:none;
border-radius:4px;
background-color:#fff;
height:44px;
width:100%;
text-align:left;
padding:0 8px;
font-size:14px;
color:var(--cmn-font-color-base);
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-3px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-keyword-container{
position:relative;
border-radius:4px;
background-color:#fff;
border:none;
width:100%;
box-sizing:border-box;
height:44px;
padding-right:19px;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword{
background:none;
border:none;
padding:0 0 0 30px;
height:44px;
text-align:left;
width:100%;
box-sizing:border-box;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::before{
content:"";
display:block;
position:absolute;
top:15px;
left:8px;
width:14px;
height:14px;
background:url(/element_sp/j_optional_v2/shared/images/icon-search.svg) 0 0 no-repeat;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword::after{
content:"";
display:none;
position:absolute;
top:50%;
right:10px;
margin-top:-4px;
height:6px;
width:6px;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-top:-2px;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-del{
position:absolute;
right:0;
top:0;
width:30px;
height:0;
padding-top:44px;
overflow:hidden;
line-height:2;
background:none;
border:none;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-btn-del::before{
content:"";
display:block;
position:absolute;
top:17px;
right:8px;
width:10px;
height:10px;
border-radius:1.5px;
-webkit-mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/j_optional_v2/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color:#888;
background-size:100%;
-webkit-transform:rotate(0);
transform:rotate(0);
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected .search-form-btn{
padding-right:30px;
color:var(--font-color-placeholder);
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected .search-form-btn::after{
display:block;
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected .search-form-btn > span{
color:var(--font-color-placeholder);
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword::after{
display:block;
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-keyword > span{
color:var(--font-color-placeholder);
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected .search-form-btn-keyword-container .search-form-btn-del{
display:none;
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected.search-form-date .search-form-btn{
padding-right:8px;
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected.search-form-date .search-form-btn > span{
color:var(--cmn-font-color-base);
}
.dtl-content .dtl-card-terms .search-form-list .is-unselected.search-form-date .search-form-btn::after{
display:none;
}

@media screen and (max-width: 320px){
.dtl-content .dtl-card-terms .search-form-list .search-form-date{
width:43%;
}
.dtl-content .dtl-card-terms .search-form-list .search-form-keyword{
width:57%;
}
}

/* dtl-content > search-chips-round
---------------------------------- */
.dtl-content .search-chips-round{
position:relative;
margin:0 -12px;
}
.dtl-content .search-chips-round .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.dtl-content .search-chips-round .search-chips-inner::-webkit-scrollbar{
display:none;
}
.dtl-content .search-chips-round .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
}
.dtl-content .search-chips-round .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
margin-top:8px;
margin-left:4px;
}
.dtl-content .search-chips-round .search-chips-list > li:first-child{
margin-left:12px;
}
.dtl-content .search-chips-round .search-chips-list > li:last-child{
margin-right:12px;
}
.dtl-content .search-chips-round .search-chips-selector input[type="radio"],
.dtl-content .search-chips-round .search-chips-selector input[type="checkbox"]{
display:none;
}
.dtl-content .search-chips-round .search-chips-selector input[type="radio"]:checked + .sup,.dtl-content .search-chips-round .search-chips-selector input[type="checkbox"]:checked + .sup{
background:#222;
border-color:var(--cmn-font-color-base);
color:#fff;
}
.dtl-content .search-chips-round .search-chips-selector .sup{
padding:5px 5px 4px;
border:1px solid rgba(255,255,255,.3);
box-sizing:border-box;
line-height:1;
border-radius:12px;
font-size:12px;
color:rgba(255,255,255,.8);
white-space:nowrap;

/* overflow:hidden; */
/* text-overflow: ellipsis; */
}
.dtl-content .search-chips-round .search-chips-link{
font-size:12px;
margin-left:4px;
}
.dtl-content .search-chips-round .search-chips-link a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
opacity:.8;
}
.dtl-content .search-chips-round.search-chips-theme .search-chips-selector .sup{
/* max-width:215px; */
}
.dtl-content .search-chips-round.search-chips-spot .search-chips-selector .sup{
overflow:hidden;
text-overflow:ellipsis;
max-width:135px;
}

/* dtl-content > search-chips
---------------------------------- */
.dtl-content .search-chips{
overflow:hidden;
position:relative;
}
.dtl-content .search-chips::before,
.dtl-content .search-chips::after{
top:0;
content:"";
display:none;
position:absolute;
width:12px;
height:100%;
z-index:2;
pointer-events:none;
}
.dtl-content .search-chips::before{
left:0;
background:-webkit-linear-gradient( right, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);
background:linear-gradient( to left, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);
}
.dtl-content .search-chips::after{
right:0;
background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);
background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(68, 68, 68, 0) 55.68%, #444 100%);

}
.dtl-content .search-chips.is-start::before{
display:none;
}
.dtl-content .search-chips.is-end::after{
display:none;
}
.dtl-content .search-chips .search-chips-inner{
max-width:100%;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.dtl-content .search-chips .search-chips-inner::-webkit-scrollbar{
display:none;
}
.dtl-content .search-chips .search-chips-list{
white-space:nowrap;
margin:0;
font-size:0;
display:inline-block;
}
.dtl-content .search-chips .search-chips-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
position:relative;
background-color:#222;
border-radius:3px;
padding:0 0 0 8px;
margin-left:8px;
margin-top:8px;
height:24px;
}
.dtl-content .search-chips .search-chips-list > li:first-child{
margin-left:12px;
}
.dtl-content .search-chips .search-chips-list > li:last-child{
margin-right:12px;
}
.dtl-content .search-chips .search-chips-list > li .search-chips-btn{
background:none;
border:none;
margin:0 0 0 -8px;
padding:0 24px 0 8px;
color:#fff;
font-size:12px;

}
.dtl-content .search-chips .search-chips-list > li .search-chips-btn::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:7px;
height:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-wht.svg) 0 0 no-repeat;
background-size:100%;
}
.dtl-content .search-chips .search-chips-list > li .search-chips-list-btn{
display:inline-block;
color:#fff;
background:none;
border:none;
font-size:12px;
padding:0;
margin:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.dtl-content .search-chips .search-chips-list > li .search-chips-list-btn > span{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
line-height:1.2;
}
.dtl-content .search-chips .search-chips-list > li .search-chips-list-btn-del{
background:none;
width:23px;
height:0;
margin:0;
padding:24px 0 0 0;
overflow:hidden;
line-height:2;
border:none;
}
.dtl-content .search-chips .search-chips-list > li .search-chips-list-btn-del::before{
position:absolute;
top:50%;
margin-top:-3px;
right:8px;
content:"";
display:block;
width:7px;
height:7px;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-wht.svg) 0 0 no-repeat;
background-size:100%;
}

/* price-dtl-content
---------------------------------- */
.dtl-content .dtl-plan-item-util{
margin-top:8px;
}
.dtl-content .price-dtl-sup{
margin-top:12px;
font-size:12px;
line-height:calc( 17 / 12);
}
.dtl-content .price-dtl-sup::before,
.dtl-content .price-dtl-sup::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-content .price-dtl-sup::before{
margin-right:.4em;
}
.dtl-content .price-dtl-sup::after{
margin-left:.4em;
}
.dtl-content .price-dtl-list{
margin:8px 0 0;
}
.dtl-content .price-dtl-list li{
font-size:12px;
line-height:calc( 17 / 12);
}
.dtl-content .price-dtl-list .price-num{
font-size:14px;
}
.dtl-content .price-dtl-option{
margin:0;
}
.dtl-content .price-dtl-option li{
font-size:12px;
line-height:calc(17 / 12);
}
.dtl-content .price-dtl-option li:not(:first-child){
margin-top:8px;
}
.dtl-content .price-dtl-desc{
font-size:12px;
line-height:calc(17 / 12);
}

/* dtl-card-number
---------------------------------- */
.dtl-content .dtl-card-header{
margin:0 0 8px;
}
.dtl-content .dtl-card-header .dtl-card-date{
font-size:12px;
}
.dtl-content .dtl-card-footer{
margin-top:12px;
}
.dtl-content .dtl-card-number{
font-size:12px;
}
.dtl-content .dtl-card-number button{
margin:0;
padding:0;
border:none;
background:none;
font-size:14px;
}

/* dtl-card-plan-board
---------------------------------- */
.dtl-content .dtl-plan-list{
margin:0;
}
.dtl-content .dtl-plan-list .dtl-plan-item .dtl-plan-item-hdg{
font-size:14px;
line-height:calc(19 / 14);
}
.dtl-content .dtl-plan-list .dtl-plan-item .dtl-plan-item-sup{
font-size:12px;
line-height:calc(17 / 12);
margin-top:4px;
}
.dtl-content .dtl-plan-list .dtl-plan-item .dtl-plan-item-price{
margin-top:2px;
font-size:12px;
font-weight:bold;
}
.dtl-content .dtl-plan-list .dtl-plan-item .dtl-plan-item-price .mod-num{
font-size:18px;
line-height:calc(20 / 18);
}
.dtl-content .dtl-plan-list > li{
box-shadow:0px 1px 4px rgba(0, 0, 0,.3);
background-color:#fff;
border-radius:5px;
}
.dtl-content .dtl-plan-list > li:not(:first-child){
margin-top:12px;
}
.dtl-content .dtl-plan-list > li > a{
display:block;
width:100%;
text-align:left;
margin:0;
padding:12px 24px 12px 12px;
position:relative;
color:var(--cmn-font-color-base);
box-sizing:border-box;
}
.dtl-content .dtl-plan-list > li > a::after{
position:absolute;
right:12px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:6px;
height:6px;
border-top:2px solid #999;
border-right:2px solid #999;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.dtl-content .dtl-plan-list > li > a.is-visited .dtl-plan-item-hdg,.dtl-content .dtl-plan-list > li > a:visited .dtl-plan-item-hdg{
color:var(--font-color-btn-link-visited);
}

/* dtl-card-tools
---------------------------------- */
.dtl-content .dtl-card-tools{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
position:relative;
margin-bottom:8px;

}
.dtl-content .dtl-card-tools > div:first-child{
width:24px;
height:24px;
}
.dtl-content .dtl-card-tools > div:last-child{
width:24px;
height:24px;
}
.dtl-content .dtl-card-tools .swiper-pagination{
position:static;
}
.dtl-content .dtl-card-tools .swiper-pagination .dtl-plan-selector{
background:none;
border:none;
padding:0 8px;
font-size:13px;
}
.dtl-content .dtl-card-tools .swiper-button-prev,
.dtl-content .dtl-card-tools .swiper-button-next{
position:static;
width:24px;
height:24px;
background-color:#fff;
border:1px solid #ddd;
border-radius:50%;
top:0;
margin:0;
z-index:1;
}
.dtl-content .dtl-card-tools .swiper-button-prev.swiper-button-disabled,.dtl-content .dtl-card-tools .swiper-button-next.swiper-button-disabled{
display:none;
}
.dtl-content .dtl-card-tools .swiper-button-prev::after,.dtl-content .dtl-card-tools .swiper-button-next::after{
content:"";
display:block;
position:relative;
width:6px;
height:0;
padding-top:6px;
overflow:hidden;
line-height:2;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.dtl-content .dtl-card-tools .swiper-button-prev{
left:-5px;
}
.dtl-content .dtl-card-tools .swiper-button-prev::after{
left:2px;
border-bottom:2px solid #999;
border-left:2px solid #999;
}
.dtl-content .dtl-card-tools .swiper-button-next{
right:-5px;
}
.dtl-content .dtl-card-tools .swiper-button-next::after{
right:2px;
border-top:2px solid #999;
border-right:2px solid #999;
}

/* dtl-card-more-toggle-container
------------------------------------------------ */
.dtl-card-more-toggle-container.is-active .dtl-card-more-toggle-item{
display:block;
}
.dtl-card-more-toggle-container.is-active .dtl-card-more-toggle-trigger button::before{
top:-2px;
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-01-up.svg);
}
.dtl-card-more-toggle-container .dtl-card-more-toggle-item{
margin-top:20px;
display:none;
}
.dtl-card-more-toggle-container .dtl-card-more-toggle-trigger{
text-align:center;
line-height:1;
}
.dtl-card-more-toggle-container .dtl-card-more-toggle-trigger button{
background:none;
padding:20px 0 0;
border:none;
color:var(--cmn-font-color-base);
font-size:12px;
}
.dtl-card-more-toggle-container .dtl-card-more-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;
}

/* dtl-card-hdg
------------------------------------------------ */
.dtl-card-hdg{
position:relative;
padding:12px 0;
margin-bottom:0;
font-size:14px;
line-height:calc(19 / 14);
font-weight:bold;
min-height:44px;
box-sizing:border-box;
}
.dtl-card-hdg > span:first-child{
margin-right:8px;
white-space:nowrap;
}
.dtl-card-hdg .dtl-card-hdg-sup{
color:var(--cmn-font-color-gray);
font-size:12px;
display:inline-block;
font-weight:normal;
}
.dtl-card-hdg .dtl-card-hdg-sup .mark{
margin-right:4px;
}

/* dtl-card-item
------------------------------------------------ */
.dtl-card-item.dtl-card-item-split{
border-top:1px solid #e5e5e5;
padding-top:12px;
}
.dtl-card-item .dtl-card-item-hdg{
font-size:12px;
line-height:calc(15 / 12);
word-break:break-all;
}
.dtl-card-item .dtl-card-item-hdg::before,
.dtl-card-item .dtl-card-item-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-card-item .dtl-card-item-hdg::before{
margin-right:.4em;
}
.dtl-card-item .dtl-card-item-hdg::after{
margin-left:.4em;
}
.dtl-card-item .dtl-card-item-sup{
margin-top:8px;
font-size:14px;
line-height:calc(19 / 14);
word-break:break-all;
}
.dtl-card-item .dtl-card-item-sup:first-child{
margin-top:0;
}
.dtl-card-item .dtl-card-item-desc{
font-size:12px;
word-break:break-all;
margin-top:4px;
}
.dtl-card-item .dtl-card-item-photo{
background:#ccc;
margin:8px 0 0;
}
.dtl-card-item .dtl-card-item-photo.dtl-card-item-photo-movie a{
position:relative;
}
.dtl-card-item .dtl-card-item-photo.dtl-card-item-photo-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-card-item .dtl-card-item-photo > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.dtl-card-item .dtl-card-item-photo > div img{
max-height:100%;
max-width:100%;
vertical-align:middle;
}
.dtl-card-item .dtl-card-item-list{
margin:0;
display:table;
table-layout:fixed;
}
.dtl-card-item .dtl-card-item-list .dtl-card-item-list-hdg{
display:block;
font-weight:normal;
margin-bottom:2px;
}
.dtl-card-item .dtl-card-item-list .dtl-card-item-list-hdg:not(:first-of-type){
margin-top:4px;
}
.dtl-card-item .dtl-card-item-list .dtl-card-item-list-hdg::before,
.dtl-card-item .dtl-card-item-list .dtl-card-item-list-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-card-item .dtl-card-item-list .dtl-card-item-list-hdg::before{
margin-right:.4em;
}
.dtl-card-item .dtl-card-item-list .dtl-card-item-list-hdg::after{
margin-left:.4em;
}
.dtl-card-item .dtl-card-item-list >li{
display:table-row;
font-size:12px;
line-height:calc(17 /12);
}
.dtl-card-item .dtl-card-item-list >li:last-child .dtl-card-place-toggle-item{
padding-bottom:0;
}
.dtl-card-item .dtl-card-item-list >li:not(:last-child) > div{
padding-bottom:8px;
}
.dtl-card-item .dtl-card-item-list >li > div{
display:table-cell;
word-break:break-all;
}
.dtl-card-item .dtl-card-item-list >li > div:first-child{
white-space:nowrap;
position:relative;
padding-right:16px;
min-width:48px;
}
.dtl-card-item .dtl-card-item-list >li > div:first-child::after{
position:absolute;
top:2px;
right:7px;
content:":";
display:inline-block;
line-height:1;
}
.dtl-card-item .dtl-card-item-list >li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.dtl-card-item .dtl-card-item-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
margin:0;

}
.dtl-card-item .dtl-card-item-notes > li{
padding-left:1.25em;
position:relative;
}
.dtl-card-item .dtl-card-item-notes > li .cmn-tip-btn{
position:relative;
margin-left:4px;
top:-1px;
}
.dtl-card-item .dtl-card-item-notes > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.dtl-card-item .dtl-card-item-notes .dtl-card-item-notes-child{
margin:4px 0 0 2px;
}
.dtl-card-item .dtl-card-item-notes .dtl-card-item-notes-child > li{
font-size:12px;
line-height:calc(17 / 12);
text-indent:-.4em;
padding-left:.8em;
}
.dtl-card-item .dtl-card-item-notes .dtl-card-item-notes-child > li:not(:first-child){
margin-top:4px;
}
.dtl-card-item .dtl-card-item-notes .dtl-card-item-notes-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}
.dtl-card-item .dtl-card-item-tag-list{
letter-spacing:-.4em;
margin:8px 0 -4px;
}
.dtl-card-item .dtl-card-item-tag-list > li{
display:inline-block;
margin-bottom:4px;
margin-right:4px;
letter-spacing:normal;
}
.dtl-card-item .dtl-card-item-tag-list > li.is-disabled > span{
color:#ccc;
border-color:#ccc;
}
.dtl-card-item .dtl-card-item-tag-list > li > span{
display:-webkit-box;
display:flex;
font-size:12px;
height:19px;
padding:1px 8px 0;
-webkit-box-align:center;
align-items:center;
border:1px solid #aaa;
box-sizing:border-box;
}
.dtl-card-item .dtl-card-item-note{
margin:8px 0 0;
}
.dtl-card-item .dtl-card-item-note >li{
font-size:11px;
color:#666;
text-indent:-1em;
margin-left:1em;
}
.dtl-card-item .dtl-card-item-facility-list{
margin:0;
}
.dtl-card-item .dtl-card-item-facility-list > li{
display:inline-block;
margin-right:5px;
}
.dtl-card-item .dtl-card-item-facility-list > li.is-off{
color:#ccc;
}
.dtl-card-item .dtl-card-item-faq-list{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.dtl-card-item .dtl-card-item-faq-list >li:not(:first-child){
margin-top:8px;
}
.dtl-card-item .dtl-card-item-faq-list >li > div{
display:-webkit-box;
display:flex;
}
.dtl-card-item .dtl-card-item-faq-list >li > div:last-child{
margin-top:4px;
}
.dtl-card-item .dtl-card-item-faq-list >li > div > span{
word-break:break-all;
}
.dtl-card-item .dtl-card-item-faq-list >li > div > span:first-child{
white-space:nowrap;
}
.dtl-card-item .dtl-card-item-faq-list >li > div > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.dtl-card-item .dtl-card-item-sch-list{
margin:8px 0 0 0;
}
.dtl-card-item .dtl-card-item-sch-list > li{
display:-webkit-box;
display:flex;
}
.dtl-card-item .dtl-card-item-sch-list > li:not(:first-child){
margin-top:8px;
}
.dtl-card-item .dtl-card-item-sch-list > li:last-child .dtl-card-item-sch-toggle-item{
padding-bottom:0;
}
.dtl-card-item .dtl-card-item-sch-list > li.branch{
margin-left:38px;
}
.dtl-card-item .dtl-card-item-sch-list > li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-time{
font-size:12px;
position:relative;
top:-2px;
width:34px;
margin-right:8px;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-hdg{
font-size:12px;

}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-hdg::before,
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-hdg::after{
content:"---";
display:inline-block;
color:#949494;
vertical-align:middle;
line-height:0;
position:relative;
top:-2px;
font-size:12px;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-hdg::before{
margin-right:.4em;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-hdg::after{
margin-left:.4em;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-desc{
font-size:12px;
margin-top:2px;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-desc .dtl-card-item-sch-more{
color:var(--cmn-font-color-base);
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-photo-list{
margin:8px 0 0 0;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-photo-list >li:not(:first-child){
margin-top:4px;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-photo-list >li img{
vertical-align:top;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-photo-list .dtl-card-item-sch-photo a{
display:-webkit-box;
display:flex;
position:relative;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:160px;
height:107px;
background-color:#f2f2f2;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-photo-list .dtl-card-item-sch-photo a img{
max-width:160px;
max-height:107px;
}
.dtl-card-item .dtl-card-item-sch-list .dtl-card-item-sch-photo-list .dtl-card-item-sch-photo.dtl-card-item-sch-photo-movie 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-card-item .dtl-card-item-sch-toggle-container.is-active .dtl-card-item-sch-toggle-overflow{
display:none;
}
.dtl-card-item .dtl-card-item-sch-toggle-container.is-active .dtl-card-item-sch-toggle-item{
display:block;
padding-bottom:20px;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-overflow .dtl-card-item-sch-toggle-trigger{
display:block;
text-align:right;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-overflow .dtl-card-item-sch-toggle-trigger button{
line-height:1;
background:none;
border:none;
display:inline-block;
font-size:12px;
color:#a4a4a4;
padding:0;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-overflow .dtl-card-item-sch-toggle-trigger button.dtl-card-item-sch-more-photo{
padding:0 18px 0 0;
position:relative;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-overflow .dtl-card-item-sch-toggle-trigger button.dtl-card-item-sch-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-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-item{
display:none;
padding-bottom:20px;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-item .dtl-card-item-sch-toggle-trigger{
text-align:center;
margin-left:-42px;
line-height:1;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-item .dtl-card-item-sch-toggle-trigger button{
background:none;
border:none;
display:inline-block;
color:var(--cmn-font-color-base);
font-size:12px;
padding:12px 0 0;
}
.dtl-card-item .dtl-card-item-sch-toggle-container .dtl-card-item-sch-toggle-item .dtl-card-item-sch-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
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-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}

/* dtl-card-toggle-container
------------------------------------------------ */
.dtl-card-toggle-container.is-active > .dtl-card-toggle-item{
display:block;
padding-bottom:20px;
}
.dtl-card-toggle-container.is-active > .dtl-card-toggle-trigger::after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.dtl-card-toggle-container.is-active > .dtl-card-toggle-trigger.dtl-card-hdg-split::before{
display:block;
}
.dtl-card-toggle-container.dtl-card-block{
padding-bottom:0;
}
.dtl-card-toggle-container >.dtl-card-toggle-item{
display:none;
padding-bottom:20px;
}
.dtl-card-toggle-container >.dtl-card-toggle-trigger{
position:relative;
outline:none;
padding-right:26px;
}
.dtl-card-toggle-container >.dtl-card-toggle-trigger::after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-4px;
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-card-toggle-container >.dtl-card-toggle-trigger.dtl-card-hdg-split::before{
display:none;
}

/* dtl-card-desc-toggle-container
------------------------------------------------ */
.dtl-card-desc-toggle-container.is-active .dtl-card-desc-toggle-overflow{
display:none;
}
.dtl-card-desc-toggle-container.is-active .dtl-card-desc-toggle-item{
display:block;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-item{
display:none;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-item .dtl-card-desc-toggle-trigger{
display:block;
text-align:right;
line-height:1;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-item .dtl-card-desc-toggle-trigger button{
background:none;
padding:10px 0 0;
border:none;
color:#a4a4a4;
font-size:13px;
line-height:1;
margin:0;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-item .dtl-card-desc-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
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-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-overflow{
display:block;

/* margin-top:-5px; */
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-overflow .dtl-card-desc-toggle-trigger{
display:inline-block;
line-height:1;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-overflow .dtl-card-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:12px;
line-height:1;
margin:0;
}
.dtl-card-desc-toggle-container .dtl-card-desc-toggle-overflow .dtl-card-desc-toggle-trigger button::before{
content:"...";
position:relative;
display:inline-block;
color:#a4a4a4;
margin-right:4px;
font-size:14px;
}

/* dtl-card-place-toggle-container
------------------------------------------------ */
.dtl-card-place-toggle-container.is-active .dtl-card-place-toggle-overflow{
display:none;
}
.dtl-card-place-toggle-container.is-active .dtl-card-place-toggle-item{
display:block;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-item{
display:none;
padding-bottom:20px;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-item .dtl-card-place-toggle-trigger{
display:block;
line-height:1;
margin-left:-69px;
text-align:center;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-item .dtl-card-place-toggle-trigger button{
background:none;
padding:12px 0 0;
border:none;
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1;
margin:0;
background:none;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-item .dtl-card-place-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
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-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:100%;
background-position:0 0;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-overflow{
display:block;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-overflow .dtl-card-place-toggle-trigger{
display:block;
line-height:1;
text-align:right;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-overflow .dtl-card-place-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:12px;
line-height:1;
margin:2px 0 0 0;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-overflow .dtl-card-place-toggle-trigger button.dtl-card-place-more-photo{
padding:0 18px 0 0;
position:relative;
}
.dtl-card-place-toggle-container .dtl-card-place-toggle-overflow .dtl-card-place-toggle-trigger button.dtl-card-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-card-place-toggle-container .dtl-card-place-photo{
background:#f2f2f2;
margin-top:8px;
width:124px;
height:96px;
}
.dtl-card-place-toggle-container .dtl-card-place-photo span{
width:124px;
height:96px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.dtl-card-place-toggle-container .dtl-card-place-photo span img{
max-width:124px;
max-height:96px;
}

/* dtl-card-plan
------------------------------------------------ */
.dtl-card-plan{
padding-top:12px;
padding-bottom:12px;
}
.dtl-card-plan .dtl-plan-item{
position:relative;
padding:0;

}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-hdg{
font-size:16px;
font-weight:bold;
padding-right:20px;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-sup{
margin-top:8px;
font-size:12px;
line-height:calc( 17 / 12 );
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-price{
line-height:1;
font-size:12px;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-price .mod-num{
font-size:18px;
line-height:calc( 22 / 18 );
font-weight:bold;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-price .price-num-sup{
font-weight:bold;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-share{
position:absolute;
right:0;
top:0;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-share >button{
position:relative;
background:none;
border:none;
width:21px;
height:0;
padding-top:21px;
overflow:hidden;
line-height:1;

}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-share >button::before{
position:absolute;
content:"";
display:block;
width:15px;
height:18px;
top:1px;
left:3px;
background:url(/element_sp/j_optional_v2/shared/images/icon-share.svg) top left no-repeat;
background-size:15px 18px;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-link{
position:absolute;
bottom:0;
right:31px;
}
.dtl-card-plan .dtl-plan-item .dtl-plan-item-link a{
color:#666;
font-size:12px;
text-decoration:underline;
}
.dtl-card-plan .dtl-plan-slide{
position:relative;
overflow:hidden;
}
.dtl-card-plan .dtl-plan-slide .dtl-plan-slide-list{
margin:0;
}

/* dtl-agt-header
------------------------------------------------ */
.dtl-agt-header{
padding-top:15px;
margin-bottom:8px;
}
.dtl-agt-header .dtl-agt-header-sup{
font-size:12px;
}
.dtl-agt-header .dtl-agt-header-hdg{
font-size:16px;
font-weight:normal;
margin-top:4px;
line-height:calc(22/16);
}
.dtl-agt-header .dtl-agt-desc{
font-size:12px;
word-break:break-all;
margin-top:8px;
}
.dtl-agt-header .dtl-agt-header-action{
margin-top:8px;
margin-bottom:12px;
font-size:12px;
line-height:1.2;
}
.dtl-agt-header .dtl-agt-header-action a{
font-size:12px;
color:var(--cmn-font-color-base);
}
.dtl-agt-header .dtl-agt-header-action .cmn-tip-btn{
margin-left:4px;
}
.dtl-agt-header .search-item-agt-review{
margin-top:8px;
}
.dtl-agt-header .search-item-agt-review .search-item-agt-review-list{
margin:0;
line-height:1;
}
.dtl-agt-header .search-item-agt-review .search-item-agt-review-list > li{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:end;
align-items:flex-end;
font-size:12px;
}
.dtl-agt-header .search-item-agt-review .search-item-agt-review-list > li:not(:first-child){
margin-left:12px;
}
.dtl-agt-header .search-item-agt-review .search-item-agt-review-list > li .cmn-tip-btn{
margin-left:4px;
}
.dtl-agt-header .search-item-agt-review .search-item-agt-review-list > li.search-item-agt-review-list-avg > div:first-child{
margin-right:4px;
}

/* .dtl-agt-content
---------------------------------- */
.dtl-agt-content .dtl-agt-info-btn{
margin:8px auto 0;
padding:3px 8px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
min-width:70%;
min-height:34px;
background-color:#fff;
font-size:12px;
}
.dtl-agt-content .dtl-agt-info-btn::before{
margin-right:3px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:text-top;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}
.dtl-agt-content .dtl-agt-action{
margin-top:8px;
text-align:right;
font-size:12px;
line-height:1.2;
}
.dtl-agt-content .dtl-agt-action a{
font-size:12px;
color:var(--cmn-font-color-base);
}
.dtl-agt-content .dtl-agt-action .cmn-tip-btn{
margin-left:4px;
}

/* dtl-place-map-container
------------------------------------------------ */
/* margin-bottom:8px; */
.dtl-place-map-container .map-pin{
width:22px;
height:27px;
}
.dtl-place-map-container .dtl-place-map{
height:185px;
margin:0;
}
.dtl-place-map-container + .dtl-card-item{
margin-top:8px;
}
.dtl-place-map-container .dtl-place-map-info{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
padding:8px 0 0;
}
.dtl-place-map-container .dtl-place-map-info > div:first-child{
-webkit-box-flex:1;
flex:1;
}
.dtl-place-map-container .dtl-place-map-info > div:last-child{
text-align:right;
}
.dtl-place-map-container .dtl-place-map-info .dtl-place-map-info-list{
display:-webkit-box;
display:flex;
margin:0;
}
.dtl-place-map-container .dtl-place-map-info .dtl-place-map-info-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-right:20px;
line-height:-1;
}
.dtl-place-map-container .dtl-place-map-info .dtl-place-map-info-list > li >span:first-child{
position:relative;
padding-right:10px;
line-height:1;
}
.dtl-place-map-container .dtl-place-map-info .dtl-place-map-info-list > li >span:first-child:after{
position:absolute;
content:":";
top:-1px;
margin:0 4px;
display:inline-block;
}
.dtl-place-map-container .dtl-place-map-info .dtl-place-map-info-list > li >span:last-child{
position:relative;
width:12px;
font-size:12px;
}
.dtl-place-map-container .dtl-place-map-info .dtl-place-map-info-app{
display:inline-block;
position:relative;
background:none;
border:1px solid #bbb;
border-radius:3px;
font-size:12px;
color:var(--cmn-font-color-base);
height:30px;
padding:5px 24px 5px 8px;
box-sizing:border-box;
background:url(/element/shared/images/icon/icon-external.svg) 93% 50% no-repeat;
background-size:9px 9px;
}
.dtl-place-map-container .dtl-place-map-point{
margin-top:12px;
margin-bottom:0;
font-size:12px;
}
.dtl-place-map-container .dtl-place-map-point li{
padding-left:20px;
min-height:19px;
}
.dtl-place-map-container .dtl-place-map-point li:not(:first-child){
margin-top:8px;
}
.dtl-place-map-container .dtl-place-map-point [class*=map-point-]{
background-size:16px 16px;
background-position:0 0;
background-repeat:no-repeat;
position:relative;

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

/* dtl-place-map-notes
------------------------------------------------ */
.dtl-place-map-notes{
margin:4px 0 0 0;
word-break:break-all;
}
.dtl-place-map-notes >li{
word-break:break-all;
text-indent:-1.4em;
margin-left:1.4em;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.dtl-place-map-notes >li .mark{
margin-right:.4em;
}

/* dtl-cal
------------------------------------------------ */
.dtl-cal-container .dtl-cal .calendar a{
border-radius:0;
}
.dtl-cal-container .dtl-cal .calendar a .dtl-cal-item{
border:1px solid #fff;
}
.dtl-cal-container .dtl-cal .calendar .disabled a{
color:#c2c2c2;
}
.dtl-cal-container .dtl-cal .calendar .active a{
background:none;

/* & .dtl-cal-item{
          border:1px solid #2584D1;
          border-radius: 4px;
        } */
}
.dtl-cal-container .dtl-cal .calendar .active a .dtl-cal-date{
background-color:#bce0f8;
box-sizing:border-box;
}
.dtl-cal-container .dtl-cal .calendar tr > th:nth-child(1),
.dtl-cal-container .dtl-cal .calendar tr > td:nth-child(1) a,
.dtl-cal-container .dtl-cal .calendar tr > td.holiday:nth-child(7) a,
.dtl-cal-container .dtl-cal .calendar tr > td.holiday a{
color:var(--cmn-font-color-red);
}
.dtl-cal-container .dtl-cal .calendar tr > th:nth-child(1) .dtl-cal-date,.dtl-cal-container .dtl-cal .calendar tr > td:nth-child(1) a .dtl-cal-date,.dtl-cal-container .dtl-cal .calendar tr > td.holiday:nth-child(7) a .dtl-cal-date,.dtl-cal-container .dtl-cal .calendar tr > td.holiday a .dtl-cal-date{
color:var(--cmn-font-color-red);
}
.dtl-cal-container .dtl-cal .calendar th{
font-size:12px;
}
.dtl-cal-container .dtl-cal .calendar td{
padding:4px 0 0;
border-bottom:1px solid #e5e5e5;
height:auto;
}
.dtl-cal-container .dtl-cal .calendar td a{
padding:0;
height:54px;
width:38px;
line-height:1;
color:var(--cmn-font-color-base);
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-item{
margin-top:3px;
display:block;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-date{
color:var(--cmn-font-color-base);
display:inline-block;
font-size:12px;
font-family:var(--font-num);
text-align:center;
line-height:1;
padding:1px 0 0;
height:14px;
width:30px;
box-sizing:border-box;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-price{
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
height:12px;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-price .mod-num{
font-size:12px;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-status{
display:block;
position:relative;
overflow:hidden;
width:100%;
padding-top:16px;
height:0;
margin-top:3px;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-status.dtl-cal-status-01::before{
content:"";
position:absolute;
top:2px;
left:50%;
margin-left:-5px;
display:block;
width:11px;
height:0;
padding-top:11px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-cal-ok-blue.svg) 0 0 no-repeat;
background-size:11px auto;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-status.dtl-cal-status-02::before{
content:"";
position:absolute;
top:3px;
left:50%;
margin-left:-5px;
display:block;
width:9px;
height:0;
padding-top:9px;
overflow:hidden;
background:url(/element_sp/j_optional_v2/shared/images/icon-cal-ng.svg) 0 0 no-repeat;
background-size:9px auto;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-status.dtl-cal-status-03::before{
content:"";
position:absolute;
top:2px;
left:50%;
margin-left:-8px;
display:block;
width:16px;
height:16px;
content:"\554f";
font-size:12px;
color:#2584d1;
}
.dtl-cal-container .dtl-cal .calendar td a .dtl-cal-status.dtl-cal-status-04::before{
content:"";
position:absolute;
top:7px;
left:50%;
margin-left:-5px;
display:block;
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;
}
.dtl-cal-container .dtl-cal-header{
position:relative;
padding:0 65px;
margin:0 0 12px;
height:31px;
box-sizing:border-box;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-hdg{
text-align:center;
font-size:18px;
position:relative;
top:3px;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-hdg .mod-num{
font-size:18px;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi{
margin:0;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li{
position:absolute;
top:0;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li.is-disabled button{
display:none;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li:first-child{
left:0;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li:first-child button{
padding-left:20px;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li:first-child button::after{
position:absolute;
left:10px;
border-right:6px solid #888;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li:last-child{
right:0;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li:last-child button{
padding-right:20px;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li:last-child button::after{
position:absolute;
right:10px;
border-left:6px solid #888;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li button{
text-align:center;
width:65px;
padding:5px 10px 4px;
font-size:14px;
font-weight:normal;
background:none;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li button::after{
top:50%;
margin-top:-6px;
content:"";
display:block;
width:0;
height:0;
}
.dtl-cal-container .dtl-cal-header .dtl-cal-header-navi >li button .mod-num{
font-size:15px;
}
.dtl-cal-container .dtl-cal-header-def-row{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
}
.dtl-cal-container .dtl-cal-header-def-unit{
font-size:12px;
-webkit-box-flex:1;
flex:1;
padding-right:4px;
}
.dtl-cal-container .dtl-cal-header-def-guide{
font-size:12px;
width:115px;
}
.dtl-cal-container .dtl-cal-header-def-guide .cmn-tip-btn{
margin-left:4px;
}
.dtl-cal-container .dtl-cal-plan{
margin-top:16px;
}
.dtl-cal-container .dtl-cal-plan .dtl-cal-plan-note{
margin:20px 0 0 0;
}
.dtl-cal-container .dtl-cal-plan .dtl-cal-plan-note >li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
color:#666;
}

@media screen and (max-width: 320px){
.dtl-cal-container .dtl-cal-header-def-list >li:not(:first-child){
margin-left:5px;
}
}

/* dtl-action
------------------------------------------------ */
.dtl-action{
text-align:center;
padding:8px;
background-color:rgba(2,2,2,.8);
color:#fff;
}
.dtl-action .dtl-action-inner{
text-align:left;
}
.dtl-action .dtl-action-info-contanier .dtl-action-info-item{
display:none;
color:var(--cmn-font-color-base);
padding:8px;
font-size:12px;
background-color:#f5f5f5;
margin-bottom:12px;
}
.dtl-action .dtl-action-info-contanier .dtl-action-info-item.is-active{
display:block;
}
.dtl-action .dtl-action-info-list{
margin:0;
display:-webkit-box;
display:flex;
}
.dtl-action .dtl-action-info-list > li{
position:relative;
margin-right:15px;
}
.dtl-action .dtl-action-info-list > li.is-active::before{
position:absolute;
top:-12px;
left:40px;
content:"";
display:block;
width:11px;
height:6px;
background:url(/element_sp/j_optional_v2/shared/images/icon-balloon-arrow-gry.svg) no-repeat 100% 0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.dtl-action .dtl-action-info-list > li.is-active a::before{
bottom:2px;
background-image:url(/element/shared/images/icon/icon-chevron-down-wht.svg);
}
.dtl-action .dtl-action-info-list > li a{
color:#fff;
font-size:12px;
padding:3px 0;
}
.dtl-action .dtl-action-info-list > li a::before{
display:inline-block;
position:relative;
bottom:2px;
margin-right:4px;
width:12px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
content:"";
vertical-align:middle;
background-size:12px 7px;
background-repeat:no-repeat;
}
.dtl-action .dtl-action-info-list > li a strong{
font-weight:normal;
color:#ffa8a8;
}
.dtl-action .dtl-action-info-list > li.dtl-action-info-payment.is-active::before{
left:40px;
}
.dtl-action .dtl-action-info-list > li.dtl-action-info-site.is-active::before{
left:60px;
}
.dtl-action .dtl-action-info-payment-list{
margin:0;
}
.dtl-action .dtl-action-info-payment-list >li{
display:grid;
grid-template-columns:69px 1fr;
}
.dtl-action .dtl-action-info-payment-list >li > div{
position:relative;
}
.dtl-action .dtl-action-info-payment-list >li > div:first-child::after{
position:absolute;
content:":";
display:inline-block;
right:3px;
top:0;
}
.dtl-action .dtl-action-info-payment-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
margin:0;
}
.dtl-action .dtl-action-info-payment-notes > li{
padding-left:1.25em;
position:relative;
}
.dtl-action .dtl-action-info-payment-notes > li .cmn-tip-btn{
position:relative;
margin-left:4px;
top:-1px;
}
.dtl-action .dtl-action-info-payment-notes > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.dtl-action .dtl-action-info-payment-notes .dtl-action-info-payment-notes-child{
margin:4px 0 7px 2px;
}
.dtl-action .dtl-action-info-payment-notes .dtl-action-info-payment-notes-child > li{
font-size:12px;
line-height:calc(17 / 12);
text-indent:-.4em;
padding-left:.8em;
}
.dtl-action .dtl-action-info-payment-notes .dtl-action-info-payment-notes-child > li:not(:first-child){
margin-top:4px;
}
.dtl-action .dtl-action-info-payment-notes .dtl-action-info-payment-notes-child > li::before{
display:inline-block;
width:.4em;
content:"\00B7";
}
.dtl-action .dtl-action-info-site-note{
margin:0;
}
.dtl-action .dtl-action-info-site-note >li{
text-indent:-1em;
margin-left:1em;
}
.dtl-action .dtl-action-desc{
font-size:12px;
}
.dtl-action .dtl-action-btn{
display:block;
padding:5px 0 9px;
margin-top:8px;
border:none;
border-radius:4px;
width:100%;
color:#fff;
background-color:var(--cmn-btn-color);
box-shadow:0 -4px 0 var(--cmn-btn-color) inset;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
font-weight:bold;
font-size:16px;
min-height:44px;
}

/* dtl-footer
------------------------------------------------ */
.dtl-footer{
display:none;
}
.str-container.dtl-footer-fixed{
padding-bottom:101px;
}
.str-container.dtl-footer-fixed .dtl-footer{
display:block;
width:100%;
position:fixed;
bottom:0;
left:0;
z-index:100;
}

/* .dtl-review-footer
------------------------------------------------ */
.dtl-review-footer{
padding:20px 0 0;
margin:0 -10px;
}
.dtl-review-footer .dtl-review-more-btn-container{
text-align:center;
}
.dtl-review-footer .dtl-review-more-btn-container .dtl-review-more-btn{
color:#666;
font-size:13px;
height:31px;
padding:0 10px;
border-radius:5px;
background:none;
background-color:#fff;
border:1px solid #bbb;
}

/* dtl-review-card-list
------------------------------------------------ */
.dtl-review-card-list{
margin:0;
}
.dtl-review-card-list > li{
padding:12px;
border-radius:5px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
position:relative;
}
.dtl-review-card-list > li:not(:first-child){
margin-top:12px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-date{
white-space:nowrap;
font-size:11px;
display:inline-block;
margin-right:1px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-pickup{
display:inline-block;
font-size:11px;
color:#a4a4a4;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-name{
font-size:11px;
word-break:break-all;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score{
font-size:11px;
}
.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:12px;
}
.dtl-review-card-list .dtl-review-card-header .dtl-review-card-score .dtl-review-card-score-point{
display:inline-block;
margin:0;
}
.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-comment{
margin-top:12px;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-hdg{
font-size:13px;
font-weight:bold;
word-break:break-all;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-desc{
font-size:13px;
margin-top:8px;
word-break:break-all;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-desc > p{
margin:0;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-plan{
word-break:break-all;
}
.dtl-review-card-list .dtl-review-card-comment .dtl-review-card-comment-plan a{
color:#666;
font-size:12px;
margin-top:5px;
text-decoration:underline;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container{
margin-top:16px;
position:relative;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li{
width:100%;
height:auto;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li:not(:first-child){
margin-top:12px;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li:nth-child(n+3){
display:block;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li .dtl-review-card-photo{
height:271px;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li .dtl-review-card-photo img{
max-height:271px;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li .dtl-review-card-photo-cap{
display:block;
overflow:visible;
white-space:normal;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-list > li .dtl-review-card-photo-cap br{
display:inline;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-toggle-trigger{
text-align:right;
margin-bottom:-20px;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-open-btn{
display:none;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container.is-active .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-close-btn{
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list{
margin:0 0 0 -5px;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list::after{
content:"";
display:table;
clear:both;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li{
float:left;
width:50%;
padding-left:5px;
box-sizing:border-box;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li:nth-child(n+3){
display:none;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li .dtl-review-card-photo{
background-color:#f2f2f2;
width:100%;
height:120px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li .dtl-review-card-photo.dtl-review-card-photo-movie > a{
position:relative;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li .dtl-review-card-photo.dtl-review-card-photo-movie > 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-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li .dtl-review-card-photo img{
max-width:100%;
max-height:120px;
vertical-align:middle;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li .dtl-review-card-photo-cap{
margin-top:4px;
display:block;
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-list > li .dtl-review-card-photo-cap br{
display:none;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-open-btn{
position:absolute;
right:5px;
top:98px;
display:block;
background:none;
border:none;
background-color:rgba(0,0,0,.7);
border-radius:3px;
white-space:nowrap;
padding:1px 5px 2px;
line-height:1;


}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-open-btn .dtl-review-card-photo-total > span{
font-family:var(--font-num);
font-weight:bold;
font-size:11px;
color:#fff;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-open-btn .dtl-review-card-photo-total::after{
content:"";
display:inline-block;
margin-left:3px;
width:12px;
height:10px;
background:url(/element_sp/j_optional_v2/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;

}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-close-btn{
display:none;
background:none;
padding:10px 0;
border:none;
color:#666;
font-size:13px;
}
.dtl-review-card-list .dtl-review-card-photo-toggle-container .dtl-review-card-photo-toggle-trigger .dtl-review-card-photo-close-btn::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-info{
margin-top:12px;
}
.dtl-review-card-list .dtl-review-card-info-time-list{
margin:12px 0 0;
}
.dtl-review-card-list .dtl-review-card-info-time-list > li{
font-size:11px;
}
.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:4px;
content:":";
display:inline-block;
}
.dtl-review-card-list .dtl-review-card-info-list{
display:block;
line-height:1.2;
margin:0;
}
.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:4px;
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:20px;
background-color:#f5f5f5;
border-radius:4px;
padding:10px;
word-break:break-all;
}
.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:4px;
}
.dtl-review-card-list .dtl-review-card-reply .dtl-review-card-reply-desc p{
margin:0;
}
.dtl-review-card-list .dtl-review-card-reply .dtl-review-card-reply-desc .dtl-review-card-reply-sup{
display:block;
}

/* .dtl-card-agt
------------------------------------------------ */
.dtl-card-agt .dtl-agt-content{
border-top:1px solid #ccc;
}
.dtl-card-agt .dtl-card-desc-toggle-container .dtl-card-desc-toggle-item .dtl-card-desc-toggle-trigger button{
padding-bottom:0;
}

/* .dtl-card-salse
---------------------------------- */

/* shared-url-container
------------------------------------------------ */
.shared-url-container{
width:240px;
margin:15px auto -20px;
}
.shared-url-container .shared-url-sns{
width:184px;
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.shared-url-container .shared-url-sns > li{
margin:0 10px;
}
.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:flex;
-webkit-box-align:center;
align-items:center;
border:1px solid #bfbfbf;
background:none;
border-radius:4px;
width:100%;
text-align:left;
font-size:13px;
color:#666;
height:36px;
padding-left:40px;
background-size:100%;
}
.shared-url-container .shared-url button::before{
position:absolute;
left:11px;
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;
}

/* ----------------------------------------------------------------
  .pseudo-gallery
----------------------------------------------------------------- */
/* .pseudo-gallery
----------------------------------------------- */
.active.pseudo-gallery[data-role="page"],.active.pseudo-gallery[role="dialog"]{
display:-webkit-box;
display:flex;
background-color:#000;
}
.pseudo-gallery{
display:none;
color:#fff;
width:100%;
height:100% !important;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
line-height:1.42;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
background-color:#000;
font-size:12px;
}
.pseudo-gallery .loading-box{
margin:20px 0;
}
.pseudo-gallery .error-box .error-wording{
text-align:center;
font-size:14px;
}
.pseudo-gallery .error-box .error-wording b{
font-weight:bold;
}
.pseudo-gallery .error-box .error-message{
margin-top:10px;
text-align:center;
font-size:14px;
}
.pseudo-gallery .error-box .error-action{
margin-top:20px;
text-align:center;
}
.pseudo-gallery .error-box .error-action .error-action-btn{
margin:0 auto;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#666;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* .pseudo-gallery-header
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header{
padding:8px 10px;
box-shadow:0 2px 6px rgba(0,0,0,.5);
position:relative;
z-index:1;
font-size:14px;
}
.pseudo-gallery .pseudo-gallery-header > div:first-child{
position:relative;
}
.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-gallery .pseudo-gallery-header > div:last-child > span{
-webkit-box-flex:1;
flex:1;
}

/* Media Queries
------------------- */

@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-gallery .pseudo-gallery-header > div:first-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
}
.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin:0 0 0 16px;
}
}

/* .pseudo-gallery-header-hdg
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-hdg{
margin:0 30px;
line-height:1.35;
font-weight:normal;
font-size:16px;
text-align:center;
}

/* Media Queries
------------------- */

@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-hdg{
margin-right:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
}

/* .pseudo-gallery-header-btn-prev
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-prev{
position:absolute;
top:0;
left:-10px;
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:40px;
height:100%;
background:url(/element_sp/j_optional_v2/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}

/* .pseudo-gallery-header-btn-resize
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-resize{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
padding:0;
border:none;
font-size:14px;
}

/* Media Queries
------------------- */

@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-btn-resize{
margin-left:20px;
}
}

/* .pseudo-gallery-header-btn-resize
----------------------------------------------- */
.pseudo-gallery .pseudo-photo-sorter{
-webkit-box-flex:1;
flex:1;
position:relative;
color:var(--cmn-font-color-base);
}
.pseudo-gallery .pseudo-photo-sorter.is-active .pseudo-photo-sorter-item{
display:block;
}
.pseudo-gallery .pseudo-photo-sorter.is-active .pseudo-photo-sorter-layer{
display:block;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
z-index:2;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-item{
display:none;
position:relative;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-item .pseudo-photo-sorter-item-inner{
position:absolute;
left:0;
margin-top:11px;
text-align:left;
min-width:185px;
padding:12px 16px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:2;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-item .pseudo-photo-sorter-item-inner::after{
position:absolute;
top:-8px;
left:50px;
margin-left:-5px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:8px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-header{
position:relative;
height:15px;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-header .search-item-btn-wrap{
display:inline-block;
position:absolute;
padding:0 16px 30px 0;
z-index:1;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-header .pseudo-photo-sorter-close{
position:absolute;
right:-16px;
top:-12px;
height:60px;
z-index:1;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-header .pseudo-photo-sorter-close button{
margin:0;
padding:12px;
border:none;
background:none;

}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-header .pseudo-photo-sorter-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_optional_v2/shared/images/icon-close-gry.svg) top left no-repeat;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-label{
font-size:14px;
font-weight:bold;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-list{
font-size:14px;
margin:0;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-list .mod-radio-custom{
display:block;
padding-top:0;
padding-bottom:0;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-list .mod-radio-custom label{
display:block;
padding-top:8px;
padding-bottom:8px;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-list .mod-radio-custom .mod-radio-custom-inner::before{
top:12px;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-btn{
text-align:center;
padding:9px 12px 8px;
min-width:176px;
height:33px;
border:none;
border-radius:4px;
background:#fff;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1;
}
.pseudo-gallery .pseudo-photo-sorter .pseudo-photo-sorter-btn::before{
content:"";
position:relative;
top:-1px;
display:inline-block;
width:15px;
height:15px;
background:url(/element_sp/j_optional_v2/shared/images/icon-form-filter.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:8px;
}

/* .pseudo-gallery-content
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-content{
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
}

/* Media Queries
------------------- */

@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-content{
/* padding-left:env(safe-area-inset-left); */
/* padding-right: env(safe-area-inset-right); */
}
}

/* .pseudo-gallery-container
---------------------------------- */

/* .pseudo-gallery-columns
----------------------------------------------- */
.pseudo-gallery-columns{
position:relative;
}
.pseudo-gallery-columns > li{
margin-bottom:14px;
width:50%;
box-sizing:border-box;
}
[class*="pseudo-gallery-columns"] a{
color:rgba(255,255,255,.6);
}
[class*="pseudo-gallery-columns"] img{
display:block;
width:auto;
height:auto;
width:100%;
}
[class*="pseudo-gallery-columns"] .image{
position:relative;
}
[class*="pseudo-gallery-columns"] .image::before{
content:"";
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:-webkit-linear-gradient(rgba(0,0,0,0) 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.5) 100%);
background:linear-gradient(rgba(0,0,0,0) 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.5) 100%);
}
[class*="pseudo-gallery-columns"] .image .caption{
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:10px;
color:rgba(255,255,255,.6);
}
[class*="pseudo-gallery-columns"] .movie{
position:relative;
}
[class*="pseudo-gallery-columns"] .movie::before{
content:"";
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:-webkit-linear-gradient(rgba(0,0,0,0) 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.5) 100%);
background:linear-gradient(rgba(0,0,0,0) 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.5) 100%);
}
[class*="pseudo-gallery-columns"] .movie .movie-item{
display:none;
width:100%;
padding-bottom:56.25%;
height:0;
position:relative;

}
[class*="pseudo-gallery-columns"] .movie .movie-item iframe{
position:absolute;
top:0px;
left:0;
height:100%;
width:100%;
border:none;
}
[class*="pseudo-gallery-columns"] .movie .movie-thumb{
display:block;
}
[class*="pseudo-gallery-columns"] .movie .movie-thumb::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;
}
[class*="pseudo-gallery-columns"] .movie.is-played .movie-item{
display:block;
}
[class*="pseudo-gallery-columns"] .movie.is-played .movie-thumb{
display:none;
}
[class*="pseudo-gallery-columns"] .movie.is-played::before{
display:none;
}
[class*="pseudo-gallery-columns"] .movie.is-played .caption{
display:none;
}
[class*="pseudo-gallery-columns"] .movie .caption{
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:10px;
z-index:1;
}
[class*="pseudo-gallery-columns"] .pseudo-photo-prov{
margin:8px 0 0;
text-align:center;
}
[class*="pseudo-gallery-columns"] .pseudo-photo-prov + .pseudo-photo-cap{
margin-top:0;
}
[class*="pseudo-gallery-columns"] .pseudo-photo-link{
text-align:center;
}
[class*="pseudo-gallery-columns"] .pseudo-photo-link a{
background:-webkit-linear-gradient(left, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background:linear-gradient(90deg, #949494, #949494 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
background-size:4px 1px;
}
[class*="pseudo-gallery-columns"] .pseudo-photo-cap{
margin:8px 8px 0;
}
[class*="pseudo-gallery-columns"] .note{
margin:8px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-wrap:wrap;
max-width:100%;
}
[class*="pseudo-gallery-columns"] .note > span,
[class*="pseudo-gallery-columns"] .note > a{
margin:0 8px;
}
[class*="pseudo-gallery-columns"] .note > a > span{
--cmn-dashed-color:rgba(255,255,255,.6);
--cmn-dashed-font-color:rgba(255,255,255,.6);
}
[class*="pseudo-gallery-columns"] .note > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .pseudo-gallery-columns-wide
----------------------------------------------- */
.pseudo-gallery-columns-wide > li{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
}
.pseudo-gallery-columns-wide .movie{
width:100%;
max-width:480px;
}
.pseudo-gallery-columns-wide .movie .movie-thumb::after{
display:block;
width:50px;
height:50px;
margin-left:-25px;
margin-top:-25px;
}
.pseudo-gallery-columns-wide img{
width:auto;
max-width:100%;
max-height:539px;
}
.pseudo-gallery-columns-wide.is-landscape > li{
display:grid;
grid-template-columns:auto;
grid-template-rows:1fr auto;
text-align:center;
}
.pseudo-gallery-columns-wide.is-landscape .movie{
position:relative;
grid-column:1;
grid-row:1 / 2;
height:100%;
max-width:none;
}
.pseudo-gallery-columns-wide.is-landscape .movie .movie-item{
position:absolute;
height:100%;
top:0;
right:50%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
overflow:hidden;
padding-top:0;
}
.pseudo-gallery-columns-wide.is-landscape .movie .movie-item iframe{
position:relative;
height:100%;
max-width:none;
width:auto;
}
.pseudo-gallery-columns-wide.is-landscape .movie .movie-thumb{
position:absolute;
height:100%;
top:0;
right:50%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
overflow:hidden;
}
.pseudo-gallery-columns-wide.is-landscape .movie .movie-thumb img{
height:100%;
max-width:none;
}
.pseudo-gallery-columns-wide.is-landscape .image{
position:relative;
grid-column:1;
grid-row:1 / 2;
height:100%;
width:auto;
}
.pseudo-gallery-columns-wide.is-landscape .image .image-item{
position:absolute;
height:100%;
top:0;
right:50%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
overflow:hidden;
}
.pseudo-gallery-columns-wide.is-landscape .image .image-item img{
height:100%;
max-width:none;
}
.pseudo-gallery-columns-wide.is-landscape .pseudo-photo-prov{
grid-column:1;
grid-row:2 / 3;
}
.pseudo-gallery-columns-wide.is-landscape .pseudo-photo-cap{
grid-column:1;
grid-row:3 / 4;

}
.pseudo-gallery-columns-wide.is-landscape .pseudo-photo-link{
grid-column:1;
grid-row:4 / 5;
}

/* sarch-add-container
---------------------------------- */
.search-add-container{
position:relative;
background-color:#fff;
margin:0 -10px 0;
padding:4px 10px 12px;
}
.search-add-container::after{
width:calc(100% - 20px);
content:"";
height:1px;
background-color:#ebebeb ;
position:absolute;
bottom:0;
left:10px;
}

/* ranking-list-content
---------------------------------- */
.ranking-list-content{
margin-top:8px;
}
.ranking-list-content .ranking-list-hdg{
font-size:14px;
line-height:calc(17 / 14);
font-weight:normal;
}
.ranking-list-content .ranking-list-item{
margin:0 -10px;
display:block;
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
box-sizing:border-box;
}
.ranking-list-content .ranking-list-item::-webkit-scrollbar{
display:none;
}
.ranking-list-content .ranking-list-item .ranking-list{
white-space:nowrap;
margin:8px 0 0;
font-size:0;
}
.ranking-list-content .ranking-list-item .ranking-list >li{
display:-webkit-inline-box;
display:inline-flex;
margin-left:4px;
font-size:14px;
}
.ranking-list-content .ranking-list-item .ranking-list >li:first-child{
margin-left:10px;
}
.ranking-list-content .ranking-list-item .ranking-list >li:last-child{
margin-right:10px;
}
.ranking-list-content .ranking-list-item .ranking-list >li a{
border:1px solid #ccc;
border-radius:3px;
color:var(--cmn-font-color-base);
text-decoration:none;
height:23px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}
.ranking-list-content .ranking-list-item .ranking-list >li a .rank{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
align-self:stretch;
width:18px;
font-size:11px;
background-color:#dddddd;
color:var(--cmn-font-color-base);
-webkit-box-pack:center;
justify-content:center;
}
.ranking-list-content .ranking-list-item .ranking-list >li a .rank.rank-1{
background-color:#f0a606;
color:#fff;
}
.ranking-list-content .ranking-list-item .ranking-list >li a .rank.rank-2{
background-color:#8f9fb2;
color:#fff;
}
.ranking-list-content .ranking-list-item .ranking-list >li a .rank.rank-3{
background-color:#b88656;
color:#fff;
}
.ranking-list-content .ranking-list-item .ranking-list >li a > span:last-child{
padding:0 8px 0 4px;
}
.seo-footer-container::before{
position:relative;
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-1px;
}
.seo-footer-container::after{
position:relative;
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-1px;
}
.seo-footer-container .card-item{
padding:12px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
z-index:1;
position:relative;
}
.seo-footer-container .card-item.is-branch{
padding:0;
box-shadow:none;
background:none;
}
.seo-footer-container .card-item .card-header-notes{
margin-bottom:8px;
}
.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);
}
.seo-footer-container .card-faq .card-item{
padding-top:8px;
padding-bottom:8px;
}
.seo-footer-container .card-seo-list .card-item{
padding-top:0;
padding-bottom:0;
}

/* card-tgl-container
---------------------------------- */
.seo-footer-container .card-tgl-container.card-content{
margin-top:0;
}
.seo-footer-container .card-tgl-container[aria-expanded=true]{
border-top:1px solid transparent;
}
.seo-footer-container .card-tgl-container[aria-expanded=false]{
border-top:1px solid #ccc;
}
.seo-footer-container .card-tgl-container[aria-expanded=false] + [aria-expanded=true]{
border-top:1px solid #ccc;
}
.seo-footer-container .card-tgl-container[aria-expanded=true] .card-tgl-content{
display:block;
padding-bottom:16px;
}
.seo-footer-container .card-tgl-container[aria-expanded=true] .card-tgl-hook{
background-image:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-up-l.svg);
background-position:calc(100% - 4px) center;
}
/* border-bottom:1px solid #ccc; */
.seo-footer-container .card-tgl-container[aria-expanded=false] .card-tgl-content{
display:none;
}
.seo-footer-container .card-tgl-container .card-tgl-hook{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
text-indent:-9999px;
border:none;
background:url(/element_sp/j_optional_v2/shared/images/icon-arrow-04-down-l.svg) no-repeat calc(100% - 4px) center;
background-size:16px auto;
}

/* .seo-footer-container .faq-list
---------------------------------- */
.seo-footer-container .faq-list{
margin:0;
}
.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:flex;
-webkit-box-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:12px;
padding-top:4px;
}
.seo-footer-container .faq-list li:not(:first-child){
margin-top:4px;
border-top:1px solid #e5e5e5;
}
.seo-footer-container .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.seo-footer-container .faq-list li .question{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
padding-left:23px;
padding-right:30px;
min-height:43px;
}
.seo-footer-container .faq-list li .question h3{
font-weight:normal;
}
.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;
}
.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_sp/j_optional_v2/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.seo-footer-container .faq-list li .answer{
position:relative;
padding-left:23px;
}
.seo-footer-container .faq-list li .answer p{
margin:0;
}
.seo-footer-container .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.seo-footer-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:2px;
width:11px;
height:15px;
background:url(/element_sp/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 .seo-list-item{
padding-left:0;
padding-right:0;
}
.seo-footer-container .card-swiper-ranking .card-item{
margin:-4px -8px;
}
.seo-footer-container .card-swiper-ranking .swiper{
padding:0 0 0 8px;
}
.seo-footer-container .card-swiper-ranking.card-spot-ranking .swiper-ranking-list .swiper-ranking-pic{
/* width:86px; */
}
.seo-footer-container .card-swiper-ranking.card-spot-ranking .swiper-ranking-list .swiper-ranking-review{
margin:2px 0 0;
}

/* seo-footer-container > swiper-ranking-list-01
---------------------------------- */
.seo-footer-container .swiper-ranking-list-01{
margin:0;
}
.seo-footer-container .swiper-ranking-list-01 >li{
display:-webkit-box;
display:flex;
height:auto;
}
.seo-footer-container .swiper-ranking-list-01 >li:first-child{
margin-left:-4px;
}
.seo-footer-container .swiper-ranking-list-01 >li > div,
.seo-footer-container .swiper-ranking-list-01 >li >a{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
border-radius:6px;
color:var(--cmn-font-color-base);
margin:4px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-sizing:border-box;
position:relative;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-item{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
min-height:144px;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-pic{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:100px;
height:132px;
border-radius:0 0 6px;
align-self:stretch;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-pic img{
width:100%;
height:100%;
object-fit:cover;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-pic.mod-noimg img{
width:80px;
height:auto;
object-fit:contain;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-pic .swiper-ranking-rank{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
width:22px;
height:25px;
position:absolute;
top:0;
left:8px;
padding-top:4px;
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-01 .swiper-ranking-pic .swiper-ranking-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
box-sizing:border-box;
}
.seo-footer-container .swiper-ranking-list-01 .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-01 .swiper-ranking-pic .swiper-ranking-cap a{
color:rgba(255, 255, 255, .6);
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-pic .swiper-ranking-cap a:hover{
text-decoration:none;
}
.seo-footer-container .swiper-ranking-list-01 .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:-webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-desc{
-webkit-box-flex:1;
flex:1;
padding:12px 12px 0;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-link);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:41px;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-text{
font-size:12px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-text p{
margin:0;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-review{
font-size:12px;
margin:8px 0;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-review:not(:first-child){
margin-top:4px;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-review > li{
display:-webkit-box;
display:flex;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-review > li > span:first-child{
position:relative;
padding-right:12px;
white-space:nowrap;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-review > li > span:first-child::after{
content:":";
position:absolute;
right:4px;
top:0;
}
.seo-footer-container .swiper-ranking-list-01 .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-01 .swiper-ranking-footer{
margin-top:8px;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-footer .swiper-rnaking-link{
font-size:12px;
display:inline-block;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary{
padding:0 8px 12px;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-hdg{
overflow:hidden;
font-size:12px;
font-weight:normal;
vertical-align:middle;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-hdg .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:13em;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-list{
margin:0 8px;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-list >li{
margin-top:8px;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-list >li > a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
border:1px solid #ccc;
border-radius:4px;
width:100%;
min-height:38px;
padding:2px 8px 2px 26px;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
text-align:center;
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-list >li > a > span{
margin:0 auto;
line-height:calc(17 / 12);
}
.seo-footer-container .swiper-ranking-list-01 .swiper-ranking-summary .swiper-ranking-summary-list >li > a .rank{
position:absolute;
left:0;
top:0;
display:grid;
place-content:center;
width:20px;
height:20px;
background-color:rgba(0,0,0,.45);
border-radius:4px 0 2px 0;
color:#fff;
line-height:1;
box-sizing:border-box;
}

/* 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:flex;
height:auto;
}
.seo-footer-container .swiper-ranking-list >li:first-child{
margin-left:-4px;
}
.seo-footer-container .swiper-ranking-list >li > div,
.seo-footer-container .swiper-ranking-list >li >a{
-webkit-box-flex:1;
flex:1;
border-radius:6px;
color:var(--cmn-font-color-base);
margin:4px;
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-sizing:border-box;
position:relative;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-item{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
min-height:143px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:100px;
height:100%;
align-self:stretch;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic img{
width:100%;
height:100%;
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:80px;
height:auto;
object-fit:contain;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-pic .swiper-ranking-rank{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
width:22px;
height:25px;
position:absolute;
top:0;
left:8px;
padding-top:4px;
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;
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:-webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-desc{
-webkit-box-flex:1;
flex:1;
padding:12px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-link);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:41px;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-hdg.is-clamp-01{
-webkit-line-clamp:1;
height:auto;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-text{
font-size:12px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-text p{
margin:0;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review{
font-size:12px;
margin:8px 0;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review > li{
display:-webkit-box;
display:flex;
line-height:1.3;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-review > li:not(:first-child){
margin-top:4px;
}
.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;
}
.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-summary{
padding:0 8px 12px;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-hdg{
overflow:hidden;
font-size:12px;
font-weight:normal;
vertical-align:middle;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-hdg .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:13em;
}
.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:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position:relative;
border:1px solid #ccc;
border-radius:4px;
width:100%;
min-height:38px;
padding:4px 8px 4px 26px;
color:var(--cmn-font-color-base);
font-size:12px;
box-sizing:border-box;
}
.seo-footer-container .swiper-ranking-list .swiper-ranking-summary .swiper-ranking-summary-list >li > a .rank{
position:absolute;
left:0;
top:0;
display:grid;
place-content:center;
width:20px;
height:20px;
background-color:rgba(0,0,0,.45);
border-radius:4px 0 2px 0;
color:#fff;
line-height:1;
box-sizing:border-box;
}

/* seo-footer-container > local-seo-link
---------------------------------- */
.seo-footer-container .local-seo-link{
margin:-12px 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;
}

/* attention
---------------------------------- */
.attention ul{
font-size:14px;
margin:12px 0 0;
}
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul{
margin-top:12px;
margin-bottom:0;
}
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.news ul a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.news ul a > div{
font-size:14px;
line-height:1.42;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:76px;
line-height:1;
text-align:center;
font-size:10px;
padding-top:4px;
}
.news ul a > span > span{
height:16px;
box-sizing:border-box;
}
.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;
}
.lp-container .card-container .card-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
padding:8px 0 8px 0;
min-height:48px;
box-sizing:border-box;
}
.lp-container .card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:16px;
font-weight:normal;
line-height:calc(21 / 16);
background-color:transparent;
}
.lp-container .card-container{
margin:0 -10px;
padding:0 8px;
background:#f5f5f5;
}
.lp-container .card-container .card-content{
margin-top:28px;
padding:0;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container >:first-child{
margin-top:0;
}
.lp-container .card-container .card-desc p{
font-size:12px;
margin:0;
}
.lp-container .card-container .card-desc .card-hdg-02{
font-size:12px;
font-weight:bold;
margin-bottom:8px;
}
.lp-container .card-container .card-desc .card-hdg-03{
margin-top:8px;
margin-bottom:4px;
font-size:12px;
font-weight:normal;
}
.lp-container .card-container .card-desc .card-hdg-03::before{
content:"---";
color:#949494;
margin-right:4px;
}
.lp-container .card-container .card-desc .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-desc .card-desc-item + .card-desc-item{
margin-top:12px;
}
.lp-container .card-container .card-content .card-item-footer{
margin-top:16px;
text-align:center;
}