@charset "utf-8";
@import '../tegatter.css';

/*  Tegatterギャラリースタイルシート・Theme by iz-box Ver.2022.12.16  */
/* ※このスタイルシートは標準スキンのスタイルシートをインポートして表示しているので */
/* 標準スキンtegatter.cssを削除すると表示が崩れます。必ずセットで使用してください。 */
@media all and (min-width: 800px) {
	header {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		height: 110px;
	}

	.headarea {
		display: flex;
		align-items: baseline;
	}

	.change-mode {
		width: 755px;
		margin: 0 auto;
	}

	.spacer {
		margin-left: 5px;
	}

	.contents {
		display: flex;
		flex-direction: column;
		margin: 110px auto 0;
		background-color: #fcfcfc;
	}

	.contents .mainarea {
		width: calc(100% - 2em);
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
	}

	.subarea>.postarea {
		padding: 1em 1em 0;
	}

	.situation {
		margin: 0 0.5em;
	}

	.dateseparator {
		color: white;
		padding: 2px 1em;
	}

	/* ▼日付境界バー内のリンク(ボタン) */
	.dateseparator a {
		display: inline-block;
		margin-left: 1.5em;
		color: #ffc;
		font-size: 0.75em;
		font-weight: normal;
		border: 1px solid #ffc;
		border-radius: 1em;
		padding: 0px 1em;
		text-decoration: none;
		vertical-align: middle;
	}

	.dateseparator a:hover {
		background-color: #cec;
		color: green;
		border-color: skyblue;
	}

	.gallerybox {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0;
		padding: 0;
	}

	.onelogbox {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(100% / 4 - 6px);
		/* 横幅100%から(n)px引いた幅を４等分する */
		height: 250px;
		margin: 0px 2px 10px;
		padding: 0;
		border-bottom: none;
	}

	.oneloghead {
		margin: 0;
		width: 95%;
		height: 24px;
	}
	.iconarea {
		display: flex;
		margin-top: 0;
	}
	.memonum {
		margin: 0.3em 0;
		font-size: 0.8em;
		color: gray;
	}

	.postdate {
		/* display: none; */
		display: inline-block;
		font-size: 0.8em;
		color: #606984;
	}

	.newsign {
		display: inline-block;
		color: #f55;
		margin-right: 0.35em;
	}

	.categories {
		display: block;
	}

	.categorylink {
		display: block;
		width: fit-content;
		height: 14px;
		margin: 6px 2px 0 0;
		padding: 0 5px;
		background-color: #fcfcfc;
		color: #5098ba;
		border: 1px solid #5098ba;
		font-size: 11px;
		line-height: 1.3;
		text-decoration: none;
	}

	.categorylink:hover {
		background-color: #2dcbd5;
		color: #fff;
		border: 1px solid #2dcbd5;
		text-decoration: none;
	}

	.catseparator {
		display: inline-block;
		margin: 0 1px;
		color: gray;
	}

	.pictcount {
		display: block;
		height: 14px;
		margin: 6px 0 0 0;
		padding: 0;
		color: #606984;
		font-size: 12px;
		font-weight: bold;
	}

	.onelogmain {
		margin: 0;
	}

	.imagebox {
		margin: 0;
	}

	p.imagebox.caution {
		line-height: 1.0;
	}

	.embeddedimage {
		width: 200px;
		height: 200px;
		object-fit: cover;
	}

	.caution .embeddedimage {
		display: none;
	}

	.caution .imagelink {
		display: inline-block;
		width: 200px;
		height: 200px;
		background-image: url("/homepage/img/caution_square.png");
		background-size: 200px 200px;
	}

	p.imagebox.cushion {
		line-height: 1.01;
	}

	.onelogtext {
		font-size: 12px;
		line-height: 1.5;
		overflow-wrap: break-word;
	}

	.arrowlink:hover {
		border-color: #2b90d9;
		border-radius: 50%;
		background-color: #2dcbd5;
		color: white;
		text-decoration: none;
	}

	/* Font Awesomeサイズ */
	.my-small {
		font-size: 0.8em;
	}

	/* Font Awesomeサイズ */
	.my-tiny {
		font-size: 0.6em;
	}

	.onelogtext .taglink {
		text-decoration: none;
		font-size: 0.75em;
		padding: 0 0.25em;
		background-color: #eee;
		border: 1px solid #aaa;
		border-radius: 3px;
		vertical-align: middle;
	}

	.onelogtext {
		display: none;
	}
	.onelogfoot {
		display: block;
		width: 94%;
		height: 24px;
		font-size: 14px;
	}

	.username {
		display: block;
		padding-top: 4px;
	}

	.postuserid {
		margin: 0 0.3em;
		display: none;
	}

	.postuserid a {
		text-decoration: none;
		color: inherit;
	}

	.postuserid a:hover {
		text-decoration: underline;
	}

	.usericon {
		display: none;
	}

	footer {
		margin: 1em auto 0.5em;
		width: 800px;
		color: #93959a;
	}

	footer .control-links {
		text-align: center;
	}

	.backlink {
		text-align: center;
	}
}

/* ▼メディアクエリー */
@media all and (max-width: 480px) {
	.situation {
		margin: 0;
	}
	.contents .mainarea {
		width: calc(100% - 2em);
		margin: 0 auto;
		padding: 0;
		vertical-align: top;
	}
	.gallerybox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.onelogbox {
		display: block;
		border: none;
		width: fit-content;
	}
	.pictcount {
		display: block;
		padding: 2px;
		background-color: #60698488;
		color: #ffffff;
		border-radius: 6px;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.2;
		position: relative;
		top: 2px;
		left: 2px;
	}
	.embeddedimage {
		max-width: 110px;
		max-height: 110px;
		width: 110px;
		height: 110px;
		margin: 0;
		object-fit: cover;
	}

	.caution .embeddedimage {
		display: none;
	}

	.caution .imagelink {
		width: 110px;
		height: 110px;
		margin: 0;
		background-size: 110px 110px;
	}
	p.imagebox {
		line-height: 0;
	}

	.oneloghead {
		display: block;
		width: fit-content;
		height: 0;
	}

	.onelogfoot {
		display: block;
		width: auto;
		height: 26px;
		font-size: 12px;
	}


}

/* End of file */