.compensate-for-scrollbar {
    margin-right: 0px !important;
}
body .newsbody .photo a {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
    width: 100%; /* 見た目用 */
    max-height: 600px; /* 見た目用 */
    border: 1px solid #bbb; /* 見た目用 */
}
.accordion > ul > ul {
    display: none;
}
/*===== ▼col-lg =====*/
@media screen and (min-width: 992px) {
	.dropdown-menu {
		z-index: 10000;
		background-color: rgba(0,0,0,0.90);
	}
	.navbar-collapse > ul {
		width: 55%;
        max-width: 60%;
	}
	.navbar-collapse > ul > li,
	.navbar-collapse > form {
		margin: auto;
	}
	.navbar-collapse .navbar-nav a.nav-link,
	.navbar-collapse .navbar-nav a.dropdown-item {
		color: #000 !important;
		display: inline-block;
	}
	.navbar-collapse .dropdown-menu a.dropdown-item {
		text-align: left;
		display: block;
		text-decoration: none;
		color: #fff !important;
	}
	.navbar-collapse a.dropdown-item:hover,
	.navbar-collapse a.dropdown-item:focus {
		background-color: rgba(198,198,198,0.90);
		color: #000 !important;
		}
	.list_item #item_main ul.list-unstyled li:nth-child(3):nth-last-child(1),
	.list_item #item_main ul.list-unstyled li:nth-child(4n) {
		border-right: 0;
	}
	.list_pickup .item_img {
		max-height: 200px;
	}
	ul .page-link {
		padding: 0.75rem 1rem;
	}
    body .dropdown-menu {
        display: block;
    }
    body .dropdown-menu {
        overflow: hidden;
        height: 0;
        opacity: 0;
        transition: .2s;
    }
    body .dropdown-menu.show {
        height: auto;
        opacity:1;
    }
    #footer .footer_address .ttl img {
        max-width: 260px;
    }
/* ▲ col-lg */
}

/*===== ▼ col-md =====*/
@media screen and (max-width: 991px) {
	body img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	}
	.navbar-collapse {
        position: absolute;
		position: fixed;
		z-index: 10000;
		width: 80%;
		height: auto;
		top: 3rem;
		right: 3rem;
		background-color: rgba(0,0,0,0.90);
		padding: 0.5rem 0;
	}
	.navbar-collapse .dropdown-menu {
		padding: 0rem 0; 
		margin: 0.125rem 0 0;
		font-size: 1rem;
		background-color: transparent; 
		border: 0px none ; 
		border-radius: 0;
	}
	.navbar-collapse > ul {
		width: 100%;
	}
	.navbar-collapse > ul > li,
	.navbar-collapse > form {
		padding: 0rem 1rem;
	}
	.navbar-collapse .navbar-nav a.nav-link,
	.navbar-collapse .navbar-nav a.dropdown-item {
		text-align: left;
		display: block;
		text-decoration: none;
		color: #fff !important;
	}
    body .header-search {
        padding: 0 1em;
    }
	.list_pickup .item_img {
		max-height: 220px;
	}
	ul .page-link {
		padding: 0.65rem 0.9rem;
	}
    #footer {
        background-size: cover;
/*        min-height: 300px;*/
    }
    #footer .footer_address {
        width: 50%;
    }
/* ▲ col-md */
}

/*===== ▼col-md only =====*/
@media screen and (max-width: 991px) and (min-width: 768px) {
	.list_item #item_main ul.list-unstyled li:nth-child(3n) {
		border-right: 0;
	}
/* ▲ col-md only */
}

/*===== ▼ col-sm =====*/
@media screen and (max-width:767px) {
	.list_item #item_main ul.list-unstyled li:nth-child(2n) {
		border-right: 0;
	}
	ul .page-link {
		padding: 0.65rem 0.8rem;
	}
    #info .itemdescription,
    body .itemdescription {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .access-map {
        margin-top: 0.5rem;
    }
    #info .infoname {
        font-size: 1.5rem;
    }
    #footer .footer_address {
        width: 60%;
        font-size: 0.8rem;
    }
/* ▲ col-sm */
}

/*===== ▼col-sm only =====*/
@media screen and (max-width: 767px) and (min-width: 576px) {
	.list_item #item_main ul.list-unstyled li:nth-child(2n) {
		border-right: 0;
	}
/* ▲ col-sm only */
}

/*===== ▼ col-xs =====*/
@media screen and (max-width:575px) {
	ul .page-link {
		padding: 0.65rem 0.65rem;
	}
	.list_item #item_main ul.list-unstyled li:nth-child(2n) {
		border-right: 0;
	}
	ul.imglist li:nth-of-type(2) {
		display: none !important;
	}
    body .fancybox-slide--image .fancybox-content {
        margin: 1rem;
    }
    #footer {
        background-size: auto 100%;
        background-position: right 30% bottom;
    }
    #footer .footer_address {
        width: 80%;
        font-size: 0.8rem;
        white-space: nowrap;
    }
/* ▲ col-xs */
}
/*===== ▼ col-xs only =====*/
@media screen and (max-width:575px) and (min-width: 321px) {
/* ▲ col-xs only */
}

/*===== ▼ col-xs =====*/
@media screen and (max-width:320px) {
	ul .page-link {
		padding: 0.6rem 0.55rem;
	}
    #footer .footer_address {
        width: auto;
        font-size: 0.75rem;
    }
/* ▲ col-xs */
}