@charset "utf-8";

:root{
	--dq_h: 48px;
}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */
/* DQページ汎用枠 */
/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

.tsuyosa, .moxyomoto.no_00 h2 p, article, .yonkoma h2
{
	color: #fff;
	background:
	url(../99_img/frame/dq/left_top.png) no-repeat left top,
	url(../99_img/frame/dq/right_top.png) no-repeat right top,
	url(../99_img/frame/dq/left_bottom.png) no-repeat left bottom,
	url(../99_img/frame/dq/right_bottom.png) no-repeat right bottom,
	url(../99_img/frame/dq/x.png) repeat-x center top,
	url(../99_img/frame/dq/x.png) repeat-x center bottom,
	url(../99_img/frame/dq/y.png) repeat-y left top,
	url(../99_img/frame/dq/y.png) repeat-y right top;
	background-color: var(--makkuro);
}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */
/* 4コマページ */
/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

.yonkoma h2{
	width: var(--inner_w);
	height: var(--dq_h);

	font-weight: 600;
	line-height: var(--dq_h);
	letter-spacing: var(--letter_spacing_narrow);
}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */
/* ぼうけんのしょ */
/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

.moxyomoto.no_00 body{
	color: #fff;
	background-color: var(--makkuro);
}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

/* 見出し */
.moxyomoto.no_00 h2
{
	width: var(--article_w);
	display: flex;
	letter-spacing: var(--letter_spacing_narrow);
	align-items: stretch;
}

/* 日付 */
.moxyomoto.no_00 .date{
	width: 140px;
	padding: 16px 0;
	white-space: nowrap;
	text-align: center;
}

/* 更新 */
.moxyomoto.no_00 .update{
	width: calc(var(--article_w) - 140px);
	padding: 16px 24px;
}
.moxyomoto.no_00 .update:empty{	background: none;}
.moxyomoto.no_00 .update a:not(:last-child):after{ content: "　/　";}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

/* はじめに */
div.hajimeni{ width: 480px;}
div.hajimeni p{
	white-space: nowrap;
	padding-top:10px;
}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

/* 初期ステータス */
article.hajimeni{ margin-top: var(--margin_wide);}
article.hajimeni:after{
	content: "";
	display: block;
	clear: both;
}

article.hajimeni img{ margin-top: 0;}

article.hajimeni > div{
	width: 176px;
	float: left;
}
article.hajimeni > div:nth-of-type(1){ margin-left: 80px;}
article.hajimeni > div:nth-of-type(2){
	margin-left: calc(calc(var(--inner_w) - calc(176px * 3)) / 2);
	margin-right: calc(calc(var(--inner_w) - calc(176px * 3)) / 2);
}

/*  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  ■  */

/* 備考 */
p.hajimeni.roto:nth-of-type(1){	margin-top: var(--margin_wide);}
p.hajimeni.roto:nth-of-type(2){	margin-top: 8px;}