@charset "UTF-8";
:root{
--font-color-placeholder:#9e9e9e;
}

/* local override
---------------------------------- */
/* cmn-notice-list
---------------------------------- */
main .cmn-notice-list{
margin-bottom:14px;
}

/* .cmn-ad-bnr
-------------------------------- */
/* top header bnr */
.term-idx-container + .act_ad_manage .cmn-ad-bnr:not(.cmn-ad-bnr-wide){
padding-top:12px;
padding-bottom:12px;
}

/* list header bnr */
.search-item + .act_ad_manage .cmn-ad-bnr{
margin:6px 0 0 0;
--cmn-ad-bnr-bg-color:#fff;
}
.search-item + .act_ad_manage .cmn-ad-bnr:not(.cmn-ad-bnr-wide){
padding-top:12px;
padding-bottom:12px;
}
.search-item + .act_ad_manage .cmn-ad-bnr.cmn-ad-bnr-wide{
padding-top:0;
padding-bottom:0;
}

/* top & list footer bnr */
main .act_ad_manage:not(.cmn-ad-bnr-hidden) + .cmn-notice-list{
margin-top:5px;
}
main > .act_ad_manage:last-child .cmn-ad-bnr{
padding-bottom:24px;
}

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

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

/* ----------------------------------------------------------------
  Base layout
----------------------------------------------------------------- */
.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-info-btn{
box-shadow:none;
background-color:var(--cmn-btn-color);
font-weight:normal;
min-height:38px;
padding:0;
}

/* for pseudo page zantei*/
body{
min-height:100dvh;
}
[data-role="page"],
[data-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="dialog"].page-active,
[data-role="page"].page-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;
}
iframe[name="google_conversion_frame"]{
display:none;
}

/* form
----------------------------------------------- */
button,
input,
optgroup,
select,
textarea{
margin:0;
vertical-align:middle;
color:inherit;
}
input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea,
select{
font-size:16px;
line-height:normal;
box-sizing:border-box;
width:100%;
padding:5px;
}
label{
margin:0;
cursor:pointer;
}
input[type="text"],
input[type="search"]{
border:1px solid #999;
border-radius:4px;
-webkit-appearance:none;
appearance:none;
background-color:#fff;
}
input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]::placeholder,
input[type="search"]::placeholder{
color:var(--font-color-placeholder);
}
button{
cursor:pointer;
}
select option[disabled]{
color:var(--font-color-placeholder);
}

/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */
/* .lyt-calendar
----------------------------------------------- */
.lyt-calendar,
.pseudo-content.lyt-calendar{
padding-bottom:95px;
}

/* ----------------------------------------------------------------
  Clearfix
----------------------------------------------------------------- */
.area-btn-tab:before,
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.area-btn-tab:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after{
display:table;
content:"";
}
.area-btn-tab:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after{
clear:both;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l1
----------------------------------------------- */
.hdg-l1,
.menu-header{
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.search-area .hdg-l1,
.search-area .menu-header{
margin:12px 0 -4px;
color:#fff;
line-height:1.35;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:14px;
font-weight:normal;
}

/* .hdg-l2-container
----------------------------------------------- */
.hdg-l2-container{
position:relative;
margin:0 -10px;
padding:20px 100px 20px 10px;
}
.hdg-l2-container .hdg-l2{
margin:0;
padding:0;
font-size:14px;
}
.hdg-l2-container .hdg-btn{
position:absolute;
top:15px;
right:10px;
padding:5px 0;
width:62px;
background-image:none;
border:1px solid rgb(187, 187, 187);
border-radius:3px;
background-color:rgb(255, 255, 255);
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
box-sizing:border-box;
height:30px;
}
.hdg-l2-container .hdg-btn.active{
border-color:#2584d1;
background-color:#2584d1;
box-shadow:none;
border:0;
color:#fff;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
font-size:16px;
margin:30px -10px 0;
padding:10px;
}
.calendar-container + .hdg-l2{
margin-top:0;
}
.pseudo-header + .hdg-l2,
.pseudo-header-image + .hdg-l2{
margin-top:-10px;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
font-size:14px;
font-weight:normal;
background:#444;
color:#fff;
padding:8px 10px;
box-sizing:border-box;
margin:0 -10px;
line-height:1;
}
.hdg-l2-01-notes{
font-size:12px;
color:var(--cmn-font-color-gray);
margin:12px 0 0;
}
.hdg-l2-01-notes-branch{
border-bottom:none;
padding-bottom:0;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
font-size:16px;
line-height:1.25;
position:relative;
z-index:1;
margin:10px -10px 0;
padding:10px;
color:#fff;
background-color:#666;
}
.link-list-rank-01 .hdg-l2-02{
margin:10px 0 0;
}
.hdg-l2-02 .hdg-sup{
font-size:13px;
display:block;
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01{
font-size:14px;
font-weight:bold;
margin:20px -10px 10px;
padding:5px 10px 4px;
color:#fff;
background-color:#666;
}
.link-list-toggle + .hdg-l3-01{
margin-top:-1px;
}
.hdg-l3-02{
font-size:14px;
margin:0 -10px;
padding:8px 10px 6px;
color:var(--cmn-font-color-base);
background-color:#e5e5e5;
}
.hdg-l3-02-notes{
font-size:11px;
color:var(--cmn-font-color-gray);
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
padding:7px 10px;
background-color:#fff;
}

/* ----------------------------------------------------------------
  Paragraph
----------------------------------------------------------------- */
/* .catch
----------------------------------------------- */
.catch{
font-size:16px;
font-weight:bold;
}

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

/* .mod-noimg
---------------------------------- */
.mod-noimg{
border:1px solid #eee;
background-color:#fcfcfc;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-line
----------------------------------------------- */
.list-line{
line-height:1.25;
}
.list-line > li{
display:inline-block;
margin:5px 0 0 5px;
padding-left:8px;
border-left:1px solid #ccc;
}
.list-line > li:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}

/* .list-bullet
----------------------------------------------- */
.list-bullet > li{
position:relative;
margin-top:5px;
padding-left:8px;
}
.list-bullet > li:before{
position:absolute;
top:.6em;
left:0;
display:block;
overflow:hidden;
width:2px;
height:2px;
content:"";
}
.list-bullet > li:before{
border-radius:1px;
background-color:#000;
}
.list-bullet > li:first-child{
margin-top:0;
}

/* .list-separate
----------------------------------------------- */
.list-separate{
margin:10px 0;
}
.list-separate > li{
overflow:hidden;
margin-top:10px;
}
.list-separate > li > .cell{
overflow:hidden;
}
.list-separate > li > .cell:first-child{
position:relative;
float:left;
width:30%;
max-width:200px;
padding-right:14px;
}
.list-separate > li > .cell:first-child:before{
position:absolute;
top:0;
right:5px;
content:" : ";
}
.list-separate > li > .cell > :first-child{
margin-top:0;
}
.list-separate > li > .cell.card img{
height:11px;
margin-right:3px;
}
.list-separate > li:first-child{
margin-top:0;
}
.list-separate.branch{
font-size:12px;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
line-height:1.25;
overflow:hidden;
margin:4px 0 0;
}
.link-list > li{
position:relative;
min-height:46px;
margin-top:4px;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
}
.link-list > li.active{
font-weight:bold;
background-color:#666;
border:1px solid #666;
box-shadow:none;
color:#fff;
}
.link-list > li.active a{
color:#fff;
font-weight:normal;
}
.link-list a{
position:absolute;
top:0;
left:0;
display:block;
display:-webkit-box;
display:flex;
box-sizing:border-box;
width:100%;
height:100%;
padding:6px 10px;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}
.link-list a:link,
.link-list a:visited,
.link-list a:active,
.link-list a:hover,
.link-list a:focus{
color:var(--cmn-font-color-base);
}

/* .link-list-01
----------------------------------------------- */
.link-list-01{
margin:10px -10px;
border-bottom:1px solid #ccc;
background-color:#fff;
}
.link-list-01 > li a{
position:relative;
display:block;
padding:10px 24px 10px 10px;
color:var(--cmn-font-color-base) !important;
border-top:1px solid #ccc;
}
.link-list-01 > li a:before{
position:absolute;
display:block;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #555;
border-bottom:3px solid #555;
}
.link-list-01 > li a:before{
top:50%;
right:10px;
margin-top:-5px;
}

/* .link-list-02
----------------------------------------------- */
.link-list-02{
font-size:13px;
line-height:1.45;
margin:0 0 10px;
}
.link-list-02 a{
position:relative;
position:relative;
display:block;
min-height:75px;
padding:10px 10px 10px 125px;
border-bottom:1px solid #ccc;
}
.link-list-02 a > b{
font-size:14px;
display:block;
margin-bottom:2px;
}
.link-list-02 a > span{
display:block;
color:var(--cmn-font-color-base) !important;
}
.link-list-02 .thumb-box{
position:absolute;
top:10px;
left:10px;
width:100px;
}
.link-list-02 .thumb-box .mod-noimg{
width:100%;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
height:75px;
}
.link-list-02 .thumb-box .mod-noimg img{
width:70px;
}
.link-list-02 .thumb-box img{
max-height:75px;
}

/* .link-list-rank
----------------------------------------------- */
.link-list-rank{
margin:0;
}
.link-list-rank > li{
border-bottom:1px solid #e9e9e9;
}
.link-list-rank a{
position:relative;
display:block;
padding:13px 0 9px 26px;
color:var(--cmn-font-color-base);
min-height:44px;
box-sizing:border-box;
}
.link-list-rank a [class^="no-"]{
font-size:12px;
font-weight:bold;
line-height:1;
position:absolute;
top:12px;
left:0;
display:block;
padding:4px 6px;
color:#fff;
background-color:#f0a606;
}
.link-list-rank a .no-2{
background-color:#a1a1a1;
}
.link-list-rank a .no-3{
background-color:#b88656;
}
.hdg-l3-container + .link-list-rank{
margin:-10px 0 5px;
}
.link-list-rank + p{
margin-bottom:12px;
}

/* .link-list-rank-01
----------------------------------------------- */
.link-list-rank-01{
font-size:13px;
margin:10px -10px;
background-color:#fff;
}
.link-list-rank-01 > li a{
position:relative;
display:block;
box-sizing:border-box;
min-height:80px;
padding:10px 24px 10px 125px;
color:var(--cmn-font-color-base) !important;
border-bottom:1px solid #ccc;
}
.link-list-rank-01 > li a:before{
position:absolute;
display:block;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:3px solid #555;
border-bottom:3px solid #555;
}
.link-list-rank-01 > li a:before{
top:50%;
right:10px;
margin-top:-5px;
}
.link-list-rank-01 > li .icon-rank{
font-size:12px;
font-weight:bold;
line-height:1;
position:absolute;
top:10px;
left:100px;
display:block;
width:20px;
padding:4px 0;
text-align:center;
background-color:#d4d4d4;
}
.link-list-rank-01 > li .mod-noimg{
position:absolute;
top:10px;
left:10px;
width:100px;
height:75px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.link-list-rank-01 > li .mod-noimg img{
width:70px;
}
.link-list-rank-01 > li .thumb{
position:absolute;
top:10px;
left:10px;
width:100px;
height:75px;
}
.link-list-rank-01 > li:nth-child(1) .icon-rank{
color:#fff;
background-color:#f0a606;
}
.link-list-rank-01 > li:nth-child(2) .icon-rank{
color:#fff;
background-color:#a1a1a1;
}
.link-list-rank-01 > li:nth-child(3) .icon-rank{
color:#fff;
background-color:#b88656;
}
.link-list-rank-01.area > li a{
min-height:95px;
}
.link-list-rank-01.area > li b{
font-size:14px;
display:block;
color:var(--cmn-font-color-link);
}
.hdg-l2-02 + .link-list-rank-01{
margin-top:0;
}

/* .link-list-image
----------------------------------------------- */
.link-list-image{
text-align:center;
margin:0 10px;
}
.link-list-image > li{
margin-top:10px;
}
.link-list-image > li .caption{
font-size:12px;
line-height:1.35;
display:block;
margin-top:2px;
text-align:left;
}
.link-list-image a{
display:block;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
}
.link-list-toggle > li > .link-list-toggle-hook{
font-size:14px;
position:relative;
width:100%;
padding:0;
text-align:left;
border:none;
border-bottom:1px solid #e9e9e9;
background:none;
}
.link-list-toggle > li > .link-list-toggle-hook::before{
content:"";
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size:11px;
margin-right:5px;
width:11px;
height:11px;
display:inline-block;
vertical-align:middle;
position:absolute;
right:10px;
top:50%;
margin-top:-1px;
}
.link-list-toggle > li.is-active > .link-list-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle > li > .link-list-toggle-hook > span{
position:relative;
display:block;
padding:10px;
}
.link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}
.link-list-toggle .link-list-toggle-item-list{
margin:0;
}
.link-list-toggle .link-list-toggle-item-list > li > a{
display:block;
padding:8px 10px 8px 30px;
color:var(--cmn-font-color-base);
border-bottom:1px solid #e9e9e9;
}
.hdg-l3-01 + .link-list-toggle,
.hdg-l3-01 + .toggle-container{
margin-top:-10px;
}

/* ----------------------------------------------------------------
  Button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn{
font-size:16px;
padding:10px 0 9px;
color:#fff;
border-radius:4px;
display:block;
width:100%;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
text-align:center;
border:0;
height:44px;
}
.btn .sup{
font-size:14px;
font-weight:normal;
}

/* .btn-02
----------------------------------------------- */
main .btn-02{
font-size:14px;
text-align:center;
display:block;
color:var(--cmn-font-color-base);
}
main .btn-02 .btn-sup{
font-weight:normal;
display:block;
}

/* .btn-03
----------------------------------------------- */
.btn-03{
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-base);
background-color:#e6e6e6;
box-shadow:0 2px 0 #c5c4c4;
text-shadow:none;
border:none;
padding:10px 0 9px;
border-radius:4px;
width:100%;
}

/* .btn-more-01
----------------------------------------------- */
.btn-more-01{
position:relative;
padding:0 10px 0 20px;
border:none;
background:none;
}
.btn-more-01:before{
content:"";
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) no-repeat;
background-size:12px;
margin-right:5px;
width:13px;
height:13px;
display:inline-block;
position:absolute;
left:0;
top:50%;
margin-top:-6px;
}
.btn-more-01.active:before{
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) no-repeat;
}

/* .btn-list
----------------------------------------------- */
.btn-list{
overflow:hidden;
margin:20px 0 10px;
}
.btn-list > li{
float:left;
width:48.4375%;
margin:10px 0 0 0;
}
.btn-list > li:nth-child(2n+1){
margin-left:0;
}
.btn-list > li:nth-child(-n+2){
margin-top:0;
}
.btn-list.branch > li{
width:36.875%;
}
.btn-list.branch > li:nth-child(2n+1){
width:60%;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .tab-container
----------------------------------------------- */
.tab-container .tab-item{
display:none;
}
.tab-container .tab-item.active{
display:block;
}

/* .pager
----------------------------------------------- */
.pager{
margin:0 -10px;
padding:10px;
background-color:#444;
}
.pager .item-number{
font-size:12px;
color:#fff;
margin:0;
}
.pager .pager-list{
line-height:1;
margin:0;
text-align:center;
letter-spacing:-.4em;
font-size:0;
}
.pager .pager-list ul{
margin:0;
}
.pager .pager-list li{
display:inline-block;
margin:0 3px;
text-align:center;
letter-spacing:normal;
vertical-align:top;
font-size:16px;
}
.pager .pager-list li.prev,
.pager .pager-list li.next,
.pager .pager-list li .pager-cnt-list li{
margin-top:8px;
margin-bottom:5px;
}
.pager .pager-list li:empty{
margin:0;
}
.pager .pager-list li span,
.pager .pager-list li em,
.pager .pager-list li a{
font-weight:normal;
display:block;
min-width:22px;
padding:10px 7px 8px;
text-decoration:none;
background-color:#fff;
border-radius:3px;
color:#444;
}
.pager .pager-list li em{
font-weight:bold;
background-color:#444;
color:#fff;
}
.pager .pager-list li.ellipsis{
position:relative;
margin-left:0;
padding-left:13px;
}
.pager .pager-list li.ellipsis:before{
position:absolute;
bottom:0;
left:-1px;
display:block;
overflow:hidden;
width:12px;
height:1em;
color:#fff;
font-size:15px;
content:"\2026";
}
.pager .pager-list li.next span,
.pager .pager-list li.next a,
.pager .pager-list li.prev span,
.pager .pager-list li.prev a{
position:relative;
width:36px;
height:0;
padding-top:26px;
overflow:hidden;
line-height:3;
vertical-align:bottom;
background-color:#fff;
box-sizing:border-box;
display:block;
}
.pager .pager-list li.next span:before,
.pager .pager-list li.next a:before,
.pager .pager-list li.prev span:before,
.pager .pager-list li.prev a:before{
position:absolute;
content:"";
width:14px;
height:14px;
background:url(/element_sp/w_optional/shared/images/icon-arrow-left.svg) top left no-repeat;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
top:50%;
left:9px;
margin-top:-7px;
}
.pager .pager-list li.prev span:before,
.pager .pager-list li.prev a:before{
-webkit-transform:rotate(0);
transform:rotate(0);
left:12px;
}

/* .area-btn-tab
----------------------------------------------- */
.area-btn-tab{
margin-right:-10px;
margin-left:-10px;
}
.area-btn-tab li{
float:left;
width:50%;
margin-left:-1px;
text-align:center;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.area-btn-tab li a{
display:block;
box-sizing:border-box;
padding:15px 0;
background:#eee;
}
main .area-btn-tab li a:link{
color:var(--cmn-font-color-base);
}
.area-btn-tab li p{
margin:0;
padding:15px 0;
font-weight:bold;
}
.area-btn-tab li a.active{
font-weight:bold;
color:var(--cmn-font-color-base);
background:#fff;
box-shadow:none;
}

/* ----------------------------------------------------------------
  Image
----------------------------------------------------------------- */
/* .image-left / .image-right
----------------------------------------------- */
.image-left{
overflow:hidden;
}
.image-left > .image{
float:left;
padding-right:3.125%;
text-align:center;
}
.image-left > .image .caption{
font-size:12px;
display:block;
margin-top:5px;
}
.image-left > .col{
overflow:hidden;
}
.image-left.wrap > .image{
margin-bottom:3.125%;
}
.image-right{
overflow:hidden;
}
.image-right > .image{
float:right;
padding-left:3.125%;
text-align:center;
}
.image-right > .image .caption{
font-size:12px;
display:block;
margin-top:5px;
}
.image-right > .col{
overflow:hidden;
}
.image-right.wrap > .image{
margin-bottom:3.125%;
}

/* .img-logo
----------------------------------------------- */
.img-logo img{
max-width:100px;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
.box{
margin:10px 0;
padding:10px 15px;
border:1px solid #ccc;
background-color:#f0f0f0;
}
.box > :first-child{
margin-top:0;
}
.box > :last-child{
margin-bottom:0;
}

/* ----------------------------------------------------------------
    notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
font-size:12px;
margin:12px 0 0 0;
}
.notice-list > li{
position:relative;
margin-top:5px;
padding-left:1.35em;
}
.notice-list > li .mark{
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
/* list-col-2,list-col-3,list-col-4
----------------------------------------------- */
.list-col-2 > li{
float:left;
box-sizing:border-box;
width:calc(50% - 4px);
margin-left:4px;
font-size:14px;
}
.list-col-2 > li:first-child{
margin-left:0;
}
.list-col-2 > li:nth-child(2n+1){
clear:left;
margin-left:0;
}
.list-col-2 > li li{
float:none;
width:auto;
margin-left:0;
}
.list-col-3 > li{
float:left;
box-sizing:border-box;
width:31.25%;
margin-left:3.125%;
}
.list-col-3 > li:first-child{
margin-left:0;
}
.list-col-3 > li:nth-child(3n+1){
clear:left;
margin-left:0;
}
.list-col-3 > li li{
float:none;
width:auto;
margin-left:0;
}
.list-col-4 > li{
float:left;
box-sizing:border-box;
width:22.65625%;
margin-left:3.125%;
}
.list-col-4 > li:first-child{
margin-left:0;
}
.list-col-4 > li:nth-child(4n+1){
clear:left;
margin-left:0;
}
.list-col-4 > li li{
float:none;
width:auto;
margin-left:0;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* checkbox
----------------------------------------------- */
input[type="checkbox"]{
position:relative;
box-sizing:border-box;
width:20px;
height:20px;
border:0;
-webkit-appearance:none;
-moz-appearance:none;
vertical-align:middle;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
top:-1px;
}
input[type="checkbox"]:before{
position:absolute;
top:4px;
left:2px;
display:block;
overflow:hidden;
width:14px;
height:10px;
content:"";
}
input[type="checkbox"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
input[type="checkbox"]:checked:before{
display:block;
}

/* .checkbox-custom
------------------------------------------------*/
.checkbox-custom input[type="checkbox"]{
display:none;
}
.checkbox-custom label >span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:15px;
}
.checkbox-custom label >span > span{
-webkit-box-flex:1;
flex:1;
word-break:break-all;
}
.checkbox-custom input[type="checkbox"]:checked + span:before{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
}
.checkbox-custom label input[type="checkbox"] + span:before{
display:block;
width:20px;
height:20px;
margin-right:7px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}
.checkbox-custom.disabled label > span{
opacity:.25;
}

/* .form-list
----------------------------------------------- */
.form-list > li{
position:relative;
margin-top:10px;
padding-left:25px;
}
.form-list > li:first-child{
margin-top:0;
}
.form-list > li input[type="radio"],
.form-list > li input[type="checkbox"]{
position:absolute;
top:.25em;
left:0;
}
.form-list > li input[type="checkbox"]{
top:0;
}
.form-list > li.disabled{
opacity:.25;
}
.form-list label{
cursor:pointer;
}

/* .form-toggle-list
----------------------------------------------- */
.form-toggle-list > li{
position:relative;
margin-top:10px;
padding-left:24px;
}
.form-toggle-list > li > label,
.form-toggle-list > li .form-toggle-hook > label{
position:relative;
display:inline-block;
padding-left:25px;
}
.form-toggle-list > li > label input[type="radio"],
.form-toggle-list > li > label input[type="checkbox"],
.form-toggle-list > li .form-toggle-hook > label input[type="radio"],
.form-toggle-list > li .form-toggle-hook > label input[type="checkbox"]{
position:absolute;
top:.3em;
left:0;
}
.form-toggle-list > li > label input[type="checkbox"],
.form-toggle-list > li .form-toggle-hook > label input[type="checkbox"]{
top:0;
}
.form-toggle-list > li .form-toggle-btn{
position:absolute;
top:4px;
left:3px;
overflow:hidden;
box-sizing:border-box;
width:13px;
height:13px;
padding:0;
border:none;
background:none;
text-indent:-9999px;
}
.form-toggle-list > li .form-toggle-btn:before{
content:"";
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) no-repeat;
background-size:12px;
margin-right:5px;
width:13px;
height:13px;
display:inline-block;
position:absolute;
left:0;
top:0;
}
.form-toggle-list > li.active .form-toggle-btn:before{
content:"";
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) no-repeat;
background-size:12px;
margin-right:5px;
width:13px;
height:13px;
display:inline-block;
position:absolute;
left:0;
top:0;
}
.form-toggle-list > li .form-toggle-item{
display:none;
margin-left:20px;
}
.form-toggle-list > li.active .form-toggle-btn:after{
display:none;
}
.form-toggle-list > li.active .form-toggle-item{
display:block;
}
.form-toggle-list > li.disabled{
opacity:.5;
}
.form-toggle-list label{
cursor:pointer;
}

/* .input-custom
----------------------------------------------- */
.input-custom{
position:relative;
display:block;
padding-right:30px;
border:1px solid #999;
border-radius:3px;
background-color:#fff;
}
.input-custom input{
border:none;
min-height:44px;
}
.input-custom input.is-unselected,
.str-container .search-index-btn.is-unselected,
.pseudo-content .search-index-btn.is-unselected{
color:var(--font-color-placeholder);
font-weight:normal;
}
li.row .input-custom input{
min-height:44px;
}
.term-idx-container .input-custom input::-webkit-input-placeholder,
.term-form-list .input-custom input::-webkit-input-placeholder{
font-weight:normal;
color:var(--font-color-placeholder);
}
.term-idx-container .input-custom input:-ms-input-placeholder,
.term-form-list .input-custom input:-ms-input-placeholder{
font-weight:normal;
color:var(--font-color-placeholder);
}
.term-idx-container .input-custom input::-moz-placeholder,
.term-form-list .input-custom input::-moz-placeholder{
font-weight:normal;
color:var(--font-color-placeholder);
}
.term-idx-container .row .input-custom input::-webkit-input-placeholder,
.term-form-list .row .input-custom input::-webkit-input-placeholder{
font-weight:normal;
color:var(--font-color-placeholder);
}
.term-idx-container .row .input-custom input:-ms-input-placeholder,
.term-form-list .row .input-custom input:-ms-input-placeholder{
font-weight:normal;
color:var(--font-color-placeholder);
}
.term-idx-container .row .input-custom input::-moz-placeholder,
.term-form-list .row .input-custom input::-moz-placeholder{
font-weight:normal;
color:var(--font-color-placeholder);
}
.input-custom .icon-calendar,
.input-custom .icon-textarea{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:6px;
width:6px;
display:block;
border:2px solid #888;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
text-indent:-9999px;
}
.input-custom .input-reset-btn{
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-7px;
width:15px;
height:15px;
background:url(/element_sp/shared/images/icon/icon-del.svg) 100% 100% no-repeat;
text-indent:-9999px;
border:0;
}
.term-form-list .search-index-btn-container,
.form-search-tbl .search-index-btn-container{
padding-left:53px;
border:1px solid #999;
border-radius:4px;
min-height:44px;
position:relative;
background:#fff;
line-height:1.35;
padding-right:0;
}
.term-form-list .search-index-btn-container .search-index-btn,
.form-search-tbl .search-index-btn-container .search-index-btn{
padding-left:0;
border:none;
}
.term-form-list .search-index-btn-container .search-index-btn-del,
.form-search-tbl .search-index-btn-container .search-index-btn-del{
margin-top:-10px;
font-size:12px;
min-height:20px;
width:40px;
padding:0 1px 0 0;
border:1px solid #bbb;
border-radius:4px;
position:absolute;
top:50%;
left:5px;
background-color:#fff;
color:var(--cmn-font-color-base);
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
box-sizing:border-box;
}
.term-form-list .search-index-btn:before,
.form-search-tbl .search-index-btn:before{
position:absolute;
display:block;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #888;
border-bottom:2px solid #888;
}
.term-form-list .search-index-btn:before,
.form-search-tbl .search-index-btn:before{
margin-top:-4px;
top:50%;
right:10px;
width:6px;
height:6px;
}
.term-form-list .search-index-btn,
.form-search-tbl .search-index-btn{
padding:7px 20px 7px 5px;
border:1px solid #999;
border-radius:4px;
width:100%;
min-height:44px;
position:relative;
background:#fff;
line-height:1.35;
font-size:16px;
text-align:left;
}

/* .select-custom
----------------------------------------------- */
.select-custom{
position:relative;
display:inline-block;
overflow:hidden;
border-radius:3px;
background-color:#fff;
width:100%;
}
.select-custom.is-selected select{
font-weight:bold;
}
.select-custom:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:6px 6px 0 6px;
border-style:solid;
border-color:#777 transparent transparent transparent;
}
.select-custom:before{
top:50%;
right:8px;
margin-top:-3px;
}
.select-custom select{
font-size:16px;
margin:0;
padding-right:20px;
border:1px solid #bbb;
border-radius:3px;
-webkit-appearance:none;
-moz-appearance:none;
min-height:44px;
background-color:#fff;
}

/* ----------------------------------------------------------------
  Component
----------------------------------------------------------------- */
/* .guide-profile
----------------------------------------------- */
.guide-profile{
position:relative;
min-height:60px;
padding-left:70px;
}
.guide-profile .guide-name{
font-size:14px;
}
.guide-profile .guide-data{
font-size:11px;
color:var(--cmn-font-color-base);
}
.guide-profile .guide-thumb{
position:absolute;
top:0;
left:0;
max-width:60px;
max-height:60px;
}

/* for special information
---------------------------------- */
.special-info{
background-color:rgba(0,76,154,.5);
text-align:center;
padding:8px 6px;
margin-bottom:10px;
border-radius:4px;
font-size:12px;
line-height:calc(17 / 12);
}
.special-info ul{
margin:0;
}
.special-info a .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
margin:0 -10px;
}
.special-info-nav a{
display:block;
font-size:12px;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 11px no-repeat #fff;
background-size:14px 12px;
padding:9px 10px 8px 28px;
min-height:36px;
box-sizing:border-box;
}

/* .pseudo-special-info
---------------------------------- */
.pseudo-special-info[role=dialog]{
display:none;
height:100%;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
color:var(--cmn-font-color-base);
}
.pseudo-special-info[role=dialog].is-active{
display:-webkit-box;
display:flex;
}
.pseudo-special-info .pseudo-special-info-content{
margin:0;
padding:16px 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
color:var(--cmn-font-color-base);
}
.pseudo-special-info .pseudo-special-info-content > :first-child{
margin-top:0 !important;
}
.pseudo-special-info .pseudo-special-info-header-hdg{
padding:8px 55px;
margin:0;
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-special-info .pseudo-special-info-header-hdg h2{
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;
}
.pseudo-special-info .pseudo-special-info-header-prev{
margin:0;
padding:0;
border:none;
--cmn-font-color-base-rgb:rgb(0 0 0 / 0);
color:var(--cmn-font-color-base-rgb);
position:absolute;
top:0;
left:0;
width:40px;
height:45px;
background:url(/element_sp/w_optional/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.pseudo-special-info .special-info-point{
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-sup{
font-size:12px;
margin:0;
}
.pseudo-special-info .special-info-desc{
margin-top:8px;
}
.pseudo-special-info .special-info-desc p{
margin-top:4px;
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-desc p:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.pseudo-special-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
margin-right:5px;
display:inline-block;
vertical-align:bottom;
}
.pseudo-special-info .special-info-hdg-sup{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
vertical-align:bottom;
margin-bottom:2px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-hdg-sup >span{
margin-right:4px;
}
.pseudo-special-info .special-info-tabs{
margin:8px -10px 16px;
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:var(--cmn-font-color-base);
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li button{
position:relative;
background:none;
border:none;
margin:0;
display:block;
padding:11px 12px 10px;
color:var(--cmn-font-color-base);
font-size:14px;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li button::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.pseudo-special-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.pseudo-special-info .special-info-status{
margin-top:24px;
}
.pseudo-special-info .special-info-status.branch{
margin-top:12px;
}
.pseudo-special-info .special-info-status .special-info-status-list{
font-size:0;
}
.pseudo-special-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.pseudo-special-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.pseudo-special-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.pseudo-special-info .special-info-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-note-list li > span{
margin-right:4px;
}
.pseudo-special-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-guide > li{
display:-webkit-box;
display:flex;
font-size:12px;
}
.pseudo-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.pseudo-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:13px;
}
.pseudo-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:2px;
right:4px;
content:":";
display:block;
}
.pseudo-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-link.right{
text-align:right;
}
.pseudo-special-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.pseudo-special-info .special-info-tgl{
margin-top:8px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item{
display:none;
margin-top:8px;
padding-bottom:4px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-hook{
display:inline-block;
cursor:pointer;
margin:0;
padding:0 0 0 13px;
border:none;
background:none;
background-image:url(/element_sp/w_optional/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:8px 5px;
font-size:12px;
font-weight:normal;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-item{
display:block;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-hook{
background-position:0 6px;
background-image:url(/element_sp/w_optional/shared/images/icon-arrow-01-up.svg);
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-hook{
margin:0;
padding:8px 20px 8px 0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px 7px;
font-weight:normal;
cursor:pointer;
font-size:16px;
border-bottom:1px solid #e5e5e5;
line-height:calc(20 / 16);
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
border-bottom:none;
}
.pseudo-special-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.pseudo-special-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:8px 6px 8px 8px;
width:100px;
box-sizing:border-box;
}
.pseudo-special-info .special-info-tbl td{
padding:8px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl td >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tbl-list{
margin:4px 0 0;
}
.pseudo-special-info .special-info-tbl-list li{
display:-webkit-box;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.pseudo-special-info .special-info-tbl-note-list li{
display:-webkit-inline-box;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.pseudo-special-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* .search-area
----------------------------------------------- */
.search-area{
border-top:1px solid #00428e;
background:#00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
margin:-11px -10px 0;
padding:0 10px 12px;
}

/* .term
----------------------------------------------- */
.term{
position:relative;
margin-top:12px;
padding:12px 12px 16px;
border-radius:6px;
background-color:#fff;
box-shadow:0 2px 1px rgba(0, 0, 0, .15);
min-height:40px;
}
.term > .term-list{
padding-right:58px;
font-size:13px;
margin:0;
}
.term > .term-list li{
display:table;
width:100%;
}
.term > .term-list li > div{
display:table-cell;
}
.term > .term-list li > div:first-child{
width:70px;
}
.term > .term-list li > div:last-child{
padding-left:1em;
text-indent:-1em;
}
.term > .term-list li > div:last-child:before{
content:"\0FF1A";
font-size:14px;
}
.term > .term-list li > div .hdg-term{
display:inline;
}
.term > .term-list li.date{
font-size:13px;
}
p + .term{
box-shadow:0 0 0;
}
.term > :first-child{
margin-top:0;
}
.term .term-word{
font-weight:bold;
margin-right:6em;
}
.term .term-schedule{
margin:-10px 0 0;
}
.term .term-change-btn{
position:absolute;
top:10px;
right:10px;
display:inline-block;
padding:0 10px 0;
background:none;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-base);
text-align:center;
border:1px solid #bbb;
width:48px;
height:42px;
border-radius:4px;
box-sizing:border-box;
box-shadow:inset 0 -3px 0 0 #d9d9d9;
background:#fff;
}
.term.branch{
margin:0 -10px;
padding-bottom:15px;
border-bottom:1px solid #999;
border-radius:0;
}
.term.branch .input-custom{
border:1px solid #999;
}
.term.branch .input-custom input{
padding:6px 5px;
}

/* .term-change
----------------------------------------------- */
/* 検索エリアボックス内条件変更フォーム部分 */
.term-change{
position:relative;
}
.term-change .term-form-list{
margin:0;
}
.term-change .term-form-list li:not(:first-child){
margin-top:12px;
}
.term-change .term-form-list li .cmn-tip-btn{
position:relative;
top:-1px;
}
.term-change .term-form-list li label{
font-size:14px;
}
.term-change .term-form-list li .btn{
margin:0 auto;
max-width:80%;
min-width:60%;
}
.term-change .term-form-list li p{
margin-top:12px;
}
.term-change .term-form-list li.row > p{
margin:12px 0 0 0;
}
.term-change .term-form-list .form-list-label{
display:inline-block;
font-size:14px;
}
.term-change .term-change-btn{
top:-9px;
right:0px;
padding:4px;
height:25px;
}

/* .term-idx-container
----------------------------------------------- */
.term-idx-container{
position:relative;
margin:-10px -10px 0;
padding:12px 8px 0;
background:url(/element_sp/w_optional/index/images/bg-cloud-01.png) no-repeat 0 0 / 100% auto, url(/element_sp/w_optional/index/images/bg-form-idx-20220801.jpg) no-repeat 0 100% / 100% auto,#00428e;
}
.term-idx-container::after{
content:"";
display:block;
margin:0 -8px;
height:32px;
}
.term-idx-container .hdg-l1{
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
font-size:16px;
font-weight:normal;
line-height:1.2;
}
.term-idx-container .term{
background-color:rgba(255, 255, 255, .95);
}

@media screen and (max-width: 362px){
.term-idx-container{
background-size:115% auto;
}
}

/* Renewal design
-------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-btn-act
----------------------------------------------------------------- */
.form-search-btn-act{
margin:0;
padding:10px 20px;
border-top:1px solid #ddd;
position:fixed;
bottom:0;
left:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
width:100%;
margin:0 auto;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
box-sizing:border-box;
z-index:2;
background-color:rgba(255, 255, 255, .8);
}
.form-search-btn-act > li button{
padding:0;
border-radius:4px;
width:100%;
height:44px;
}
.form-search-btn-act > li.reset{
width:60px;
}
.form-search-btn-act > li.reset button{
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
}
.form-search-btn-act > li.search{
margin-left:8px;
-webkit-box-flex:1;
flex:1;
}
.form-search-btn-act > li.search button{
border:none;
color:#fff;
background-color:#444;
font-size:16px;
margin:0;
}
.form-search-btn-act.is-static{
position:inherit;
bottom:inherit;
margin-top:12px;
padding:0;
width:287px;
border-top:none;
background:none;
}

/* .filter-item-list-container
----------------------------------------------- */
.filter-item-list-container{
position:relative;
min-height:35px;
margin-top:10px;
padding:10px 10px 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 4px;
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;
}
.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:var(--cmn-font-color-gray);
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;
vertical-align:middle;
}
.filter-select-list button{
background:none;
border:none;
font-size:12px;
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;
padding:7px 28px 7px 10px;
background:none;
background-color:#888;
font-size:14px;
font-weight:bold;
position:relative;
border:none;
width:100%;
color:#fff;
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_sp/shared/images/icon/icon-toggle-wht-minus.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+4){
display:none;
}
.filter-toggle-container .filter-toggle-split.active >ul >li:nth-of-type(n+4){
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;
}
.filter-toggle-container .filter-toggle-more .filter-toggle-more-btn{
display:block;
position:relative;
margin:0;
padding:5px 10px 4px 10px;
border:none;
width:100%;
min-height:40px;
color:var(--cmn-font-color-base);
background:none;
text-align:center;
font-size:13px;
}
.filter-toggle-container .filter-toggle-more .filter-toggle-more-btn::before{
display:inline-block;
position:relative;
margin-right:4px;
top:3px;
width:11px;
height:11px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 0;
content:"";
}

/* form-toggle-list
----------------------------------------------- */
.filter-toggle-list li .filter-toggle-list-sup{
border-bottom:1px solid #e5e5e5;
margin-bottom:-1px;
}
.filter-toggle-list.filter-toggle-list-parent{
padding:0 10px;
}
.filter-toggle-list.filter-toggle-list-parent >li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.filter-toggle-list.filter-toggle-list-parent >li.active{
border-bottom:none;
}
.filter-toggle-list.filter-toggle-list-parent.filter-toggle-list-noborder >li:not(:last-child){
border-bottom:none;
}
.filter-toggle-list > li{
position:relative;
}
.filter-toggle-list > li .checkbox-custom label{
display:block;
padding:10px 0;
box-sizing:border-box;
}
.filter-toggle-list > li .checkbox-custom label >span >span{
font-size:15px;
}
.filter-toggle-list > li .checkbox-custom label >span >span > small{
margin-left:5px;
font-size:12px;
}
.filter-toggle-list > li .filter-toggle-list-sup .filter-toggle-list-btn{
box-sizing:border-box;
padding:10px 0;
font-size:15px;
width:100%;
height:100%;
background:none;
border:none;
text-align:left;
color:var(--cmn-font-color-base);
word-break:break-all;
}
.filter-toggle-list > li .filter-toggle-list-sup .filter-toggle-list-btn > span{
display:block;
position:relative;
}
.filter-toggle-list > li .filter-toggle-list-sup .filter-toggle-list-btn > span >span small{
margin-left:5px;
font-size:12px;
}
.filter-toggle-list > li .filter-toggle-list-sup .filter-toggle-list-btn > span::before{
position:absolute;
top:50%;
right:0;
margin-top:-5px;
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:"";
}
.filter-toggle-list > li .filter-toggle-list-item{
display:none;
}
.filter-toggle-list > li.active > .filter-toggle-list-item{
display:block;
}
.filter-toggle-list > li.active > .filter-toggle-list-sup .filter-toggle-list-btn > span::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* filter-option
------------------------------------------------ */
.filter-option{
padding:15px 10px;
}

/* filter-option-col
------------------------------------------------ */
.filter-option-col{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.filter-option-col .filter-option-term{
margin:0 5px;
}

/* search-item-tools
------------------------------------------------ */
.search-item-tools{
padding:12px 10px;
margin-bottom:6px;
background-color:#fff;
}
.search-item-tools .select-custom{
display:block;
}
.search-item-tools .select-custom select{
font-weight:bold;
}

/* .search-item-container
----------------------------------------------- */
.search-item-container{
margin:0 -10px;
background-color:#666;
}
.search-item-container .search-item-num{
font-weight:bold;
margin:0;
padding:3px 10px;
color:#fff;
font-size:12px;
}
.search-item-container .search-item-num .sup{
font-size:12px;
font-weight:normal;
}
.search-item-container .search-item{
margin-top:6px !important;
padding:10px 10px 0;
background-color:#fff;
}
.search-item-container .search-item .price-tag{
display:block;
font-size:11px;
width:100%;
margin-top:8px;
}
.search-item-container .search-item .price-tag .font-num{
font-size:12px;
}
.search-item-container .search-item .price-tag .price-tag-sup{
color:var(--cmn-font-color-gray);
text-align:right;
display:block;
line-height:1;
}
.search-item-container .search-item .price-tag .price-tag-sup .cmn-tip-btn{
position:relative;
top:1px;
margin-left:3px;
}
.search-item-container .search-item .price-tag .price-tag-sup .price-tag-cashless-icon{
content:"";
display:inline-block;
width:15px;
height:0;
padding-top:10px;
line-height:2;
overflow:hidden;
background:url(/element/shared/images/icon/icon-cashless.svg) top left no-repeat;
margin-right:3px;
position:relative;
top:1px;
}
.search-item-container .search-item-info{
position:relative;
min-height:103px;
padding-left:110px;
margin-bottom:7px;
}
.search-item-container .search-item-info .search-item-thumb{
position:absolute;
top:0;
left:0;
}
.search-item-container .search-item-info .search-item-thumb > span{
display:-webkit-box;
display:flex;
width:100px;
height:75px;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#e5e5e5;
}
.search-item-container .search-item-info .search-item-thumb > span img{
max-width:100%;
max-height:100%;
}
.search-item-container .search-item-info .search-item-thumb > span.mod-noimg{
background-color:#fcfcfc;
}
.search-item-container .search-item-info .search-item-thumb > span.mod-noimg img{
width:70px;
}
.search-item-container .search-item-info .search-item-option{
position:absolute;
top:80px;
left:0;
width:100px;
}
.search-item-container .search-item-info .search-item-icon{
font-size:12px;
display:block;
box-sizing:border-box;
width:100px;
padding:2px;
text-align:center;
color:#fff;
background-color:#333;
}
.search-item-container .search-item-hdg{
font-size:15px;
line-height:1.25;
}
.search-item-container .search-item-hdg a{
color:var(--font-color-btn-link);
}
.search-item-container .search-item-hdg-01{
margin-top:10px;
}
.search-item-container .search-item-hdg-01 + ul,
.search-item-container .search-item-hdg-01 + p{
margin:0;
padding-bottom:10px;
}
.search-item-container .list-separate > li{
margin-top:4px;
}
.search-item-container .list-separate > li > .cell:first-child{
width:7em;
}
.search-item-container .list-separate > li > .cell:first-child .cmn-tip-btn{
margin-left:4px;
}
.search-item-container .list-separate.branch{
font-size:11px;
margin:2px 0 0;
}
.search-item-container .list-separate.branch > li{
margin-top:0;
}
.search-item-container .list-separate.branch > li > .cell:first-child{
max-width:4em;
}
.search-item-container .list-separate.branch .list-line{
margin:0;
}
.search-item-container .list-separate.branch .list-line > li{
margin:3px 10px 0 0;
padding-left:0;
border-left:none;
}
.search-item-container .list-separate.list-col-2 > li{
width:36.875%;
}
.search-item-container .list-separate.list-col-2 > li > .cell:first-child{
width:5em;
}
.search-item-container .list-separate.list-col-2 > li:nth-child(2n+1){
width:60%;
}
.search-item-container .review-rate{
margin:0;
display:inline-block;
}
.search-item-container .review-more{
font-size:12px;
margin:0;
display:inline-block;
position:relative;
top:2px;
}
.search-item-container .nav-search-item{
font-size:11px;
margin-top:5px;
}
.search-item-container .nav-search-item > a{
position:relative;
position:relative;
display:block;
min-height:30px;
padding:0 0 0 35px;
color:var(--cmn-font-color-base);
}
.search-item-container .nav-search-item .search-item-logo{
position:absolute;
bottom:50%;
left:0;
max-width:30px;
max-height:30px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}
.search-item-container .nav-search-item + .cmn-tip-btn{
margin-left:35px;
}
.search-item-container .nav-search-item-inner{
display:table;
width:100%;
}
.search-item-container .nav-search-item-inner > .price{
font-size:14px;
font-weight:bold;
display:table-cell;
padding-right:5px;
vertical-align:baseline;
white-space:nowrap;
color:var(--cmn-font-color-red);
}
.search-item-container .nav-search-item-inner > .foreign-price{
display:table-cell;
width:100%;
vertical-align:baseline;
}
.search-item-container .nav-search-item-inner > .foreign-price b{
font-weight:normal;
display:inline-block;
}
.search-item-container .search-item-detaile{
font-size:13px;
}
.search-item-container .search-item-detaile p{
margin:10px 0 0;
}
.search-item-container .search-item-detaile .search-item-btn{
font-size:13px;
position:relative;
width:100%;
border:none;
padding:8px 10px;
background:none;
color:var(--cmn-font-color-gray);
}
.search-item-container .search-item-detaile.active .search-item-btn{
border-bottom:1px solid #ddd;
}
.search-item-container .search-item-detaile .search-item-btn::before{
content:"";
display:inline-block;
vertical-align:middle;
position:relative;
top:-1px;
margin-right:5px;
width:11px;
height:11px;
background-color:transparent;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-size:11px 11px;
background-repeat:no-repeat;
}
.search-item-container .search-item-detaile.active .search-item-btn::before{
top:-2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.search-item-container .item-price-info{
font-size:11px;
display:inline-block;
padding-left:36px;
}
.pseudo-content .search-item-container{
border-bottom:none;
box-shadow:none;
}
.pseudo-content .pseudo-header + .search-item-container,
.pseudo-content .pseudo-header-image + .search-item-container{
margin-top:-10px;
}
.pseudo-content .pseudo-btn-container{
margin:40px 0 20px;
}
.pseudo-content .cmn-tip-hdg-faq{
background-color:#888;
}
.pseudo-content .search-item-container{
background-color:#888;
}
.pseudo-content .pseudo-hdg-l3{
margin:12px 0;
padding:12px 0 0 0;
border-bottom:none;
border-top:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
}
.pseudo-content .pseudo-hdg-l3:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.pseudo-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.item-price-info{
display:inline-block;
font-size:11px;
padding-left:36px;
}
.system-fee-info{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.system-fee-info .system-fee-info-list{
margin-bottom:5px;
}
.system-fee-info .system-fee-info-list > li{
display:block;
line-height:1.4;
text-indent:-1em;
padding-left:1em;
}
.system-fee-info .system-fee-info-list > li:before{
content:"\0203B";
}
.agent-site-info-list{
margin:5px 0;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.agent-site-info-list > li{
display:block;
padding-left:1em;
text-indent:-1em;
}
.agent-site-info-list > li > .cmn-tip-caution-btn{
text-indent:0;
line-height:1;
}

/* .index-search-hdg-btn
----------------------------------------------- */
.index-search-hdg-btn{
position:absolute;
padding-left:12px;
color:#fff !important;
display:inline-block;
vertical-align:middle;
font-size:12px;
text-align:right;
white-space:nowrap;
top:12px;
right:10px;
}
.index-search-hdg-btn:before{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
content:"";
display:block;
position:absolute;
top:3px;
left:0;
width:7px;
height:7px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
h1 + .index-search-hdg-btn{
display:none;
}

/* .recommend-item
----------------------------------------------- */
/* 都市ページ内おすすめツアートグルコンポーネント */
.recommend-item .recommend-item-btn{
font-weight:bold;
position:relative;
display:inline-block;
margin:0;
}
.recommend-item .recommend-item-btn:before{
position:absolute;
top:4px;
left:0;
display:block;
overflow:hidden;
width:18px;
height:18px;
content:"";
}
.recommend-item .recommend-item-btn:before{
border:1px solid #777;
border-radius:3px;
background-color:#fff;
}
.recommend-item .recommend-item-btn button{
position:relative;
z-index:1;
padding:3px 0 3px 25px;
border:none;
background:none;
}
.recommend-item .recommend-item-btn button:before{
position:absolute;
top:13px;
left:5px;
display:block;
overflow:hidden;
width:10px;
height:2px;
content:"";
}
.recommend-item .recommend-item-btn button:after{
position:absolute;
top:9px;
left:9px;
display:block;
overflow:hidden;
width:2px;
height:10px;
content:"";
}
.recommend-item .recommend-item-btn button:before,
.recommend-item .recommend-item-btn button:after{
background-color:#333;
}
.recommend-item.active .recommend-item-btn button:after{
display:none;
}

/* .suggest
----------------------------------------------- */
.suggest{
position:absolute;
z-index:3;
top:56px;
left:0;
box-sizing:border-box;
width:100%;
border:1px solid #ccc;
background-color:#fff;
box-shadow:0 0 5px rgba(0, 0, 0, .5);
}
.suggest .suggest-list{
margin:0;
}
.suggest .suggest-list li{
margin:0;
border-bottom:1px solid #ccc;
}
.suggest .suggest-list li:last-child{
border-bottom:none;
}
.suggest .suggest-list li a{
display:block;
padding:10px;
color:var(--cmn-font-color-base);
}

/* search-result-loading
---------------------------------- */
.search-result-loading{
margin:0px auto 800px;
}
.search-result-loading .cmn-loading-spinner{
margin:42px auto;
}

/* .error-box
----------------------------------------------- */
.error-box{
font-size:16px;
font-weight:bold;
margin:20px 0;
padding-bottom:60px;
text-align:center;
}

/* error-container
---------------------------------- */
.error-container{
margin:32px 0 0;
min-height:600px;
}
.error-container .error-catch{
margin:10px 0;
font-size:14px;
text-align:center;
}
.error-container .error-catch.error-catch-left{
text-align:left;
}
.error-container p{
margin:0;
}
.error-container .error-text{
font-size:14px;
}
.error-container .error-align-c,
.error-container #errMsg{
text-align:center;
}
.error-container strong{
color:var(--font-color-red);
font-weight:normal;
}
.error-container .btn{
display:table;
margin:20px auto 0;
padding:6px 12px;
border:1px solid #bbb;
border-radius:5px;
width:auto;
height:34px;
color:var(--cmn-font-color-base);
background-color:#fff;
text-align:center;
font-weight:normal;
font-size:14px;
box-shadow:none;
text-shadow:none;
box-sizing:border-box;
vertical-align:middle;
}
.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:var(--cmn-font-color-gray);
font-size:11px;
}

/* ----------------------------------------------------------------
  Calendar Component
----------------------------------------------------------------- */
/* .calendar-container
----------------------------------------------- */
.calendar-container{
margin:0 -10px;
border-bottom:1px solid #bbb;
background-color:#fff;
text-shadow:none;
}
.calendar-container + .hdg-l2-02{
margin-top:0;
}

/* .calendar
----------------------------------------------- */
.calendar{
font-size:14px;
font-weight:normal;
width:100%;
margin:0 0 12px;
table-layout:fixed;
border-collapse:collapse;
background-color:#fff;
}
.calendar th{
font-weight:normal;
text-align:center;
line-height:1;
padding-bottom:16px;
font-size:13px;
}
.calendar td{
text-align:center;
padding:4px 0;
}
.calendar td a{
position:relative;
display:block;
margin:0 auto;
padding:8px 0;
border-radius:5px;
width:38px;
height:38px;
box-sizing:border-box;
}
.calendar td a:link,
.calendar td a:visited,
.calendar td a:active,
.calendar td a:hover,
.calendar td a:focus{
color:var(--cmn-font-color-base);
}
.calendar td strong{
display:block;
}
.calendar td.disabled a{
cursor:default;
opacity:.25;
}
.calendar td.active a{
opacity:1;
color:#fff;
background-color:#2584d1;
}
.calendar tr > th:first-child,
.calendar tr > td:nth-child(1) a,
.calendar tr > td.holiday:nth-child(7) 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{
--cmn-font-color-gray:#ccc;
color:var(--cmn-font-color-gray);
}
.calendar tr > td.active:nth-child(1) a,
.calendar tr > td:nth-child(7).active a,
.calendar tr > td.holiday.active a{
color:#fff;
}

/* .calendar-sticky-box
----------------------------------------------- */
.calendar-sticky-box{
position:fixed;
z-index:3;
bottom:0;
box-sizing:border-box;
width:100%;
margin:0 -10px;
padding:10px 10px 5px;
background-color:rgba(0, 0, 0, .7);
}
.calendar-sticky-box .form-list{
font-size:16px;
font-weight:bold;
color:#fff;
}
.calendar-sticky-box > :first-child{
margin-top:0;
}
.calendar-sticky-box > :last-child{
margin-bottom:0;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.toggle-container .toggle-item{
display:none;
}
.toggle-container .toggle-hook-btn{
width:100%;
background:none;
border:none;
padding:10px;
color:var(--cmn-font-color-base);
display:block;
font-size:13px;
text-align:center;
box-sizing:border-box;
border-bottom:1px solid #e9e9e9;
}
.toggle-container .toggle-hook-btn::before{
content:"";
margin-right:8px;
margin-top:2px;
display:inline-block;
width:11px;
height:11px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
}
.toggle-container.active .toggle-item{
display:block;
}
.toggle-container.active .toggle-hook-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* ----------------------------------------------------------------
  Tooltip
----------------------------------------------------------------- */
.tooltip-item{
font-size:12px;
position:absolute;
z-index:3;
top:0;
left:0;
display:none;
min-width:150px;
max-width:80%;
margin-top:18px;
padding:10px 12px 10px 10px;
border:1px solid #9f9f9f;
border-radius:6px;
background-color:#fff;
box-shadow:2px 1px 6px rgba(0, 0, 0, .5);
}
.tooltip-item > :first-child{
margin-top:0;
}
.tooltip-item.active{
display:block;
}
.tooltip-item .tooltip-hdg{
font-size:14px;
margin-bottom:2px;
}
.tooltip-item .list-separate > li{
margin-top:0;
}
.tooltip-item .list-separate > li > .cell:first-child{
width:30%;
}
.tooltip-item .btn-close{
position:absolute;
top:-18px;
right:-18px;
overflow:hidden;
width:40px;
height:40px;
text-indent:-9999px;
color:#fff;
border:2px solid #fff;
border-radius:20px;
background:#404040;
box-shadow:2px 0 4px rgba(0, 0, 0, .5);
}
.tooltip-item .btn-close:before{
position:absolute;
top:50%;
left:50%;
display:block;
overflow:hidden;
width:8px;
height:9px;
content:"";
}
.tooltip-item .btn-close:before{
margin:-5px 0 0 -4px;
-webkit-transform:scale(2);
transform:scale(2);
background:url(/element_sp/w_optional/shared/images/sprite.svg) 53.44828% 0 no-repeat;
}
.tooltip-item .tooltip-balloon{
position:relative;
position:relative;
position:absolute;
top:-10px;
left:50%;
display:block;
margin-left:-10px;
}
.tooltip-item .tooltip-balloon:before{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 11px 11px 11px;
border-style:solid;
border-color:transparent transparent #9f9f9f transparent;
}
.tooltip-item .tooltip-balloon:before{
top:-1px;
left:-1px;
}
.tooltip-item .tooltip-balloon:after{
position:absolute;
display:inline-block;
display:block;
width:0;
height:0;
margin:0;
content:"";
border-width:0 10px 10px 10px;
border-style:solid;
border-color:transparent transparent #fff transparent;
}
.tooltip-item .tooltip-balloon:after{
top:0;
left:0;
}
.tooltip-item.active{
display:block;
}

/* ----------------------------------------------------------------
  Balloon-box
----------------------------------------------------------------- */
.balloon-box{
font-size:12px;
padding:5px 0 10px;
text-align:center;
color:var(--cmn-font-color-gray);
}

/* agt-info
------------------------------------------------ */
.search-item-agt{
margin:10px -10px -10px;
padding:10px;
border-top:1px solid #d9d9d9;
}
.search-item-agt .agt-info{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0;
}
.search-item-agt .agt-info .agt-logo span{
display:table-cell;
width:50px;
height:14px;
text-align:center;
vertical-align:middle;
line-height:1;
}
.search-item-agt .agt-info .agt-logo span img{
width:auto;
max-height:45px;
vertical-align:top;
}
.search-item-agt .agt-info .agt-desc{
display:block;
padding-left:10px;
font-size:11px;
line-height:1.2;
-webkit-box-flex:1;
flex:1;
word-break:break-all;
}
.search-item-agt .agt-info .agt-desc span{
display:block;
color:var(--cmn-font-color-gray);
}
.search-item-agt .agt-info .agt-desc span:first-child{
color:var(--cmn-font-color-base);
}

/* nav-order-item
------------------------------------------------ */
.nav-order-item{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:5px;
}
.nav-order-item .nav-order-price{
-webkit-box-flex:1;
flex:1;
line-height:1.3;
}
.nav-order-item .nav-order-price .unit{
font-size:12px;
}
.nav-order-item .nav-order-price .unit .cmn-tip-btn{
margin-left:3px;
}
.nav-order-item .nav-order-price .price{
font-size:11px;
font-weight:bold;
color:var(--cmn-font-color-red);
}
.nav-order-item .nav-order-price .price b{
font-size:16px;
}
.nav-order-item .nav-order-price .price small{
font-size:11px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.nav-order-item .nav-order-price .foreign-price{
font-size:11px;
color:var(--cmn-font-color-base);
}
.nav-order-item .nav-order-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:85px;
}
.nav-order-item .nav-order-btn button{
padding:8px 7px;
width:100%;
font-size:14px;
text-align:center;
color:#fff;
border:none;
border-radius:4px;
background-color:var(--cmn-btn-color);
box-sizing:border-box;
}

/* ----------------------------------------------------------------
  Pseudo Page 擬似遷移
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
box-sizing:border-box;
padding:0 10px 10px;
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-header,
.pseudo-header-image{
margin:-10px -10px 10px;
padding:6px 55px;
color:#fff;
background-color:#00428e;
position:relative;
box-sizing:border-box;
}
.str-container.page-active .pseudo-header{
margin:0;
padding:2px 0 11px;
background:#fff;
color:var(--cmn-font-color-base);
font-size:15px;
text-align:left;
line-height:1.3;
}
.str-container.page-active .pseudo-header > .pseudo-hdg{
text-align:left;
font-size:15px;
}

/* #Act_calendar_page .pseudo-header */
.lyt-calendar.pseudo-content .pseudo-header{
position:fixed;
width:100%;
z-index:1;
}
.pseudo-header-image{
margin:0 -10px 10px;
padding:5px 55px 4px;
color:#fff;
background-color:#fff;
position:fixed;
width:100%;
box-sizing:border-box;
}
.pseudo-header .pseudo-hdg,
.pseudo-header-image .pseudo-hdg,
.pseudo-header-image .pseudo-image-hdg{
font-size:16px;
font-weight:bold;
text-align:center;
}
.lyt-calendar .pseudo-header + .hdg-l2-container{
margin-top:45px;
}
.pseudo-header .btn-pseudo-prev,
.pseudo-header-image .btn-pseudo-prev{
margin:0;
padding:0;
border:none;
--cmn-font-color-base-rgb:rgb(0 0 0 / 0);
color:var(--cmn-font-color-base-rgb);
position:absolute;
top:0;
left:0;
width:40px;
height:45px;
background:url(/element_sp/w_optional/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
main > .pseudo-header,
main > .pseudo-header-image{
margin-top:-10px;
}

/* .pseudo-header-image
----------------------------------------------- */
.pseudo-header-image{
padding:0;
position:relative;
text-align:center;
margin:-10px -10px 0 -10px;
width:inherit;
padding-bottom:26%;
}
.pseudo-header-image .pseudo-image-hdg{
margin:11px 10px;
color:var(--cmn-font-color-base);
font-size:15px;
text-align:left;
}
.pseudo-header-image > img{
display:block;
position:absolute;
bottom:0;
width:100%;
margin:0;
vertical-align:top;
}

/* ----------------------------------------------------------------
  FAQ
----------------------------------------------------------------- */
.pseudo-content .cmn-tip-container{
margin:0 -10px;
}
.pseudo-content .cmn-tip-container .cmn-tip-toggle-btn{
margin:0 -10px;
}
.pseudo-content .cmn-tip-container > :first-child.cmn-tip-box{
margin-top:-10px;
}
.pseudo-content .cmn-tip-container > :first-child.cmn-tip-box > p:first-child{
margin-top:12px;
}
.pseudo-content .cmn-tip-container .tip-list-01{
margin:10px 0 0;
}
.pseudo-content .cmn-tip-container .tip-list-01 >li{
padding-left:16px;
position:relative;
}
.pseudo-content .cmn-tip-container .tip-list-01 >li::before{
position:absolute;
left:0;
top:0;
content:"\30FB";
}
.pseudo-content ul.cmn-tip-link-list-01{
margin:0 -10px;
}
.pseudo-content .cmn-tip-search-box{
margin:10px 0;
}

/* ----------------------------------------------------------------
  FlexSlider
----------------------------------------------------------------- */
/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* RESETS
----------------------------------------------- */
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus{
outline:none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav{
margin:0;
padding:0;
list-style:none;
}
.slides > li{
z-index:0 !important;
}
.flex-pauseplay span{
text-transform:capitalize;
}

/* BASE STYLES
----------------------------------------------- */
.carousel{
position:relative;
padding-top:90%;
margin:0 -10px;
}
.carousel .carousel-catch{
font-size:16px;
font-weight:bold;
position:absolute;
bottom:0;
left:0;
display:block;
box-sizing:border-box;
width:100%;
padding:10px;
color:#fff;
background-color:rgba(0, 0, 0, .7);
}
.flexslider{
margin:0;
padding-bottom:35px;
position:absolute;
top:0;
width:100%;
}
.flexslider .slides > li{
display:none;
}
.flexslider .slides > li a{
display:block;
position:relative;
padding-top:75%;
}
.flexslider .slides > li a > img{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:auto;
}
.flexslider .slides::after{
line-height:0;
display:block;
visibility:hidden;
clear:both;
height:0;
content:"\0020";
}
html[xmlns] .flexslider .slides{
display:block;
}
.no-js .flexslider .slides > li:first-child{
display:block;
}
.flex-viewport{
max-height:2000px;
-webkit-transition:all 1s ease;
transition:all 1s ease;
}
.loading .flex-viewport{
max-height:300px;
}
.flex-direction-nav a{
position:relative;
position:absolute;
z-index:10;
top:50%;
display:block;
overflow:hidden;
width:32px;
height:40px;
margin:-40px 0 0;
cursor:pointer;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
text-decoration:none;
opacity:0;
border-radius:5px 0 0 5px;
background-color:rgba(0, 0, 0, .3);
}
.flex-direction-nav a:link,
.flex-direction-nav a:active,
.flex-direction-nav a:hover,
.flex-direction-nav a:focus{
color:var(--cmn-font-color-base);
}
.flex-direction-nav a:before{
position:absolute;
display:block;
width:8px;
height:8px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}
.flex-direction-nav a:before{
top:50%;
right:10px;
width:14px;
height:14px;
margin-top:-9px;
}
.flex-direction-nav a.flex-prev{
border-radius:0 5px 5px 0;
}
.flex-direction-nav a.flex-prev:before{
right:auto;
left:10px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.flex-direction-nav .flex-prev{
left:0;
opacity:1;
}
.flex-direction-nav .flex-next{
right:0;
text-align:right;
opacity:1;
}
.flex-direction-nav .flex-disabled{
cursor:default;
opacity:0 !important;
filter:alpha(opacity=0);
}
.flex-pauseplay a{
position:absolute;
z-index:10;
bottom:5px;
left:10px;
display:block;
overflow:hidden;
width:20px;
height:20px;
cursor:pointer;
opacity:.8;
color:var(--cmn-font-color-base);
}
.flex-pauseplay a:before{
font-size:20px;
display:inline-block;
content:"\f004";
}
.flex-pauseplay a:hover{
opacity:1;
}
.flex-pauseplay a .flex-play:before{
content:"\f003";
}
.flex-control-nav{
position:absolute;
bottom:-5px;
width:100%;
text-align:center;
}
.flex-control-nav li{
display:inline-block;
margin:0 6px;
}
.flex-control-paging li a{
display:block;
width:7px;
height:7px;
cursor:pointer;
text-indent:-9999px;
border-radius:20px;
background:#b3b3b3;
}
.flex-control-paging li a:hover{
background:#666;
}
.flex-control-paging li a.flex-active{
cursor:default;
background:#666;
}
.flex-control-thumbs{
position:static;
overflow:hidden;
margin:5px 0 0;
}
.flex-control-thumbs li{
float:left;
width:25%;
margin:0;
}
.flex-control-thumbs img{
display:block;
width:100%;
height:auto;
cursor:pointer;
-webkit-transition:all 1s ease;
transition:all 1s ease;
opacity:.7;
}
.flex-control-thumbs img:hover{
opacity:1;
}
.flex-control-thumbs .flex-active{
cursor:default;
opacity:1;
}

/* .content-info
----------------------------------------------- */
.content-info{
position:relative;
display:table;
}

/* .content-info
----------------------------------------------- */
.content-info{
position:relative;
padding:6px 0 0;
}
.content-info{
padding:0;
}

/* payment-info
----------------------------------------------- */
.payment-info{
margin:0 0 8px;
table-layout:fixed;
width:100%;
border-collapse:collapse;
line-height:1.35;
font-size:11px;
text-align:center;
display:table;
}
.payment-info .tbl-thead{
display:table-header-group;
}
.payment-info .tbl-tbody{
display:table-row-group;
}
.payment-info .tbl-tr{
display:table-row;
}
.payment-info .tbl-th,
.payment-info .tbl-td{
display:table-cell;
}
.payment-info .tbl-th,
.payment-info .tbl-td,
.payment-info th,
.payment-info td{
padding:5px 0;
vertical-align:middle;
}
.payment-info .tbl-th,
.payment-info th{
padding:4px 0 3px;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}
.payment-info .tbl-th:first-child,
.payment-info th:first-child{
width:16%;
}
.payment-info .tbl-th:nth-child(2),
.payment-info th:nth-child(2){
width:18%;
}
.payment-info .tbl-th:last-child,
.payment-info th:last-child{
width:41%;
border-right-color:#f5f5f5;
}
.payment-info .tbl-td,
.payment-info td{
border-bottom:1px solid #ddd;
}
.payment-info .tbl-td:first-child,
.payment-info td:first-child{
border-left:1px solid #ddd;
}
.payment-info .tbl-td:last-child,
.payment-info td:last-child{
border-right:1px solid #ddd;
}
.payment-info .payment-info-credit{
margin:0;
font-size:0;
}
.payment-info .payment-info-credit .cmn-tip-btn{
margin-left:4px;
position:relative;
top:1px;
}
.payment-info .payment-info-credit > li{
display:inline-block;
font-size:11px;
}
.payment-info .payment-info-credit > li::after{
content:"/";
margin:0 1px 0 3px;
}
.payment-info .payment-info-credit > li.payment-info-3d{
display:block;
}
.payment-info .payment-info-credit > li.payment-info-3d::after{
display:none;
}
.payment-info .payment-info-credit > li.payment-block{
display:block;
}
.payment-info .payment-info-credit > li.payment-block::after{
display:none;
}
.payment-info .payment-info-credit > li.payment-card{
display:block;
}
.payment-info .payment-info-credit > li.payment-card::after{
display:none;
}
.payment-info .payment-info-credit > li > ul{
margin:0;
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
gap:0 2px;
line-height:1;
}
.payment-info .payment-info-credit > li > ul > li img{
max-height:10px;
vertical-align:bottom;
}
.payment-info + p{
margin-top:8px;
}
.payment-note,
.payment-note + p,
.search-item-container .payment-note + .search-item-hdg-01,
.payment-note + .search-item-hdg-01 + p{
font-size:11px;
line-height:1.5;
color:var(--cmn-font-color-gray);
}
.payment-note + p{
text-indent:-1em;
padding-left:1em;
}
.payment-note + .search-item-hdg-01 + p{
margin-bottom:3px;
padding-left:11px;
}
.search-item-hdg-01 + p + .list-bullet{
margin:0 0 0 15px;
color:var(--cmn-font-color-gray);
}
.search-item-hdg-01 + p + .list-bullet > li:before{
color:var(--cmn-font-color-gray);
background-color:#666;
}
.search-item-hdg-01 + p + .list-bullet > li{
font-size:11px;
margin:0;
}
.content-info .notice-list{
margin:7px 0 0;
color:var(--cmn-font-color-gray);
}
.content-info .notice-list > li{
margin-top:0;
font-size:10px;
}
.tbl-info .list-paytype{
letter-spacing:-.4em;
}
.tbl-info .list-paytype > li,
.tbl-info .list-credit >li{
display:inline-block;
letter-spacing:normal;
}
.tbl-info .list-paytype > li:after{
content:"\3001";
display:inline-block;
}
.tbl-info .list-paytype > li:last-child:after{
display:none;
}
.content-info .list-payment .list-paytype > li:first-child .card-block{
display:inline-block;
vertical-align:bottom;
}
.content-info .list-payment .list-paytype > li.bank-transfer + .convenience-store:before{
content:"\0FF0F";
}

/* .list-popular
----------------------------------------------- */
.list-popular{
margin-bottom:16px;
}
.list-popular ul{
margin:-6px -5px 0 -5px;
}
.list-popular li{
width:33.33%;
float:left;
box-sizing:border-box;
padding:0 5px;
margin:0;
}
.link-list-city:before,
.link-list-city:after,
.list-popular:before,
.list-popular:after{
content:"";
display:table;
}
.link-list-city:after,
.list-popular:after{
clear:both;
}

/* .hdg-l3-container
----------------------------------------------- */
.hdg-l3-container{
position:relative;
margin:12px 0 0;
text-align:center;
padding-top:66.6%;
}
.hdg-l3-container img{
position:absolute;
top:0;
left:0;
}
.hdg-l3-container .hdg-l3{
font-size:14px;
font-weight:normal;
position:absolute;
bottom:0;
left:0;
box-sizing:border-box;
width:100%;
padding:5px 8px;
text-align:left;
color:#fff;
background-color:rgba(0, 0, 0, .6);
z-index:1;
}
.hdg-l3-container .hdg-l3 .hdg-sup{
font-size:14px;
}

/* .list-popular .hdg-l3-container
------------------------------------------------ */
.list-popular .hdg-l3-container{
padding-top:103%;
}
.list-popular .hdg-l3-container .hdg-l3{
height:35px;
box-sizing:border-box;
display:table;
padding:0;
}
.list-popular .hdg-l3-container .hdg-l3 span{
font-size:12px;
display:table-cell;
height:25px;
line-height:1.15;
vertical-align:middle;
padding:4px;
text-align:center;
}

/* .agt-info-link
----------------------------------------------- */
.agt-info-link{
padding-left:10px;
color:var(--cmn-font-color-gray) !important;
position:relative;
display:inline-table;
}
.agt-info-link:before{
content:"";
display:block;
position:absolute;
top:8px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.agt-info-link + .img{
position:relative;
top:3px;
}

/* ----------------------------------------------------------------
  Common
----------------------------------------------------------------- */
/* ？アイコン
----------------------------------------------- */
.icon-q{
position:relative;
display:inline-block;
overflow:hidden;
width:20px;
height:20px;
color:var(--cmn-font-color-base);
border:none;
background:none;
}
.icon-q:before{
position:absolute;
top:3px;
left:3px;
display:block;
overflow:hidden;
width:13px;
height:13px;
content:"";
}
.icon-q:before{
background:url(/element_sp/w_optional/shared/images/sprite.svg) 74.07407% 0 no-repeat;
}

/* AD */
.search-area aside.act_ad_manage{
text-align:center;
padding:15px 0 5px 0;
}

/* .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;
}

/* ----------------------------------------------------------------
  Pseudo Content Modules
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
padding:0 10px 10px;
line-height:1.42;
}
.pseudo-content p{
line-height:1.5;
}
.pseudo-content p +p{
margin-top:8px;
}
.pseudo-content.pseudo-lyt-sticky{
padding-bottom:75px;
}
.pseudo-content.pseudo-lyt-sticky-header{
padding-top:35px;
}

/* .pseudo-header / .pseudo-header-sticky
----------------------------------------------- */
.pseudo-content .pseudo-header,
.pseudo-content .pseudo-header-sticky{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
margin:0 -10px;
padding:8px 55px;
min-height:45px;
color:#fff;
background-color:#111;
line-height:1.55;
}
.pseudo-content .pseudo-header-sticky{
margin:0;
position:fixed;
top:0;
left:0;
z-index:1;
width:100%;
box-sizing:border-box;
}

/* .pseudo-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-header-btn-prev{
margin:0;
padding:0;
border:none;
--cmn-font-color-base-rgb:rgb(0 0 0 / 0);
color:var(--cmn-font-color-base-rgb);
position:absolute;
top:0;
left:0;
width:40px;
height:45px;
background:url(/element_sp/w_optional/shared/images/icon-pse-close-wht.svg) no-repeat 12px 50%;
background-size:16px 16px;
}
.pseudo-content .pseudo-header-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:var(--cmn-font-color-gray);
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}
.pseudo-content .pseudo-header-btn-clear.disabled,
.pseudo-content .pseudo-header-btn-prev.disabled{
--cmn-font-color-gray:#ccc;
color:var(--cmn-font-color-gray);
}

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

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l1{
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2{
margin:0 -10px;
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-hdg-l2-container
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 7px 10px;
position:relative;
background-color:#888;
}
.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;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
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;
}

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */
/* .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{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:44px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.form-input-word .form-input-word-inner input::-webkit-input-placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner input::placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/w_optional/shared/images/icon-close-blk.svg) calc(100% - 14px) 50% no-repeat;
background-size:10px;
}

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

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

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

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

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

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

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

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

/* .form-input-word-suggest-logo
----------------------------------------------- */
.form-input-word .form-input-word-suggest-logo{
padding:10px;
line-height:1;
text-align:right;
}
.form-input-word .form-input-word-suggest-logo img{
vertical-align:bottom;
width:120px;
}

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

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

/* ----------------------------------------------------------------
  .form-search-tbl
----------------------------------------------------------------- */
/* .form-search-tbl (.form-search-index/.form-search-pseudo common)
----------------------------------------------- */
.form-search-tbl{
margin:0;
width:100%;
border-collapse:collapse;
font-size:14px;
line-height:1.25;
display:table;
}
.form-search-tbl .tbl-tbody{
display:table-row-group;
}
.form-search-tbl .tbl-tr{
display:table-row;
}
.form-search-tbl .tbl-th,
.form-search-tbl .tbl-td{
display:table-cell;
}
.form-search-tbl .tbl-th,
.form-search-tbl .tbl-td,
.form-search-tbl th,
.form-search-tbl td{
padding:10px 0 0;
}
.form-search-tbl .tbl-th,
.form-search-tbl th{
padding-right:5px;
width:5em;
text-align:left;
font-size:13px;
}
.form-search-tbl .tbl-th .form-search-tip-container,
.form-search-tbl th .form-search-tip-container{
padding-right:15px;
position:relative;
display:block;
}
.form-search-tbl .tbl-th .form-search-tip-container .cmn-tip-btn,
.form-search-tbl th .form-search-tip-container .cmn-tip-btn{
position:absolute;
top:0;
right:0;
}
.form-search-tbl .form-search-keyword-clear{
position:relative;
}
.form-search-tbl .form-search-btn-arrow-01.is-unselected{
--cmn-font-color-gray:#ccc;
color:var(--cmn-font-color-gray);
}
.form-search-tbl .form-search-keyword-clear .form-search-btn-arrow-01{
margin-left:40px;
width:calc(100% + -32px);
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.form-search-tbl .form-search-btn-arrow-01.is-selected{
color:var(--cmn-font-color-base);
}
.form-search-tbl .form-search-keyword-clear .search-index-btn-del{
position:absolute;
top:50%;
left:0;
margin-top:-10px;
padding:0;
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-search-index > .form-search-tbl
----------------------------------------------- */
.form-search-index .form-search-tbl .tbl-tr:first-child .tbl-th,
.form-search-index .form-search-tbl .tbl-tr:first-child .tbl-td,
.form-search-index .form-search-tbl tr:first-child th,
.form-search-index .form-search-tbl tr:first-child td{
padding-top:0;
}
.form-search-index .form-search-tbl .tbl-tr:first-child .tbl-th.align-top,
.form-search-index .form-search-tbl tr:first-child th.align-top{
padding-top:13px;
}
.form-search-index .form-search-tbl .tbl-tr.destination .tbl-th,
.form-search-index .form-search-tbl tr.destination th{
padding-top:10px;
vertical-align:top;
}
.form-search-index .form-search-tbl .tbl-tr.date .tbl-th,
.form-search-index .form-search-tbl tr.date th{
padding-top:21px;
vertical-align:top;
}
.form-search-index .form-search-tbl .tbl-tr.num .tbl-th,
.form-search-index .form-search-tbl tr.num th{
padding-top:38px;
vertical-align:top;
}
.form-search-index .form-search-tbl .tbl-tr.keyword .tbl-th,
.form-search-index .form-search-tbl tr.keyword th{
padding-top:13px;
vertical-align:top;
}
.form-search-index .form-search-tbl .tbl-tr.facility .tbl-th,
.form-search-index .form-search-tbl .tbl-tr.plan .tbl-th,
.form-search-index .form-search-tbl tr.facility th,
.form-search-index .form-search-tbl tr.plan th{
font-size:12px;
}

/* .form-search-pseudo > .form-search-tbl
----------------------------------------------- */
.form-search-pseudo .form-search-tbl .tbl-th,
.form-search-pseudo .form-search-tbl .tbl-td,
.form-search-pseudo .form-search-tbl th,
.form-search-pseudo .form-search-tbl td{
padding:10px;
border-bottom:1px solid #e5e5e5;
}
.form-search-pseudo .form-search-tbl .tbl-th,
.form-search-pseudo .form-search-tbl th{
width:85px;
box-sizing:border-box;
background-color:#f5f5f5;
font-size:13px;
}
.form-search-pseudo .form-search-tbl .tbl-td,
.form-search-pseudo .form-search-tbl td{
position:relative;
}
.form-search-pseudo .form-search-tbl .destination .tbl-th,
.form-search-pseudo .form-search-tbl .date .tbl-th,
.form-search-pseudo .form-search-tbl .destination th,
.form-search-pseudo .form-search-tbl .date th{
vertical-align:middle;
}
.form-search-pseudo .form-search-tbl .num .tbl-th,
.form-search-pseudo .form-search-tbl .keyword .tbl-th,
.form-search-pseudo .form-search-tbl .num th,
.form-search-pseudo .form-search-tbl .keyword th{
vertical-align:middle;
}
.form-search-pseudo .form-search-tbl .facility .tbl-th,
.form-search-pseudo .form-search-tbl .plan .tbl-th,
.form-search-pseudo .form-search-tbl .facility th,
.form-search-pseudo .form-search-tbl .plan th{
padding-right:5px;
font-size:12px;
}

/* .form-search-widget > .form-search-tbl
----------------------------------------------- */
.form-search-widget .form-search-tbl .tbl-th,
.form-search-widget .form-search-tbl .tbl-td,
.form-search-widget .form-search-tbl th,
.form-search-widget .form-search-tbl td{
padding:10px;
border-bottom:1px solid #e5e5e5;
}
.form-search-widget .form-search-tbl .tbl-th,
.form-search-widget .form-search-tbl th{
width:4.5em;
background-color:#f5f5f5;
}
.form-search-widget .form-search-tbl .tbl-td,
.form-search-widget .form-search-tbl td{
position:relative;
}
.form-search-widget .form-search-tbl .destination .tbl-th,
.form-search-widget .form-search-tbl .date .tbl-th,
.form-search-widget .form-search-tbl .destination th,
.form-search-widget .form-search-tbl .date th{
padding-top:20px;
vertical-align:top;
}
.form-search-widget .form-search-tbl .num .tbl-th,
.form-search-widget .form-search-tbl .keyword .tbl-th,
.form-search-widget .form-search-tbl .num th,
.form-search-widget .form-search-tbl .keyword th{
padding-top:14px;
vertical-align:top;
}
.form-search-widget .form-search-tbl .facility .tbl-th,
.form-search-widget .form-search-tbl .plan .tbl-th,
.form-search-widget .form-search-tbl .facility th,
.form-search-widget .form-search-tbl .plan th{
padding-right:5px;
font-size:12px;
}

/* .form-search-btn-arrow-01
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow-01{
margin:-10px;
padding:5px 15px 5px 7px;
border:none;
display:block;
width:100%;
width:calc(100% + 20px);
min-height:58px;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
position:relative;
}
.form-search-tbl .date .form-search-btn-arrow-01{
min-height:42px;
}
.pseudo-content .form-search-tbl .date .form-search-checkbox{
margin:10px 0 0 0;
color:var(--cmn-font-color-base);
font-size:15px;
}
.form-search-tbl .form-search-btn-arrow-01: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);
}
.form-search-tbl .form-search-btn-arrow-01.is-unselected{
--cmn-font-color-gray:#ccc;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:16px;
}
.form-search-tbl .facility .form-search-btn-arrow-01.is-unselected,
.form-search-tbl .plan .form-search-btn-arrow-01.is-unselected{
font-size:12px;
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
width:100%;
background-color:#444;
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.pseudo-content .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-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-btn-list li:first-child:not(:last-child){
-webkit-box-flex:1;
flex:1;
padding-right:10px;
}
.pseudo-content .pseudo-sticky-btn-list li:last-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-sticky-btn-list > li.cv button{
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
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-btn-list > li.cv button.disabled{
box-shadow:0 0 0 inset;
background-color:#d5d5d5;
border:none;
}

/* btn-container
------------------------------------------------ */
.pseudo-content .btn-container{
display:-webkit-box;
display:flex;
margin:0;
}
.pseudo-content .btn-container li:first-child{
flex:initial;
width:21.42857%;
-webkit-box-flex:initial;
}
.btn-container li:last-child{
-webkit-box-flex:1;
flex:1;
padding-left:10px;
}

/* btn-confirm
------------------------------------------------ */
.btn-confirm{
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:20px;
}
.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:44px;
color:var(--cmn-font-color-base);
background:none;
background-color:#fff;
font-size:14px;
}

/* select-city,select-area
------------------------------------------------ */
.select-city .toggle-hook,.select-area .toggle-hook,.select-theme .toggle-hook{
margin:0 -10px;
background-color:#fff;
}

/* select-link-list
------------------------------------------------ */
.select-link-list{
margin:0 -10px;
background-color:#fff;
}
.select-link-list a{
border-bottom:1px solid #e9e9e9;
box-sizing:border-box;
display:block;
position:relative;
padding:11px 10px 9px;
min-height:40px;
color:var(--cmn-font-color-base);
word-break:break-all;
font-size:14px;
line-height:1.3;
}
.topic-path-bottom{
margin:0 -10px -30px;
}
.topic-path-bottom .cmn-topic-path-slide{
overflow-x:scroll;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}
.topic-path-bottom .cmn-topic-path-slide::-webkit-scrollbar{
display:none;
}
.topic-path-bottom ol{
margin:0;
}
.topic-path-bottom .cmn-topic-path{
background-color:#f3f3f3;
border-bottom:1px solid #fff;
}
.topic-path-bottom .cmn-topic-path.is-slide-active .cmn-topic-path-home::before{
box-shadow:none;
}
.topic-path-bottom .cmn-topic-path .cmn-topic-path-slide li span{
color:var(--cmn-font-color-gray);
}
.topic-path-bottom .cmn-topic-path .cmn-topic-path-slide li a{
color:var(--cmn-font-color-gray);
}
.topic-path-bottom .cmn-topic-path .cmn-topic-path-slide li a::before{
border-top:1px solid rgba(0,0,0, .17);
border-right:1px solid rgba(0,0,0,.17);
}
.topic-path-bottom .cmn-topic-path .cmn-topic-path-home a::before{
border-color:transparent transparent #666;
}
.topic-path-bottom .cmn-topic-path .cmn-topic-path-home a::after{
border-color:#666;
}
.topic-path-bottom .cmn-topic-path .cmn-topic-path-home::before{
border-top:1px solid rgba(0,0,0,.17);
border-right:1px solid rgba(0,0,0,.17);
background-color:#f3f3f3;
}

/* select-content
---------------------------------- */
.select-content{
background-color:#f5f5f5;
margin:0 -10px -10px;
padding:30px 8px 10px;
}
.select-content .card-container .card-content{
background-color:#fff;
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin-top:8px;
padding:12px;
position:relative;
z-index:10;
}
.select-content .card-container .card-content .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;
}
.select-content .card-container .card-header .card-header-hdg{
font-size:16px;
font-weight:normal;
line-height:calc(22.5 / 16);
}
.select-content .card-container .card-content.card-news-list{
margin-top:12px;
padding-bottom:0;
overflow:hidden;
}
.select-content .card-container .card-content.card-attention-list{
margin-top:0;
}
.select-content .card-container .card-content.card-seo-list{
margin-top:0;
padding-bottom:0;
overflow:hidden;
}

/* 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;
}