/* レイアウト */
.art_title {
	width: 100%;
	text-align: center;
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding-top: .1rem;
	padding-bottom: .1rem;
	margin-top: .4rem;
	margin-bottom: .2rem;
	font-size: .3rem;
	font-weight: 200;
}
#art_wrap {
	margin-top: .4rem;
}
#art_list {
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#art_list .art_item {
	display: flex;
	box-sizing: border-box;
	align-items:center;
	flex-basis: 25%;
	padding-top: .2rem;
	margin-bottom: .3rem;
}
#art_list .art_item.yoko_syo {
	flex-basis: 50%;
}
#art_list .art_item.tate_syo {
	flex-basis: 20%;
}
#art_list .art_item.nomal_syo {
	flex-basis: 25%;
}
#art_list li a {
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	background-color: #FBF9F3;
	width: 96%;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-weight: 700;
	font-size: .16rem;
	line-height: .22rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
	-webkit-border-radius: 10px;/* for Safari and Chrome 対応*/
	-moz-border-radius: 10px;/* for Firefox 対応*/
}
#art_list li a:hover {
	opacity: 0.6;
} 
#impact_wrap .impact_list .spacer {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

#art_list .syo_tate {
    height: 45vh;
    width: auto;
    margin-bottom: .2rem;
}
#art_list .syo_yoko {
    width: 100%;
    height: auto;
    margin-bottom: .2rem;
}
#art_list .syo_nomal {
    width: auto;
    height: 45vh;
    margin-bottom: .2rem;
}
#art_list .syo_tate img {
    max-width: auto;
    max-height: 100%;
}
#art_list .syo_yoko img {
    max-width: 95%;
    max-height: auto;
}
#art_list .syo_nomal img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
}
/*　レイアウト メディアクエリ */
	/* 大画面 */
	@media screen and (min-width: 1200px) and (max-width: 9999px) {
		#art_list .art_item {
			flex-basis: 20%;
		}
		#art_list .art_item.yoko_syo {
			flex-basis: 50%;
		}
		#art_list .art_item.tate_syo {
			flex-basis: 20%;
		}
	}
	/* 中画面 */
	@media screen and (min-width: 1000px) and (max-width: 1199px) {
		#art_list .art_item {
			flex-basis: 20%;
		}
		#art_list .art_item.yoko_syo {
			flex-basis: 40%;
		}
		#art_list .art_item.tate_syo {
			flex-basis: 20%;
		}
	}
	/* 少画面PC */
	@media screen and (min-width: 800px) and (max-width: 999px) {
		#art_list .art_item {
			flex-basis: 33%;
		}
		#art_list .art_item.yoko_syo {
			flex-basis: 50%;
		}
		#art_list .art_item.nomal_syo {
			flex-basis: 50%;
		}
		#art_list .art_item.tate_syo {
			flex-basis: 33%;
		}
	}
	/* 少画面PCとタブレット */
	@media screen and (min-width: 681px) and (max-width: 799px) {
		#art_list .art_item {
			flex-basis: 33%;
		}
		#art_list .art_item.yoko_syo {
			flex-basis: 50%;
		}
		#art_list .art_item.nomal_syo {
			flex-basis: 50%;
		}
		#art_list .art_item.tate_syo {
			flex-basis: 33%;
		}
	}
	/* スマホとタブレット */
	@media screen and (max-width: 680px) {
		#art_list .art_item {
			flex-basis: 50%;
		}
		#art_list .art_item.yoko_syo {
			flex-basis: 100%;
		}
		#art_list .art_item.nomal_syo {
			flex-basis: 100%;
		}
		#art_list .art_item.tate_syo {
			flex-basis: 50%;
		}
	}


/*　インラインコンテンツ */
.inline_art {
	display: flex;
	-ms-flex-pack:justify;
	justify-content:space-between;
	box-sizing: border-box;
	padding: .05rem;
	frex-wrap:wrap;
}
.inline_art_yoko {
	display: block;
	box-sizing: border-box;
	padding: .05rem;
}
.inline_art .inline_art_image {
	display: flex;
	flex-basis: 30%;
}
.inline_art .inline_art_text {
	width: 70%;
	padding-left: .2rem;
	padding-top: .2rem;
	padding-right: .1rem;
}
.inline_art .inline_art_image.inline_image_tate {
	display: flex;
	flex-basis: 20%;
}
.inline_art .inline_art_text.inline_text_tate {
	width: 80%;
	padding-left: .2rem;
	padding-top: .2rem;
	padding-right: .1rem;
}
.inline_art .inline_art_image.inline_image_nomal {
	display: flex;
	flex-basis: 35%;
}
.inline_art .inline_art_text.inline_text_nomal {
	width: 65%;
	padding-left: .2rem;
	padding-top: .2rem;
	padding-right: .1rem;
}
.inline_art_yoko .inline_image_yoko {
	display: block;
	width: 100%;
}
.inline_art_yoko .inline_text_yoko {
	width: 90%;
	margin: auto;
	display: block;
	padding-left: .2rem;
	padding-top: .2rem;
	padding-right: .1rem;
}

.inline_art_meta h6{
	margin: 0;
	font-size: .14rem;
}
.inline_art_meta p{
	font-size: .12rem;
}

.inline_art .inline_art_image img {
	width: auto;
	height: 80vh;
}
.inline_art .inline_art_image.inline_image_tate img {
	width: auto;
	height: 80vh;
}
.inline_art_yoko .inline_image_yoko img {
	width: 90%;
	display: block;
	margin: auto;
	height: auto;
}
.inline_art .inline_art_image.inline_image_nomal img {
	width: auto;
	height: 50vh;
	display: block;
	margin: auto;
}

/*　インライン メディアクエリ */
	/* 大画面 */
	@media screen and (min-width: 1200px) and (max-width: 9999px) {
		.inline_art_meta h6{
			margin: 0;
			font-size: .18rem;
		}
		.inline_art_meta p{
			font-size: .15rem;
		}
	}
	/* スマホとタブレット */
	@media screen and (max-width: 680px) {
		.inline_books .inline_book_image {
			display: none;
		}
		.inline_books .inline_book_text {
			width: 100%;
		}
		.inline_art {
			width: 100%;
			display: block;
		}
		.inline_art .inline_art_image {
			display: block;
		}
		.inline_art .inline_art_image.inline_image_tate,.inline_art .inline_art_image.inline_image_nomal {
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.inline_art .inline_art_text.inline_text_tate,.inline_art .inline_art_text.inline_text_nomal {
			width: 100%;
			display: block;
			box-sizing:border-box;
			padding-left: .2rem;
			padding-top: .2rem;
			padding-right: .1rem;
		}
		.inline_art .inline_art_image.inline_image_tate img {
			display: block;
			width: auto;
			height: 60vh;
			margin: auto;
		}
		.inline_art .inline_art_image.inline_image_nomal img {
			display: block;
			width: 100%;
			height: auto;
		}
	}