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

  Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Animation
---------------------------------------------------------------- */
 @-webkit-keyframes sticky{
0%{
-webkit-transform:translateY(-80px);
transform:translateY(-80px);
}

100%{
-webkit-transform:translateY(0);
transform:translateY(0);
}
}

@keyframes sticky{
0%{
-webkit-transform:translateY(-80px);
transform:translateY(-80px);
}

100%{
-webkit-transform:translateY(0);
transform:translateY(0);
}
}


/* ----------------------------------------------------------------
  loading
---------------------------------------------------------------- */
.loading{
margin:40px 0;
text-align:center;
font-weight:bold;
font-size:16px;
}

.loading:before{
margin:0 auto 10px;
content:'';
display:block;
width:48px;
height:48px;
overflow:hidden;
position:static;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:200;
}

.loading-modal .loading-modal-inner{
padding:10px 20px 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;
}

.loading-modal .loading-modal-icon{
margin-bottom:5px;
display:block;
width:40px;
height:40px;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
background-size: 40px 40px;
}


/* ----------------------------------------------------------------
  attention
---------------------------------------------------------------- */
.attention{
color:#e30707;
display:inline-block;
font-weight:normal;
font-size:11px;
}


/* ----------------------------------------------------------------
  error
---------------------------------------------------------------- */
/* .is-error
 ----------------------------------------------- */
#container .is-error{
background-color:#fff;
}

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

.error p{
margin:20px 0;
text-align:center;
}

.error p strong{
color:#333;
font-weight:bold;
font-size:18px;
}

/* .error-prev
 ----------------------------------------------- */
.error .error-btn{
margin-top:32px;
padding:9px 12px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
}


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

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

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

.form-custom-select.is-disabled{
border-color:#d1d1d1;
}

.form-custom-select.is-disabled:before{
border-top-color:#a4a4a4;
}

.form-custom-select.is-disabled select{
color:#999;
}

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

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

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

/* .menu-tab > .form-custom-select */
.menu-tab .form-custom-select{
width:335px;
}


/* ----------------------------------------------------------------
  menu-header
---------------------------------------------------------------- */
/* .menu-header
 ----------------------------------------------- */
.menu-header{
margin-bottom:20px;
padding:0 20px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#287ac4;
}

/* .menu-header-hdg
 ----------------------------------------------- */
.menu-header .menu-header-hdg{
padding:13px 0 10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}

/* .menu-header-sup
 ----------------------------------------------- */
.menu-header .menu-header-sup{
margin-left:10px;
}

/* .menu-header-btn-del
 ----------------------------------------------- */
.menu-header .menu-header-btn-del{
padding:4px 10px 4px 23px;
border:1px solid rgba(255, 255, 255, .5);
color:#fff;
background:url(/element/history/shared/images/icon-close-wht.svg) 10px 50% no-repeat;
background-size:8px;
font-size:12px;
}


/* ----------------------------------------------------------------
  menu-tab
---------------------------------------------------------------- */
/* .menu-tab
 ----------------------------------------------- */
.menu-tab{
margin-bottom:15px;
border-bottom:1px solid #c4c4c4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#ededed;
}

/* .menu-tab-inner
 ----------------------------------------------- */
.menu-tab .menu-tab-inner{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.menu-tab .menu-tab-inner:first-child{
padding:10px 20px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}

/* .menu-tab-list
 ----------------------------------------------- */
.menu-tab .menu-tab-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
text-align:center;
line-height:1.35;
}

.menu-tab .menu-tab-list>li{
border-right:1px solid #c4c4c4;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:25%;
box-sizing:border-box;
}

.menu-tab .menu-tab-list>li:first-child{
border-left:1px solid #c4c4c4;
}

.menu-tab .menu-tab-list>li:last-child{
border-right:none;
}

.menu-tab .menu-tab-list>li>a{
padding:14px 0 12px;
color:#555;
display:table;
width:100%;
height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
font-size:15px;
}

.menu-tab .menu-tab-list>li>a>span{
margin:0 auto;
display:table;
}

.menu-tab .menu-tab-list>li .menu-tab-date{
color:#777;
display:block;
font-family:Arial;
font-size:12px;
}

.menu-tab .menu-tab-list>li.is-active{
-webkit-box-shadow:0 1px 0 #c4c4c4 inset;
box-shadow:0 1px 0 #c4c4c4 inset;
position:relative;
background-color:#fff;
}

.menu-tab .menu-tab-list>li.is-active:before{
content:'';
display:block;
width:100%;
height:1px;
background-color:#fff;
position:absolute;
bottom:-1px;
left:0;
}

.menu-tab .menu-tab-list>li.is-active>a{
color:#333;
font-weight:bold;
}

.menu-tab .menu-tab-list>li.is-active .menu-tab-date{
color:#333;
font-weight:normal;
}

.menu-tab .menu-tab-list>li.is-disabled>a{
color:#a4a4a4;
}

.menu-tab .menu-tab-list>li.is-disabled .menu-tab-date{
color:#a4a4a4;
}

.menu-tab .menu-tab-list>li:last-child.is-active{
-webkit-box-shadow:-1px 1px 0 #c4c4c4 inset;
box-shadow:-1px 1px 0 #c4c4c4 inset;
}


/* ----------------------------------------------------------------
  history-search
---------------------------------------------------------------- */
/* .history-search
 ----------------------------------------------- */
.history-search{
margin:15px 0 20px;
padding:10px 15px;
border-radius:6px;
background-color:#777;
}

/* .history-search-ctrl
 ----------------------------------------------- */
.history-search .history-search-ctrl{
margin:0 -8px 10px 0;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:24px;
}

.history-search .history-search-ctrl:last-child{
margin:10px -8px 0 0;
}

/* .history-search-ctrl-inner
 ----------------------------------------------- */
.history-search .history-search-ctrl-inner{
margin-left:10px;
}

.history-search .history-search-ctrl-inner:first-child{
margin-left:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.history-search .history-search-ctrl-inner:last-child{
text-align:right;
}

/* .history-search-attention
 ----------------------------------------------- */
.history-search .history-search-attention{
line-height:1.25;
color:#fff;
}

.history-search .history-search-attention>li{
padding-left:20px;
position:relative;
}

.history-search .history-search-attention>li:not(:first-child){
margin-top:5px;
}

.history-search .history-search-attention>li:before{
margin:-1px 5px 0 0;
content:'';
display:block;
width:14px;
height:14px;
position:absolute;
top:0;
left:0;
background:url(/element/shared/images/icon/icon-caution-wht.svg) 0 0 no-repeat;
}

.history-search .history-search-attention.is-sticky{
padding:10px;
position:fixed;
top:0;
left:0;
z-index:151;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
background-color:rgba(68, 68, 68, .95);
}

.history-search .history-search-attention.is-sticky>li{
margin:0 auto;
display:table;
}

.history-search .history-search-attention.is-sticky>li:not(:first-child){
margin-top:5px;
}

/* .history-search-ctrl-btn-del
 ----------------------------------------------- */
.history-search .history-search-ctrl-btn-del{
padding:2px 15px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
background:none;
font-size:12px;
}

/* .history-search-item
 ----------------------------------------------- */
.history-search .history-search-item{
margin:7px -8px 0;
padding:13px 13px 20px;
position:relative;
background-color:#fff;
}


/* ----------------------------------------------------------------
  history-browsing
---------------------------------------------------------------- */
/* .history-browsing
 ----------------------------------------------- */
.history-browsing{
margin:15px 0 20px;
padding:10px 15px;
border-radius:6px;
background-color:#777;
}

/* .history-browsing-ctrl
 ----------------------------------------------- */
.history-browsing .history-browsing-ctrl{
margin:0 -8px 10px 0;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:24px;
}

.history-browsing .history-browsing-ctrl:last-child{
margin:10px -8px 0 0;
}

/* .history-browsing-ctrl-inner
 ----------------------------------------------- */
.history-browsing .history-browsing-ctrl-inner{
margin-left:10px;
}

.history-browsing .history-browsing-ctrl-inner:first-child{
margin-left:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.history-browsing .history-browsing-ctrl-inner:last-child{
text-align:right;
}

.history-browsing .history-browsing-ctrl:last-child .history-browsing-ctrl-inner:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .history-browsing-attention
 ----------------------------------------------- */
.history-browsing .history-browsing-attention{
line-height:1.25;
color:#fff;
}

.history-browsing .history-browsing-attention>li{
padding-left:20px;
position:relative;
}

.history-browsing .history-browsing-attention>li:not(:first-child){
margin-top:5px;
}

.history-browsing .history-browsing-attention>li:before{
margin-right:4px;
content:'';
display:block;
width:14px;
height:14px;
position:absolute;
top:1px;
left:0;
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 0 no-repeat;
}

.history-browsing .history-browsing-attention.is-sticky{
padding:10px;
position:fixed;
top:0;
left:0;
z-index:151;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(68, 68, 68, .95);
-webkit-animation:.4s linear 0s 1 sticky;
animation:.4s linear 0s 1 sticky;
}

.history-browsing .history-browsing-attention.is-sticky>li{
margin:0 auto;
padding-left:35px;
display:table;
width:960px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.history-browsing .history-browsing-attention.is-sticky>li:not(:first-child){
margin-top:5px;
}

.history-browsing .history-browsing-attention.is-sticky>li:before{
left:15px;
}

/* .history-browsing-ctrl-btn-del
 ----------------------------------------------- */
.history-browsing .history-browsing-ctrl-btn-del{
padding:2px 15px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
background:none;
font-size:12px;
}

/* .history-browsing-item
 ----------------------------------------------- */
.history-browsing .history-browsing-item{
margin:7px -8px 0;
padding:13px 13px 20px;
position:relative;
background-color:#fff;
}


/* ----------------------------------------------------------------
  history-inquiry
---------------------------------------------------------------- */
/* .history-inquiry
 ----------------------------------------------- */
.history-inquiry{
margin:15px 0 20px;
padding:10px 15px;
border-radius:6px;
background-color:#777;
}

/* .history-inquiry-ctrl
 ----------------------------------------------- */
.history-inquiry .history-inquiry-ctrl{
margin:0 -8px 10px 0;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:24px;
}

.history-inquiry .history-inquiry-ctrl:last-child{
margin:10px -8px 0 0;
}

/* .history-inquiry-ctrl-inner
 ----------------------------------------------- */
.history-inquiry .history-inquiry-ctrl-inner{
margin-left:10px;
}

.history-inquiry .history-inquiry-ctrl-inner:first-child{
margin-left:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.history-inquiry .history-inquiry-ctrl-inner:last-child{
text-align:right;
}

.history-inquiry .history-inquiry-ctrl:last-child .history-inquiry-ctrl-inner:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .history-inquiry-attention
 ----------------------------------------------- */
.history-inquiry .history-inquiry-attention{
line-height:1.25;
color:#fff;
}

.history-inquiry .history-inquiry-attention>li{
padding-left:20px;
position:relative;
}

.history-inquiry .history-inquiry-attention>li:not(:first-child){
margin-top:5px;
}

.history-inquiry .history-inquiry-attention>li:before{
margin-right:4px;
content:'';
display:block;
width:14px;
height:14px;
position:absolute;
top:1px;
left:0;
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 0 no-repeat;
}

.history-inquiry .history-inquiry-attention.is-sticky{
padding:10px;
position:fixed;
top:0;
left:0;
z-index:151;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(68, 68, 68, .95);
-webkit-animation:.4s linear 0s 1 sticky;
animation:.4s linear 0s 1 sticky;
}

.history-inquiry .history-inquiry-attention.is-sticky>li{
margin:0 auto;
padding-left:35px;
display:table;
width:960px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.history-inquiry .history-inquiry-attention.is-sticky>li:not(:first-child){
margin-top:5px;
}

.history-inquiry .history-inquiry-attention.is-sticky>li:before{
left:15px;
}

/* .history-inquiry-ctrl-btn-del
 ----------------------------------------------- */
.history-inquiry .history-inquiry-ctrl-btn-del{
padding:2px 15px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
background:none;
font-size:12px;
}

/* .history-inquiry-item
 ----------------------------------------------- */
.history-inquiry .history-inquiry-item{
margin:7px -8px 0;
padding:13px 13px 20px;
position:relative;
background-color:#fff;
}


/* ----------------------------------------------------------------
  history-location
---------------------------------------------------------------- */
/* .history-location
 ----------------------------------------------- */
.history-location{
margin:15px 0 20px;
padding:10px 15px;
border-radius:6px;
background-color:#777;
}

/* .history-location-ctrl
 ----------------------------------------------- */
.history-location .history-location-ctrl{
margin:0 -8px 10px 0;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:24px;
}

.history-location .history-location-ctrl:last-child{
margin:10px -8px 0 0;
}

/* .history-location-ctrl-inner
 ----------------------------------------------- */
.history-location .history-location-ctrl-inner{
margin-left:10px;
}

.history-location .history-location-ctrl-inner:first-child{
margin-left:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.history-location .history-location-ctrl-inner:last-child{
text-align:right;
}

.history-location .history-location-ctrl:last-child .history-location-ctrl-inner:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .history-location-attention
 ----------------------------------------------- */
.history-location .history-location-attention{
line-height:1.25;
color:#fff;
}

.history-location .history-location-attention>li{
padding-left:20px;
position:relative;
}

.history-location .history-location-attention>li:not(:first-child){
margin-top:5px;
}

.history-location .history-location-attention>li:before{
margin-right:4px;
content:'';
display:block;
width:14px;
height:14px;
position:absolute;
top:1px;
left:0;
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 0 no-repeat;
}

.history-location .history-location-attention.is-sticky{
padding:10px;
position:fixed;
top:0;
left:0;
z-index:151;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(68, 68, 68, .95);
-webkit-animation:.4s linear 0s 1 sticky;
animation:.4s linear 0s 1 sticky;
}

.history-location .history-location-attention.is-sticky>li{
margin:0 auto;
padding-left:35px;
display:table;
width:960px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.history-location .history-location-attention.is-sticky>li:not(:first-child){
margin-top:5px;
}

.history-location .history-location-attention.is-sticky>li:before{
left:15px;
}

/* .history-location-ctrl-btn-del
 ----------------------------------------------- */
.history-location .history-location-ctrl-btn-del{
padding:2px 15px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
background:none;
font-size:12px;
}

/* .history-location-item
 ----------------------------------------------- */
.history-location .history-location-item{
margin:7px -8px 0;
padding:13px 13px 20px;
position:relative;
background-color:#fff;
}


/* ----------------------------------------------------------------
  favorite
---------------------------------------------------------------- */
/* .favorite
 ----------------------------------------------- */
.favorite{
margin:15px 0 20px;
padding:10px 15px;
border-radius:6px;
background-color:#777;
}

/* .favorite-ctrl
 ----------------------------------------------- */
.favorite .favorite-ctrl{
margin:10px -8px 10px 0;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:24px;
}

.favorite .favorite-ctrl:first-child{
margin-top:0;
}

.favorite .favorite-ctrl:last-child{
margin-bottom:0;
}

/* .favorite-ctrl-inner
 ----------------------------------------------- */
.favorite .favorite-ctrl-inner{
margin-left:10px;
}

.favorite .favorite-ctrl-inner:first-child{
margin-left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.favorite .favorite-ctrl-inner:last-child{
text-align:right;
}

/* .favorite-ctrl-check
 ----------------------------------------------- */
.favorite .favorite-ctrl-check{
margin-right:10px;
padding:3px 10px;
border-radius:3px;
color:#333;
background-color:#fff;
}

.favorite .favorite-ctrl-check>label{
display:block;
cursor:pointer;
}

.favorite .favorite-ctrl-check>label input[type='checkbox']{
margin:0 5px 0 0;
vertical-align:middle;
}

/* .favorite-ctrl-list
 ----------------------------------------------- */
.favorite .favorite-ctrl-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.favorite .favorite-ctrl-list>li{
margin-left:20px;
height:24px;
overflow:hidden;
background-position:50% 50%;
background-repeat:no-repeat;
}

.favorite .favorite-ctrl-list>li a{
display:block;
height:24px;
text-indent:-9999px;
}

.favorite .favorite-ctrl-list>li.mail{
width:20px;
background-image:url(/element/history/shared/images/icon-mail-fill.svg);
}

.favorite .favorite-ctrl-list>li.line{
width:23px;
background-image:url(/element/history/shared/images/icon-line-fill.svg);
}

.favorite .favorite-ctrl-list>li.copy{
width:17px;
background-image:url(/element/history/shared/images/icon-copy-fill.svg);
}

/* .favorite-ctrl-btn-del
 ----------------------------------------------- */
.favorite .favorite-ctrl-btn-del{
padding:2px 15px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
background:none;
font-size:12px;
}

/* .favorite-attention
 ----------------------------------------------- */
.favorite .favorite-attention{
margin:10px -15px 15px;
padding:15px 15px 0;
border-top:1px solid #999;
line-height:1.25;
color:#fff;
}

.favorite .favorite-attention>li{
padding-left:20px;
position:relative;
}

.favorite .favorite-attention>li:not(:first-child){
margin-top:5px;
}

.favorite .favorite-attention>li:before{
margin-right:5px;
content:'';
display:block;
width:14px;
height:14px;
position:absolute;
top:1px;
left:0;
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 0 no-repeat;
}

.favorite .favorite-attention.is-sticky{
margin:0;
padding:10px;
border-top:none;
position:fixed;
top:0;
left:0;
z-index:151;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(68, 68, 68, .95);
-webkit-animation:.4s linear 0s 1 sticky;
animation:.4s linear 0s 1 sticky;
}

.favorite .favorite-attention.is-sticky>li{
margin:0 auto;
padding-left:35px;
display:table;
width:960px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.favorite .favorite-attention.is-sticky>li:not(:first-child){
margin-top:5px;
}

.favorite .favorite-attention.is-sticky>li:before{
left:15px;
}

/* .favorite-item
 ----------------------------------------------- */
.favorite .favorite-item{
margin:7px -8px 0;
padding:13px 13px 20px;
position:relative;
background-color:#fff;
}