@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 { padding: 5px; 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 #e60012; }
.EntryCoupon dt { color: #e60012; font-weight: bold; width: 8em; text-align: center; }
.EntryCoupon dd { color: #f3de91; background: #e60012; }

.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; }



/*hoshino*/
body.hoshino .postMeta span { background: #00274a; }
body.hoshino .postMeta em { background: #4c6780; }
body.hoshino article h1,
body.hoshino article h1 a,
body.hoshino .entryColor,
body.hoshino .entryColor a { color: #00274a; }
body.hoshino .EntryBudget dt { border: 2px solid #00274a; color: #00274a; }
body.hoshino .EntryPoint dt,
body.hoshino .EntryPoint dd { border: 1px solid #4c6780; }
body.hoshino .EntryPoint dt { color: #4c6780; }
body.hoshino .EntryPoint dd { color: #fff; background: #4c6780; }

/*breakfast*/
body.breakfast .postMeta span { background: #65b9bc; }
body.breakfast .postMeta em { background: #a5ca7c; }
body.breakfast article h1,
body.breakfast article h1 a,
body.breakfast .entryColor,
body.breakfast .entryColor a { color: #65b9bc; }
body.breakfast .EntryBudget dt { border: 2px solid #65b9bc; color: #65b9bc; }
body.breakfast .EntryPoint dt,
body.breakfast .EntryPoint dd { border: 1px solid #a5ca7c; }
body.breakfast .EntryPoint dt { color: #a5ca7c; }
body.breakfast .EntryPoint dd { color: #fff; background: #a5ca7c; }

/*gourmet*/
body.gourmet .postMeta span { background: #51773e; }
body.gourmet .postMeta em { background: #ece4d7; color: #000; }
body.gourmet article h1,
body.gourmet article h1 a,
body.gourmet .entryColor,
body.gourmet .entryColor a { color: #51773e; }
body.gourmet .EntryBudget dt { border: 2px solid #51773e; color: #51773e; }
body.gourmet .EntryPoint dt,
body.gourmet .EntryPoint dd { border: 1px solid #ece4d7; }
body.gourmet .EntryPoint dt { color: #ece4d7; }
body.gourmet .EntryPoint dd { color: #000; background: #ece4d7; }

/*popular*/
body.popular .postMeta span { background: #56b4be; }
body.popular .postMeta em { background: #ece4d7; color: #000; }
body.popular article h1,
body.popular article h1 a,
body.popular .entryColor,
body.popular .entryColor a { color: #56b4be; }
body.popular .EntryBudget dt { border: 2px solid #56b4be; color: #56b4be; }
body.popular .EntryPoint dt,
body.popular .EntryPoint dd { border: 1px solid #ece4d7; }
body.popular .EntryPoint dt { color: #ece4d7; }
body.popular .EntryPoint dd { background: #ece4d7; }

/*tea*/
body.tea .postMeta span { background: #e07f63; }
body.tea .postMeta em { background: #ece4d7; color: #6b696a; }
body.tea article h1,
body.tea article h1 a,
body.tea .entryColor,
body.tea .entryColor a { color: #e07f63; }
body.tea .EntryBudget dt { border: 2px solid #e07f63; color: #e07f63; }
body.tea .EntryPoint dt,
body.tea .EntryPoint dd { border: 1px solid #ece4d7; }
body.tea .EntryPoint dt { color: #ece4d7; }
body.tea .EntryPoint dd { color: #6b696a; background: #ece4d7; }

/*night*/
body.night .postMeta span { background: #ecb957; }
body.night .postMeta em { background: #353740; color: #b8b3aa; }
body.night article h1,
body.night article h1 a,
body.night .entryColor,
body.night .entryColor a { color: #ecb957; }
body.night .EntryBudget dt { border: 2px solid #ecb957; color: #ecb957; }
body.night .EntryPoint dt,
body.night .EntryPoint dd { border: 1px solid #353740; }
body.night .EntryPoint dt { color: #353740; }
body.night .EntryPoint dd { color: #b8b3aa; background: #353740; }

/*outdoor*/
body.outdoor .postMeta span { background: #173e87; }
body.outdoor .postMeta em { background: #f1de64; color: #000; }
body.outdoor article h1,
body.outdoor article h1 a,
body.outdoor .entryColor,
body.outdoor .entryColor a { color: #173e87; }
body.outdoor .EntryBudget dt { border: 2px solid #173e87; color: #173e87; }
body.outdoor .EntryPoint dt,
body.outdoor .EntryPoint dd { border: 1px solid #f1de64; }
body.outdoor .EntryPoint dt { color: #f1de64; }
body.outdoor .EntryPoint dd { color: #000; background: #f1de64; }

/*dogs*/
body.dogs .postMeta span { background: #624c28; }
body.dogs .postMeta em { background: #5aacb0; }
body.dogs article h1,
body.dogs article h1 a,
body.dogs .entryColor,
body.dogs .entryColor a { color: #624c28; }
body.dogs .EntryBudget dt { border: 2px solid #624c28; color: #624c28; }
body.dogs .EntryPoint dt,
body.dogs .EntryPoint dd { border: 1px solid #5aacb0; }
body.dogs .EntryPoint dt { color: #5aacb0; }
body.dogs .EntryPoint dd { color: #fff; background: #5aacb0; }

/*shopping*/
body.shopping .postMeta span { background: #466135; }
body.shopping .postMeta em { background: #80ad76; }
body.shopping article h1,
body.shopping article h1 a,
body.shopping .entryColor,
body.shopping .entryColor a { color: #466135; }
body.shopping .EntryBudget dt { border: 2px solid #466135; color: #466135; }
body.shopping .EntryPoint dt,
body.shopping .EntryPoint dd { border: 1px solid #80ad76; }
body.shopping .EntryPoint dt { color: #80ad76; }
body.shopping .EntryPoint dd { color: #fff; background: #80ad76; }