.select-format
{
	display: grid;
	grid-template:
	" label ..... format ..... commit " auto
	/ auto 0.25em 1fr 0.25em auto;

    font-size:16px;

    background-color:#EFEFEF;
    border-radius: 0.25em;
    padding:0.25em;
}
.select-format .label
{
	grid-area: label;
	place-items: center;
    padding:0.5em;
}
.select-format .format
{
	grid-area: format;
	place-items: center;
    padding:0.5em;
}
.select-format .commit
{
	grid-area: commit;
	place-items: center;
    padding:0.5em;

    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
}

#spinner-wrapper
{
	display: none;
}
body.show-spinner #spinner-wrapper
{
	z-index: 10000;

	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;

	background-color:rgba(0,0,0,0.0);

	display: grid;
	grid-template:
	" ..... ..... ..... " 1fr
	" ..... label ..... " auto
	" ..... ..... ..... " 1fr
	/ 1fr   auto  1fr;
}
body.show-spinner #spinner-wrapper .label
{
	grid-area: label;
	color:#EFEFEF;
	
	animation-name:anmFlashing;
	animation-duration:1.0s;
	animation-timing-function:ease;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
}

#spinner-wrapper-upload
{
	display: none;
}
body.show-spinner-upload #spinner-wrapper-upload
{
	z-index: 10000;

	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;

	background-color:rgba(0,0,0,0.3);

	display: grid;
	grid-template:
	" ..... ..... ..... " 1fr
	" ..... label ..... " auto
	" ..... ..... ..... " 1fr
	/ 1fr   auto  1fr;
}
body.show-spinner-upload #spinner-wrapper-upload .label
{
	grid-area: label;
	color:#EFEFEF;
	font-size: 1.8em;
	
	animation-name:anmFlashing;
	animation-duration:1.0s;
	animation-timing-function:ease;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
}

@keyframes anmFlashing
{
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
/*
.miniblog-blk-list .miniblog-thumbnail {
    position: relative;
}
*/

.news-blk-detail-body
{
	font-size: 1.6rem;
    line-height: 1.6;
	font-weight: normal !important;
}

.news-blk-detail-body p
{
	font-weight: normal !important;
}

.posts-list-txt.compress
{
	position: relative;
	height:calc(var(--row, 8em) + 1em * 1.7);
	overflow: hidden;
}
.posts-list-txt.compress::after
{
	content:"";
	display: block;
	height: 2em;
	width:100%;

	position: absolute;
	bottom:0;
	left:0;
	right:0;

	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.miniblog-blk-form-gallery-blk .image-preview .upload-img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
}

.inline-block-list > .inline-block-list-item
{
	display:inline-block;
	margin-right:0.5em;
}
.inline-block-list > .inline-block-list-item:last-child
{
	margin-right:0.0em;
}

.setting-faq-list .editor
{
	font-weight:normal;
}

@media only screen and (min-width: 767px) and (max-width: 1180px) {
	.community-thread .thread-input .content-up-area.ipad {
	  width: 62%;
	}
}/*# sourceMappingURL=extra.css.map */

.archive-area .archive-blk .archive-list li.new a::before {
	/*
	top: 7px;
	left: 5px;
	position: absolute;
	*/
	content: "NEW";
	background: #F43C30;
	border-radius: 7px;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 3px 9px;
	color: #fff;
	margin-right:0.25em;
}

.msg-block
{
	scroll-margin-top: 50px;
}

img
{
	-webkit-touch-callout: none;
	user-select:none;
}


/* コミュニティ一覧調整 */
.communityblk.renew .community-wrapper
{
	row-gap: 3em;
}

/*
**************************************************
1行お知らせ
**************************************************
*/
.online-topics
{
	margin-bottom:3em;
}
.online-topics > .inner
{

}
.online-topics > .inner > .online-topics-box
{
	font-size:1.4em;

	padding:1.5em;
	border:1px solid #CCCCCC;
	line-height:1.5;

	display: grid;
	grid-template:
	"date title" auto 
	/auto 1fr;

	gap:1.0em;
}
.online-topics > .inner > .online-topics-box > .date
{
}
.online-topics > .inner > .online-topics-box > .title
{
	font-weight:bold;
	color: #666;
}
.online-topics > .inner > .online-topics-box > .title > a
{
	font-weight:bold;
	color: #666;
}
@media screen and (max-width: 767px) {
	.online-topics > .inner > .online-topics-box
	{
		grid-template:
		"date" auto 
		"title" auto 
		/100%;
	}
}