@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* Customize styles */
body{
	font-family: 'Noto Sans JP', var(--bs-font-sans-serif);
	position:relative;
}

a{
	color: initial;
	text-decoration: none;
}
a:hover{
	color: initial;
}

.mobile_title{
	margin:30px 0;
	text-align:center;
}
.mobile_title h1{
	margin-bottom:0;
}
.mobile_title img{
	max-width:min(100%,86.67vw);
}

.tb_footer{
	display:none;
}

.maxWidth{
	margin:0 auto;
}


.main_image{
	margin:35px 0 45px;
}
.main_image img{
	width:100%;
}

.main_text{
	margin:35px 30px 40px;
}
.main_text h2,
.main_text p{
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	margin:35px 0 0;
}


.mt_8{
	margin-top:8px;
}
.mt_31{
	margin-top:31px;
}


/* ���e�ꗗ�p */
#item_list{
	margin:0 auto;
	width:100%;
	max-width:890px;
}

#item_list .paginator{
	margin:42px auto;
}
#item_list .pagination{
	justify-content: center;
	margin:0;
}

#item_list .page-item .page-link{
	border:none;
	color: initial;
	line-height:18px;
}
#item_list .page-item.disabled  .page-link{
	background-color: initial;
	color:#888;
}

#item_list .page-item .page-link:hover{
	background-color: initial;
	color: initial;
}
#item_list .page-item .page-link:focus{
	background-color: initial;
	box-shadow:initial;
}


#item_list .table_inner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top:-10px;
	row-gap:15px;
}
#item_list .table_inner .item{
	display: flex;
	flex-wrap: wrap;
	margin:0 15px;
	width:calc(100% - 30px);
}
#item_list .table_inner .item > a{
	display: flex;
	width: 100%;
}
#item_list .table_inner .item .item_image{
	max-width:75px;
	margin-left:5px;
}
#item_list .table_inner .item .item_image img{
	width:100%;
}
#item_list .table_inner .item .item_text{
	flex-grow: 1;
	margin-left:15px;
}

#item_list .table_inner .item .item_title{
	font-size:14px;
	line-height:1.75;
	margin-top:5px;
}
#item_list .table_inner .item_info{
	font-size:12px;
	line-height:1.5;
	margin-top:5px;
	text-align: right;
}
#item_list .table_inner .item .item_admin{
	margin-top:0.5em;
}
#item_list .table_outer .no_items_message{
	margin:42px auto;
	text-align:center;
}

/* /���e�ꗗ�p */


/* ���e�ڍחp */
#item_view{
	margin-bottom:60px;
}
#item_view .item_image{
	background-color: #666;
	padding: 25px 0;
	text-align: center;
}
#item_view .table_inner{
	font-size:14px;
	line-height:1.75;
	margin:25px;
	width:calc(100% - 50px);
	max-width:700px;
}

#item_view .table_inner .item_title{
	font-size:16px;
	line-height:2.5;
	margin:0;
}

#item_view .table_inner .item_info{
	text-align: right;
}
#item_view .table_inner .item_content{
	margin-top:1.75em;
}
#item_view .table_inner .item_content img{
	height: auto;
	max-width:100%;
}

#item_view .table_inner .item_content  a{
	text-decoration: underline;
}

#item_view .table_inner .item_content.excss span.d_flex{
	display: flex;
}

/* #item_view .table_inner .item_content:not(.excss) p br:first-child{
	display:none;
} */
@media (max-width: 630px){
	#item_view .table_inner .item_content.excss span.d_flex{
		flex-flow: column;
	}
	#item_view .table_inner .item_content.excss img + img{
		margin-top:1.75em;
	}
	#item_view .table_inner .item_content.excss  span.d_flex img + img {
	  margin-top: 2em;
	}
}


/* /���e�ڍחp */
/* ���e�ҏW��ʗp */
.edit form{
	margin:0 auto;
	width:auto;
	max-width:760px;
}
/* /���e�ҏW��ʗp */
@media (min-width: 700px){
	.maxWidth{
		max-width:700px;
		margin:0 auto;
	}
}
@media (min-width: 992px){
	.mobile_title{display:none;}
}
@media (min-width: 768px){
	.main_image{
		margin:35px auto 45px;
	}
	.main_text {
		margin: 35px auto 40px;
	}

	#item_list .table_inner{
		row-gap: 25px;
	}
	#item_list .table_inner .item{
		display: block;
		margin:0 auto;
		width:100%;
		max-width:200px;
	}
	#item_list .table_inner .item > a{
		display:block;
	}
	#item_list .table_inner .item .item_image{
		max-width:none;
		margin-left:0;
	}
	#item_list .table_inner .item .item_text{
		margin-left:0;
	}

	#item_view .table_inner{
		margin:40px auto;
		width:100%;
	}
	#item_view .item_image{
		padding:30px 0;
	}

}

/* /Customize styles */
