@charset "UTF-8";


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

  Heading

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-hdg-band
 ---------------------------------------------------------------- */
.cmn-hdg-band{
margin:0;
padding:8px 10px;
color:#fff;
line-height:1.45;
background:#00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
font-size:14px;
font-weight:normal;
}

main > .cmn-hdg-band{
margin:0 -10px;
}

main > .cmn-hdg-band:first-of-type{
margin-top:-10px;
}



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

  link

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 cmn-dashed
 ---------------------------------------------------------------- */
.cmn-dashed{
--cmn-dashed-grad:linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color:#949494;
--cmn-dashed-size:6px 1px;
--cmn-dashed-font-color:var(--cmn-font-color-base);
padding-bottom:1px;
color:var(--cmn-dashed-font-color) !important;
background:var(--cmn-dashed-grad);
background-size:var(--cmn-dashed-size);
text-decoration:none !important;
}



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

  Navigation

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-pager
 ---------------------------------------------------------------- */
.cmn-pager{
margin:16px 0;
line-height:42px;
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.cmn-pager a{
color:var(--cmn-font-color-base);
display:block;
border-radius:50%;
width:42px;
height:42px;
box-sizing:border-box;
text-align:center;
overflow:hidden;
}

.cmn-pager a:not([href]){
visibility:hidden;
}

.cmn-pager .cmn-pager-prev a,
.cmn-pager .cmn-pager-next a{
color:rgba(0,0,0,0);
width:30px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) no-repeat 50% 50%;
background-size:10px auto;
}

.cmn-pager .cmn-pager-next a{
transform:rotate(180deg);
}


/* ----------------------------------------------------------------
 .cmn-pager-list
 ---------------------------------------------------------------- */
.cmn-pager .cmn-pager-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.cmn-pager .cmn-pager-list > li{
margin:0 2px;
}

.cmn-pager .cmn-pager-list .cmn-pager-active > a{
border:1px solid #bbb;
background-color:#fff;
}

.cmn-pager .cmn-pager-list .cmn-pager-ellipsis{
padding-right:1em;
position:relative;
}

.cmn-pager .cmn-pager-list .cmn-pager-ellipsis::after{
content:'...';
display:block;
overflow:hidden;
position:absolute;
top:0;
right:0;
}



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

  Notice

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-notice-list
 ---------------------------------------------------------------- */
.cmn-notice-list{
margin:20px 0 0;
color:var(--cmn-font-color-base);
font-size:12px;
}

.cmn-notice-list > li{
display:-webkit-box;
display:flex;
gap:0 4px;
}

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

.cmn-notice-list > li > div{
-webkit-box-flex:1;
flex:1;
}



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

  Loading

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-loading-spinner
 ---------------------------------------------------------------- */
@keyframes cmn-loading-spinner-rotate{
100%{
transform:rotate(360deg);
}
}

.cmn-loading-spinner{
margin:20px auto;
display:block;
width:24px;
height:24px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-loading-spinner.svg) no-repeat 50% 50%;
background-size:100% 100%;
animation:cmn-loading-spinner-rotate 2s linear infinite;
}

.cmn-loading-spinner > span{
height:0;
overflow:hidden;
position:absolute;
}


/* ----------------------------------------------------------------
 .cmn-loading-spinner-dot
 ---------------------------------------------------------------- */
.cmn-loading-spinner-dot{
margin:20px auto;
display:block;
width:24px;
height:24px;
overflow:hidden;
position:relative;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat 0 0;
background-size:contain;
}

.cmn-loading-spinner-dot > span{
height:0;
overflow:hidden;
position:absolute;
}


/* ----------------------------------------------------------------
 .cmn-loading-spinner-dot-wht
 ---------------------------------------------------------------- */
.cmn-loading-spinner-dot-wht{
margin:20px auto;
display:block;
width:24px;
height:24px;
overflow:hidden;
position:relative;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat 0 0;
background-size:contain;
mix-blend-mode:hard-light;
}

.cmn-loading-spinner-dot-wht > span{
height:0;
overflow:hidden;
position:absolute;
}



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

  Ad Banner

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-ad-bnr-hidden
 ---------------------------------------------------------------- */
.cmn-ad-bnr-hidden{
margin:0 !important;
padding:0 !important;
display:none !important;
height:0 !important;
overflow:hidden !important;
}


/* ----------------------------------------------------------------
 .cmn-ad-bnr
 ---------------------------------------------------------------- */
.cmn-ad-bnr{
padding:20px 0 15px;
text-align:center;
background-color:var(--cmn-ad-bnr-bg-color);
}

.cmn-ad-bnr a{
margin:0 auto;
display:inline-block;
position:relative;
}

.cmn-ad-bnr img{
max-width:100%;
max-height:250px;
vertical-align:bottom;
}

.cmn-ad-bnr-inner .cmn-bnr-cancel{
display:inline-block;
position:relative;
}

.cmn-ad-bnr-inner .cmn-bnr-cancel button{
margin:0;
padding:0;
border:1px solid #ccc;
display:block;
width:28px;
height:20px;
overflow:hidden;
box-sizing:border-box;
background:#fff;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
z-index:1;
}

.cmn-ad-bnr-inner .cmn-bnr-cancel button::before,
.cmn-ad-bnr-inner .cmn-bnr-cancel button::after{
content:'';
position:absolute;
display:block;
width:10px;
height:1px;
overflow:hidden;
bottom:50%;
right:50%;
transform:translate(50%, 50%) rotate(45deg);
background-color:#555;
}

.cmn-ad-bnr-inner .cmn-bnr-cancel button::after{
width:1px;
height:10px;
}

 /*  main > .cmn-ad-bnr
 ---------------------------------------------------------------- */
main > .act_ad_manage .cmn-ad-bnr{
margin:0 -10px;
padding-left:10px;
padding-right:10px;
}

main > .act_ad_manage:last-child .cmn-ad-bnr{
--cmn-ad-bnr-bg-color:#f5f5f5;
margin-bottom:-10px;
}

/*  .cmn-ad-bnr-wide
 ---------------------------------------------------------------- */
.cmn-ad-bnr-wide,
main > .act_ad_manage .cmn-ad-bnr-wide{
margin: 0 calc(50% - 50vw);
padding:2px 0;
width: 100vw;
}

.cmn-ad-bnr-wide .cmn-bnr-cancel,
.cmn-ad-bnr-wide .cmn-bnr-cancel a,
main > .act_ad_manage .cmn-ad-bnr-wide .cmn-bnr-cancel,
main > .act_ad_manage .cmn-ad-bnr-wide .cmn-bnr-cancel a{
display:block;
}

.cmn-ad-bnr-wide img{
width:100%;
}


/* ----------------------------------------------------------------
 .cmn-app-bnr-header
 ---------------------------------------------------------------- */
.cmn-app-bnr-header{
background:#172e63;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
height:46px;
line-height:1.25;
font-size:14px;
}

.cmn-app-bnr-header > a{
margin-left:12px;
padding:0 12px 0 48px;
color:#fff;
height:100%;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:url(/element_sp/shared/images/icon/icon-app-travelko.png) no-repeat 0 50%;
background-size:34px auto;
}

.cmn-app-bnr-header > a > div > b{
font-weight:bold;
letter-spacing:-.02em;
}

.cmn-app-bnr-header > a > div > span{
padding-left:65px;
color:rgba(255,255,255,.7);
display:block;
background:url(/element_sp/shared/images/icon/icon-app-review.svg) no-repeat 0 50%;
background-size:59px auto;
}

.cmn-app-bnr-header > a > div:first-child{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-box-flex:1;
flex:1;
}

.cmn-app-bnr-header > button{
margin:0;
padding:0 0 0 12px;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:100%;
background:url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size:12px auto;
}


/* ----------------------------------------------------------------
 .cmn-app-bnr-header-secondary
 ---------------------------------------------------------------- */
.cmn-app-bnr-header-secondary{
background-color:#000;
}




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

  SNS Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 cmn-sns-list
 ---------------------------------------------------------------- */
.cmn-sns-list{
margin:10px -10px 0;
padding:14px 10px;
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.cmn-sns-list li{
margin:0 14px;
}

.cmn-sns-list a{
color:rgba(0,0,0,0) !important;
display:block;
width:28px;
height:28px;
overflow:hidden;
user-select:none;
background-position:0 0;
background-repeat:no-repeat;
background-size:100% auto;
}

.cmn-sns-list .cmn-sns-mail a{
background-image:url(/element/shared/images/icon/icon-sns-mail.svg);
}

.cmn-sns-list .cmn-sns-tw a{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}

.cmn-sns-list .cmn-sns-fb a{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.cmn-sns-list .cmn-sns-line a{
background-image:url(/element/shared/images/icon/icon-sns-line.svg);
}



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

  Sprite Icons

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .review-rate
 ---------------------------------------------------------------- */
.review-rate{
font-size:11px;
}


/* ----------------------------------------------------------------
 .btn-qa
 ---------------------------------------------------------------- */
.btn-qa{
font-size:9px;
font-weight:bold;
line-height:1;
display:inline-block;
margin:0 4px;
padding:0 2px;
color:var(--cmn-font-color-gray);
border:1px solid #bfbfbf;
border-radius:3px;
box-shadow:inset 0 -1px rgba(6, 0, 1, .13);
}


/* ----------------------------------------------------------------
 .icon-r-
 ---------------------------------------------------------------- */
[class^="icon-r-"] span{
line-height:2;
display:inline-block;
overflow:hidden;
width:65px;
height:0;
padding-top:15px;
content:'';
vertical-align:middle;
background-image:url(/element_sp/shared/images/sprite/sprite-icon-rate.png);
background-repeat:no-repeat;
background-size:138px;
}


/* ----------------------------------------------------------------
 .icon-r-face
 ---------------------------------------------------------------- */
[class^='icon-r-'].icon-r-face span{
background-position:0 50%;
background-size:contain;
background-repeat:no-repeat;
}

[class^='icon-r-'].icon-r-face.rank-5 span{
background-image:url(/element/shared/images/icon/icon-review-5.svg);
}

[class^='icon-r-'].icon-r-face.rank-45 span{
background-image:url(/element/shared/images/icon/icon-review-4h.svg);
}

[class^='icon-r-'].icon-r-face.rank-4 span{
background-image:url(/element/shared/images/icon/icon-review-4.svg);
}

[class^='icon-r-'].icon-r-face.rank-35 span{
background-image:url(/element/shared/images/icon/icon-review-3h.svg);
}

[class^='icon-r-'].icon-r-face.rank-3 span{
background-image:url(/element/shared/images/icon/icon-review-3.svg);
}

[class^='icon-r-'].icon-r-face.rank-25 span{
background-image:url(/element/shared/images/icon/icon-review-2h.svg);
}

[class^='icon-r-'].icon-r-face.rank-2 span{
background-image:url(/element/shared/images/icon/icon-review-2.svg);
}

[class^='icon-r-'].icon-r-face.rank-15 span{
background-image:url(/element/shared/images/icon/icon-review-1h.svg);
}

[class^='icon-r-'].icon-r-face.rank-1 span{
background-image:url(/element/shared/images/icon/icon-review-1.svg);
}

[class^='icon-r-'].icon-r-face.rank-05 span{
background-image:url(/element/shared/images/icon/icon-review-0h.svg);
}

[class^='icon-r-'].icon-r-face.rank-0 span{
background-image:url(/element/shared/images/icon/icon-review-0.svg);
}


/* ----------------------------------------------------------------
 .icon-r-price
 ---------------------------------------------------------------- */
[class^='icon-r-'].icon-r-price span{
width:52px;
background-position:0 50%;
background-size:contain;
background-repeat:no-repeat;
}

[class^="icon-r-"].icon-r-price.rank-5 span{
background-image:url(/element/shared/images/icon/icon-review-price-5.svg);
}

[class^="icon-r-"].icon-r-price.rank-45 span{
background-image:url(/element/shared/images/icon/icon-review-price-4h.svg);
}

[class^="icon-r-"].icon-r-price.rank-4 span{
background-image:url(/element/shared/images/icon/icon-review-price-4.svg);
}

[class^="icon-r-"].icon-r-price.rank-35 span{
background-image:url(/element/shared/images/icon/icon-review-price-3h.svg);
}

[class^="icon-r-"].icon-r-price.rank-3 span{
background-image:url(/element/shared/images/icon/icon-review-price-3.svg);
}

[class^="icon-r-"].icon-r-price.rank-25 span{
background-image:url(/element/shared/images/icon/icon-review-price-2h.svg);
}

[class^="icon-r-"].icon-r-price.rank-2 span{
background-image:url(/element/shared/images/icon/icon-review-price-2.svg);
}

[class^="icon-r-"].icon-r-price.rank-15 span{
background-image:url(/element/shared/images/icon/icon-review-price-1h.svg);
}

[class^="icon-r-"].icon-r-price.rank-1 span{
background-image:url(/element/shared/images/icon/icon-review-price-1.svg);
}

[class^="icon-r-"].icon-r-price.rank-05 span{
background-image:url(/element/shared/images/icon/icon-review-price-0h.svg);
}

[class^="icon-r-"].icon-r-price.rank-0 span{
background-image:url(/element/shared/images/icon/icon-review-price-0.svg);
}


/* ----------------------------------------------------------------
 .icon-r-hotel
 ---------------------------------------------------------------- */
[class^='icon-r-'].icon-r-hotel span{
background-position:0 50%;
background-size:contain;
background-repeat:no-repeat;
}

[class^="icon-r-"].icon-r-hotel.rank-5 span{
background-image:url(/element/shared/images/icon/icon-review-star-5.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-45 span{
background-image:url(/element/shared/images/icon/icon-review-star-4h.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-4 span{
background-image:url(/element/shared/images/icon/icon-review-star-4.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-35 span{
background-image:url(/element/shared/images/icon/icon-review-star-3h.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-3 span{
background-image:url(/element/shared/images/icon/icon-review-star-3.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-25 span{
background-image:url(/element/shared/images/icon/icon-review-star-2h.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-2 span{
background-image:url(/element/shared/images/icon/icon-review-star-2.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-15 span{
background-image:url(/element/shared/images/icon/icon-review-star-1h.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-1 span{
background-image:url(/element/shared/images/icon/icon-review-star-1.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-05 span{
background-image:url(/element/shared/images/icon/icon-review-star-0h.svg);
}

[class^="icon-r-"].icon-r-hotel.rank-0 span{
background-image:url(/element/shared/images/icon/icon-review-star-0.svg);
}


/* ----------------------------------------------------------------
 .icon-r-attraction
 ---------------------------------------------------------------- */
[class^="icon-r-"].icon-r-attraction.rank-5 span{
background-position:-2px -119px;
}

[class^="icon-r-"].icon-r-attraction.rank-45 span{
background-position:-15px -133px;
}

[class^="icon-r-"].icon-r-attraction.rank-4 span{
background-position:-15px -119px;
}

[class^="icon-r-"].icon-r-attraction.rank-35 span{
background-position:-29px -133px;
}

[class^="icon-r-"].icon-r-attraction.rank-3 span{
background-position:-29px -119px;
}

[class^="icon-r-"].icon-r-attraction.rank-25 span{
background-position:-42px -133px;
}

[class^="icon-r-"].icon-r-attraction.rank-2 span{
background-position:-42px -119px;
}

[class^="icon-r-"].icon-r-attraction.rank-15 span{
background-position:-55px -133px;
}

[class^="icon-r-"].icon-r-attraction.rank-1 span{
background-position:-55px -119px;
}

[class^="icon-r-"].icon-r-attraction.rank-05 span{
background-position:-69px -133px;
}

[class^="icon-r-"].icon-r-attraction.rank-0 span{
background-position:-69px -119px;
}


/* ----------------------------------------------------------------
 .icon-r-restaurant
 ---------------------------------------------------------------- */
[class^="icon-r-"].icon-r-restaurant.rank-5 span{
background-position:-2px -148px;
}

[class^="icon-r-"].icon-r-restaurant.rank-45 span{
background-position:-15px -162px;
}

[class^="icon-r-"].icon-r-restaurant.rank-4 span{
background-position:-15px -148px;
}

[class^="icon-r-"].icon-r-restaurant.rank-35 span{
background-position:-29px -162px;
}

[class^="icon-r-"].icon-r-restaurant.rank-3 span{
background-position:-29px -148px;
}

[class^="icon-r-"].icon-r-restaurant.rank-25 span{
background-position:-42px -162px;
}

[class^="icon-r-"].icon-r-restaurant.rank-2 span{
background-position:-42px -148px;
}

[class^="icon-r-"].icon-r-restaurant.rank-15 span{
background-position:-55px -162px;
}

[class^="icon-r-"].icon-r-restaurant.rank-1 span{
background-position:-55px -148px;
}

[class^="icon-r-"].icon-r-restaurant.rank-05 span{
background-position:-69px -162px;
}

[class^="icon-r-"].icon-r-restaurant.rank-0 span{
background-position:-69px -148px;
}


/* ----------------------------------------------------------------
 .icon-r-shopping
 ---------------------------------------------------------------- */
[class^="icon-r-"].icon-r-shopping.rank-5 span{
background-position:-2px -90px;
}

[class^="icon-r-"].icon-r-shopping.rank-45 span{
background-position:-15px -105px;
}

[class^="icon-r-"].icon-r-shopping.rank-4 span{
background-position:-15px -90px;
}

[class^="icon-r-"].icon-r-shopping.rank-35 span{
background-position:-29px -105px;
}

[class^="icon-r-"].icon-r-shopping.rank-3 span{
background-position:-29px -90px;
}

[class^="icon-r-"].icon-r-shopping.rank-25 span{
background-position:-42px -105px;
}

[class^="icon-r-"].icon-r-shopping.rank-2 span{
background-position:-42px -90px;
}

[class^="icon-r-"].icon-r-shopping.rank-15 span{
background-position:-55px -105px;
}

[class^="icon-r-"].icon-r-shopping.rank-1 span{
background-position:-55px -90px;
}

[class^="icon-r-"].icon-r-shopping.rank-05 span{
background-position:-69px -105px;
}

[class^="icon-r-"].icon-r-shopping.rank-0 span{
background-position:-69px -90px;
}


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

  Inquiry

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-inquiry
----------------------------------------------------------------- */
 .cmn-inquiry{
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
position:relative;
}


/* ----------------------------------------------------------------
 .cmn-inquiry-hook
----------------------------------------------------------------- */
.cmn-inquiry .cmn-inquiry-hook{
margin-right:2px;
color:rgba(0,0,0,0);
border:none;
width:24px;
height:24px;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-inquiry.svg) no-repeat 0 0;
}


/* ----------------------------------------------------------------
 .cmn-inquiry-pulldown
----------------------------------------------------------------- */
.cmn-inquiry .cmn-inquiry-pulldown{
padding:12px;
border-radius:6px;
position:absolute;
top:calc(100% + 8px);
right:0;
z-index:100;
width:216px;
box-sizing:border-box;
box-shadow:0 1px 4px rgba(0,0,0,.45);
background-color:#eee;
}

.cmn-inquiry .cmn-inquiry-pulldown::before{
content:'';
display:block;
width:0;
height:0;
position:absolute;
right:10px;
top:-7px;
border-width:0 10px 10px 10px;
border-color:transparent transparent #eee transparent;
border-style:solid;
}

.cmn-inquiry[aria-expanded="false"] .cmn-inquiry-pulldown{
display:none;
}

.cmn-inquiry[aria-expanded="true"] .cmn-inquiry-pulldown{
display:block;
}


/* ----------------------------------------------------------------
 .cmn-inquiry-pulldown-list
----------------------------------------------------------------- */
.cmn-inquiry .cmn-inquiry-pulldown-list{
margin:0;
}

.cmn-inquiry .cmn-inquiry-pulldown-list > li:not(:first-child){
margin-top:12px;
}

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



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

  Modal

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .simplemodal
----------------------------------------------------------------- */
.simplemodal-container{
margin:0 auto;
position:absolute;
top:100px;
left:0;
right:0;
padding:0 10px;
z-index:110;
}

.simplemodal-overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.7);
z-index:101;
}

.simplemodal-container .simplemodal-overlay{
z-index:-1;
}


/* ----------------------------------------------------------------
 .cmn-modal
----------------------------------------------------------------- */
/* .cmn-modal
------------------------------------------------------------------*/
.cmn-modal{
padding:30px 0;
}

/* .btn-close
------------------------------------------------------------------*/
.cmn-modal .cmn-modal-inner .btn-close{
display:block;
width:40px;
height:36px;
position:absolute;
top:-36px;
right:0;
text-indent:-9999px;
border:none;
padding:0;
background:url(/element_sp/shared/images/modal/btn-close.svg) 50% 50% no-repeat;
background-size:20px;
z-index:1;
}

/* .cmn-modal-inner
------------------------------------------------------------------*/
.cmn-modal .cmn-modal-inner{
border-radius:5px;
position:relative;
background-color:#fff;
}

/* .modal-info-area / .modal-info-area-02
------------------------------------------------------------------*/
.cmn-modal .modal-info-area,
.cmn-modal .modal-info-area-02{
padding:40px 12px 32px;
}

/* .info-text
------------------------------------------------------------------*/
.cmn-modal .info-text{
margin-bottom:20px;
font-size:13px;
line-height:1.42;
}

.cmn-modal .info-text.center{
text-align:center;
}

/* .attention
------------------------------------------------------------------*/
.cmn-modal .attention{
color:var(--cmn-font-color-red);
}

/* .notes
------------------------------------------------------------------*/
.cmn-modal .notes{
display:inline-block;
font-size:10px;
color:var(--cmn-font-color-gray);
}

/* .info-col2-arrow
------------------------------------------------------------------*/
.cmn-modal .info-col2-arrow{
display:table;
margin-bottom:20px;
}

.cmn-modal .info-col2-arrow .info-col2-item{
display:table-cell;
word-break:break-all;
line-height:1.3;
vertical-align:top;
}

.cmn-modal .info-col2-arrow .info-col2-item:first-child{
width:119px;
}

.cmn-modal .info-col2-arrow .info-col2-item:not(:first-child){
position:relative;
padding-left:20px;
}

.cmn-modal .info-col2-arrow .info-col2-item:not(:first-child):before{
position:absolute;
left:-3px;
top:15px;
display:block;
content:'';
width:14px;
height:6px;
background-color:#aaa;
}

.cmn-modal .info-col2-arrow .info-col2-item:not(:first-child):after{
position:absolute;
left:7px;
top:8px;
display:block;
content:'';
border:10px solid #aaa;
border-right:none;
border-top-color:transparent;
border-bottom-color:transparent;
}

.cmn-modal .info-col2-arrow .info-col2-item small{
font-size:10px;
}

/* .info-price
------------------------------------------------------------------*/
.cmn-modal .info-price{
margin-bottom:4px;
display:block;
font-size:15px;
}

.cmn-modal .info-price small{
font-size:10px;
font-weight:normal;
}

.cmn-modal .info-price span{
font-size:12px;
}

.cmn-modal .info-price.blank{
display:block;
margin-top:9px;
text-align:center;
}

/* .modal-btn-box
------------------------------------------------------------------*/
.cmn-modal [class^="modal-btn-box"]{
display:-webkit-box;
display:flex;

}

.cmn-modal [class^="modal-btn-box"] li{
padding-left:8px;
display:-webkit-box;
display:flex;
}

.cmn-modal .modal-btn-box li,
.cmn-modal .modal-btn-box li:first-child:last-child{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}

.cmn-modal .modal-btn-box li:first-child{
padding-left:0;
-webkit-box-flex:.5;
flex:.5;
}

/* .modal-btn-box-02
------------------------------------------------------------------*/
.cmn-modal .modal-btn-box-02 li{
-webkit-box-flex:.5;
flex:.5;
}

.cmn-modal .modal-btn-box-02 li:nth-child(2){
padding-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}

/* .modal-btn-box > button
------------------------------------------------------------------*/
.cmn-modal [class^="modal-btn-box"] button{
display:block;
border-radius:4px;
cursor:pointer;
font-family:var(--cmn-font-family);
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
width:100%;
}

/* .cmn-info-btn
------------------------------------------------------------------*/
.cmn-modal .cmn-info-btn{
background-color:var(--cmn-btn-color);
color:#fff;
border:none;
font-size:14px;
padding:10px 5px;
min-height:37px;
}

/* .cmn-info-btn-02
------------------------------------------------------------------*/
.cmn-modal .cmn-info-btn-02{
background-color:#fff;
padding-top:5px;
color:var(--cmn-font-color-base);
font-size:16px;
padding:10px 5px;
border:1px solid #bbb;
}

/* .cmn-info-btn-03
------------------------------------------------------------------*/
.cmn-modal .cmn-info-btn-03{
background-color:#fff;
padding-top:5px;
color:var(--cmn-link-color-base);
font-size:16px;
padding:10px 5px;
border: 1px solid #bbb;
}

/* .cmn-cancel-btn
------------------------------------------------------------------*/
.cmn-modal .cmn-cancel-btn{
background-color:#fff;
color:var(--cmn-font-color-base);
font-size:13px;
padding:10px 3px;
border:1px solid #bbb;
}

/* .cmn-submit-btn
------------------------------------------------------------------*/
.cmn-modal .cmn-submit-btn{
background-color:var(--cmn-font-color-base);
color:#fff;
font-size:15px;
padding:10px 3px;
border:none;
}


/* ----------------------------------------------------------------
 .cmn-modal-agt-info
----------------------------------------------------------------- */
/* .cmn-modal-agt-info-active / .cmn-modal-agt-info-pseudo-active
------------------------------------------------------------------*/
.cmn-modal-agt-info-active,
.cmn-modal-agt-info-pseudo-active{
touch-action:pinch-zoom;
overflow:hidden !important;
}

.cmn-modal-agt-info-pseudo-active .str-container,
.cmn-modal-agt-info-pseudo-active [data-role='page'].str-container{
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
height:100dvh;
opacity:0;
box-sizing:border-box;
}

/* .cmn-modal-agt-info
------------------------------------------------------------------*/
.cmn-modal-agt-info{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
height:100dvh;
z-index:101;
display:none;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.cmn-modal-agt-info-active .cmn-modal-agt-info{
display:-webkit-box;
display:flex;
}

/* .cmn-modal-agt-info-layer
------------------------------------------------------------------*/
.cmn-modal-agt-info-layer{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.7);
z-index:-1;
}

/* .cmn-modal-agt-info-close
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-close{
display:block;
width:40px;
height:36px;
position:absolute;
top:8px;
right:0;
text-indent:-9999px;
border:none;
padding:0;
background:url(/element_sp/shared/images/modal/btn-close.svg) 50% 50% no-repeat;
background-size:20px;
}

/* .cmn-modal-agt-info-content-content
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-content{
margin:auto 10px;
padding:44px 0 38px;
position:relative;
min-width:0;
width:100%;
}

.cmn-modal-agt-info-active.cmn-modal-agt-info-pseudo-active .cmn-modal-agt-info .cmn-modal-agt-info-content{
display:none;
}

/* .cmn-modal-agt-info-content-inner
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-content-inner{
padding:16px;
border-radius:5px;
max-height:calc(100% - 72px);
max-height:calc(100dvh - 72px);
overflow-y:auto;
box-sizing:border-box;
background-color:#fff;
}

/* .cmn-modal-agt-info-pseudo
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo{
margin:0;
padding:0;
line-height:1.42;
display:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
background-color:#fff;
width:100%;
height:100%;
font-size:14px;
}

.cmn-modal-agt-info-active.cmn-modal-agt-info-pseudo-active .cmn-modal-agt-info .cmn-modal-agt-info-pseudo{
display:-webkit-box;
display:flex;
}

/* .cmn-modal-agt-info-pseudo-header
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-header{
padding:8px 40px;
color:#fff;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
position:relative;
background-color:#111;
}

/* .cmn-modal-agt-info-pseudo-header-hdg
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-header-hdg{
box-sizing:border-box;
line-height:1.35;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
}

/* .cmn-modal-agt-info-pseudo-header-btn-prev
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-header-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_sp/shared/images/icon/icon-close-wht.svg) no-repeat 50% 50%;
background-size:16px auto;
}

/* .cmn-modal-agt-info-pseudo-content
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content{
margin:0;
padding:16px 10px;
-webkit-box-flex:1;
flex:1;
overflow-wrap:break-word;
overflow-y:scroll;
}

.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content > :first-child{
margin-top:0;
}

.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content > p{
margin:8px 0;
}

/* .cmn-modal-agt-info-pseudo-content-hdg
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content-hdg{
margin:24px 0 12px;
font-size:14px;
}

/* .cmn-modal-agt-info-pseudo-content-list
------------------------------------------------------------------*/
.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content-list{
margin:8px 0;
}

.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content-list > li{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content-list > li > span{
margin-right:4px;
}

.cmn-modal-agt-info .cmn-modal-agt-info-pseudo-content-list > li > div{
-webkit-box-flex:1;
flex:1;
}



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

  FAQ

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-faq-page
----------------------------------------------------------------- */
.cmn-faq-page{
background-color:#fff !important;
}


/* ----------------------------------------------------------------
 .cmn-faq-pagelink
----------------------------------------------------------------- */
.cmn-faq-pagelink{
position:absolute;
right:10px;
top:7px;
display:block;
font-size:11px;
line-height:1.0;
background-color:#fff !important;
border-radius:3px;
border:1px solid #bbb;
padding:3px 5px;
width:4em;
text-align:center;
color:var(--cmn-link-color-base);
}


/* ----------------------------------------------------------------
 .cmn-tip-btn
----------------------------------------------------------------- */
.cmn-tip-btn{
color:rgba(0,0,0,0) !important;
width:16px;
height:16px;
display:inline-block;
box-sizing:border-box;
cursor:pointer;
overflow:hidden;
vertical-align:text-bottom;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 0 0 no-repeat!important;
background-size:16px;
text-indent:-9999px;
border:none;
}


/* ----------------------------------------------------------------
 .cmn-tip-link
----------------------------------------------------------------- */
.cmn-tip-link{
margin:12px 0;
display:block;
text-align:right;
font-size:14px;
line-height:1.42;
}

.cmn-tip-toggle-container .cmn-tip-link{
margin:12px 10px;
}


/* ----------------------------------------------------------------
 .cmn-tip-link-list-01
----------------------------------------------------------------- */
.cmn-tip-link-list-01{
margin:0;
line-height:1.35;
font-size:12px;
}

.cmn-tip-link-list-01 > li{
border-bottom:1px solid #e5e5e5;
}

.cmn-tip-link-list-01 > li > a{
color:var(--cmn-font-color-base) !important;
position:relative;
display:block;
padding:12px 10px;
background:#fff;
}


/* ----------------------------------------------------------------
 .cmn-tip-toggle-container
----------------------------------------------------------------- */
.cmn-tip-toggle-container{
margin:0 -10px;
}

.cmn-tip-toggle-btn{
margin:-1px 0 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-color:#e5e5e5;
border-style:solid;
display:block;
font-size:14px;
text-align:center;
background-color:#fff;
width:100%;
box-sizing:border-box;
}

.cmn-tip-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;
}

.cmn-tip-toggle-container.active .cmn-tip-toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

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


/* ----------------------------------------------------------------
 .cmn-tip-hdg-faq
----------------------------------------------------------------- */
.cmn-tip-hdg-faq{
margin:0 -10px;
padding:8px 10px;
color:#fff;
line-height:1;
background-color:#444;
font-size:14px;
font-weight:normal;
}

.cmn-tip-container > .cmn-tip-hdg-faq{
background-color:#888;
}

.cmn-tip-container > .cmn-tip-hdg-faq:first-child{
margin-top:-10px;
}


/* ----------------------------------------------------------------
 .cmn-tip-container
----------------------------------------------------------------- */
.cmn-tip-container{
padding:10px 10px 0;
word-break:break-all;
background-color:#fff;
}

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

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

.cmn-tip-container .cmn-tip-hdg-01{
font-size:14px;
font-weight:normal;
position:relative;
padding-left:15px;
color:var(--cmn-font-color-base);
}

.cmn-tip-container .cmn-tip-hdg-01:before{
position:absolute;
top:4px;
left:2px;
display:block;
overflow:hidden;
width:11px;
height:11px;
content:'';
background-color:var(--cmn-font-color-base);
}

.cmn-tip-container .cmn-tip-hdg-01 + p{
margin-top:0;
}

.cmn-tip-container p + .cmn-tip-hdg-01,
.cmn-tip-toggle-container > .cmn-tip-toggle-item .cmn-tip-hdg-01:first-child{
margin-top:30px;
}

.cmn-tip-container.toggle-container > .toggle-item{
padding-top:20px;
}

.pseudo-content.cmn-faq-page .cmn-tip-container{
margin:0 -10px;
}


/* ----------------------------------------------------------------
 .cmn-tip-search-box
----------------------------------------------------------------- */
.cmn-tip-search-box{
padding:0 10px;
}

.cmn-tip-search-box img{
vertical-align:bottom;
}

.cmn-faq-page .cmn-tip-search-box,
.cmn-tip-toggle-container > .cmn-tip-search-box,
.toggle-item > .cmn-tip-search-box{
margin:0;
}


/* ----------------------------------------------------------------
 .cmn-tip-form-list
----------------------------------------------------------------- */
.cmn-tip-form-list{
margin:5px 0 0;
}

.cmn-tip-form-list > li{
position:relative;
font-size:14px;
}

.cmn-tip-form-list > li:first-child{
margin-top:0;
}

.cmn-tip-form-list > li:last-child{
margin-bottom:0;
}

.cmn-tip-form-list > li > input[type="radio"]{
opacity:0;
position:absolute;
top:0;
left:0;
z-index:0;
}

.cmn-tip-form-list .cmn-radio-custom{
position:relative;
display:block;
padding:5px 0 5px 25px;
}

.cmn-tip-form-list .cmn-radio-custom:before{
content:'';
width:16px;
height:16px;
background:#ccc;
position:absolute;
top:7px;
left:0;
border-radius:100%;
box-shadow:rgba(0, 0, 0, .3) 2px 2px 2px 0 inset;
}

.cmn-tip-form-list input[type="radio"]:checked + .cmn-radio-custom:before{
background-color:#676767;
}

.cmn-tip-form-list input[type="radio"]:checked + .cmn-radio-custom:after{
content:'';
width:8px;
height:8px;
background:#fff;
position:absolute;
top:11px;
left:4px;
border-radius:100%;
}


/* ----------------------------------------------------------------
 .cmn-tip-info-btn
----------------------------------------------------------------- */
.cmn-tip-info-btn{
display:inline-block;
}

.cmn-tip-info-btn .cmn-tip-info-btn-icon{
padding:0;
color:rgba(0,0,0,0) !important;
display:inline-block;
width:16px;
height:16px;
overflow:hidden;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing: border-box;
background:url(/element/shared/images/icon/icon-tip-info.svg) 0 0 no-repeat;
background-size:16px;
vertical-align:text-bottom;
}


/* ----------------------------------------------------------------
 .cmn-tip-caution-btn
----------------------------------------------------------------- */
.cmn-tip-caution-btn{
display:inline-block;
}
.cmn-tip-caution-btn .cmn-tip-caution-btn-icon{
padding:0;
color:rgba(0,0,0,0) !important;
display:inline-block;
width:16px;
height:16px;
overflow:hidden;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
box-sizing: border-box;
background:url(/element/shared/images/icon/icon-tip-caution.svg) 0 0 no-repeat;
background-size:16px;
vertical-align:text-bottom;
}



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

  SEO Link

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


/* ----------------------------------------------------------------
 .cmn-seo-link-hdg / .cmn-seo-link-hdg-index
----------------------------------------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg,
.cmn-seo-link .cmn-seo-link-hdg-index{
margin:0 -10px;
padding:8px 10px;
color:var(--cmn-font-color-base);
line-height:1;
background-color:#e5e5e5;
font-size:14px;
}

.cmn-seo-link .cmn-seo-link-hdg-index{
color:#fff;
background-color:#444;
font-weight:normal;
}

.cmn-seo-link .cmn-seo-link-hdg-sup{
color:var(--cmn-font-color-gray);
padding-top:7px;
display:block;
font-size:12px;
}


/* ----------------------------------------------------------------
 .cmn-seo-link-list
----------------------------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list{
margin:0 0 -1px;
line-height:1.35;
font-size:14px;
}

.cmn-seo-link .cmn-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;
flex-direction:row-reverse;
}

.cmn-seo-link .cmn-seo-link-toggle .cmn-seo-link-list > li:nth-child(n+4){
display:none;
}

.cmn-seo-link .cmn-seo-link-toggle-active .cmn-seo-link-list > li:nth-child(n+4){
display:block;
}


/* ----------------------------------------------------------------
 .cmn-seo-link-list-thumb
----------------------------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list-thumb{
margin-right:10px;
width:97px;
height:55px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f5f5f5;
}

.cmn-seo-link .cmn-seo-link-list-thumb img{
width:100%;
height:100%;
vertical-align:bottom;
object-fit:cover;
}


/* ----------------------------------------------------------------
 .cmn-seo-link-list-content
----------------------------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list-content{
-webkit-box-flex:1;
flex:1;
font-size:12px;
}

.cmn-seo-link .cmn-seo-link-list-content > span{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}


/* ----------------------------------------------------------------
 .cmn-seo-link-toggle-btn
----------------------------------------------------------------- */
.cmn-seo-link .cmn-seo-link-toggle-btn{
margin:-1px -10px 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-color:#e5e5e5;
border-style:solid;
display:block;
width:calc(100% + 20px);
font-size:14px;
text-align:center;
background:none;
}

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

.cmn-seo-link .cmn-seo-link-toggle-active .cmn-seo-link-toggle-btn > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}


/* ----------------------------------------------------------------
 cmn-seo-link-list-02
----------------------------------------------------------------- */
.cmn-seo-link .cmn-seo-link-list-02{
margin:0 -10px;
line-height:1.35;
font-size:12px;
}

.cmn-seo-link .cmn-seo-link-list-02 > li > a{
padding:11px 10px 10px;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
}



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

  Agt Info

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-agt-info
----------------------------------------------------------------- */
.cmn-agt-info{
font-size:12px;
}

.cmn-agt-info strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-header
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-header-btn
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-header-btn{
padding:3px 4px 0;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
line-height:1.15;
text-align:center;
font-size:12px;
text-decoration:none;
}

.cmn-agt-info .cmn-agt-info-header-btn > span{
display:block;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-header-hdg
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-header-hdg{
line-height:1.25;
-webkit-box-flex:1;
flex:1;
font-size:16px;
}

.cmn-agt-info .cmn-agt-info-header-hdg > span{
margin-top:2px;
display:block;
font-size:14px;
font-weight:normal;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-list-separate
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-list-separate{
margin-top:14px;
line-height:1.25;
font-size:12px;
}

.cmn-agt-info .cmn-agt-info-list-separate > li{
display:-webkit-flex;
display:flex;
-webkit-align-items:stretch;
align-items:stretch;
}

.cmn-agt-info .cmn-agt-info-list-separate > li:not(:first-child){
margin-top:8px;
}

.cmn-agt-info .cmn-agt-info-list-separate > li > div:first-child{
padding-right:21px;
width:5.5em;
position:relative;
white-space:nowrap;
}

.cmn-agt-info .cmn-agt-info-list-separate > li > div:first-child::before{
content:':';
display:block;
position:absolute;
top:0;
right:11px;
}

.cmn-agt-info .cmn-agt-info-list-separate > li > div:last-child{
-webkit-flex:1;
flex:1;
min-width:0;
}

/* .cmn-agt-info-link
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-list-separate .cmn-agt-info-list-separate-url{
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.cmn-agt-info .cmn-agt-info-list-separate .cmn-agt-info-list-separate-url + span{
margin-top:4px;
display:block;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-link
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-link{
margin:8px 0 0 auto;
display:table;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-note
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-note{
margin-top:8px;
color:var(--cmn-font-color-gray);
}
.cmn-agt-info .cmn-agt-info-note > li{
padding-left:16px;
position:relative;
}
.cmn-agt-info .cmn-agt-info-note > li:not(:first-child){
margin-top:4px;
}
.cmn-agt-info .cmn-agt-info-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
 .cmn-agt-info-note-inline
----------------------------------------------------------------- */
.cmn-agt-info .cmn-agt-info-note-inline{
padding-left:16px;
display:inline-block;
position:relative;
}

.cmn-agt-info .cmn-agt-info-note-inline::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


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



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

  Questionnaire

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-questionnaire
----------------------------------------------------------------- */
.cmn-questionnaire{
padding:16px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:100;
background-color:rgba(255,255,255,.95);
box-shadow:0 -4px 6px rgba(0,0,0,.3);
font-size:12px;
}

.cmn-questionnaire textarea{
margin-top:4px;
padding:8px;
border-color:#ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
width:100%;
height:70px;
box-sizing:border-box;
resize:none;
font-size:16px;
}


/* ----------------------------------------------------------------
 .cmn-questionnaire-inner
----------------------------------------------------------------- */
.cmn-questionnaire .cmn-questionnaire-inner{
min-height:130px;
overflow:hidden;
}


/* ----------------------------------------------------------------
 .cmn-questionnaire-hdg
----------------------------------------------------------------- */
.cmn-questionnaire .cmn-questionnaire-hdg{
margin-bottom:4px;
line-height:1;
font-size:14px;
}


/* ----------------------------------------------------------------
 .cmn-questionnaire-thanks
----------------------------------------------------------------- */
.cmn-questionnaire .cmn-questionnaire-thanks{
margin-top:20px;
font-size:14px;
}


/* ----------------------------------------------------------------
 .cmn-questionnaire-note
----------------------------------------------------------------- */
.cmn-questionnaire .cmn-questionnaire-note{
margin:0;
color:var(--cmn-font-color-gray);
font-size:11px;
}

.cmn-questionnaire .cmn-questionnaire-note > li{
margin-top:2px;
padding-left:15px;
position:relative;
}

.cmn-questionnaire .cmn-questionnaire-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
 .cmn-questionnaire-btn-list
----------------------------------------------------------------- */
.cmn-questionnaire .cmn-questionnaire-btn-list{
margin:16px auto 0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
justify-content:center;
max-width:88%;
}

.cmn-questionnaire .cmn-questionnaire-btn-list > li:not(:first-child){
margin-left:8px;
-webkit-box-flex:1;
flex:1;
}

.cmn-questionnaire .cmn-questionnaire-btn-list button{
padding:5px;
border:none;
border-radius:4px;
color:var(--cmn-font-color-base);
min-height:38px;
width:100%;
line-height:1.25;
font-weight:normal;
font-size:14px;
}

.cmn-questionnaire .cmn-questionnaire-btn-list button:disabled{
opacity:.4;
}

.cmn-questionnaire .cmn-questionnaire-btn-list .cmn-questionnaire-btn-list-cancel{
border:1px solid #bbb;
min-width:105px;
background-color:#fff;
}

.cmn-questionnaire .cmn-questionnaire-btn-list .cmn-questionnaire-btn-list-cv{
color:#fff;
background-color:var(--cmn-btn-color);
}


/* ----------------------------------------------------------------
 .cmn-questionnaire-close
----------------------------------------------------------------- */
.cmn-questionnaire .cmn-questionnaire-close{
margin:0;
padding:0;
border:none;
display:block;
overflow:hidden;
width:16px;
height:16px;
position:absolute;
top:14px;
right:16px;
text-indent:-9999px;
background:url(/element_sp/shared/images/icon/icon-close.svg) 50% 50% no-repeat;
opacity:.65;
}



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

  GoogleAPP

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-app-g
----------------------------------------------------------------- */
.cmn-app-g{
height:130%!important;
background:#fff;
}



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

  Facebook insert code

----------------------------------------------------------------- */
.pub_300x250,
.pub_300x250m,
.pub_728x90{
display:none !important;
}