/* 右側の固定ボタン(LINEイベント情報配信 / ブログ)。現行サイトの .fixed-btn と同じ寸法・色 */

.fixed-btn {
	display: none;
}

@media only screen and (min-width: 768px) {
	.fixed-btn {
		display: block;
		position: fixed;
		top: 30%;
		right: 0;
		left: auto;
		z-index: 90;
		width: 62px;
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, sans-serif;
		line-height: 1.8;
	}

	.fixed-btn a {
		display: block;
		box-sizing: border-box;
		background-color: #fff;
		border-style: solid;
		border-width: 2px 0 2px 2px;
		border-radius: 5px 0 0 5px;
		padding: 10px;
		transition: 0.25s;
		text-decoration: none;
		color: #131313;
	}

	.fixed-btn a:hover {
		opacity: 0.8;
		text-decoration: none;
	}

	.fixed-btn .fixed-btn-line {
		border-color: #0ab43c;
	}

	.fixed-btn .fixed-btn-blog {
		border-color: #f3d194;
		margin-top: 10px;
	}

	.fixed-btn img {
		display: block;
		width: 40px;
		max-width: none;
		height: auto;
	}

	/* 画像が無い場合の代替表示(SVGアイコン+縦書き文字) */
	.fixed-btn__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 40px;
	}

	.fixed-btn__inner--line { height: 215px; }
	.fixed-btn__inner--blog { height: 108px; }

	.fixed-btn__icon {
		display: block;
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
	}

	.fixed-btn__text {
		margin-top: 12px;
		writing-mode: vertical-rl;
		text-orientation: upright;
		font-weight: 900;
		font-size: 20px;
		line-height: 1;
		letter-spacing: 0.06em;
		color: #131313;
		white-space: nowrap;
	}
}

@media print {
	.fixed-btn { display: none !important; }
}