@charset "utf-8";
/* CSS Document */

/*==================================================
Flex
================================================== */

@media print, screen and (min-width:980px) {


.pointer-none{
    opacity: 1;
    cursor: default !important;
}

.wrapperFree {
margin:  0 auto;
padding: 30px 0;
}

.flexArea {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: flex-start;
}

.flexArea80 {
width: 80%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: flex-start;
}

.flexAreaL {
position: relative;
float: left;
width: 70%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: flex-start;
top: -5px;
}

.flexAreaDateYear {
position: relative;
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.flexPassArea {
position: relative;
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

.col1,
.col1H,
.col1H2 {
width: 10%;
text-align: left;
padding-left: 7px;
min-width: 127px;
}

.col1-5 {
width: 15%;
text-align: left;
padding-left: 7px;
}

.col2 {
width: 20%;
text-align: left;
padding-left: 7px;
}

.col2_3 {
width: 23%;
text-align: left;
padding-left: 7px;
}

.col2_4 {
width: 24%;
text-align: left;
padding-left: 7px;
}

.col3,
.col3N {
width: 33.33333333333%;
text-align: left;
padding-left: 7px;
}

.col3N {
width: 33.33333333333%;
text-align: left;
padding-left: 0;
}

.col4 {
width: 40%;
text-align: left;
padding-left: 7px;
}

.col5 {
width: 50%;
text-align: left;
padding-left: 7px;
}

.col5_paL {
width: 50%;
text-align: left;
padding-left: 7px;
}

.col6 {
width: 60%;
text-align: left;
padding-right: 7px;
}

.col6_paL {
width: 60%;
text-align: left;
padding-left: 7px;
}

.col7 {
width: 70%;
text-align: left;
padding-left: 7px;
}

.col8 {
width: 80%;
text-align: left;
padding-left: 7px;
}

.col9 {
width: 90%;
text-align: left;
padding-left: 7px;
}

.col10 {
width: 100%;
text-align: left;
}

.col1:first-child,
.col1H:first-child,
.col1-5:first-child,
.col2:first-child,
.col2_3:first-child,
.col2_4:first-child,
.col3:first-child,
.col4:first-child,
.col5:first-child,
.col6:first-child,
.col7:first-child,
.col8:first-child,
.col9:first-child {
padding-left: 0 !important;
}

.tilde,
.tildeH {
width: 3%;
text-align: center;
padding: 11px 0 0 0;
margin-left: 7px;
line-height: 1;
vertical-align: middle;
}

}

@media only screen and (min-width:0px) and (max-width:979px) {

.flexArea,
.flexArea80,
.flexAreaL {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: flex-start;
}

.flexAreaDateYear {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.flexPassArea {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

.col1,
.col1-5,
.col2,
.col2_3,
.col2_4,
.col3,
.col4,
.col5,
.col6,
.col6_paL,
.col7,
.col8,
.col9,
.col10 {
position: relative;
width: 100%;
text-align: left;
margin: 0 auto;
margin-bottom: 10px;
}



.col1H {
width: 28%;
text-align: left;
}

.col1H2 {
width: 22%;
text-align: left;
}

.tilde {
width: 100%;
text-align: center;
margin-bottom: 10px;
}

.tildeH {
width: 9%;
text-align: center;
padding: 11px 0 0 0;
line-height: 1;
vertical-align: middle;
}

}

/*==================================================
テーブル
================================================== */

@media print, screen and (min-width:980px) {

section table {
width: 100%;
}

.scroll {
overflow: auto !important;
-webkit-overflow-scrolling: touch !important;
}

.scroll table {
width: 1700px;
}

.scroll td img {
width: 100%;
height: 170px;
object-fit: cover;
}

 .spTable,
 .responsiveTable {
border-collapse: collapse !important;
}

.spTable th,
.spTable td {
background: #fff;
text-align: center;
padding: 8px 10px !important;
border: 1px solid #ddd !important;
vertical-align: middle !important;
}

.spTable th {
font-weight: 600;
}

.spTable .new {
background: #ffede5;
}

.spTable .default {
background: #d3f0ff;
}

.responsiveTable th {
background: #d3f0ff !important;
width: 15%;
font-weight: 600 !important;
padding: 8px 10px !important;
border: 1px solid #ddd !important;
vertical-align: middle !important;
}

.responsiveTable td {
background: #fff;
padding: 8px 10px !important;
border: 1px solid #ddd !important;
vertical-align: middle !important;
}

}

@media only screen and (min-width:0px) and (max-width:979px) {

section {
clear: both;
overflow: auto;
}

section::-webkit-scrollbar{
height: 5px;
}
section::-webkit-scrollbar-track{
/* スクロールバーのスクロール範囲の色 */
background: #F6F6F6;
}
section::-webkit-scrollbar-thumb {
/* スクロールバーのツマミの色 */
background: #C2C2C2;
}

.scroll table {
width: 2000px;
}

.scroll td img {
width: 100%;
height: 100px;
object-fit: cover;
}

section table {
width: 1200px;
font-size: 11px;
}

 .spTable {
border-collapse: collapse !important;
}

.spTable th,
.spTable td {
background: #fff;
text-align: center;
padding: 8px 10px !important;
border: 1px solid #ddd !important;
vertical-align: middle !important;
}

.spTable th {
font-weight: 600;
}

.spTable .new {
background: #ffede5;
}

.spTable .default {
background: #d3f0ff;
}

.responsive table { width: 100%; margin: 0 auto; border-collapse: collapse !important; }
.responsive th, .responsive td  { padding: 8px 10px; border: 1px solid #ddd !important; box-sizing: border-box !important; }

.responsiveTable th {
background: #d3f0ff !important;
font-weight: 600 !important;
}

.responsiveTable td {
background: #fff;
}

.responsiveTable th,
.responsiveTable td {
width: 100% !important;
display: block !important;
border: 1px solid #ddd !important;
border-top: none !important;
padding: 10px !important;
}

.responsiveTable td {
padding: 10px !important;
}

.responsiveTable input:last-child { margin-bottom: 0 !important; }

.responsiveTable tr:first-child th { border-top: 1px solid #ddd !important; }

}

/*==================================================
Button
================================================== */

button:focus { outline:0; }

@media print, screen and (min-width:980px) {

.btn {
background: #BABABA;
display: inline-block;
/*width: 200px;*/
font-size: 11px;
font-weight: 600;
text-align: center;
color: #fff !important;
padding: 11px 14px;
cursor: pointer;
border-radius: 5px;
border: 0;
line-height: 1.3;
}

.btnS {
background: #BABABA;
display: inline-block;
/*width: 200px;*/
font-size: 11px;
font-weight: 600;
text-align: center;
color: #fff !important;
padding: 5px 14px;
cursor: pointer;
border-radius: 5px;
border: 0;
line-height: 1.3;
}

.btn-wide-free{width:100% !important;}
.btn-wide-large{width:300px !important;}
.btn-wide-medium{width:200px !important;}
.btn-wide-medium-1{width:140px !important;}
.btn-wide-small{width:100px !important;}
.btn-size-large{padding: 20px !important;}
.btn-size-medium{padding: 14px !important;}
.btn-size-small{padding:5px !important;}

}

@media only screen and (min-width:0px) and (max-width:979px) {

.btn {
background: #BABABA;
width: 100%;
font-size: 11px;
font-weight: 600;
text-align: center;
color: #fff !important;
margin: 0 auto;
padding: 12px;
cursor: pointer;
border-radius: 5px;
border: 0;
line-height: 1.3;
}

.btnS {
background: #BABABA;
display: inline-block;
/*width: 200px;*/
font-size: 11px;
font-weight: 600;
text-align: center;
color: #fff !important;
padding: 5px 14px;
cursor: pointer;
border-radius: 5px;
border: 0;
line-height: 1.3;
}

.btn-wide-free{width:100% !important;}
.btn-wide-large{width:100% !important;}
.btn-wide-medium{width:100% !important;}
.btn-wide-small{width:40% !important;}
.btn-size-large{padding: 20px !important;}
.btn-size-medium{padding: 14px !important;}
.btn-size-small{padding:5px !important;}

}

.btn:hover {
opacity: 0.8;
}

.btn a {
display: block;
color: #fff !important;
}

.btn a:hover {
display: block;
text-decoration: none;
}

:hover {
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
transition: all .1s ease-out;
}

.radio-inline label{font-weight:normal;}
.chekbox-inline label{font-weight:normal;}

/*==================================================
Label
================================================== */

.label{font-size:80%; font-weight:normal; padding: .2em .6em .2em;}

/*==================================================
Padding Valiation
================================================== */

.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}
.p50{padding:50px !important;}

.p1per{padding:1% !important;}
.p2per{padding:2% !important;}
.p3per{padding:3% !important;}
.p4per{padding:4% !important;}
.p5per{padding:5% !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.pr1per{padding-right:1% !important;}
.pr2per{padding-right:2% !important;}
.pr3per{padding-right:3% !important;}
.pr4per{padding-right:4% !important;}
.pr5per{padding-right:5% !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl1{padding-left:1px !important;}
.pl2{padding-left:2px !important;}
.pl3{padding-left:3px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

.pl1per{padding-left:1% !important;}
.pl2per{padding-left:2% !important;}
.pl3per{padding-left:3% !important;}
.pl4per{padding-left:4% !important;}
.pl5per{padding-left:5% !important;}

.ptb3{padding-top:3px !important; padding-bottom:3px !important;}
.ptb5{padding-top:5px !important; padding-bottom:5px !important;}
.ptb10{padding-top:10px !important; padding-bottom:10px !important;}
.ptb15{padding-top:15px !important; padding-bottom:15px !important;}
.ptb20{padding-top:20px !important; padding-bottom:20px !important;}
.ptb25{padding-top:25px !important; padding-bottom:25px !important;}
.ptb30{padding-top:30px !important; padding-bottom:30px !important;}
.ptb35{padding-top:35px !important; padding-bottom:35px !important;}

.plr5{padding-left:5px; padding-right:5px !important;}
.plr10{padding-left:10px; padding-right:10px !important;}
.plr15{padding-left:15px; padding-right:15px !important;}
.plr20{padding-left:20px; padding-right:20px !important;}
.plr25{padding-left:25px; padding-right:25px !important;}
.plr30{padding-left:30px; padding-right:30px !important;}
.plr40{padding-left:40px; padding-right:40px !important;}
.plr50{padding-left:50px; padding-right:50px !important;}

.plr1per{padding-left:1%; padding-right:1% !important;}
.plr2per{padding-left:2%; padding-right:2% !important;}
.plr3per{padding-left:3%; padding-right:3% !important;}
.plr4per{padding-left:4%; padding-right:4% !important;}
.plr5per{padding-left:5%; padding-right:5% !important;}

/*==================================================
Margin Valiation
================================================== */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}
.m50{margin:50px !important;}

.m1per{margin:1% !important;}
.m2per{margin:2% !important;}
.m3per{margin:3% !important;}
.m4per{margin:4% !important;}
.m5per{margin:5% !important;}

.mr0{margin-right:0px !important;}
.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mr1per{margin-right:1% !important;}
.mr2per{margin-right:2% !important;}
.mr3per{margin-right:3% !important;}
.mr4per{margin-right:4% !important;}
.mr5per{margin-right:5% !important;}

.mt0{margin-top:0px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml585{margin-left:585px !important;}

.ml1per{margin-left:1% !important;}
.ml2per{margin-left:2% !important;}
.ml3per{margin-left:3% !important;}
.ml4per{margin-left:4% !important;}
.ml5per{margin-left:5% !important;}

.m0a{margin-right:auto; margin-left:auto !important;}
.mlr10{margin-left:10px; margin-right:10px !important;}
.mlr15{margin-left:15px; margin-right:15px !important;}
.mlr20{margin-left:20px; margin-right:20px !important;}
.mlr25{margin-left:25px; margin-right:25px !important;}
.mlr30{margin-left:30px; margin-right:30px !important;}
.mlr40{margin-left:40px; margin-right:40px !important;}
.mlr50{margin-left:50px; margin-right:50px !important;}

.mlr1per{margin-left:1%; margin-right:1% !important;}
.mlr2per{margin-left:2%; margin-right:2% !important;}
.mlr3per{margin-left:3%; margin-right:3% !important;}
.mlr4per{margin-left:4%; margin-right:4% !important;}
.mlr5per{margin-left:5%; margin-right:5% !important;}

/*==================================================
Align Valiation
================================================== */

.ta-c{text-align:center !important;}
.ta-r{text-align:right !important;}
.ta-l{text-align:left !important;}
.ta-j{text-align:justify!important;}

.va-t{vertical-align:top !important;}
.va-m{vertical-align:middle !important;}
.va-b{vertical-align:bottom !important;}

/*==================================================
FontSize Valiation
================================================== */

@media print, screen and (min-width:980px) {
.fs-10{font-size:10px !important;}
.fs-11{font-size:11px !important;}
.fs-12{font-size:12px !important;}
.fs-14{font-size:14px !important;}
.fs-16{font-size:16px !important;}
.fs-18{font-size:18px !important;}
.fs-20{font-size:20px !important;}
}

@media only screen and (min-width:0px) and (max-width:979px) {
.fs-10{font-size:10px !important;}
.fs-11{font-size:11px !important;}
.fs-12{font-size:12px !important;}
.fs-14{font-size:13px !important;}
.fs-16{font-size:14px !important;}
.fs-18{font-size:15px !important;}
.fs-20{font-size:17px !important;}
}

.fs-xsmall{font-size:80% !important;}
.fs-small{font-size:90% !important;}
.fs-normal{font-size:100% !important;}
.fs-large{font-size:110% !important;}
.fs-xlarge{font-size:120% !important;}

/*==================================================
FontStyle Valiation
================================================== */

.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.td-n{text-decoration:none !important;}
.td-ul{text-decoration:underline !important;}

/*==================================================
Letter Spacing
================================================== */

.ls-0{letter-spacing:0em !important;}
.ls-01{letter-spacing:0.1em !important;}
.ls-015{letter-spacing:0.15em !important;}
.ls-02{letter-spacing:0.2em !important;}
.ls-025{letter-spacing:0.25em !important;}
.ls-03{letter-spacing:0.3em !important;}
.ls-035{letter-spacing:0.35em !important;}
.ls-04{letter-spacing:0.4em !important;}
.ls-06{letter-spacing:0.6em !important;}
.ls-08{letter-spacing:0.8em !important;}
.ls-1{letter-spacing:1.0em !important;}

/*==================================================
FontColor Valiation
================================================== */

.fc-white { color: #fff !important; }
.fc-red { color: #d80000 !important; }
.fc-light-red { color: #ee7f76 !important; }
.fc-green { color: #155e01 !important; }
.fc-light-green { color: #61b3a5 !important; }
.fc-yellowish-green { color: #b1c12d !important; }
.fc-orange { color: #FF9843 !important; }
.fc-light-orange { color:#FFF3E3 !important; }
.fc-purple { color: #624a99 !important; }
.fc-light-purple { color: #9b7fef !important; }
.fc-pink { color: #fe96c0 !important; }
.fc-light-pink { color: #FFE7FA !important; }
.fc-gray { color: #939393 !important; }
.fc-light-gray { color: #F0F0F0 !important; }
.fc-dark-blue { color: #123f75 !important; }
.fc-blue { color: #4185c4 !important; }
.fc-light-blue { color: #7CC6E0 !important; }
.fc-yellow { color: #f2cf0b !important; }
.fc-light-yellow { color: #FFFEE4 !important; }
.fc-beige { color: #c9b585 !important; }
.fc-brown { color: #604818 !important; }

/*==================================================
Width Valiation
================================================== */

.w1per{width:1% !important;}
.w2per{width:2% !important;}
.w3per{width:3% !important;}
.w4per{width:4% !important;}
.w5per{width:5% !important;}
.w6per{width:6% !important;}
.w7per{width:7% !important;}
.w8per{width:8% !important;}
.w9per{width:9% !important;}
.w10per{width:10% !important;}
.w11per{width:11% !important;}
.w12per{width:12% !important;}
.w13per{width:13% !important;}
.w14per{width:14% !important;}
.w15per{width:15% !important;}
.w16per{width:16% !important;}
.w17per{width:17% !important;}
.w18per{width:18% !important;}
.w19per{width:19% !important;}
.w20per{width:20% !important;}
.w25per{width:25% !important;}
.w26per{width:26% !important;}
.w27per{width:27% !important;}
.w28per{width:28% !important;}
.w29per{width:29% !important;}
.w30per{width:30% !important;}
.w33per{width:33.3333333333333333333% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w45per{width:45% !important;}
.w50per{width:50% !important;}
.w55per{width:55% !important;}
.w60per{width:60% !important;}
.w65per{width:65% !important;}
.w70per{width:70% !important;}
.w75per{width:75% !important;}
.w80per{width:80% !important;}
.w85per{width:85% !important;}
.w90per{width:90% !important;}
.w95per{width:95% !important;}
.w100per{width:100% !important;}
.w110per{width:110% !important;}
.w120per{width:120% !important;}
.w130per{width:130% !important;}
.w140per{width:140% !important;}
.w150per{width:150% !important;}
.w160per{width:160% !important;}
.w170per{width:170% !important;}
.w180per{width:180% !important;}
.w190per{width:190% !important;}
.w200per{width:200% !important;}

@media print, screen and (min-width:980px) {
.w100px{width: 100px !important;}
.w150px{width: 150px !important;}
.w200px{width: 200px !important;}
.w250px{width: 250px !important;}
.w300px{width: 300px !important;}
.w350px{width: 350px !important;}
.w400px{width: 400px !important;}
.w450px{width: 450px !important;}
.w500px{width: 500px !important;}
.w550px{width: 550px !important;}
.w600px{width: 600px !important;}
.w700px{width: 700px !important;}
.w800px{width: 800px !important;}
.w900px{width: 900px !important;}
.w1000px{width: 1000px !important;}
.w1100px{width: 1100px !important;}
.w1200px{width: 1200px !important;}
}

@media only screen and (min-width:0px) and (max-width:979px) {
.w100px,.w150px,.w200px,.w250px,.w300px,.w350px,.w400px,.w450px,.w500px,.w550px,.w600px,.w700px,.w800px,.w900px,.w1000px,.w1100px,.w1200px {width: 100% !important;}
}

/*==================================================
Height Valiation
================================================== */

.ht10 {height:10px;}
.ht30 {height:30px;}
.ht50 {height:50px;}
.ht70 {height:70px;}
.ht100 {height:100px;}
.ht120 {height:120px;}
.ht130 {height:130px;}
.ht140 {height:140px;}
.ht150 {height:150px;}
.ht160 {height:160px;}
.ht170 {height:170px;}
.ht180 {height:180px;}
.ht200 {height:200px;}
.ht220 {height:220px;}
.ht240 {height:240px;}
.ht260 {height:260px;}
.ht280 {height:280px;}
.ht300 {height:300px;}
.ht320 {height:320px;}
.ht340 {height:340px;}
.ht360 {height:360px;}

/*==================================================
Float Valiation
================================================== */

.fl-l{float:left !important;}
.fl-r{float:right !important;}
.fl-n{float:none !important;}

/*==================================================
Line-Height
================================================== */

.lh1{line-height: 1 !important;}
.lh1-2{line-height: 1.1 !important;}
.lh1-2{line-height: 1.2 !important;}
.lh1-3{line-height: 1.3 !important;}
.lh1-4{line-height: 1.4 !important;}
.lh1-5{line-height: 1.5 !important;}
.lh1-6{line-height: 1.6 !important;}
.lh1-7{line-height: 1.7 !important;}
.lh1-8{line-height: 1.8 !important;}
.lh1-9{line-height: 1.9 !important;}
.lh2{line-height: 2 !important;}

/*==================================================
Display Valiation
================================================== */

.dis-n{display:none !important;}
.dis-b{display:block !important;}
.dis-ib{display:inline-block !important;}
.dis-i{display:inline !important;}
.dis-t{display:table !important;}
.dis-tc{display:table-cell !important;}

/*==================================================
Line-Height Valiation
================================================== */

.lh-10{line-height:1.0em !important;}
.lh-12{line-height:1.2em !important;}
.lh-14{line-height:1.4em !important;}
.lh-16{line-height:1.6em !important;}
.lh-18{line-height:1.8em !important;}
.lh-20{line-height:2.0em !important;}

/*==================================================
List Style Valiation
================================================== */

.nav-links{border:1px solid #c7c7c7; padding:5px 0; text-align:center; margin:30px 0;}
.nav-links a{padding-right:15px;}

.list-terms{list-style-type:square; margin:0 20px;}
.list-terms li{margin-bottom:15px;}

/*==================================================
DL Style Valiation
================================================== */

.dl-terms dt{font-weight:bold; font-size:100%; margin-bottom:15px;}
.dl-terms dd{margin:0 20px 20px;}

/*==================================================
Border-Radius Style Valiation
================================================== */

.br2{border-radius: 2px !important;}
.br4{border-radius: 4px !important;}
.br6{border-radius: 6px !important;}
.br8{border-radius: 8px !important;}

/*==================================================
Border Style Valiation
================================================== */
.border{border:1px solid #ccc !important;}
.border-b{border-bottom:1px solid #ccc !important;}
.border-t{border-top:1px solid #ccc !important;}
.border-l{border-left:1px solid #ccc !important;}
.border-r{border-right:1px solid #ccc !important;}

.border-c-red{border-color:#ed4548 !important;}
.border-c-green{border-color:#9db801 !important;}
.border-c-orange{border-color:#f67c05 !important;}
.border-c-pink{border-color:#fe96c0 !important;}
.border-c-gray{border-color:#c6bfae !important;}
.border-c-blue{border-color:#2bbdf9 !important;}
.border-c-yellow{border-color:#fefc47 !important;}
.border-c-gray02{border-color:#e7e7e6 !important;}
.border-c-w{border-color:#fff !important;}
.border-c-black{border-color:#000 !important;}
.border-c-pinkgray{border-color:#f7e3e3 !important;}

.border-line2px{border-width:2px !important;}
.border-line3px{border-width:3px !important;}
.border-line4px{border-width:4px !important;}
.border-line5px{border-width:5px !important;}
.border-line6px{border-width:6px !important;}
.border-line7px{border-width:7px !important;}
.border-line8px{border-width:8px !important;}
.border-line9px{border-width:9px !important;}
.border-line10px{border-width:10px !important;}

.border-dotted{border-style:dotted !important;}
.border-dashed{border-style:dashed !important;}
.border-outset{border-style:outset !important;}
.border-inset{border-style:inset !important;}
.border-groove{border-style:groove !important;}

.bn{border:none !important;}

/*==================================================
高さの指定
================================================== */

.ht-50 {height:50px;}
.ht-100 {height:100px;}
.ht-120 {height:120px;}
.ht-150 {height:150px;}

/*==================================================
カレンダー
================================================== */

.ui-datepicker {

}

/*==================================================
フォーム
================================================== */

.form-err {
color: #D50003;
font-size: 12px !important;
}

.form-control::-webkit-input-placeholder{color:blue;opacity:1!important}
.form-control::-moz-placeholder{color:#eee;opacity:1!important}
.form-control:-ms-input-placeholder{color:#eee;opacity:1!important}
.form-control::-ms-input-placeholder{color:#eee;opacity:1!important}
.form-control::placeholder{color:#eee;opacity:1!important}

/*==================================================
コンテンツ
================================================== */

@media print, screen and (min-width:980px) {

.pankuzu {
background: #EDEDED;
width: 100%;
text-align: left;
margin: 0 auto;
padding: 6px 50px;
line-height: 1;
}

.pankuzu li {
display:inline;
list-style: none;
font-size: 11px;
padding: 0;
}

.pankuzu li:after{
content: '>';
padding: 0 0 0 5px;
}

.pankuzu li:last-child:after{
content: '';
}

}

@media only screen and (min-width:0px) and (max-width:979px) {

.pankuzu {
background: #EDEDED;
width: 100%;
text-align: left;
margin: 0 auto;
padding: 6px 10px;
line-height: 1;
}

.pankuzu li {
display:inline;
list-style: none;
font-size: 11px;
padding: 0;
}

.pankuzu li:after{
content: '>';
padding: 0 0 0 5px;
}

.pankuzu li:last-child:after{
content: '';
}

}

/*==================================================
バッジ・ラベル
================================================== */

.badgeLabel {
position: relative;
background: #BABABA;
font-size: 10px;
font-weight: 600;
color: #fff;
text-align: center;
padding: 3px 2px;
letter-spacing: 0;
line-height: 1;
border-radius: 500px;
}

.bl-size-m { padding: 8px 11px 9px 11px !important; }
.bl-size-l { padding: 12px 0px 13px 0px !important; }

/*==================================================
フォーム
================================================== */

button, select {
-webkit-appearance: none;
}

input::placeholder,
textarea::placeholder {
color: #C2C2C2;
}

/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #C2C2C2;
}

/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #C2C2C2;
}

.required {
position: relative;
background:#BE0003;
display: inline-block;
font-size: 10px;
font-weight: 600;
color: #fff;
margin-left: 5px;
padding: 3px 5px;
line-height: 1;
letter-spacing: 0;
border-radius: 3px;
top: -1px;
}

.requiredR {
position: relative;
float: right;
background:#BE0003;
display: inline-block;
font-size: 10px;
font-weight: 600;
color: #fff;
padding: 3px 5px;
line-height: 1;
letter-spacing: 0;
border-radius: 3px;
top: 5px;
}

input[type="text"],input[type="password"] {
position: relative;
width: 100%;
height: 37px !important;
font-size: 11px;
padding: 5px 10px;
border: solid 1px #ddd;
border-radius: 5px;
vertical-align: middle;
-webkit-appearance: none;
}

input[type="number"] {
    position: relative;
    width: 100%;
    height: 37px !important;
    font-size: 11px;
    padding: 5px 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    vertical-align: middle;
    -webkit-appearance: none;
}

.custom-file-input:lang(ja) ~ .custom-file-label::after {
content: "参照";
background: #f0f0f0;
height: 37px;
padding: 9px !important;
border-left: 0 !important;
}

.fileCustom {
overflow: hidden;
}

.custom-file-label {
white-space: nowrap;
height: 40px;
padding: 10px 10px !important;
border: solid 1px #ddd !important;
}

/*
input:focus,
select:focus,
check:focus,
textarea:focus {
color:#495057;
background-color:#fff;
border-color:#80bdff;
outline:0;
box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
*/

.postalCode {
background: #f0f0f0;
width: 20% !important;
text-align: center;
padding: 7px 0 5px 0;
border-left: solid 1px #ddd;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
margin: 0;
border-radius: 5px 0 0 5px;
vertical-align: middle;
}

.postalCodeInput {
width: 80% !important;
padding: 5px;
border-left: 0  !important;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
margin: 0;
border-radius: 0 5px 5px 0 !important;
vertical-align: middle;
}

textarea {
width: 100%;
font-size: 14px;
padding: 5px 10px !important;
border: solid 1px #ddd !important;
margin: 0;
border-radius: 5px;
vertical-align: middle;
-webkit-appearance: none;
}

select {
background: #fff url("../../../img/select_arrow.png") no-repeat right;
background-size: 24px;
width: 100%;
font-size: 11px;
height: 37px;
margin: 0;
padding: 0 10px !important;
border: solid 1px #ddd !important;
border-radius: 5px;
vertical-align: middle;
box-sizing: border-box;
}

.dateYearMonth {
background: #f0f0f0;
width: 20%;
text-align: center;
padding: 6px 0 5px 0;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
margin: 0;
border-radius: 0 5px 5px 0;
vertical-align: middle;
}

.dateYearSelect {
width: 80% !important;
height: 37px;
padding: 0;
border-left: solid 1px #ddd !important;
border-top: solid 1px #ddd !important;
border-bottom: solid 1px #ddd !important;
border-right: none !important;
margin: 0;
border-radius: 5px 0 0 5px !important;
vertical-align: middle;
}

.dateYearSelect select {
border: 0 !important;
}

input.inputEmail {
background: url("../data/icon_email.png") no-repeat left;
background-size: 20px;
background-position: 10px;
padding: 5px 10px 5px 36px;
}

input.inputPassword {
background: url("../data/icon_password.png") no-repeat left;
background-size: 19px;
background-position: 10px;
width: 100% !important;
height: 30px !important;
font-size: 11px;
padding: 5px 10px 5px 36px;
border-left: solid 1px #ddd !important;
border-top: solid 1px #ddd !important;
border-bottom: solid 1px #ddd !important;
border-right: none !important;
border-radius: 5px 0 0 5px !important;
vertical-align: middle;
}

.passEye {
display: inline-block !important;
background: #f0f0f0;
min-width: 50px !important;
text-align: center !important;
padding: 5px !important;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-radius: 0 5px 5px 0;
vertical-align: middle;
}

.input-password-show {
position: absolute;
background: #f0f0f0;
min-width: 50px !important;
height: 37px;
text-align: center !important;
padding: 5px !important;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-radius: 0 5px 5px 0;
vertical-align: middle;
top: 0;
right: 0;
}

/*==================================================
インプットグループ
================================================== */

.flexInputG {
position: relative;
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

.inputGroupPrepend {
background: #f0f0f0;
min-width: 50px !important;
text-align: center !important;
padding: 5px 10px !important;
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-radius: 5px 0 0 5px;
vertical-align: middle;
}

.inputGroupL {
width: auto;
border-left: solid 1px #ddd !important;
border-top: solid 1px #ddd !important;
border-right: 0 !important;
border-bottom: solid 1px #ddd !important;
border-radius: 5px 0 0 5px !important;
}

.inputGroupCe {
width: auto;
border-left: 0 !important;
border-top: solid 1px #ddd !important;
border-right: 0 !important;
border-bottom: solid 1px #ddd !important;
border-radius: 0 !important;
}

.inputGroupR {
width: auto;
border-left: 0 !important;
border-top: solid 1px #ddd !important;
border-right: solid 1px #ddd !important;
border-bottom: solid 1px #ddd !important;
border-radius: 0 5px 5px 0 !important;
}

.inputGroupAppend {
background: #f0f0f0;
min-width: 50px !important;
text-align: center !important;
padding: 7px 10px 5px 10px !important;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-radius: 0 5px 5px 0;
vertical-align: middle;
}

.inputGroupAppendW {
background: #f0f0f0;
min-width: 80px !important;
text-align: center !important;
padding: 7px 10px 5px 10px !important;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
border-radius: 0 5px 5px 0;
vertical-align: middle;
}

.searchContainer {
box-sizing: border-box;
position: relative;
border: 1px solid #ddd;
padding: 3px 10px;
border-radius: 100px;
width: 100%;
overflow: hidden;
top: -12px;
}

.searchContainer2 {
box-sizing: border-box;
background: #fff;
position: relative;
border: 1px solid #ddd;
padding: 3px 10px;
border-radius: 100px;
width: 100%;
overflow: hidden;
}

.searchContainerCe {
box-sizing: border-box;
background: #fff;
position: relative;
border: 1px solid #ddd;
padding: 3px 10px;
border-radius: 100px;
width: 100px;
overflow: hidden;
}

@media print, screen and (min-width:980px) {

.searchContainerOe {
box-sizing: border-box;
position: relative;
border: 1px solid #ddd;
padding: 3px 10px;
border-radius: 100px;
width: 50%;
margin: 0 auto;
margin-bottom: 26px;
}

}

@media only screen and (min-width:0px) and (max-width:979px) {

.searchContainerOe {
box-sizing: border-box;
position: relative;
border: 1px solid #ddd;
padding: 3px 10px;
border-radius: 100px;
width: 100%;
margin: 0 auto;
margin-bottom: 26px;
}

}

.searchContainer input[type="text"],
.searchContainer2 input[type="text"],
.searchContainerCe input[type="text"],
.searchContainerOe input[type="text"] {
border: none;
font-size: 11px;
height: 26px !important;
}
.searchContainer input[type="text"]:focus,
.searchContainer2 input[type="text"]:focus,
.searchContainerCe input[type="text"]:focus,
.searchContainerOe input[type="text"]:focus {
outline: 0;
}
.searchContainer input[type="submit"],
.searchContainer2 input[type="submit"],
.searchContainerCe input[type="submit"],
.searchContainerOe input[type="submit"] {
cursor: pointer;
border: none;
background: none;
position: absolute;
width: 2.5em;
height: 2.5em;
right: 10px;
top: 3px;
outline : none;
z-index: 2;
}

.searchContainer::before,
.searchContainer2::before,
.searchContainerCe::before,
.searchContainerOe::before {
cursor: pointer;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-size: 16px;
font-weight: 900;
color: #4caf93;
position: absolute;
right: 20px;
top: 3px;
z-index: 1;
}

/*==================================================
BackgrondColor-Type Valiation
================================================== */

.bgc-red { background: #d80000 !important; }
.bgc-light-red { background: #ee7f76 !important; }
.bgc-green { background: #155e01 !important; }
.bgc-light-green { background: #61b3a5 !important; }
.bgc-yellowish-green { background: #b1c12d !important; }
.bgc-orange { background: #FF9843 !important; }
.bgc-light-orange { background:#FFF3E3 !important; }
.bgc-purple { background: #624a99 !important; }
.bgc-light-purple { background: #9b7fef !important; }
.bgc-pink { background: #fe96c0 !important; }
.bgc-light-pink { background: #FFE7FA !important; }
.bgc-gray { background: #939393 !important; }
.bgc-light-gray { background: #F0F0F0 !important; }
.bgc-dark-blue { background: #123f75 !important; }
.bgc-blue { background: #4185c4 !important; }
.bgc-light-blue { background: #7CC6E0 !important; }
.bgc-yellow { background: #f2cf0b !important; }
.bgc-light-yellow { background: #FFFEE4 !important; }
.bgc-beige { background: #c9b585 !important; }
.bgc-brown { background: #604818 !important; }
.bgc-lakara-blue { background: #4caf93 !important; }
.bgc-disable { background: #c1bfbf !important; }

/*==================================================
BackgrondColor-Type Hover
================================================== */

.on-bgc-red:hover{background:#ed4548 !important; color:#fff !important; border-color:#ed4548 !important;}
.on-bgc-green:hover{background:#88a406 !important; color:#fff !important; border-color:#88a406 !important;}
.on-bgc-orange:hover{background:#f67c05 !important; color:#fff !important; border-color:#f67c05 !important;}
.on-bgc-pink:hover{background:#fe96c0 !important; color:#fff !important; border-color:#fe96c0 !important;}
.on-bgc-grey:hover{background:#c6bfae !important; color:#fff !important; border-color:#c6bfae !important;}
.on-bgc-blue:hover{background:#2bbdf9 !important; color:#fff !important; border-color:#2bbdf9 !important;}
.on-bgc-yellow:hover{background:#fefc47 !important; color:#333 !important; border-color:#fefc47 !important;}
.on-bgc-grey02:hover{background:#e7e7e6 !important; color:#fff !important; border-color:#e7e7e6 !important;}
.on-bgc-w:hover{background:#fff !important; color:#333 !important; border-color:#333 !important;}
.on-bgc-black:hover{background:#000 !important; color:#fff !important; border-color:#000 !important;}
.on-bgc-pinkgrey:hover{background:#f7e3e3 !important; color:#333 !important; border-color:#f7e3e3 !important;}

a.on-bgc-red:hover{background:#ed4548 !important; color:#fff !important; border-color:#ed4548 !important;}
a.on-bgc-green:hover{background:#88a406 !important; color:#fff !important; border-color:#88a406 !important;}
a.on-bgc-orange:hover{background:#f67c05 !important; color:#fff !important; border-color:#f67c05 !important;}
a.on-bgc-pink:hover{background:#fe96c0 !important; color:#fff !important; border-color:#fe96c0 !important;}
a.on-bgc-grey:hover{background:#c6bfae !important; color:#fff !important; border-color:#c6bfae !important;}
a.on-bgc-blue:hover{background:#2bbdf9 !important; color:#fff !important; border-color:#2bbdf9 !important;}
a.on-bgc-yellow:hover{background:#fefc47 !important; color:#333 !important; border-color:#fefc47 !important;}
a.on-bgc-grey02:hover{background:#e7e7e6 !important; color:#fff !important; border-color:#e7e7e6 !important;}
a.on-bgc-w:hover{background:#fff !important; color:#333 !important; border-color:#333 !important;}
a.on-bgc-black:hover{background:#000 !important; color:#fff !important; border-color:#000 !important;}
a.on-bgc-pinkgrey:hover{background:#f7e3e3 !important; color:#333 !important; border-color:#f7e3e3 !important;}