@charset "utf-8";



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

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

body.single-column #mainContents { padding-bottom: 0;}

/* 記事詳細 */
#columnDetail { width:100%; max-width:800px; margin:0 auto 80px; text-align: center;}
#columnDetail h1 { padding:0 0 20px; text-align: center;}
#columnDetail ul.datecate { text-align: center; margin-bottom: 40px;}
#columnDetail li.date { display: inline-block; padding:0; margin:0 1em 0 0; color: #a78d3e;}
#columnDetail li.cate { display: inline-block; padding:0 2em; background: #f5efde;}
#columnDetail > img { position: relative; display: block; max-width: 100%; height: auto; margin:0 auto 40px;}
#columnDetail .columnBody { width:100%; margin:0 auto; text-align: left; line-height: 2;}
#columnDetail .columnBody img { max-width:100%; height:auto; margin: 20px auto; display: block;}
#columnDetail .columnBody p { margin-bottom: 1.5em;}

/* prev_next */
body.single-column ul.prev_next { width:80%; max-width: 800px; margin:0 auto 80px; display:flex; flex-flow:row wrap; justify-content:center;}
body.single-column ul.prev_next li { width:25%; margin:0 5px;}
body.single-column ul.prev_next li a { padding:10px 0; display:block; color:#fff; text-align:center; text-decoration:none;
	background:#1e1c16; transition: .3s;}
body.single-column ul.prev_next li a:hover { background:#a78d3e;}

}



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

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

body.single-column #mainContents { padding-bottom: 0;}

/* 記事詳細 */
#columnDetail { width:80%; margin:0 auto 50px; text-align: center;}
#columnDetail h1 { padding:0 0 15px; text-align: center;}
#columnDetail ul.datecate { text-align: center; margin-bottom: 30px;}
#columnDetail li.date { display: inline-block; padding:0; margin:0 1em 0 0; color: #a78d3e;}
#columnDetail li.cate { display: inline-block; padding:0 1.5em; background: #f5efde;}
#columnDetail > img { position: relative; display: block; max-width: 100%; height: auto; margin:0 auto 30px;}
#columnDetail .columnBody { width:100%; margin:0 auto; text-align: left; line-height: 2;}
#columnDetail .columnBody img { max-width:100%; height:auto; margin: 15px auto; display: block;}
#columnDetail .columnBody p { margin-bottom: 1.5em;}

/* prev_next */
body.single-column ul.prev_next { width:100%; margin:0 auto 100px; display:flex; flex-flow:row wrap; justify-content:center;}
body.single-column ul.prev_next li { margin:0 5px;}
body.single-column ul.prev_next li:nth-of-type(1) { width:33%;}
body.single-column ul.prev_next li:nth-of-type(2) { width:20%;}
body.single-column ul.prev_next li:nth-of-type(3) { width:33%;}
body.single-column ul.prev_next li a { padding:10px 0; display:block; color:#fff; letter-spacing: 0; text-align:center; text-decoration:none;
	background:#1e1c16; transition: .3s;}
body.single-column ul.prev_next li a:hover { background:#a78d3e;}

}