/*
	wordpressをバージョン6.3.8から7.0.2にすると、管理画面のカスタムCSSの優先度が上がってしまったので、挙動を再現するためのもの。
*/

.grecaptcha-badge {
	visibility: hidden;
}

.souryou-muryou {
	font-weight: bold;
}

.hanbai-flex .hanbai {
	padding: 20px;
	width:35%;
}

#top #info .info_wrap .info ul {
	display: flex;
}
@media only screen and (max-width: 768px) {
	#top #info .info_wrap .info ul {
		flex-direction: column;
	}
}
#top #info .info_wrap .info li {
	flex: 1;
}
#top #info .info_wrap .info li a {
	padding: 15px;
	flex-direction: column;
	gap: 0.5em;
}
#top #info .info_wrap .info li .thumbnail {
	position: relative;
	padding-top: 100%;
	background-color: #000;
	background-image: url("http://kunseidouraku.local/wp-content/themes/kunsei/images/common/logo.png");
	background-position: center;
	background-repeat: no-repeat;
}
#top #info .info_wrap .info li .thumbnail img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
}

main#news .news_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 768px) {
	main#news .news_list {
		grid-template-columns: repeat(1, 1fr);
	}
}
main#news .news_list .news_list_box:first-child {
	border-top: none;
}
main#news .news_list .news_list_box a {
	padding: 15px;
	flex-direction: column;
	gap: 0.5em;
}
main#news .news_list .news_list_box .date {
	flex: 1;
}
main#news .news_list .news_list_box .thumbnail {
	position: relative;
	padding-top: 100%;
	background-color: #000;
	background-image: url("http://kunseidouraku.local/wp-content/themes/kunsei/images/common/logo.png");
	background-position: center;
	background-repeat: no-repeat;
}
main#news .news_list .news_list_box .thumbnail img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
}

/* 追加 */
.hanbai-flex .hanbai {
	width: 30%;
	padding: 0;
}
.hanbai-flex .hanbai:last-child {
margin-top: 24px;
}
.hanbai-flex {
	flex-wrap: wrap;
	justify-content:space-between
}

header.fixed .description .time_info {
	display: none;
}
header .description .time_info {
  margin-left: 15px;
  font-size: 10px;
  color: #fff;
	margin-top: 0.3em;
	width: calc(100% - 30px);
  max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
header .description .time_info dl {
	display: flex;
}
header .description .time_info dl dd {
	display: flex;
	gap: 0.5em;
}
header .description .time_info dl p {
	text-align: left;
}
header .head_menu_wrap div.menu_box .info ul.info_box {
	max-width: 520px !important;
	margin-top: -97px;
}
header .head_menu_wrap .menu_box .info ul.info_box li a.menu_link {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	font-size: 14px;
}
header.fixed ul.info_box li {
	padding: 10px 9px 9px !important;
}
header.fixed ul.info_box li.mypage a img, header.fixed ul.info_box li.cart a img {
	margin-right: 0;
}
header.fixed ul.info_box li.reserve img {
	max-width: none;
}
@media (min-width: 769px) {
	header div.description {
		height: 77px;
	}
	header div.description .wrap {
		font-size: 17px;
	}
}
@media (max-width: 768px) {
	header .head_menu_wrap .menu_box div.info ul.info_box {
		margin-top: -20px;
	}
}

footer .footer_wrap .logo_info .info .time {
	display: flex;
}
footer .footer_wrap .logo_info .info .time dt {
	font-weight: normal;
}
/*バナーエリア*/
#top #intoro .banner-wrap{
    display: flex;
    flex-direction: row;
    gap: 1em;
    padding: 0 1em 3em;
    justify-content: center;
}
#top #intoro .banner-wrap img {
    max-width: 400px;
}
@media (max-width: 768px) {
	#top #intoro .banner-wrap{
    flex-direction: column;
	}
	#top #intoro .banner-wrap img {
    max-width: 100%;
	}
}
#about .about_item p{
    line-height: 1.75;
	  padding-bottom: 1em;
}