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

  Custom Properties

----------------------------------------------------------------- */
:root{
--button-color:#177bcb;
--button-color-hover:#004c9a;
}



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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}

[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

[type="search"]::-webkit-search-cancel-button{
display:none;
}

button,
select{
color:inherit;
cursor:pointer;
}

button[disabled],
select[disabled]{
color:#ccc;
cursor:default;
}

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

::placeholder{
color:#949494;
}
::-ms-input-placeholder{
color:#949494;
}
:-ms-input-placeholder{
color:#949494;
}
::-ms-clear{
display:none;
}


/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

progress{
vertical-align:baseline;
}



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

  Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-loading
----------------------------------------------------------------- */
/* .cmn-loading-spinner
----------------------------------------------------------------- */
.seo-kokunai-popular-destination .cmn-loading-spinner{
margin:200px auto;
}


/* ----------------------------------------------------------------
  .cmn-tip
----------------------------------------------------------------- */
/* .cmn-tip-hdg-01
----------------------------------------------------------------- */
.cmn-tip-hdg-01{
padding-left:0;
}

.cmn-tip-hdg-01::before{
display:none;
}



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

  Menu Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Paragraph
----------------------------------------------------------------- */
/* br
----------------------------------------------------------------- */
.br{
display:block;
}


/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------------------------- */
.notice-list{
margin:8px 0;
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:left;
}

.notice-list > li{
padding-left:16px;
position:relative;
}

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

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


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
}

.form-custom-select::before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}

.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
background-color:transparent;
font-size:13px;
}

.form-custom-select optgroup{
color:#666;
font-style:normal;
}

.form-custom-select optgroup[role="presentation"]{
color:#ccc;
}

.form-custom-select.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
box-shadow:0 0 0 1px rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select::before{
display:none;
}

.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}

/* Win10 > Edge adjust */
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}



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

  Menu Header

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .menu-header-container
----------------------------------------------------------------- */
.menu-header-container{
padding:15px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}


/* ----------------------------------------------------------------
  .menu-header
----------------------------------------------------------------- */
.menu-header{
margin-bottom:-2px;
padding-right:260px;
display:block;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0,0,0,.35);
}

.menu-header a{
color:#fff;
}

.menu-header a:active,
.menu-header a:hover,
.menu-header a:focus{
text-decoration:none;
}


/* ----------------------------------------------------------------
  .menu-header-sup
----------------------------------------------------------------- */
.menu-header-container .menu-header-sup{
margin:4px 0 12px;
padding:5px 10px 2px;
border:1px solid rgba(255,255,255,.65);
border-radius:4px;
width:fit-content;
line-height:1.45;
background-color:rgba(0,72,148,.65);
font-size:14px;
letter-spacing:normal;
}

.menu-header-container .menu-header-sup > span{
display:block;
font-size:13px;
}


/* ----------------------------------------------------------------
  .menu-header-agt
----------------------------------------------------------------- */
.menu-header-agt{
margin-top:8px;
padding:0 10px;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
height:30px;
box-sizing:border-box;
line-height:1;
font-size:14px;
}


/* ----------------------------------------------------------------
  .menu-header-agt-catch
----------------------------------------------------------------- */
.menu-header-agt-catch{
padding-top:2px;
color:var(--cmn-font-color-base);
font-weight:bold;
}


/* ----------------------------------------------------------------
  .menu-header-agt-list
----------------------------------------------------------------- */
.menu-header-agt-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.menu-header-container .menu-header-agt-list::after{
color:var(--cmn-font-color-base);
content:'...';
display:inline-block;
vertical-align:bottom;
font-size:16px;
-webkit-box-flex:1;
flex:1;
}

.menu-header-container .menu-header-agt-list > li img{
display:block;
}

/* ----------------------------------------------------------------
  .menu-header-utility
----------------------------------------------------------------- */
.menu-header-container .menu-header-utility{
border:none;
border-left:1px solid rgba(255,255,255,.5);
position:absolute;
top:15px;
right:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

.menu-header-container .menu-header-utility > li{
border-width:1px 1px 1px 0;
border-style:solid;
border-color:rgba(255,255,255,.5);
}

.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}

.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}

.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0,0,0,.1);
text-decoration:none;
}



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

  .form-search-index

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
background-color:#287ac4;
}

.form-search-index input[type='button']{
cursor:pointer;
}


/* ----------------------------------------------------------------
  .form-search-index-tab
----------------------------------------------------------------- */
/* .form-search-index-tab-inner
----------------------------------------------------------------- */
.form-search-index-tab-inner{
display:-webkit-box;
display:flex;
}

/* .form-search-index-tab-list
----------------------------------------------------------------- */
.form-search-index-tab-list{
display:-webkit-box;
display:flex;
-webkit-box-flex:1;
flex:1;
}

.form-search-index-tab-list > li{
margin-right:8px;
}

.form-search-index-tab-list button{
margin:0;
padding:1px 0 0;
border:none;
border-bottom:1px solid rgba(0,0,0,.1);
color:var(--cmn-font-color-base);
width:280px;
height:44px;
background-color:rgba(255,255,255,.8);
font-size:13px;
}

.form-search-index-tab-list > .is-active button{
border-bottom-color:#f6f6f6;
background-color:#f6f6f6;
font-weight:bold;
}

/* .form-search-index-tab-content
----------------------------------------------------------------- */
.form-search-index-tab-content{
display:none;
}

.form-search-index-tab-content.is-active{
display:block;
}

/* .form-search-index-tab-content > .form-search-index-inner
----------------------------------------------------------------- */
.form-search-index-tab-content.form-search-index-air .form-search-index-inner{
padding-top:6px;
}

.form-search-index-tab-content .form-search-index-inner > :first-child{
margin-top:0;
}


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

  .form-search-index-train

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-index-route-list
----------------------------------------------------------------- */
.form-search-index-train .form-search-index-route-list button{
padding:5px 16px 5px 8px;
border:1px solid #bebebe;
height:34px;
width:235px;
position:relative;
background-color:#fff;
text-align:left;
}

.form-search-index-train .form-search-index-route-list button.is-error{
border-color:var(--cmn-font-color-red);
box-shadow:0 0 0 1px var(--cmn-font-color-red) inset;
}



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

  .form-search-index-air

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





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

  Tool Tip Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .tip-hdg
----------------------------------------------------------------- */
.tip-hdg{
margin-top:10px;
font-size:12px;
font-weight:normal;
}


/* ----------------------------------------------------------------
  .tip-list
----------------------------------------------------------------- */
.tip-list > li{
margin-top:6px;
}


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

.tip-list-bullet > li:before{
content:'';
display:block;
width:2px;
height:2px;
position:absolute;
top:7px;
left:0;
background-color:var(--cmn-font-color-gray);
}




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

  SEO Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .seo-kokunai
----------------------------------------------------------------- */
.seo-kokunai{
margin-top:48px;
font-size:14px;
}

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

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



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


/* ----------------------------------------------------------------
  .seo-kokunai-hdg-contaner
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-hdg-container{
margin:28px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-kokunai .seo-kokunai-hdg-container .seo-kokunai-hdg{
margin:0;
-webkit-box-flex:1;
flex:1;
}

/* .seo-kokunai-hdg-more
----------------------------------------------------------------- */
.seo-kokunai-hdg-container .seo-kokunai-hdg-more{
font-weight:bold;
}

.seo-kokunai-hdg-container .seo-kokunai-hdg-more a{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
}

.seo-kokunai-hdg-container .seo-kokunai-hdg-more a:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  .seo-kokunai-card
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-card{
padding:20px;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
background-color:#fff;
}


/* ----------------------------------------------------------------
  .seo-kokunai-list-btn
----------------------------------------------------------------- */
/* .seo-kokunai-list-btn
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-list-btn{
margin-bottom:69px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:8px;
font-size:16px;
}

.seo-kokunai .seo-kokunai-list-btn > li{
border:1px solid #bbb;
border-radius:5px;
min-height:48px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-kokunai .seo-kokunai-list-btn > li > a{
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
flex:1;
text-align:center;
}


/* ----------------------------------------------------------------
  .seo-kokunai-toggle
----------------------------------------------------------------- */
/* .seo-kokunai-toggle-hook
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-toggle-hook{
margin:8px 0 -8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-kokunai .seo-kokunai-toggle-hook > div{
-webkit-box-flex:1;
flex:1;
}

.seo-kokunai .seo-kokunai-toggle-hook > ul{
margin:0 0 0 -256px;
}

.seo-kokunai .seo-kokunai-toggle-hook button{
margin:0 auto;
padding:0;
border:none;
display:block;
font-size:14px;
font-weight:normal;
background:none;
}

.seo-kokunai .seo-kokunai-toggle-hook button > span{
padding-left:13px;
display:inline-block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:9px auto;
}

.seo-kokunai .seo-kokunai-toggle[aria-expanded="true"] .seo-kokunai-toggle-hook button > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}


/* .seo-kokunai-popular-destination > .seo-kokunai-toggle-hook
------------------------------------------------- */
.seo-kokunai-popular-destination .seo-kokunai-toggle-hook{
margin-top:12px;
}

.seo-kokunai-popular-destination .seo-kokunai-toggle-hook button{
padding:8px;
border:1px solid #ddd;
border-radius:4px;
box-sizing:border-box;
width:250px;
background-color:#f5f5f5;
font-size:14px;
}

/* .seo-kokunai-toggle-content
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-toggle-content{
display:none;
}

.seo-kokunai .seo-kokunai-toggle-content > :first-child{
margin-top:0;
}

.seo-kokunai .seo-kokunai-toggle-content > :last-child{
margin-bottom:0;
}

.seo-kokunai .seo-kokunai-toggle[aria-expanded="true"] .seo-kokunai-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .seo-kokunai-dp-description
----------------------------------------------------------------- */
/* .seo-kokunai-dp-description
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-dp-description{
display:-webkit-box;
display:flex;
gap:20px;
}

/* .seo-kokunai-dp-description-inner
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-dp-description-inner:first-child{
flex:1;
}

.seo-kokunai .seo-kokunai-dp-description-inner:last-child{
width:428px;
}

.seo-kokunai .seo-kokunai-dp-description-inner > :first-child{
margin-top:0;
}

/* .seo-kokunai-dp-description-hdg
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-dp-description-hdg{
margin:12px 0 4px;
font-size:14px;
}

.seo-kokunai .seo-kokunai-dp-description-hdg.branch{
color:#3c6fa5;
}

/* .seo-kokunai-dp-description-list
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-dp-description-list{
display:-webkit-box;
display:flex;
gap:4px;
line-height:1.35;
font-size:12px;
text-align:center;
}

.seo-kokunai .seo-kokunai-dp-description-list > li{
padding:50px 0 12px;
border-radius:4px;
-webkit-box-flex:1;
flex:1;
background-repeat: no-repeat;
background-position:50% 19px;
background-size:auto 22px;
background-color:#f2f6fb;
}

.seo-kokunai .seo-kokunai-dp-description-list > .dp{
background-image:url(/element/j_kokunaidp/shared/images/icon-dp.svg);
}

.seo-kokunai .seo-kokunai-dp-description-list > .separate{
background-image:url(/element/j_kokunaidp/shared/images/icon-separate.svg);
}

.seo-kokunai .seo-kokunai-dp-description-list > .train_dp{
background-image:url(/element/j_kokunaidp/shared/images/icon-traindp.svg);
}

.seo-kokunai .seo-kokunai-dp-description-list > .tour{
background-image:url(/element/j_kokunaidp/shared/images/icon-tour.svg);
}


/* ----------------------------------------------------------------
  .seo-kokunai-popular-destination
----------------------------------------------------------------- */
/* .seo-kokunai-popular-destination
----------------------------------------------------------------- */
.seo-kokunai-card + .seo-kokunai-popular-destination{
margin-top:52px;
}

/* .seo-kokunai-popular-destination-header
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-header{
margin:20px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

.seo-kokunai .seo-kokunai-popular-destination-header > *{
margin:0 12px 0 0;
}

/* .seo-kokunai-popular-destination-filter
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-filter{
margin:0;
-webkit-box-flex:1;
flex:1;
text-align: right;
}

.seo-kokunai .seo-kokunai-popular-destination-filter .form-custom-select{
border-radius:4px;
border-color:#ccc;
width:146px;
min-height:35px;
font-size:14px;
}

/* .seo-kokunai-popular-destination-content
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-content{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
gap:8px;
}

/* .seo-kokunai-popular-destination-content-item
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-content-item{
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
box-sizing:border-box;
width:234px;
min-width:234px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
font-size:12px;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item > .data{
padding:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .seo-kokunai-popular-destination-content-item > .thumb
------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-content-item > .thumb{
height:125px;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item > .thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item > .thumb.no-photo{
box-shadow:0 -1px 0 #dadce0 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item > .thumb.no-photo img{
width:100px;
height:auto;
}

/* .seo-kokunai-toggle > .seo-kokunai-popular-destination-content-item
------------------------------------- */
.seo-kokunai-toggle .seo-kokunai-popular-destination-content-item{
margin-top:8px;
}

/* .seo-kokunai-popular-destination-content-item-hdg
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-content-item-hdg{
margin-bottom:4px;
line-height:1.25;
min-height:4.5em;
font-size:14px;
font-weight:normal;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-hdg .tag{
margin-bottom:8px;
padding:4px 8px;
color:#fff;
display:block;
width:fit-content;
line-height:1;
background-color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .seo-kokunai-popular-destination-content-item-list
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-content-item-list{
margin:4px 0 0;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li{
display:-webkit-box;
display:flex;
overflow:hidden;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li > span:first-child{
padding-right:calc(1em + 4px);
width:2em;
position:relative;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li > span:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:2px;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li > span:last-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
display:-webkit-box;
display:flex;
flex-direction:column;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li > span:last-child > span{
overflow:hidden;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li > span:last-child > span:first-child{
min-width:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;

}

.seo-kokunai .seo-kokunai-popular-destination-content-item-list > li > span:last-child > span:last-child{
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-kokunai-popular-destination-content-item-footer
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-popular-destination-content-item-footer{
margin-top:auto;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-footer > div{
margin-top:8px;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-footer > div > span:first-child{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
text-align: right;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-footer > div b{
font-size:18px;
font-family:Arial;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-footer > a{
margin:8px auto 0;
padding:4px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
text-align:center;
}

.seo-kokunai .seo-kokunai-popular-destination-content-item-footer > a > span{
display:block;
}


/* ----------------------------------------------------------------
  .seo-kokunai-faq
----------------------------------------------------------------- */
/* .seo-kokunai-faq
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-faq{
padding-top:8px;
}

/* .seo-kokunai-faq-item
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-faq-item{
border-bottom:1px solid #ddd;
}

/* .seo-kokunai-faq-item-hook
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-faq-item-hook{
padding:4px 16px 4px 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:44px;
background-image:url(/element/j_kokunaidp/shared/images/icon-faq-q.svg), url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 50%, calc(100% - 8px) 50%;
background-repeat:no-repeat;
background-size:11px auto, 12px auto;
text-align:left;
font-weight:normal;
cursor:pointer;
}

.seo-kokunai-faq-item[aria-expanded="true"] .seo-kokunai-faq-item-hook{
background-image:url(/element/j_kokunaidp/shared/images/icon-faq-q.svg), url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .seo-kokunai-faq-item-content
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/j_kokunaidp/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:11px auto;
}

.seo-kokunai .seo-kokunai-faq-item-content p{
margin:0;
}

.seo-kokunai-faq-item[aria-expanded="false"] > .seo-kokunai-faq-item-content{
display:none;
}

/* .seo-kokunai-faq-link-more
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-faq-link-more{
margin-top:12px;
text-align:right;
font-size:12px;
}

.seo-kokunai .seo-kokunai-faq-link-more > a{
display:inline-block;
}

.seo-kokunai .seo-kokunai-faq-link-more > a + a{
margin-left:16px;
}


/* ----------------------------------------------------------------
  .seo-kokunai-attention
----------------------------------------------------------------- */
/* .seo-kokunai-attention > ul
----------------------------------------------------------------- */
.seo-kokunai-attention > ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo-kokunai-attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

.seo-kokunai-attention ul a{
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}

.seo-kokunai-attention ul a:active,
.seo-kokunai-attention ul a:hover,
.seo-kokunai-attention ul a:focus{
text-decoration:underline;
}


/* ----------------------------------------------------------------
  .seo-kokunai-news
----------------------------------------------------------------- */
/* .seo-kokunai-news > ul
----------------------------------------------------------------- */
.seo-kokunai .seo-kokunai-news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo-kokunai .seo-kokunai-news ul a{
color:#555;
text-decoration:none;
}

.seo-kokunai .seo-kokunai-news ul a:active > div,
.seo-kokunai .seo-kokunai-news ul a:hover > div,
.seo-kokunai .seo-kokunai-news ul a:focus > div{
text-decoration:underline;
}

.seo-kokunai .seo-kokunai-news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}

.seo-kokunai .seo-kokunai-news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
}

.seo-kokunai .seo-kokunai-news ul a > span .tag-w{
background-color:#48c2e6;
}

.seo-kokunai .seo-kokunai-news ul a > span .tag-j{
background-color:#8db955;
}

.seo-kokunai .seo-kokunai-news ul a > span .tag-other{
background-color:#bca446;
}




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

  .error

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .error
----------------------------------------------------------------- */
.error{
margin:40px 0 70px;
}


/* ----------------------------------------------------------------
  .error-wording
----------------------------------------------------------------- */
.error .error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}

.error .error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}


/* ----------------------------------------------------------------
  .error-prev
----------------------------------------------------------------- */
.error .error-prev{
margin-top:32px;
text-align:center;
}

.error .error-prev a{
padding:9px 12px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}