@charset "UTF-8";

a#return{
	font-size: 4em;
}

/* menu */

#menu{
    margin-top: 0.5em;
	gap: calc(var(--margin-base) * 0.2);
}

#menu a{
	font-size: 0.8em;
}

/* menu02 */

#menu02{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
    line-height: 1.4em;
	gap: calc(var(--margin-base) * 0.6);
	margin-top: 1.7em;
	margin-bottom: 0;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

/* menu03 */

#menu03{
    margin-top: 0.5em;
	gap: calc(var(--margin-base) * 0.4);
    margin: 1em 1.5em 1.5em;
}

#menu03 a{
	font-size: 0.8em;
}

/* ボックスの中 */
.box{
	padding:  calc(var(--margin-base) * 0.8) calc(var(--margin-base) / 3);
}

.box p + h2,
.box ul + h2,
.box dl + h2{
	margin-top: 1.3em;
}

.box p + h3,
.box ul + h3,
.box dl + h3{
	margin-top: 2.5em;
}

.box > p{
	margin: 1.5em 0;
}

.box > div{
	margin: 1.4em 0;
}

dl,ul{
	margin: 1.2em 0;
	padding-left: 1.4em;
}

dt::before,
li::before{
	left: -1.4em;
}

ul.column2,
ul.column3{
	column-count: 1;
}

ul.m-column2{
	column-count: 2;
}

ul.m-column3{
	column-count: 3;
}



/* ↓イラスト */
#illustlog{
	gap: calc(var(--margin-base) * 0.5);
}

#illustlog .illust{
	width: calc(100% / 3 - var(--margin-base) * 0.5 * 3 / 4);
}


/* ボックス２　影付きグレーボックス */

.box02 {
    padding: var(--margin-base) calc(var(--margin-base) * 0.8);
	background-color: var(--color-marker);
	border-radius: var(--border-radius);
}

/* ↓オフライン */
.booklist{
	 flex-direction: column;
}

.book{
	width: 100%;
	padding: 0 0 calc(var(--margin-base) * 0.75) 0;
	border: none;
	border-bottom: solid 1px var(--color-marker);
}

.booklist div.book:last-child{
	padding: 0;
	border-bottom: none;
}

.book .gaiyou{
	gap: calc(var(--margin-base) / 2);
}

.book .gaiyou p{
	font-size: 0.9em;
	line-height: 1.5;
}

.book .gaiyou p.product{
	font-size: 0.7em;
	line-height: 1.3;
}

/* ↓漫画展示用 */
.comiclist{
	 flex-direction: column;
    gap: calc(var(--margin-base) * 1);
}

.comic{
	width: 100%;
	padding:calc(var(--margin-base) * 0.3);
	
}

.comiclist div.comic:last-child{
	padding:calc(var(--margin-base) * 0.4);
	border-bottom: none;
}

.comic .gaiyou{
	gap: calc(var(--margin-base) / 2);
}

.comic .gaiyou img.hyoushi{
	width: 35%;
	height: 100%;
    margin-right: 0;
	vertical-align: bottom;
    border: solid 1px var(--color-main);
}

.comic .gaiyou p{
	font-size: 0.9em;
	line-height: 1.6;
}

.comic .gaiyou p.product{
	font-size: 0.8em;
	line-height: 1.6;
}


/* ↓折り畳み */

summary{
	height: 3em;
	font-size: 1em;
}