/* ------------------------------------------------------------------------- *
 *  bootstrap追加スタイル
/* ------------------------------------------------------------------------- */
ul.row {
    padding-left: 0;
    margin-bottom: 0;
}
/* bootstrap 横配置間隔 */
.gutters-10 {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.gutters-10 > * {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.gutters-16 {
    margin-right: -8px !important;
    margin-left: -8px !important;
}
.gutters-16 > * {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.gutters-20 {
    margin-right: -10px !important;
    margin-left: -10px !important;
}
.gutters-20 > * {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

/* カードヘッダのどこをクリックしても開閉可能 */
.card .card-header a[data-toggle="collapse"] {
    display: block;
    padding: .75rem 1.25rem;
    margin: -.75rem -1.25rem;
}
.card .card-header a[data-toggle="collapse"]:active, .card .card-header a[data-toggle="collapse"]:hover, .card .card-header a[data-toggle="collapse"]:focus {
    text-decoration: none;
}

/* Bootstrap Lightbox using Modal */
#profile-grid {
    overflow: auto;
    white-space: normal;
}
#profile-grid .profile {
    padding-bottom: 40px;
}
#profile-grid .panel {
    padding: 0
}
#profile-grid .panel-body {
    padding: 15px
}
#profile-grid .profile-name {
    font-weight: bold;
}
#profile-grid .thumbnail {
    margin-bottom: 6px;
}
#profile-grid .panel-thumbnail {
    overflow: hidden;
}
#profile-grid .img-rounded {
    border-radius: 4px 4px 0 0;
}
/* bootstrap multipule*/
@media (min-width: 768px) {
    .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
        display: flex;
    }
    .carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
    .carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }
}
/* bootstrap multipule*/
@media (max-width: 767px) {
    .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
        display: flex;
    }
    .carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }
    .carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
    .carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }
}
@media (max-width: 375px) {
    .d-ip6-none {
        display: none !important;
    }
    .d-ip6-inline {
        display: inline !important;
    }
    .d-ip6-inline-block {
        display: inline-block !important;
    }
    .d-ip6-block {
        display: block !important;
    }
    .d-ip6-table {
        display: table !important;
    }
    .d-ip6-table-row {
        display: table-row !important;
    }
    .d-ip6-table-cell {
        display: table-cell !important;
    }
    .d-ip6-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-ip6-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (max-width: 320px) {
    .d-ip5-none {
        display: none !important;
    }
    .d-ip5-inline {
        display: inline !important;
    }
    .d-ip5-inline-block {
        display: inline-block !important;
    }
    .d-ip5-block {
        display: block !important;
    }
    .d-ip5-table {
        display: table !important;
    }
    .d-ip5-table-row {
        display: table-row !important;
    }
    .d-ip5-table-cell {
        display: table-cell !important;
    }
    .d-ip5-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-ip5-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}