ul,li {
    list-style: none;
}

body{
    /*background-color: #00ff00;*/
    /*opacity: 0.5;*/
    /*background-color: rgba(255,228,196,0.5);*/
    background-color: rgba(219,255,219,0.4);
}

header{
    /*background-color: lightgreen;*/
    background-color: #ffffff;

}
.mb20{
    margin-bottom: 20px;
}
.mt20{
    margin-top: 20px;
}
.pt20{
    padding-top: 20px;
}
.mb1em{
    margin-bottom: 1em;
}
.mr1em{
    margin-right: 1em;
}
.text-right{
    text-align: right;
}


.message-body{
    margin: 15px auto 0;

}
.down-one-1em{
    padding-left:1em;
    text-indent:-1em;
}

.content-body{
    margin: 30px auto;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 15px;
}

.content-body h2{
    margin: 0.5em 0 1em;
}

/*カレンダー*/
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #dc3545;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #007bff;
}

/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

.line-content {
    padding: 100px 0 90px;
    text-decoration: none;
}
.line-content a{
    text-decoration: none;
}
.line-btn{
    margin: auto;
    background-color: #00C300;
    display: flex;
    color: #FFFFFF;
    padding: 0.2em;
    font-size: 1em;
    border-radius: 0.5em;
    width: 225px;
    pointer-events: auto;
    text-decoration: none;
}
.line-btn:hover{
    background-color: #00E000;
    color: #FFFFFF;
}
.line-btn:active{
    background-color: #00B300;
    color: #FFFFFF;
}
.line-icon{
    background: url("../image/line/btn_base.png") no-repeat center center;
    /*background-image: url("../image/line/btn_base.png") no-repeat right center;*/
    height: 44px;
    width: 44px;
    background-size:100% auto;
}
.line-btn:hover .line-icon{
    background: url("../image/line/btn_hover.png") no-repeat center center;
    height: 44px;
    width: 44px;
    background-size:100% auto;
}
.line-btn:active .line-icon{
    background: url("../image/line/btn_press.png") no-repeat center center;
    height: 44px;
    width: 44px;
    background-size:100% auto;
}


.line-txt{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 170px;
}




.show-pc{
    display:none;
}
.show-sp{
    display:block;
}
.show-sp-inline{
    display:inline-block;
}
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .show-pc{
        display:block;
    }
    .show-sp{
        display:none;
    }
    .show-sp-inline{
        display:none;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }