真空｜縦書き01

1ページを想定しています。
CSSファイルを別で作る場合は「しっぽり明朝」をGoogleフォントなどで@importへ変換してください。

body {
	color: #000;
	font-size: 13px;
	font-family: "Shippori Mincho", serif;
	line-height: 2.1em;
	letter-spacing: 0.2rem;
	margin: 0;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}

section {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 本文 */

.box {
	height: 650px;
	width: auto; 
	overflow-x: scroll;
	padding-bottom: 10px;

}

/* メディアクエリ */

@media screen and (max-width:758px){

.box{
        width: 85%;
        height: 600px;
        column-width: 20em;
        column-gap: 30px;
        overflow-x: scroll;
        justify-content: center;
        text-align: left;
        padding:0 10px 0 10px;
    }

}
</style>

戻