@charset "UTF-8";
/* === 櫻の名所 ===   三宅龍太郎 2019 */

@media (min-width: 480px) {

	/* 桜スポットリスト */
	dl.list > dt {
		font-size: 1.1em;
	}
	dl.list > dt:first-of-type {
		margin-top: 0;
	}

	dd.flex {
		margin: 0 0 0 3%;
		gap: 0 2em;
	}


	/* Twitter */
	h4:nth-of-type(3) + ul {
		padding-left: 2%;
		list-style: none;
	}
	/* 櫻 おまけ */
	h5:first-of-type + ul {
		justify-content: space-between;
		gap: .6em;
	}
	h5:first-of-type + ul li {
		width: calc(50% - .3em);
		text-align: start;
	}
	/* 画像をフロートさせる */
	h5:first-of-type + ul li > span:not([class]) {
		margin: .2em .6em 0 0;
		width: auto;
		float: left;
	}

	/* 水平線修飾（既定の上に重ねる） */
	hr.separate::after {
		content: '';
		width: 60px;
		height: 32px;
		background: Canvas url('../../image/icon/sakura01.gif') no-repeat 50%/contain;
		top: -16px;
	}

}

@media (min-width: 799px) {

	dl.list:first-of-type {
		margin: 0;
		background: transparent url('../../image/sakura/title02.webp') no-repeat 100% 24px;
	}
	h4:nth-of-type(3) + ul {
		background: transparent url('../../image/sakura/SakuraFuji.webp') no-repeat 100%/150px;	/* サイズ＝幅指定（高さauto） */
	}

}

@media (max-width: 800px) {

	/* 蛸の松 */
	.flex._left {
		float: none;
	}
	/* 櫻 おまけ */
	h5:first-of-type + ul {
		display: block;
	}
	h5:first-of-type + ul li {
		display: flow-root;
		margin: 0 0 .5em auto;
		width: 97%;
	}

}

@media (min-width: 480px) and (prefers-color-scheme: dark) {

	hr.separate::after {
		content: '';
		width: 60px;
		height: 40px;
		background: Canvas url('../../image/icon/neko.gif') no-repeat 50%/contain;
		top: -25px;
	}

}