@charset 'UTF-8';


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

  LP Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  LP pargraph
----------------------------------------------------------------- */
/* .lp-num
----------------------------------------------------------------- */
.lp-num{
vertical-align:text-bottom;
font-size:16px;
}

.lp-pie-chart-data .lp-num{
font-size:18px;
}


/* ----------------------------------------------------------------
  LP Headig
----------------------------------------------------------------- */
/* .lp-hdg-l2
----------------------------------------------------------------- */
.lp-hdg-l2{
margin:16px 0;
padding-top:16px;
border-top:1px solid #ccc;
font-size:18px;
}

/* .lp-hdg-l3
----------------------------------------------------------------- */
.lp-hdg-l3{
margin:20px 0 4px;
font-size:14px;
}

.lp-hdg-l3 > span{
display:inline-block;
font-weight:normal;
}

.lp-hdg-l2 + .lp-hdg-l3{
margin-top:12px;
}

/* .lp-hdg-l4
----------------------------------------------------------------- */
.lp-hdg-l4{
margin:8px 0 4px;
padding:0 16px;
position:relative;
width:fit-content;
min-width:4.5em;
text-align:center;
font-weight:normal;
}

.lp-hdg-l4::before,
.lp-hdg-l4::after{
content:'';
border-bottom:1px dashed #949494;
display:block;
width:12px;
height:0;
overflow:hidden;
position:absolute;
top:9px;
left:0;
}

.lp-hdg-l4::after{
left:auto;
right:0;
}



/* ----------------------------------------------------------------
  LP List
----------------------------------------------------------------- */
/* .lp-list-bullet
----------------------------------------------------------------- */
.lp-list-bullet{
margin:12px 0;
}

.lp-list-bullet > li{
margin-top:4px;
padding-left:10px;
position:relative;
}

.lp-list-bullet > li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
position:absolute;
top:.5em;
left:0;
background-color:var(--cmn-font-color-base);
}

/* .lp-list-separete
----------------------------------------------------------------- */
.lp-list-separate > li{
margin-top:4px;
display:-webkit-box;
display:flex;
}

.lp-list-separate > li > div:first-child{
padding-right:1em;
width:10.15em;
position:relative;
}

.lp-list-separate > li > div:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

.lp-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .lp-list-separete.branch
---------------------------------------- */
.lp-list-separate.branch > li{
padding:0 4px;
width:fit-content;
}

.lp-list-separate.branch > li.is-active{
padding:4px 4px 3px;
background-color:#e1f1fc;
}

/* .lp-list-separete-cell
----------------------------------------------------------------- */
.lp-list-separete-cell{
border-top:1px solid #ddd;
}

.lp-list-separete-cell > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.lp-list-separete-cell > li > div{
padding:12px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.lp-list-separete-cell > li > div:first-child{
border-width:0 1px;
border-style:solid;
border-color:#ddd;
width:8.5em;
-webkit-box-pack:start;
justify-content:flex-start;
text-align:left;
background-color:#f7f7f7;
}

.lp-list-separete-cell > li > div:last-child{
border-right:1px solid #ddd;
-webkit-box-flex:1;
flex:1;
}

.lp-list-separete-cell > li > div > div > :first-child{
margin-top:0;
}

.lp-list-separete-cell > li > div > div > :last-child{
margin-bottom:0;
}

/* .lp-list-num
----------------------------------------------------------------- */
.lp-list-num{
margin:12px 0;
}

.lp-list-num > li{
display:-webkit-box;
display:flex;
}

.lp-list-num > li:not(:first-child){
margin-top:8px;
}

.lp-list-num > li > span{
margin-right:4px;
}

.lp-list-num > li > div{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  LP Pie Chart Modules
----------------------------------------------------------------- */
/* .pseudo-pie-chart
----------------------------------------------------------------- */
.lp-pie-chart{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
width:fit-content;
}

.lp-pie-chart > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.lp-pie-chart > .image{
margin-right:20px;
width:130px;
}

.lp-pie-chart > .image img{
margin:0 auto;
display:block;
width:100%;
height:auto;
}

/* .pseudo-pie-chart-data
----------------------------------------------------------------- */
.lp-pie-chart-data > li{
margin-top:12px;
display:-webkit-box;
display:flex;
line-height:1;
}

.lp-pie-chart-data > li > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.lp-pie-chart-data > li > span:last-child{
padding-left:16px;
width:50px;
position:relative;
}

.lp-pie-chart-data > li > span:last-child::after{
color:var(--cmn-font-color-base);
content:"\ff1a";
display:block;
position:absolute;
top:0;
left:0;
font-weight:normal;
}

.lp-pie-chart-data > .is-active{
font-weight:bold;
font-size:16px;
}

.lp-pie-chart-data > .is-active > span:last-child{
color:var(--cmn-font-color-red);
}

.lp-pie-chart-data > .is-active > span:last-child::after{
top:2px;
}



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

  LP Unique Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  lp-form-search
----------------------------------------------------------------- */
/* .lp-form-search
----------------------------------------------------------------- */
.lp-form-search{
border-width:0 20px 20px;
border-style:solid;
border-color:#287ac4;
background-color:#fff;
}

/* .lp-form-search-catch
----------------------------------------------------------------- */
.lp-form-search .lp-form-search-catch{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:center;
justify-content:center;
font-size:14px;
}

.lp-form-search .lp-form-search-catch .price{
font-weight: bold;
font-size:16px;
}

.lp-form-search .lp-form-search-catch .price strong b{
font-size:26px;
}

.lp-form-search .lp-form-search-catch .note{
margin-left:12px;
padding-left:calc(1em + 4px);
position:relative;
}

.lp-form-search .lp-form-search-catch .note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  lp-tab
----------------------------------------------------------------- */
/* .lp-tab
----------------------------------------------------------------- */
.lp-tab{
margin-top:20px;
}

/* .lp-tab-list
----------------------------------------------------------------- */
.lp-tab-list{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
box-shadow:0 -1px 0 #ccc inset;
}

.lp-tab-list > li{
margin-right:8px;
}

.lp-tab-list button{
padding:0 16px;
border-width:1px 1px 0;
border-style:solid;
border-color:#ccc;
box-shadow:0 -1px 0 #ccc inset;
min-width:216px;
height:46px;
background-color:#eee;
font-size:14px;
}

.lp-tab-list button:not([aria-selected="true"]):active,
.lp-tab-list button:not([aria-selected="true"]):hover,
.lp-tab-list button:not([aria-selected="true"]):focus{
color:var(--button-color-hover);
}

.lp-tab-list button[aria-selected="true"]{
box-shadow:none;
background-color:#fff;
font-weight:bold;
}

/* .lp-tab-content
----------------------------------------------------------------- */
.lp-tab > div[role="tabpanel"]{
display:none;
position:relative;
background-color:#fff;
}

.lp-tab > div[role="tabpanel"].is-active{
display:block;
}

.lp-tab > div[role="tabpanel"] > :first-child{
margin-top:0;
}

.lp-tab > div[role="tabpanel"] > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  .lp-tab-01
----------------------------------------------------------------- */
/* .lp-tab-01
----------------------------------------------------------------- */
.lp-tab-01{
margin-bottom:12px;
position:relative;
}

/* .lp-tab-01-list
----------------------------------------------------------------- */
.lp-tab-01-list{
margin-bottom:20px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.lp-tab-01-list > li{
margin-right:24px;
position:relative;
}

.lp-tab-01-list > li > button{
padding:0 0 6px;
border:none;
height:32px;
background-color:transparent;
font-size:14px;
white-space:nowrap;
}

.lp-tab-01-list button[aria-selected="true"]{
position:relative;
font-weight:bold;
}

.lp-tab-01-list button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
z-index:1;
background-color:var(--cmn-font-color-base);
}

.lp-tab-01-list button:not(:disabled):not([aria-selected="true"]):active,
.lp-tab-01-list button:not(:disabled):not([aria-selected="true"]):hover,
.lp-tab-01-list button:not(:disabled):not([aria-selected="true"]):focus{
color:var(--button-color-hover);
}

.lp-tab-01-list > li > button:disabled{
opacity:.33;
}

/* .lp-tab-01-content
----------------------------------------------------------------- */
.lp-tab-01 > div[role="tabpanel"]{
margin-bottom:16px;
padding-bottom:16px;
border-bottom:1px solid #ccc;
display:none;
max-width:690px;
font-size:14px;
}

.lp-tab-01 > div[role="tabpanel"].is-active{
display:block;
}

.lp-tab-01 > div[role="tabpanel"] > :first-child{
margin-top:0;
}

.lp-tab-01 > div[role="tabpanel"] > :last-child{
margin-bottom:0;
}




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

  master.css Modules adjust

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search-hdg
----------------------------------------------------------------- */
.lp-form-search .form-search-hdg{
margin-bottom:16px;
padding-bottom:8px;
border-bottom:1px solid #ddd;
}

/* .form-search-filter
----------------------------------------------------------------- */
.lp-form-search .form-search-filter button{
width:340px;
}


/* ----------------------------------------------------------------
  .search-result-state
----------------------------------------------------------------- */
/* .search-result-state-inner
----------------------------------------------------------------- */
.search-result-state .search-result-state-inner:first-child{
margin-bottom:12px;
border-bottom:none;
}