@charset "UTF-8";
/* variable
------------------------------------------------------------- */
.omit3dot, .index #archive #categoryEntry .ce-box .ce-entry ul li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* mixin
------------------------------------------------------------- */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
  font: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

body {
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
  color: #333;
  line-height: 1.6em;
  position: relative;
  overflow-x: scroll;
  overflow-y: scroll;
  background: url(/img/bg.png) 10% 0 fixed;
}

a {
  color: #3064b9;
  text-decoration: none;
}

.hoverLink, .index #archive #categoryEntry .ce-box .ce-entry ul li a:hover,
a:hover {
  color: #9c884e;
  text-decoration: none;
}

img {
  vertical-align: top;
}

.clearfix, #contents:after, #header:after, #footer .inner > div:after, #adEntryMiddle:after, #nav .inner:after, #aside #sideRecommend #recommendBox > div:after, #aside #sideSpBlog #spBlogBox > div:after, #aside #sideRanking #rankingBox > div:after, .entry #entryHead #subInfo:after, .entry #entryHead #sns ul:after, .keyword #keywordList:after, .keyword #keywordIndex:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.split, #header #logo a, #footer .titlebar:before, #footer #otherLink ul li:before, #nav #snsLink li a, #aside #sideRecommend .sideTitle:before, #aside #sideSpBlog .sideTitle:before, #aside #sideRanking .sideTitle:before, .index #archive #categoryEntry .ce-box .ce-entry ul li:before {
  display: block;
  overflow: hidden;
  background: url(/img/bg-split.png) no-repeat;
  text-indent: 200%;
  white-space: nowrap;
}

#wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

#contents {
  width: 1000px;
  margin: 0 auto;
  padding-top: 75px;
  position: relative;
}

#archive {
  float: left;
  width: 680px;
}

#aside {
  float: right;
  width: 300px;
}

.normalAside {
  position: absolute;
  top: 75px;
  right: 0;
}

.fixAside {
  position: fixed;
  bottom: 0;
  right: 0;
}

.stopAside {
  position: absolute;
  bottom: 0;
  right: 0;
}

#pageNav {
  clear: both;
  width: 100%;
  padding: 45px 0 40px 0;
}
#pageNav ul {
  width: 100%;
  text-align: center;
}
#pageNav ul li {
  display: inline-block;
  margin-right: 7px;
  font-size: 15px;
}
#pageNav ul li:last-child {
  margin-right: 0;
}
#pageNav ul li a {
  color: #fff;
  position: relative;
}
#pageNav ul li a:after {
  width: 30px;
  height: 30px;
  content: "";
  background: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#pageNav ul li a:hover:after {
  background: rgba(255, 255, 255, 0.3);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#pageNav ul li.current_page {
  width: 28px;
  height: 22px;
  padding-top: 6px;
  border: 1px solid #60932e;
  color: #333;
}
#pageNav ul li.link_page {
  width: 30px;
  height: 30px;
}
#pageNav ul li.link_page a {
  display: block;
  width: 30px;
  height: 23px;
  padding-top: 7px;
  background: url(/img/bg-nav.png);
}
#pageNav ul li.link_before a {
  text-indent: 12px;
  width: 107px;
  height: 30px;
  background-position: 0 -193px;
}
#pageNav ul li.link_next a {
  text-indent: -12px;
  width: 107px;
  height: 30px;
  background-position: 0 -162px;
}
#pageNav ul li.link_before, #pageNav ul li.link_next {
  width: 107px;
  height: 30px;
  font-size: 14px;
}
#pageNav ul li.link_before a, #pageNav ul li.link_next a {
  display: block;
  width: 107px;
  height: 23px;
  padding-top: 7px;
  background-image: url(/img/bg-split.png);
}
#pageNav ul li.link_before a:after, #pageNav ul li.link_next a:after {
  width: 107px;
}

/*end of pageNav*/
/* header
------------------------------------------------------------- */
#header {
  width: 1200px;
  margin: 0 auto;
  padding: 11px 0 0 0;
}
#header #leadtext {
  float: right;
  width: 900px;
  margin-bottom: 5px;
  font-size: 11px;
  text-align: right;
}
#header #logo {
  float: left;
  width: 283px;
}
#header #logo a {
  width: 283px;
  height: 135px;
  background-position: 0 0;
}

/* footer
------------------------------------------------------------- */
#footer {
  clear: both;
  width: 100%;
  margin-top: 42px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  background: #fff;
}
#footer .inner {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 20px 0;
}
#footer .titlebar {
  display: inline-block;
  margin-bottom: 12px;
  padding: 4px 8px 2px 25px;
  border-radius: 2px;
  background: url(/img/bg-nav.png);
  font-weight: bold;
  color: #fff;
  position: relative;
}
#footer .titlebar:before {
  display: block;
  content: "";
  width: 13px;
  height: 13px;
  background-position: -88px -135px;
  position: absolute;
  top: 6px;
  left: 6px;
}
#footer #keywordsFooter {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px dotted #7f7f7f;
}
#footer #keywordsFooter ul li {
  display: inline-block;
  font-size: 13px;
  line-height: 1.8em;
}
#footer #keywordsFooter ul li:before {
  content: "/";
  padding: 0 7px;
}
#footer #keywordsFooter ul li:first-child:before {
  content: "";
  padding: 0;
}
#footer #monthlyArchive {
  float: left;
  width: 500px;
}
#footer #monthlyArchive dl {
  font-size: 13px;
}
#footer #monthlyArchive dl dt {
  display: inline-block;
  line-height: 1.8em;
}
#footer #monthlyArchive dl dd {
  display: inline-block;
  margin-left: 5px;
  line-height: 1.8em;
}
#footer #mediaList {
  float: left;
  width: 500px;
}
#footer #mediaList ul li {
  display: inline-block;
  margin-right: 16px;
  font-size: 13px;
  line-height: 1.8em;
}
#footer #otherLink {
  clear: both;
  width: 100%;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px dotted #7f7f7f;
}
#footer #otherLink ul {
  display: table;
  width: 1000px;
}
#footer #otherLink ul li {
  display: table-cell;
  padding: 0 14px;
  font-size: 12px;
  position: relative;
}
#footer #otherLink ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: 0 -135px;
}
#footer #otherLink ul li#copyright {
  color: #797979;
  text-align: right;
}
#footer #otherLink ul li#copyright:before {
  display: none;
}

/* ad
------------------------------------------------------------- */
#adHead {
  float: right;
  width: 728px;
  height: 90px;
}

#adEntryTop {
  width: 468px;
  height: 60px;
  margin: 0 auto 30px auto;
}

#adEntryMiddle {
  width: 650px;
  padding: 20px 0 24px 30px;
}
#adEntryMiddle > div {
  float: left;
  margin-right: 20px;
}

#nav {
  width: 100%;
  height: 53px;
  position: absolute;
  top: 147px;
  left: 0;
}
#nav .inner {
  width: 1174px;
  margin: 0 auto;
  padding: 0 26px 0 0;
  border-radius: 2px;
  box-shadow: 0 2px 0 #d6d5d5;
  background: url(/img/bg-nav.png);
}
#nav #navLink {
  float: left;
  width: 1000px;
  display: table;
}
#nav #navLink > li {
  display: table-cell;
  text-align: center;
  position: relative;
}
#nav #navLink > li:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#nav #navLink > li > a {
  display: block;
  padding: 18px 0 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px #356314;
  position: relative;
}
#nav #navLink > li > a:after {
  display: block;
  content: "";
  width: 100%;
  height: 53px;
  background: transparent;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
#nav #navLink > li > a:hover {
  text-decoration: none;
}
#nav #navLink > li > a.dropdown span {
  padding-right: 15px;
  background: url(../img/icon-triangle-down.png) no-repeat right center;
}
#nav #navLink > li > a span {
  position: relative;
  z-index: 10;
}
#nav #navLink > li:first-child > a {
  padding: 18px 10px 16px 10px;
}
#nav #navLink > li:hover ul, #nav #navLink > li:hover div {
  display: block;
}
#nav #navLink > li div {
  display: none;
  width: 166px;
  height: 14px;
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 10;
}
#nav #navLink > li ul {
  display: none;
  width: 190px;
  background: url(/img/bg-nav.png);
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 9;
}
#nav #navLink > li ul li {
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
}
#nav #navLink > li ul li a {
  display: block;
  padding: 10px 20px;
  color: #fff;
  text-shadow: 0px 1px 2px #356314;
  position: relative;
  font-size: 16px;
}
#nav #navLink > li ul li a:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
#nav #navLink > li ul li a:hover {
  text-decoration: none;
}
#nav #navLink > li ul li a:hover:after {
  background: rgba(0, 0, 0, 0.2);
}
#nav #navLink > li ul li a span {
  position: relative;
  z-index: 10;
}
#nav #snsLink {
  float: right;
  width: 117px;
  padding: 12px 0;
  display: table;
}
#nav #snsLink li {
  display: table-cell;
}
#nav #snsLink li#facebook a {
  width: 25px;
  height: 26px;
  background-position: -155px -135px;
}
#nav #snsLink li#twitter a {
  width: 25px;
  height: 26px;
  background-position: -181px -135px;
}
#nav #snsLink li#googleplus a {
  width: 25px;
  height: 26px;
  background-position: -207px -135px;
}

#aside {
  /*sideRecommend*/
  /*sideSpBlog*/
}
#aside > div {
  margin-top: 24px;
}
#aside > div:first-child {
  margin-top: 0;
}
#aside .sideTitle {
  padding: 9px 35px 7px 39px;
  border-radius: 2px;
  box-shadow: 0 2px 0 #d6d5d5;
  background: url(/img/bg-nav.png);
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px #356314;
  position: relative;
}
#aside .sideContent {
  margin-top: 8px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
#aside #sideSearch {
  height: 30px;
}
#aside #sideSearch #navWord {
  float: left;
  width: 259px;
  height: 28px;
  padding: 0 5px;
  border: 1px solid #8d8d8d;
  border-right: none;
}
#aside #sideSearch #navSearchBtn {
  float: right;
  width: 30px;
}
#aside #sideRecommend .sideTitle:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 8px;
  width: 25px;
  height: 26px;
  background-position: -103px -135px;
}
#aside #sideRecommend #recommendBox > div {
  padding: 15px 15px 13px 15px;
  border-top: 1px solid #cecece;
}
#aside #sideRecommend #recommendBox > div:first-child {
  border: none;
}
#aside #sideRecommend #recommendBox > div:first-child img {
  margin-bottom: 16px;
}
#aside #sideRecommend #recommendBox > div:first-child .text {
  float: none;
  width: 100%;
}
#aside #sideRecommend #recommendBox > div:first-child .text p {
  margin-bottom: 8px;
}
#aside #sideRecommend #recommendBox > div:first-child .text h3 {
  font-size: 16px;
  font-weight: bold;
  color: #3064b9;
}
#aside #sideRecommend #recommendBox > div img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#aside #sideRecommend #recommendBox > div .text {
  float: right;
  width: 150px;
}
#aside #sideRecommend #recommendBox > div .text p {
  margin-bottom: 4px;
  font-size: 13px;
  color: #aeaeae;
}
#aside #sideRecommend #recommendBox > div .text h3 {
  color: #333;
}
#aside #sideRecommend #recommendBox > div .photo {
  float: left;
}
#aside #sideRecommend #recommendBox > div a:hover img {
  opacity: 0.8;
}
#aside #sideRecommend #recommendBox > div a:hover h3 {
  color: #9c884e !important;
}
#aside #sideSpBlog .sideTitle:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 8px;
  width: 25px;
  height: 26px;
  background-position: -103px -135px;
}
#aside #sideSpBlog #spBlogBox > div {
  padding: 15px 15px 13px 15px;
  border-top: 1px solid #cecece;
}
#aside #sideSpBlog #spBlogBox > div:first-child {
  border: none;
}
#aside #sideSpBlog #spBlogBox > div img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#aside #sideSpBlog #spBlogBox > div .text {
  float: right;
  width: 150px;
}
#aside #sideSpBlog #spBlogBox > div .text h3 {
  margin-bottom: 4px;
  color: #333;
}
#aside #sideSpBlog #spBlogBox > div .text p {
  font-size: 12px;
  color: #aeaeae;
}
#aside #sideSpBlog #spBlogBox > div .photo {
  float: left;
}
#aside #sideSpBlog #spBlogBox > div a:hover img {
  opacity: 0.8;
}
#aside #sideSpBlog #spBlogBox > div a:hover h3 {
  color: #9c884e !important;
}
#aside #sideRanking .sideTitle:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 8px;
  width: 25px;
  height: 26px;
  background-position: -129px -135px;
}
#aside #sideRanking #rankingBox > div {
  width: 270px;
  padding: 10px 15px 8px 15px;
  border-top: 1px solid #cecece;
}
#aside #sideRanking #rankingBox > div:first-child {
  border: none;
}
#aside #sideRanking #rankingBox > div a {
  display: block;
}
#aside #sideRanking #rankingBox > div a:hover img {
  opacity: 0.8;
}
#aside #sideRanking #rankingBox > div a:hover table .text h3 {
  color: #9c884e !important;
}
#aside #sideRanking #rankingBox > div table {
  width: 270px;
}
#aside #sideRanking #rankingBox > div table td {
  width: 30px;
}
#aside #sideRanking #rankingBox > div table td img {
  vertical-align: middle;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#aside #sideRanking #rankingBox > div table td span {
  display: block;
  width: 20px;
  height: 19px;
  padding-top: 2px;
  border-radius: 15px;
  text-align: center;
}
#aside #sideRanking #rankingBox > div table .text {
  width: 139px;
  padding-right: 20px;
}
#aside #sideRanking #rankingBox > div table .photo {
  width: 81px;
}
#aside #sideRanking #rankingBox > div:nth-child(1) table .text h3 {
  color: #988738;
  font-weight: bold;
}
#aside #sideRanking #rankingBox > div:nth-child(2) table .text h3 {
  color: #6b6f80;
  font-weight: bold;
}
#aside #sideRanking #rankingBox > div:nth-child(3) table .text h3 {
  color: #a48260;
  font-weight: bold;
}
#aside #sideRanking #rankingBox > div:nth-child(4) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(5) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(6) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(7) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(8) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(9) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(10) table .text h3 {
  color: #333333;
}
#aside #sideRanking #rankingBox > div:nth-child(1) table td:first-child span {
  color: #ffffff;
  background: #988738;
}
#aside #sideRanking #rankingBox > div:nth-child(2) table td:first-child span {
  color: #ffffff;
  background: #6b6f80;
}
#aside #sideRanking #rankingBox > div:nth-child(3) table td:first-child span {
  color: #ffffff;
  background: #a48260;
}
#aside #sideRanking #rankingBox > div:nth-child(4) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div:nth-child(5) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div:nth-child(6) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div:nth-child(7) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div:nth-child(8) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div:nth-child(9) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div:nth-child(10) table td:first-child span {
  color: #000000;
  background: #dddddd;
  font-weight: normal;
}
#aside #sideRanking #rankingBox > div .photo {
  float: right;
  width: 81px;
}

/* index
------------------------------------------------------------- */
.index #contents {
  width: 1200px;
}
.index #archive {
  width: 870px;
  position: relative;
  /*end of categoryEntry*/
  /*end of mainvisual*/
}
.index #archive #timeLine {
  width: 830px;
  margin-top: 410px;
  padding: 20px 20px 4px 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.index #archive #timeLine .tlLarge {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.index #archive #timeLine .tlLarge .article {
  width: 405px;
}
.index #archive #timeLine .tlLarge .article h2, .index #archive #timeLine .tlLarge .article h3 {
  font-size: 18px;
}
.index #archive #timeLine .tlSmall {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.index #archive #timeLine .tlSmall .article {
  width: 261px;
}
.index #archive #timeLine .tlSmall .article h2, .index #archive #timeLine .tlSmall .article h3 {
  font-size: 16px;
}
.index #archive #timeLine .article a {
  display: block;
  text-decoration: none;
}
.index #archive #timeLine .article a:hover img {
  opacity: 0.8;
}
.index #archive #timeLine .article img {
  margin-bottom: 8px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index #archive #timeLine .article p {
  margin-bottom: 20px;
  font-size: 13px;
  color: #aeaeae;
}
.index #archive #timeLine .article p span {
  display: none;
  margin-right: 3px;
  padding: 1px 2px 0 2px;
  border: 1px solid #e3122a;
  font-weight: bold;
  color: #e3122a;
  line-height: 1.1em;
}
.index #archive #timeLine .article h2, .index #archive #timeLine .article h3 {
  padding-bottom: 2px;
  font-weight: bold;
  line-height: 1.4em;
}
.index #archive #goToLatest {
  width: 870px;
  margin-top: 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.index #archive #goToLatest a {
  display: table-cell;
  width: 870px;
  height: 48px;
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.index #archive #categoryEntry {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
}
.index #archive #categoryEntry .ce-box {
  width: 425px;
  margin-top: 20px;
}
.index #archive #categoryEntry .ce-box .titleBar {
  padding: 1px 0 0 16px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.index #archive #categoryEntry .ce-box .titleBar:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 19px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.index #archive #categoryEntry .ce-box#ce-box-zone .titleBar:before {
  background: url(/img/bg-zone.png);
}
.index #archive #categoryEntry .ce-box#ce-box-outlaw .titleBar:before {
  background: url(/img/bg-outlaw.png);
}
.index #archive #categoryEntry .ce-box#ce-box-journalism .titleBar:before {
  background: url(/img/bg-journalism.png);
}
.index #archive #categoryEntry .ce-box#ce-box-entertainment .titleBar:before {
  background: url(/img/bg-entertainment.png);
}
.index #archive #categoryEntry .ce-box#ce-box-culture .titleBar:before {
  background: url(/img/bg-culture.png);
}
.index #archive #categoryEntry .ce-box#ce-box-business .titleBar:before {
  background: url(/img/bg-business.png);
}
.index #archive #categoryEntry .ce-box#ce-box-adult .titleBar:before {
  background: url(/img/bg-adult.png);
}
.index #archive #categoryEntry .ce-box#ce-box-column .titleBar:before {
  background: url(/img/bg-column.png);
}
.index #archive #categoryEntry .ce-box .ce-entry {
  margin-top: 12px;
  padding-top: 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.index #archive #categoryEntry .ce-box .ce-entry > div {
  width: 385px;
  padding: 0 20px;
}
.index #archive #categoryEntry .ce-box .ce-entry > div .text {
  float: right;
  width: 240px;
}
.index #archive #categoryEntry .ce-box .ce-entry > div .text p {
  font-size: 13px;
  color: #333;
}
.index #archive #categoryEntry .ce-box .ce-entry > div .text h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}
.index #archive #categoryEntry .ce-box .ce-entry > div .photo {
  float: left;
  width: 135px;
}
.index #archive #categoryEntry .ce-box .ce-entry > div .photo img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index #archive #categoryEntry .ce-box .ce-entry > div a:hover img {
  opacity: 0.8;
}
.index #archive #categoryEntry .ce-box .ce-entry ul {
  clear: both;
  width: 385px;
  padding: 20px 20px 8px 20px;
}
.index #archive #categoryEntry .ce-box .ce-entry ul li {
  padding: 0 0 8px 15px;
  position: relative;
}
.index #archive #categoryEntry .ce-box .ce-entry ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: 0 -135px;
}
.index #archive #categoryEntry .ce-box .ce-entry ul li a {
  font-size: 13px;
  color: #333;
}
.index #archive #categoryEntry .ce-box .ce-entry p a {
  display: table-cell;
  width: 425px;
  height: 44px;
  padding-top: 2px;
  border-top: 1px solid #cecece;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.index #archive #categoryEntry .ce-box#ce-box-zone .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: 0px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-outlaw .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -11px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-journalism .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -22px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-entertainment .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -33px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-culture .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -44px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-business .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -55px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-adult .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -66px -135px;
}
.index #archive #categoryEntry .ce-box#ce-box-column .ce-entry li:before {
  width: 11px;
  height: 11px;
  background-position: -77px -135px;
}
.index #archive #mainvisual {
  width: 856px;
  height: 380px;
  padding: 7px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}
.index #archive #mainvisual #mv-btn-zone:checked ~ #mvPhoto .inner {
  left: 0px;
}
.index #archive #mainvisual #mv-btn-outlaw:checked ~ #mvPhoto .inner {
  left: -684px;
}
.index #archive #mainvisual #mv-btn-journalism:checked ~ #mvPhoto .inner {
  left: -1368px;
}
.index #archive #mainvisual #mv-btn-entertainment:checked ~ #mvPhoto .inner {
  left: -2052px;
}
.index #archive #mainvisual #mv-btn-culture:checked ~ #mvPhoto .inner {
  left: -2736px;
}
.index #archive #mainvisual #mv-btn-business:checked ~ #mvPhoto .inner {
  left: -3420px;
}
.index #archive #mainvisual #mv-btn-adult:checked ~ #mvPhoto .inner {
  left: -4104px;
}
.index #archive #mainvisual #mv-btn-column:checked ~ #mvPhoto .inner {
  left: -4788px;
}
.index #archive #mainvisual #mv-btn-zone:checked ~ #mvCategory .mv-zone label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-outlaw:checked ~ #mvCategory .mv-outlaw label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-journalism:checked ~ #mvCategory .mv-journalism label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-entertainment:checked ~ #mvCategory .mv-entertainment label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-culture:checked ~ #mvCategory .mv-culture label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-business:checked ~ #mvCategory .mv-business label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-adult:checked ~ #mvCategory .mv-adult label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-column:checked ~ #mvCategory .mv-column label {
  cursor: default;
}
.index #archive #mainvisual #mv-btn-zone:checked ~ #mvCategory .mv-zone label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-outlaw:checked ~ #mvCategory .mv-outlaw label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-journalism:checked ~ #mvCategory .mv-journalism label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-entertainment:checked ~ #mvCategory .mv-entertainment label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-culture:checked ~ #mvCategory .mv-culture label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-business:checked ~ #mvCategory .mv-business label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-adult:checked ~ #mvCategory .mv-adult label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-column:checked ~ #mvCategory .mv-column label span {
  color: #fff;
}
.index #archive #mainvisual #mv-btn-zone:checked ~ #mvCategory .mv-zone label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-outlaw:checked ~ #mvCategory .mv-outlaw label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-journalism:checked ~ #mvCategory .mv-journalism label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-entertainment:checked ~ #mvCategory .mv-entertainment label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-culture:checked ~ #mvCategory .mv-culture label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-business:checked ~ #mvCategory .mv-business label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-adult:checked ~ #mvCategory .mv-adult label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-column:checked ~ #mvCategory .mv-column label:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual #mv-btn-zone:checked ~ #mvCategory .mv-zone label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-outlaw:checked ~ #mvCategory .mv-outlaw label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-journalism:checked ~ #mvCategory .mv-journalism label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-entertainment:checked ~ #mvCategory .mv-entertainment label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-culture:checked ~ #mvCategory .mv-culture label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-business:checked ~ #mvCategory .mv-business label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-adult:checked ~ #mvCategory .mv-adult label:before {
  background: #fff;
}
.index #archive #mainvisual #mv-btn-column:checked ~ #mvCategory .mv-column label:before {
  background: #fff;
}
.index #archive #mainvisual #mvPhoto {
  overflow: hidden;
  float: right;
  width: 684px;
  height: 380px;
  position: relative;
}
.index #archive #mainvisual #mvPhoto .inner {
  width: 5472px;
  height: 380px;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.index #archive #mainvisual #mvPhoto .inner div {
  float: left;
  width: 684px;
  position: relative;
}
.index #archive #mainvisual #mvPhoto .inner div.mv-zone p {
  background: rgba(123, 164, 84, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-outlaw p {
  background: rgba(221, 189, 75, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-journalism p {
  background: rgba(220, 145, 79, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-entertainment p {
  background: rgba(209, 88, 97, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-culture p {
  background: rgba(160, 101, 162, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-business p {
  background: rgba(100, 139, 193, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-adult p {
  background: rgba(106, 180, 205, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div.mv-column p {
  background: rgba(113, 193, 147, 0.7);
}
.index #archive #mainvisual #mvPhoto .inner div p {
  width: 664px;
  padding: 20px 10px 18px 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3em;
  position: absolute;
  bottom: 0;
  left: 0;
}
.index #archive #mainvisual #mvPhoto .inner div a img {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.index #archive #mainvisual #mvPhoto .inner div a:hover img {
  opacity: 0.8;
}
.index #archive #mainvisual #mvCategory {
  float: left;
  width: 166px;
  padding: 4px 0 5px 0;
}
.index #archive #mainvisual #mvCategory ul li {
  width: 100%;
  height: 42px;
  margin-bottom: 5px;
}
.index #archive #mainvisual #mvCategory ul li:last-child {
  margin-bottom: 0;
}
.index #archive #mainvisual #mvCategory ul li.mv-zone label {
  background: url(/img/bg-zone.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-outlaw label {
  background: url(/img/bg-outlaw.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-journalism label {
  background: url(/img/bg-journalism.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-entertainment label {
  background: url(/img/bg-entertainment.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-culture label {
  background: url(/img/bg-culture.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-business label {
  background: url(/img/bg-business.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-adult label {
  background: url(/img/bg-adult.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-column label {
  background: url(/img/bg-column.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-zone label:before {
  background: url(/img/bg-zone.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-outlaw label:before {
  background: url(/img/bg-outlaw.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-journalism label:before {
  background: url(/img/bg-journalism.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-entertainment label:before {
  background: url(/img/bg-entertainment.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-culture label:before {
  background: url(/img/bg-culture.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-business label:before {
  background: url(/img/bg-business.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-adult label:before {
  background: url(/img/bg-adult.png);
}
.index #archive #mainvisual #mvCategory ul li.mv-column label:before {
  background: url(/img/bg-column.png);
}
.index #archive #mainvisual #mvCategory ul li label {
  display: block;
  width: 130px;
  height: 30px;
  padding: 12px 0 0 36px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.index #archive #mainvisual #mvCategory ul li label span {
  color: #333;
  position: relative;
  z-index: 3;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index #archive #mainvisual #mvCategory ul li label:before {
  content: "";
  display: block;
  width: 8px;
  height: 25px;
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 2;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index #archive #mainvisual #mvCategory ul li label:after {
  content: "";
  display: block;
  width: 166px;
  height: 42px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index #archive #mainvisual #mvCategory ul li label:hover {
  text-decoration: none;
}
.index #archive #mainvisual #mvCategory ul li label:hover span {
  color: #fff;
}
.index #archive #mainvisual #mvCategory ul li label:hover:before {
  background: #fff;
}
.index #archive #mainvisual #mvCategory ul li label:hover:after {
  background: rgba(255, 255, 255, 0);
}
.index #archive #mainvisual input {
  display: none;
}

/* category + monthly
------------------------------------------------------------- */
.category #archive #timeLine,
.monthly #archive #timeLine {
  width: 640px;
  padding: 20px 20px 4px 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.category #archive #timeLine .tlLarge,
.monthly #archive #timeLine .tlLarge {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.category #archive #timeLine .tlLarge .article,
.monthly #archive #timeLine .tlLarge .article {
  width: 405px;
}
.category #archive #timeLine .tlLarge .article h2, .category #archive #timeLine .tlLarge .article h3,
.monthly #archive #timeLine .tlLarge .article h2,
.monthly #archive #timeLine .tlLarge .article h3 {
  font-size: 18px;
}
.category #archive #timeLine .tlSmall,
.monthly #archive #timeLine .tlSmall {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.category #archive #timeLine .tlSmall .article,
.monthly #archive #timeLine .tlSmall .article {
  width: 207px;
}
.category #archive #timeLine .tlSmall .article h2, .category #archive #timeLine .tlSmall .article h3,
.monthly #archive #timeLine .tlSmall .article h2,
.monthly #archive #timeLine .tlSmall .article h3 {
  font-size: 16px;
}
.category #archive #timeLine .article a,
.monthly #archive #timeLine .article a {
  display: block;
  text-decoration: none;
}
.category #archive #timeLine .article a:hover img,
.monthly #archive #timeLine .article a:hover img {
  opacity: 0.8;
}
.category #archive #timeLine .article img,
.monthly #archive #timeLine .article img {
  margin-bottom: 8px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.category #archive #timeLine .article p,
.monthly #archive #timeLine .article p {
  margin-bottom: 20px;
  font-size: 13px;
  color: #aeaeae;
}
.category #archive #timeLine .article p span,
.monthly #archive #timeLine .article p span {
  display: none;
  margin-right: 3px;
  padding: 1px 2px 0 2px;
  border: 1px solid #e3122a;
  font-weight: bold;
  color: #e3122a;
  line-height: 1.1em;
}
.category #archive #timeLine .article h2, .category #archive #timeLine .article h3,
.monthly #archive #timeLine .article h2,
.monthly #archive #timeLine .article h3 {
  padding-bottom: 2px;
  font-weight: bold;
  line-height: 1.4em;
}
.category #archive .archiveTitle,
.monthly #archive .archiveTitle {
  margin-bottom: 20px;
  padding: 1px 0 0 16px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.category #archive .archiveTitle:before,
.monthly #archive .archiveTitle:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 19px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.category #archive .archiveTitle#at-zone:before,
.monthly #archive .archiveTitle#at-zone:before {
  background: url(/img/bg-zone.png);
}
.category #archive .archiveTitle#at-outlow:before,
.monthly #archive .archiveTitle#at-outlow:before {
  background: url(/img/bg-outlaw.png);
}
.category #archive .archiveTitle#at-journalism:before,
.monthly #archive .archiveTitle#at-journalism:before {
  background: url(/img/bg-journalism.png);
}
.category #archive .archiveTitle#at-entertainment:before,
.monthly #archive .archiveTitle#at-entertainment:before {
  background: url(/img/bg-entertainment.png);
}
.category #archive .archiveTitle#at-culture:before,
.monthly #archive .archiveTitle#at-culture:before {
  background: url(/img/bg-culture.png);
}
.category #archive .archiveTitle#at-business:before,
.monthly #archive .archiveTitle#at-business:before {
  background: url(/img/bg-business.png);
}
.category #archive .archiveTitle#at-adult:before,
.monthly #archive .archiveTitle#at-adult:before {
  background: url(/img/bg-adult.png);
}
.category #archive .archiveTitle#at-column:before,
.monthly #archive .archiveTitle#at-column:before {
  background: url(/img/bg-column.png);
}

.entry {
  /*entryHead*/
  /*entryBody*/
}
.entry #bread {
  margin-bottom: 12px;
  font-size: 11px;
  color: #777;
}
.entry #entryMain {
  width: 680px;
  margin: 0 auto 24px 0;
  padding: 40px 0 0 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.entry #entryHead {
  width: 600px;
  margin-bottom: 20px;
  padding: 0 40px 26px 40px;
  border-bottom: 1px solid #cecece;
}
.entry #entryHead #subInfo #entryDate {
  float: left;
  width: 50%;
  margin-bottom: 10px;
  font-size: 13px;
  color: #aeaeae;
}
.entry #entryHead #subInfo .entryCategory {
  float: right;
  width: 50%;
  margin-bottom: 10px;
  text-align: right;
}
.entry #entryHead #subInfo .entryCategory span {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
}
.entry #entryHead #subInfo .entryCategory#eh-cat-zone span {
  color: #60932e;
  background: rgba(123, 164, 84, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-outlow span {
  color: #dcb323;
  background: rgba(221, 189, 75, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-journalism span {
  color: #db7c28;
  background: rgba(220, 145, 79, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-entertainment span {
  color: #cd333e;
  background: rgba(209, 88, 97, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-culture span {
  color: #8e4491;
  background: rgba(160, 101, 162, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-business span {
  color: #4274b9;
  background: rgba(100, 139, 193, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-adult span {
  color: #4aa8c7;
  background: rgba(106, 180, 205, 0.2);
}
.entry #entryHead #subInfo .entryCategory#eh-cat-column span {
  color: #53b87e;
  background: rgba(113, 193, 147, 0.2);
}
.entry #entryHead #subInfo #subtitle {
  clear: both;
  width: 100%;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
  color: #888;
}
.entry #entryHead h1 {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3em;
}
.entry #entryHead #tags {
  font-size: 13px;
}
.entry #entryHead #tags dt {
  display: inline-block;
}
.entry #entryHead #tags dd {
  display: inline-block;
  margin-right: 8px;
}
.entry #entryHead #sns {
  width: 100%;
}
.entry #entryHead #sns ul li {
  float: left;
  display: inline-block;
  height: 21px;
  margin: 5px 10px 0 0;
  padding-top: 3px;
}
.entry #entryHead #sns ul li.facebook {
  width: 110px;
}
.entry #entryHead #sns ul li.twitter {
  width: 106px;
}
.entry #entryHead #sns ul li.pocket {
  width: 100px;
}
.entry #entryHead #sns ul li.hatebu {
  width: 50px;
}
.entry #entryHead #sns ul li.googleplus {
  width: 70px;
  height: 24px;
  padding-top: 0;
}
.entry #entryBody {
  width: 600px;
  padding: 0 40px;
}
.entry #entryBody h2 {
  margin-bottom: 12px;
  padding: 1px 0 0 16px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.entry #entryBody h2:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 100%;
  border-radius: 2px;
  background: url(/img/bg-zone.png);
  position: absolute;
  top: 0;
  left: 0;
}
.entry #entryBody p {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.8em;
}
.entry #entryBody .entryImgRight,
.entry #entryBody pre.right {
  float: right;
  margin: 0 0 15px 20px;
  font-size: 0.85em;
  white-space: normal;
}
.entry #entryBody .entryImgLeft,
.entry #entryBody pre.left {
  float: left;
  margin: 0 20px 15px 0;
  font-size: 0.85em;
  white-space: normal;
}
.entry #entryBody .entryImgCenter,
.entry #entryBody pre.center {
  margin: 0 auto 15px auto;
  font-size: 0.85em;
  text-align: center;
  white-space: normal;
}
.entry #entryBody .entryImgLeft p,
.entry #entryBody .entryImgRight p,
.entry #entryBody .entryImgCenter p,
.entry #entryBody pre pre {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.4em;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.entry #pageNav {
  padding: 0;
}
.entry .catLink {
  text-align: center;
}
.entry .catLink a {
  display: inline-block;
  margin: 0 auto 20px auto;
  padding: 10px 20px;
  border-radius: 5px;
  background: url(/img/bg-nav.png);
  font-size: 16px;
  text-align: center;
  color: #FFF;
}
.entry .catLink a:hover {
  text-decoration: underline;
}
.entry .titleBar {
  margin-bottom: 12px;
  padding: 1px 0 0 16px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.entry .titleBar:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 19px;
  border-radius: 2px;
  background: url(/img/bg-zone.png);
  position: absolute;
  top: 0;
  left: 0;
}
.entry .relateBox {
  width: 640px;
  margin-top: 24px;
  padding: 20px 20px 0 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.entry .relateBox .tlLarge {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.entry .relateBox .tlLarge .article {
  width: 405px;
}
.entry .relateBox .tlLarge .article h2, .entry .relateBox .tlLarge .article h3 {
  font-size: 18px;
}
.entry .relateBox .tlSmall {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.entry .relateBox .tlSmall .article {
  width: 207px;
}
.entry .relateBox .tlSmall .article h2, .entry .relateBox .tlSmall .article h3 {
  font-size: 16px;
}
.entry .relateBox .article a {
  display: block;
  text-decoration: none;
}
.entry .relateBox .article a:hover img {
  opacity: 0.8;
}
.entry .relateBox .article img {
  margin-bottom: 8px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.entry .relateBox .article p {
  margin-bottom: 20px;
  font-size: 13px;
  color: #aeaeae;
}
.entry .relateBox .article p span {
  display: none;
  margin-right: 3px;
  padding: 1px 2px 0 2px;
  border: 1px solid #e3122a;
  font-weight: bold;
  color: #e3122a;
  line-height: 1.1em;
}
.entry .relateBox .article h2, .entry .relateBox .article h3 {
  padding-bottom: 2px;
  font-weight: bold;
  line-height: 1.4em;
}
.entry #relateEntryInBound {
  margin-bottom: 20px;
}

/* category + monthly
------------------------------------------------------------- */
.keyword .archiveTitle {
  margin-bottom: 20px;
  padding: 1px 0 0 16px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.keyword .archiveTitle:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 19px;
  border-radius: 2px;
  background: url(/img/bg-zone.png);
  position: absolute;
  top: 0;
  left: 0;
}
.keyword #keywordList {
  width: 600px;
  margin-bottom: 20px;
  padding: 40px 40px 30px 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.keyword #keywordList ul li {
  display: inline-block;
  width: 190px;
  margin-bottom: 10px;
  padding-right: 10px;
  vertical-align: top;
}
.keyword #keywordIndex {
  width: 640px;
  padding: 40px 0 40px 40px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.keyword #keywordIndex > div {
  float: left;
  width: 175px;
  padding-left: 40px;
}
.keyword #keywordIndex > div:first-child {
  padding-left: 0;
}
.keyword #keywordIndex > div span {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  margin: 0 1px 1px 0;
  text-align: center;
}
.keyword #keywordIndex > div span a {
  display: block;
  width: 32px;
  height: 24px;
  padding-top: 8px;
  border: 1px solid #cacaca;
  font-size: 16px;
  font-weight: bold;
}
.keyword #keywordIndex > div span a:hover {
  width: 30px;
  height: 23px;
  padding-top: 7px;
  border: 2px solid #000;
}
.keyword #keywordIndex > div span.noLink {
  width: 32px;
  height: 24px;
  padding-top: 8px;
  border: 1px solid #cacaca;
}

body.search #bread {
  padding-bottom: 10px;
}