@charset "utf-8";

/*=====================================================================================
	
	Document    : style-s.css
	Description : スマホ用（幅640px以下）
 
=====================================================================================*/

@media screen and (max-width:420px) {
	.md {
		padding-top:38px;
		background-size:auto 30% !important;
	}
}


/*---------------------------------------------------------------------------

   一覧

---------------------------------------------------------------------------

.infolist dl {
	text-align:left;
	display:block;
}
	
@media screen and (max-width:420px) {
	.infolist dt {
		width:inherit;
		float:none;
		margin-right:0;
		padding-top:10px;
	}
	
	.infolist dd {
		padding-left:0;
		padding-top:0;
	}
}


/*---------------------------------------------------------------------------

   詳細

---------------------------------------------------------------------------

.infodt-box h3 span {
	padding-top:3% !important;
}

.infodt-box h3 {
	padding-bottom:4.5% !important;
}

@media screen and (max-width:420px) {
	.infodt-box h3 span {
		padding-top:3.5% !important;
	}
	
	.infodt-box h3 {
		padding-bottom:5% !important;
	}
}


/*-------------------------------------------------------
   ボタン
-------------------------------------------------------*/

.list-back a {
	padding-left:15px;
	padding-right:15px;
}
	
@media screen and (max-width:420px) {
	.list-back {
		margin-left:10px;
		margin-right:10px;
	}

	.list-back a {
		padding-left:5px;
		padding-right:5px;
	}
	
	.list-back a,
	.dt-back a,
	.dt-next a {
		margin:0 12px;
		font-size:12px;
	}
}


/* ------------------------------------------------------------------------------------------------------------------------/
	サイド
/------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------------------/
	一覧ページ
/------------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width:600px) {
	.main .kiji-list .list li {
		width: calc(50% - 20px);
	}

	.main .kiji-list .list li:nth-child(3n) {
		margin-right: 20px;
	}
}


/* ------------------------------------------------------------------------------------------------------------------------/
	詳細ページ
/------------------------------------------------------------------------------------------------------------------------ */