@charset "utf-8";



/* ------------
		PC
   ------------ */

@media only screen and (min-width:641px){

body.post-type-archive-column .inPage_midashi p > br { display: none;}

body.post-type-archive-column #mainContents ul.columnList {
	width:80%; max-width:1100px; margin:0 auto;
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}

body.post-type-archive-column #mainContents ul.columnList li {
	width:30%; margin: 0 1.5% 80px; padding:0;
	border:solid 1px #a78d3e; background:#fff;}

body.post-type-archive-column #mainContents > ul.columnList li a {
	text-decoration: none;
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; transition: .5s;}

body.post-type-archive-column #mainContents > ul.columnList li a:hover { opacity:0.6;}

body.post-type-archive-column #mainContents > ul.columnList li a > div { width:100%;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(1) {}
body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(1) img { width:100%; height: auto !important; margin:0 auto; display:block;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) { padding: 20px 0;
	display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.title {
	width:80%; margin:0 auto; padding:0;
	text-align:center; line-height: 1.5;}
body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.title b {
	margin:0 auto 5px; display:block; color:#a78d3e;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.date { text-align:center;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.cate { width:100%; margin:10px auto 0; text-align:center;}
body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.cate span {
	display:inline-block; padding:2px 15px; margin:0 3px;
	background:#f5efde; line-height: 1.5;}

}



/* ------------
		SP
   ------------ */

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

body.post-type-archive-column .inPage_midashi p { text-align:center;}

body.post-type-archive-column #mainContents ul.columnList {
	width: 631px; padding: 0 0 0 9px; margin:0 auto 50px;
	display:flex; flex-flow:row wrap;}

body.post-type-archive-column #mainContents ul.columnList li {
	width:279px; margin: 0 0 20px 20px; padding:0;
	border:solid 1px #a78d3e; background:#fff;}

body.post-type-archive-column #mainContents > ul.columnList li a {
	text-decoration: none;
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; transition: .5s;}

body.post-type-archive-column #mainContents > ul.columnList li a:hover { opacity:0.6;}

body.post-type-archive-column #mainContents > ul.columnList li a > div { width:100%;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(1) {}
body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(1) img { width:100%; height: auto !important; margin:0 auto; display:block;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) { padding: 15px 0;
	display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.title {
	width:88%; margin:0 auto; padding:0;
	text-align:center; line-height: 1.5;}
body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.title b {
	margin:0 auto 5px; display:block; color:#a78d3e;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.date { line-height: 1.5; text-align: center;}

body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.cate { width:100%; margin:8px auto 0; text-align:center;}
body.post-type-archive-column #mainContents > ul.columnList li a > div:nth-of-type(2) p.cate span {
	display:inline-block; padding:2px 10px; margin:0 2px;
	background:#f5efde; line-height: 1.5;}

}
