@charset "UTF-8";/*文字化け防止*/


body {
    min-width: 400px;
    padding: 70px;
}

h1 {
    font-size: 2em;
    border-bottom: solid 1px #666;
}

h2 {
    font-size: 1.5em;
    border-bottom: solid 1px #666;
}

button {
    border-radius: 5px;
}


/* 共通class */

.no-border {
    border: 0;
}

.success {
    color: green;
}

.error {
    color: red;
}

.like_button {
    cursor: pointer;
}

.footer {
    bottom: 10px;
    position: absolute;
}

@media (max-width: 768px) {
    .navbar-light .navbar-nav .nav-link,
    .navbar-nav form {
        text-align: right;
    }
}


/* お気に入りボタン */
i {
    color: #ccc;
}

i.like {
    color: #000;
}

.like_ajax {
    color: #ccc;
    margin-bottom: 10px;
}

.like_ajax.like {
    color: #000;
}



/* ヘッダーの設定 */

.navbar {
    border-bottom: solid 1px #ccc;
    /* padding-bottom: 0; */
}

.navbar-nav {
    align-items: end;
}

.navbar-brand {
    font-size: 1.5rem;
}

.navbar-brand,
.nav-link {
    padding-bottom: 0;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #f00c;
}

.navbar-light .navbar-nav .user_name.nav-link {
    color: #333;
}

/* 詳細表示の設定 */
.row {
    margin-top: 15px;
}

.profile .card,
.item .card {
    margin-bottom: 20px;
}

.profile dl {
    margin-bottom: 0;
}

.profile dt {
    border-bottom: solid 1px #ccc;
    margin-bottom: 5px;
}

.regist dd,
.profile dd {
    margin-bottom: 20px;
}

.profile pre {
    font-size: 1em;
}

.item > div {
    padding-bottom: 15px;
}

.item .card {
    height: 100%;
}

.item .card-body {
    display: flex;
    padding: 0.5em;
}

.item_text dl {
    margin-bottom: 30px;
}

.item dd {
    line-height: 1.2em;
}

.item button {
    font-size: 14px;
}

.item label {
    font-weight: bold;
    margin-bottom: 0;
	margin-right: 2px;
}

.order label {
	background: #ccc;
    margin-bottom: 0;
	margin-right: 2px;
	padding: 0px 5px;
	border-radius: 2px;
}

.profile input[type="text"],
.profile textarea,
.item input[type="text"],
.item textarea {
    width: 100%;
}

.regist input[type="email"] {
    width: 350px;
}

.item input[name="price"] {
    width: 80px;
}

.item input[name="etc_category"] {
    width: 150px;
}

.profile textarea,
.item textarea {
    height: 150px;
}

.profile img {
    max-width: 300px;
    max-height: 200px;
}

.item_img {
    text-align: center;
    width: 100px;
    margin-right: 10px;
}

.item img {
    max-width: 100%;
    /* max-width: 300px; */
    /* max-height: 120px; */
    /* margin-bottom: 20px; */
}

.item .profile {
    color: #00fc;
}

.item .profile:hover {
    color: #000;
}

/* フッターの設定 */

.footer form {
    display: inline-block;
}

footer {
    text-align: center;
    color: #999;
}

.pagination {
    margin-top: 20px;
    justify-content: center;
}