/*
WP media query css by Maitake
maitake-mq.css
(C)2013 atelier KuWing
*/

/*---------------------------------
MEDIA QUERY
-----------------------------------*/
@media all {
	/*.grid {
		padding: 0 1em;
	}*/
	#main .fl_right {
		float: right;
	}
	#main .fl_left {
		float: left;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	.grid {
		max-width: 960px;
		padding: 0 1em;
	}
}

@media all and (min-width: 580px) and (max-width: 768px) {
	.grid {
		max-width: 740px;
		padding: 0 1em;
	}
	/*.grid *[class*='col_'] {
		margin: 0;
		padding: 0;
	}*/
	#main {
		padding-left: 0;
	}
	#main .article {
		padding: 0;
	}

	#main div.btn {
		text-align: center;
	}
	#main div a.button {
		width: 70%;
	}
	/*#main .prof dt {
		font-size: 16px;
	}*/
	#main .h1 {
		margin-bottom: 1em;
		background: none;
	}

	/* front new_thum */
	/*#main .new_thum {
		clear: both;
	}
	#main .new_thum div {
		width: 35%;
		height: 5em;
		margin-bottom: 1em;
		float: left;
	}
	#main .new_thum img {
	}
	#main .new_thum dl {
		width: 60%;
		margin: 0 1em 1em 0;
		padding: 0;
		float: right;
	}
	#main .new_thum dt {
		margin: 0;
	}
	#main .new_thum dd {
		margin: 0;
		padding: 0;
		display: none;
		clear: both;
	}*/

	/* book_kotei */
	#main .book_kotei .fl_left {
		width: 10%;
	}
	#main .book_kotei .fl_right {
		word-break: break-all;
		width: 80%;
		margin: 0 auto;
		float: right;
	}
	#main .book_kotei .sem_kotei_thum img {
		width: 100px;
		max-width: 100px;
		margin: 0 auto;
		display: block;
	}
}

@media all and (max-width: 580px) {
	.grid {
		padding: 0 1em;
	}
	/*.grid *[class*='col_'] {
		margin: 0;
		padding: 0;
	}*/

	#main {
		padding-left: 0;
	}
	/*#main h2 {
		font-size: 20px;
		padding-left: 1em;
		background-size: 120% auto;
	}*/
	#main .article {
		padding: 0;
	}

	#main div.btn {
		text-align: center;
		clear: both;
	}
	#main div a.button {
		width: 70%;
	}

	#main .sem_kotei_thum {
		margin: 0 .4em 0 0 ;
		text-align: center;
		width: 100%;
	}

	#main .new_txt .col_2 { text-align: center; }
	/*#main .sem_kotei_thum img {
		display: none;
	}*/
	/*#main .prof dt {
		font-size: 16px;
	}*/
	#main div.new_txt {
		margin-bottom: 0;
	}
	#main .h1 {
		margin-bottom: 1em;
		background: none;
	}

	/* front new_thum */
	#main .new_thum {
		clear: both;
	}
	/* ------------------- */
	#main .new_thum figure {
		width: 30%;
		/*height: 3.4em;*/
		margin-bottom: 1em;
		float: left;
		overflow: hidden;
		/*position: relative;*/
	}

	#main .new_thum img {
		max-width: none;
		width: auto;
		position: relative;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}


	/* ------------------- */
	#main .new_thum dl {
		width: 60%;
		margin: 0 0 1em 1em;
		padding: 0;
		float: left;
		/*float: right;*/
	}
	#main .new_thum dt {
		/*font-size: 12px;*/
		line-height: 1.2;
		/*height: 4em;*/
		margin: 0;
	}
	#main .new_thum dd {
		margin: 0;
		padding: 0;
		display: none;
		clear: both;
	}

	/* book_kotei */
	#main .book_kotei .fl_left {
		width: 10%;
		margin: 0;
		float: left;
	}
	#main .book_kotei .fl_right {
		word-break: break-all;
		width: 80%;
		margin: 0 auto;
		float: right;
	}
	#main .book_kotei .sem_kotei_thum img {
		width: 80px;
		max-width: 80px;
		margin: 0 auto;
		display: block;
	}
}