@charset "utf-8";

.inner { padding-bottom: 15px!important; }

.titles { text-align: center; color: #ce102a; padding: 25px 0; }
.titles h2 { font-size: 20px; line-height: 1; margin: 0 0 14px; }
.titles p { font-size: 9px; text-align: center; line-height: 1; }

.columns { overflow: hidden; margin-right: -25px; }
.columns .column { width: 122px; float: left; margin: 0 25px 20px 0; min-height: 199px; }
.columns .column .thumb { width: 122px; height: 122px;  border: 1px solid #ccc; box-sizing: border-box; margin: 0 0 10px; overflow: hidden; position: relative; background: url(/blog/official/images/thumb_base_s.png) left top no-repeat; background-size: 122px 122px; }
.columns .column .thumb img { width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; }
.columns .column p { font-size: 12px; line-height: 21px; }
/*.columns .column:nth-child(2n) { float: right;  }*/
.columns .column.medium { width: 270px; float: none; border-bottom: 1px solid #ce102a; margin: 0 0 25px; padding: 0 0 15px; overflow: hidden; }
.columns .column.medium .thumb { width: 270px; height: 270px; margin: 0 0 15px; position: relative; background: url(/blog/official/images/thumb_base.png) left top no-repeat; background-size: 270px 270px; }
.columns .column a .thumb img { min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute;left: 50%; top: 50%; }
.columns .column a .thumb img.defaultThumb { width: 100%; height: 100%;  }
.columns .column.medium p { font-size: 15px; line-height: 24px; }
.columns .column .post-categories { font-size: 0; margin: 0 0 5px; }
.columns .column .post-categories li { margin: 0 10px 0 0; font-size: 9px; line-height: 1; display: inline-block; border: 1px solid #666; color: #666; padding: 5px 4px 4px 4px; }
.columns .column.medium .post-categories { margin: 0 0 10px; }
.columns .column.medium .post-categories li:first-child { background: #ce102a; border: 1px solid #ce102a; color: #fff; }

#arrowDown { border-top: 1px solid #ce102a; text-align: center; padding-top: 15px; }
.footerlinks { border-top: 1px solid #ce102a; padding-left: 0; margin: 0; }
#arrowDown span { position: relative; color: #ce102a; padding: 0 16px 0 0; display: inline-block; }
#arrowDown span:after { content: ''; display: block; width: 10px; height: 5px; background: url(/sp/common/images/arrow_down.png); -webkit-background-size: 10px 5px;  position: absolute; right: 0; top: 50%; margin-top: -2px; }