/* --------------------------------------
  Mobile Styling
-------------------------------------- */

@charset"UTF-8";

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

#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}

/* バッジ */
.badge	{
	-ms-transform: scale(0.5);
	-ms-transform-origin: right top;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: right top;
	transform: scale(0.5);
	transform-origin: right top;
	top: -8px;
	right: 10px
	}

/* タイトル */
#site a {
	font-size: 15px;
	font-family: monospace;
	text-align: center;
	letter-spacing: 0.3em;/* 文字の間隔 */
	color: #373c6b;/* ステッチズスタイル色 */
	position: 50px　auto;
	}

/* サイト名と記事のタイトル */
h1	{font-size: 8px}

.bun h1	{font-size: 26px}

/* ボックスの上下の間隔 */
.boxl {padding-top: 25px}


/* BOXR-1とBOXR-2を横に並べる設定 */
.boxr:after	{
content: "";
	display: block;
	clear: both
	}

.contents-list .work {
float: left;
	width: 50%
	}

.pagination-next {
float: left;
	width: 92%
	}

.textlr1, .textlr2 {
	font-size: 14px;
}

/* BOXR-1とBOXR-2の左右の間隔 */
.contents-list	{
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}

.work {
	padding-left: 20px;
	width: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.work a {
	scale-down: none;
	}

.work a:hover {
	box-shadow: 0 0 15px #373c6b;/* ステッチズスタイル色 */
	}

.work h3 {
	font-size: 15px;
	}

.work p {
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 12px;
	font-weight: normal;/* 文字の太さ */
	}


.date {
	font-size: 15px;
}



}




/* ########### 599px以下 ########### */
@media (max-width: 599px) {
#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}

/* バッジ */
.badge	{
	-ms-transform: scale(0.5);
	-ms-transform-origin: right top;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: right top;
	transform: scale(0.5);
	transform-origin: right top;
	top: -8px;
	right: 10px
	}

/* タイトル */
#site a {
	font-size: 20px;
	font-family: monospace;
	text-align: center;
	letter-spacing: 0.3em;/* 文字の間隔 */
	color: #373c6b;/* ステッチズスタイル色 */
	position: 50px　auto;
	}

/* サイト名と記事のタイトル */
h1	{font-size: 10px}

.bun h1	{font-size: 26px}

/* ボックスの上下の間隔 */
.boxl {padding-top: 25px}


/* BOXR-1とBOXR-2を横に並べる設定 */
.boxr:after	{
content: "";
	display: block;
	clear: both
	}

.contents-list .work {
float: left;
	width: 50%
	}

.pagination-next {
float: left;
	width: 92%
	}


.textlr1, .textlr2 {
	font-size: 14px;
}

/* BOXR-1とBOXR-2の左右の間隔 */
.contents-list	{
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}

.work {
	padding-left: 20px;
	width: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}

.work a:hover {
	box-shadow: 0 0 15px #373c6b;/* ステッチズスタイル色 */
	}

.work h3 {
	font-size: 15px;
	}

.work p {
	font-size: 14px;
	font-weight: normal;/* 文字の太さ */
	}

/* ボックスの上下の間隔 */
.boxl {padding-top: 25px}



}



/* -----　Main - Hero　----- */

/* -----　Footer　----- */