@media screen and (max-width: 767px){
	#contents_section { width: 90%; margin: 0 auto; }
}

body.cat .articleL img { width: 100%; max-height: 250px; object-fit: cover; }

#categoryList header { margin-bottom: 50px; }
#categoryList header img { display: block; width: 100%; }
#categoryList ul {}
#categoryList ul li { display: block; float: left; width: 32%; margin: 0 0 20px 2%; }
#categoryList ul li:nth-of-type(3n+1) { margin: 0 0 20px; clear: both; }
#categoryList ul li img { display: block; width: 100%; margin: 0 auto 10px; }
#categoryList ul li em { display: block !important; font-size: 120%; font-style: normal; }
#categoryList ul li span { display: block !important; }
@media screen and (max-width: 767px){
	#categoryList ul li { display: block; float: left; width: 49%; margin: 0 0 20px 2%; }
	#categoryList ul li:nth-of-type(3n+1) { margin: 0 0 20px 2%; clear: none; }
	#categoryList ul li:nth-of-type(2n+1) { margin: 0 0 20px; clear: both !important; }
}

.CategoryKeyVisual { margin: 0 auto 50px; }
.CategoryKeyVisual img { display: block; max-width: 100%; margin: 0 auto; }

article { margin-bottom: 50px; }
.contentsLeft { float: left; width: 70%; }
.contentsRight { float: right; width: 27%; }
@media screen and (max-width: 767px){
	.contentsLeft { float: none; width: 100%; margin-bottom: 50px; }
	.contentsRight { float: none; width: 100%; }
}

.articleL { float: left; width: 45%; }
.articleR { float: right; width: 50%; }
.articleL img { display: block; max-width: 100%; margin: 0 auto 5px; }
.articleL p { margin: 0 0 1.5em !important; font-size: 12px; }
@media screen and (max-width: 767px){
	.articleL { float: none; width: 100%; margin-bottom: 30px; }
	.articleR { float: none; width: 100%; }
}
.postMeta { color: #fff; font-size: 10px; margin-bottom: 10px; }
.postMeta span,
.postMeta em { font-style: normal; }

article h1 { float: none !important; color: #15993f; margin: 0 0 10px !important; font-size: 20px; }
article h1 em { font-size: 13px; font-style: normal; margin-left: 1em; display: inline-block; }
article h1 span { fomargin-left: .5em; }
article h2 { height: auto !important; margin: 0 0 .67em !important; padding: 0 !important; border: 0; color: #000; font-size: 18px; }
.entryBody { margin-bottom: 2em; }

.entryList { padding: 0; }
.entryList li { display: block; float: left; width: 48%; margin: 0 0 0 4%; padding: 0; text-align: center; }
.entryList li:first-of-type { margin: 0; }
.entryList li.coupon span,
.entryList li.postLink a { display: block; padding: 5px; color: #fff; }
.entryList li.coupon span { background: #d56785; }
.entryList li.postLink a { background: #dca5a6; }

.EntryBudget { clear: both; margin-bottom: 2em; }
.EntryBudget dt { float: left; width: 2em; padding: .1em .5em; border: 2px solid #000; border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; }
.EntryBudget dd { margin: 0; padding: 0 0 0 4em; }

article address { font-style: normal; }

.EntryOutline { clear: both; margin-bottom: 2em; }
.EntryOutline dt { float: left; width: 4em; clear: both; }
.EntryOutline dd { margin: 0; padding-left: 5em !important; }

.EntryData { margin-bottom: 2em; }

.EntryPoint { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin-bottom: 2em; }
.EntryPoint dt,
.EntryPoint dd { display: table-cell; vertical-align: middle; padding: 10px; }
.EntryPoint dt { width: 8em; font-weight: bold; padding: 10px; text-align: center; }

.EntryCoupon { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
.EntryCoupon dt,
.EntryCoupon dd { display: table-cell; vertical-align: middle; padding: 10px; border: 1px solid #ed7262; }
.EntryCoupon dt { color: #ed7262; font-weight: bold; width: 8em; text-align: center; }
.EntryCoupon dd { color: #fff; background: #ed7262; }

.contentsRight ul { margin: 0; padding: 0; }
.contentsRight ul li { display: block; margin: 0 0 15px; padding: 0; }
.contentsRight ul li a { display: block; padding: 1em; text-align: center; color: #fff; background: #898989; }



/**/
.postMeta { color: #fff; }
.postMeta span {  padding: 8px 0 8px 8px; background: #221815; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.postMeta span:after { content: " ・ "; }
.postMeta em {  padding: 8px 8px 8px 0; background: #221815; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
article h1,
article h1 a,
.entryColor,
.entryColor a { color: #221815; }
.EntryBudget dt { border: 2px solid #00274a; color: #221815; }
.EntryPoint dt,
.EntryPoint dd { border: 1px solid #221815; }
.EntryPoint dt { color: #221815; }
.EntryPoint dd { color: #fff; background: #221815; }