.disp_non {
    display: none !important;
}

.animate-fadein {
    animation-name: fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
}

/*アニメーションの開始から終了までを指定する*/
@keyframes fadeInAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 900px) {
    .disp_non_sp{
        display: none !important;
    }
}
@media screen and (min-width: 901px) {
    .disp_non_pc{
        display: none !important;
    }
}

.pagebreak {
  break-after: always;
  page-break-after: always;
}

.inline-block{
    display: inline-block !important;
}
.block{
    display: block !important;
}

.message_alert{
    width:100%;
    padding:5px;
    box-sizing:border-box;
    border:solid #BDBDBD 1px;
    background-color:#F78181;
    color:white;
}

.message_success{
    width:100%;
    padding:5px;
    box-sizing:border-box;
    border:solid #BDBDBD 1px;
    background-color:#0080FF;
    color:white;
}

.link{
    text-decoration: none;
}
.link-white, .link-white:active{
    text-decoration: none;
    color: white !important;
}
.link-black, .link-black:active{
    text-decoration: none;
    color: black !important;
}

.input-long{
    width: 400px;
}
.input-semilong{
    width: 300px;
}
.input-normal{
    width: 200px;
}
.input-short{
    width: 100px;
}

.cur-pointer{
    cursor:pointer;
}

.tac{
    text-align: center;
}
.tar{
    text-align: right;
}
.tal{
    text-align: left;
}
.vam{
    vertical-align: middle;
}

.fz_09em {
    font-size: .9em;
}

.fz_min {
    font-size: 10px;
}
.fz_small {
    font-size: 12px;
}
.fz_semismall {
    font-size: 14px;
}
.fz_normal {
    font-size: 16px;
}
.fz_subtitle {
    font-size: 18px;
}
.fz_title {
    font-size: 20px;
}
.fz_big{
    font-size: 30px;
}

.bold{
    font-weight: bold;
}

.mg0   { margin:0px !important; }
.mg1   { margin:1px !important; }
.mg2   { margin:2px !important; }
.mg3   { margin:3px !important; }
.mg4   { margin:4px !important; }
.mg5   { margin:5px !important; }
.mg6   { margin:6px !important; }
.mg7   { margin:7px !important; }
.mg8   { margin:8px !important; }
.mg9   { margin:9px !important; }
.mg10  { margin:10px !important; }
.mg15  { margin:15px !important; }
.mg20  { margin:20px !important; }
.mg30  { margin:30px !important; }
.mg40  { margin:40px !important; }
.mg50  { margin:50px !important; }
.mg100 { margin:100px !important; }

.mgt0   { margin-top:0px !important; }
.mgt1   { margin-top:1px !important; }
.mgt2   { margin-top:2px !important; }
.mgt3   { margin-top:3px !important; }
.mgt4   { margin-top:4px !important; }
.mgt5   { margin-top:5px !important; }
.mgt6   { margin-top:6px !important; }
.mgt7   { margin-top:7px !important; }
.mgt8   { margin-top:8px !important; }
.mgt9   { margin-top:9px !important; }
.mgt10  { margin-top:10px !important; }
.mgt15  { margin-top:15px !important; }
.mgt20  { margin-top:20px !important; }
.mgt30  { margin-top:30px !important; }
.mgt40  { margin-top:40px !important; }
.mgt50  { margin-top:50px !important; }
.mgt100 { margin-top:100px !important; }

.mgb0   { margin-bottom:0px !important; }
.mgb1   { margin-bottom:1px !important; }
.mgb2   { margin-bottom:2px !important; }
.mgb3   { margin-bottom:3px !important; }
.mgb4   { margin-bottom:4px !important; }
.mgb5   { margin-bottom:5px !important; }
.mgb6   { margin-bottom:6px !important; }
.mgb7   { margin-bottom:7px !important; }
.mgb8   { margin-bottom:8px !important; }
.mgb9   { margin-bottom:9px !important; }
.mgb10  { margin-bottom:10px !important; }
.mgb15  { margin-bottom:15px !important; }
.mgb20  { margin-bottom:20px !important; }
.mgb30  { margin-bottom:30px !important; }
.mgb40  { margin-bottom:40px !important; }
.mgb50  { margin-bottom:50px !important; }
.mgb100 { margin-bottom:100px !important; }
.mgb150 { margin-bottom:150px !important; }
.mgb200 { margin-bottom:200px !important; }

.mgl5m   { margin-left:-5px !important; }
.mgl0   { margin-left:0px !important; }
.mgl1   { margin-left:1px !important; }
.mgl2   { margin-left:2px !important; }
.mgl3   { margin-left:3px !important; }
.mgl4   { margin-left:4px !important; }
.mgl5   { margin-left:5px !important; }
.mgl6   { margin-left:6px !important; }
.mgl7   { margin-left:7px !important; }
.mgl8   { margin-left:8px !important; }
.mgl9   { margin-left:9px !important; }
.mgl10  { margin-left:10px !important; }
.mgl15  { margin-left:15px !important; }
.mgl20  { margin-left:20px !important; }
.mgl30  { margin-left:30px !important; }
.mgl40  { margin-left:40px !important; }
.mgl50  { margin-left:50px !important; }
.mgl100 { margin-left:100px !important; }

.mgr0   { margin-right:0px !important; }
.mgr1   { margin-right:1px !important; }
.mgr2   { margin-right:2px !important; }
.mgr3   { margin-right:3px !important; }
.mgr4   { margin-right:4px !important; }
.mgr5   { margin-right:5px !important; }
.mgr6   { margin-right:6px !important; }
.mgr7   { margin-right:7px !important; }
.mgr8   { margin-right:8px !important; }
.mgr9   { margin-right:9px !important; }
.mgr10  { margin-right:10px !important; }
.mgr15  { margin-right:15px !important; }
.mgr20  { margin-right:20px !important; }
.mgr30  { margin-right:30px !important; }
.mgr40  { margin-right:40px !important; }
.mgr50  { margin-right:50px !important; }
.mgr100 { margin-right:100px !important; }

.pd0   { padding:0px !important; }
.pd1   { padding:1px !important; }
.pd2   { padding:2px !important; }
.pd3   { padding:3px !important; }
.pd4   { padding:4px !important; }
.pd5   { padding:5px !important; }
.pd6   { padding:6px !important; }
.pd7   { padding:7px !important; }
.pd8   { padding:8px !important; }
.pd9   { padding:9px !important; }
.pd10  { padding:10px !important; }
.pd15  { padding:15px !important; }
.pd20  { padding:20px !important; }
.pd30  { padding:30px !important; }
.pd40  { padding:40px !important; }
.pd50  { padding:50px !important; }
.pd100 { padding:100px !important; }

.pdt0   { padding-top:0px !important; }
.pdt1   { padding-top:1px !important; }
.pdt2   { padding-top:2px !important; }
.pdt3   { padding-top:3px !important; }
.pdt4   { padding-top:4px !important; }
.pdt5   { padding-top:5px !important; }
.pdt6   { padding-top:6px !important; }
.pdt7   { padding-top:7px !important; }
.pdt8   { padding-top:8px !important; }
.pdt9   { padding-top:9px !important; }
.pdt10  { padding-top:10px !important; }
.pdt11  { padding-top:11px !important; }
.pdt15  { padding-top:15px !important; }
.pdt20  { padding-top:20px !important; }
.pdt30  { padding-top:30px !important; }
.pdt40  { padding-top:40px !important; }
.pdt50  { padding-top:50px !important; }
.pdt100 { padding-top:100px !important; }

.pdb0   { padding-bottom:0px !important; }
.pdb1   { padding-bottom:1px !important; }
.pdb2   { padding-bottom:2px !important; }
.pdb3   { padding-bottom:3px !important; }
.pdb4   { padding-bottom:4px !important; }
.pdb5   { padding-bottom:5px !important; }
.pdb6   { padding-bottom:6px !important; }
.pdb7   { padding-bottom:7px !important; }
.pdb8   { padding-bottom:8px !important; }
.pdb9   { padding-bottom:9px !important; }
.pdb10  { padding-bottom:10px !important; }
.pdb11  { padding-bottom:11px !important; }
.pdb15  { padding-bottom:15px !important; }
.pdb20  { padding-bottom:20px !important; }
.pdb30  { padding-bottom:30px !important; }
.pdb40  { padding-bottom:40px !important; }
.pdb50  { padding-bottom:50px !important; }
.pdb100 { padding-bottom:100px !important; }

.pdl0   { padding-left:0px !important; }
.pdl1   { padding-left:1px !important; }
.pdl2   { padding-left:2px !important; }
.pdl3   { padding-left:3px !important; }
.pdl4   { padding-left:4px !important; }
.pdl5   { padding-left:5px !important; }
.pdl6   { padding-left:6px !important; }
.pdl7   { padding-left:7px !important; }
.pdl8   { padding-left:8px !important; }
.pdl9   { padding-left:9px !important; }
.pdl10  { padding-left:10px !important; }
.pdl15  { padding-left:15px !important; }
.pdl20  { padding-left:20px !important; }
.pdl30  { padding-left:30px !important; }
.pdl40  { padding-left:40px !important; }
.pdl50  { padding-left:50px !important; }
.pdl100 { padding-left:100px !important; }
.pdl125 { padding-left:125px !important; }
.pdl150 { padding-left:150px !important; }

.pdr0   { padding-right:0px !important; }
.pdr1   { padding-right:1px !important; }
.pdr2   { padding-right:2px !important; }
.pdr3   { padding-right:3px !important; }
.pdr4   { padding-right:4px !important; }
.pdr5   { padding-right:5px !important; }
.pdr6   { padding-right:6px !important; }
.pdr7   { padding-right:7px !important; }
.pdr8   { padding-right:8px !important; }
.pdr9   { padding-right:9px !important; }
.pdr10  { padding-right:10px !important; }
.pdr15  { padding-right:15px !important; }
.pdr20  { padding-right:20px !important; }
.pdr30  { padding-right:30px !important; }
.pdr40  { padding-right:40px !important; }
.pdr50  { padding-right:50px !important; }
.pdr100 { padding-right:100px !important; }
.pdr150 { padding-right:150px !important; }

.width_100per { width: 100% !important }