@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: newsphere
Theme URI: 
Description: newsphere
Author: 
Version: 2.0
---------------------------------------------------------*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://cloud.typography.com/7040176/6496172/css/fonts.css");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0; }

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0; }

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, .75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/* ---- lazy load ---- */
.carousel-cell-image {
  transition: opacity 0.4s;
  opacity: 0; }

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1; }

/* CSS Document */
.jp-font, html {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", YuGothic, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; }

.jp-font-serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.en-font, #main .posts .posts-category, #main .posts .posts-more, #main .post .post-category,
#main .post .post-date, #main .posts-type-rank .post a:before, #gFooter .box1 li,
#gFooter h3, #gFooter p.copy, #gNav, #main .single-post .post-auther,
#main .left-container .post-auther {
  font-family: "Chronicle Cond A", "Chronicle Cond B";
  font-style: normal;
  font-weight: 700;
  font-weight: 700; }

html {
  font-size: 62.5%;
  font-weight: 500;
  color: #333333; }

.fs-xs {
  font-size: 6px;
  font-size: 0.6rem; }

.fs-s, a.more:after, .btn, .pager li a, a.btn, input[type="submit"], .pager li {
  font-size: 7px;
  font-size: 0.7rem; }

.fs-m, p, textarea, input[type="text"], select {
  font-size: 8px;
  font-size: 0.8rem; }

.fs-l, .pager li.next a, .pager li.back a, .pager li.last a, .pager li.first a {
  font-size: 11px;
  font-size: 1.1rem; }

.fs-xl {
  font-size: 14px;
  font-size: 1.4rem; }

.fs-xxl {
  font-size: 15px;
  font-size: 1.5rem; }

.fs-xxxl {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  line-height: 200%; }

/* CSS Document */
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; }

li {
  list-style: none; }

a:link,
a:hover,
a:active,
a:visited {
  color: #333333; }

* {
  color: #333333; }

.taC {
  text-align: center;
  margin: 0 auto;
  display: block; }

.taL {
  text-align: left !important; }

.taR {
  text-align: right !important; }

.marT2 {
  margin-top: 20px;
  margin-top: 2rem; }

.marT1 {
  margin-top: 10px;
  margin-top: 1rem; }

.marB2 {
  margin-bottom: 20px;
  margin-bottom: 2rem; }

.marB1 {
  margin-bottom: 10px;
  margin-bottom: 1rem; }

.post-content .youtube, .post-content .iframe {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
  width: 100%; }

.post-content .youtube iframe, .post-content .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

#all {
  background: #ffecdd; }

.breadcrumblist {
  padding-bottom: 10px; }
  .breadcrumblist li {
    font-size: 12px;
    display: inline-block; }
    .breadcrumblist li:after {
      content: ">";
      padding: 0px 10px; }
    .breadcrumblist li:last-child:after {
      display: none; }
  .breadcrumblist a {
    color: #333; }

.gInner, #main, #main .hero, #gFooter .row.rowH, #gFooter .row, #gNav ul, .searchbox {
  width: 994px;
  margin: 0 auto; }

.gw3-2 {
  width: 658px; }

#main .container {
  zoom: 1;
  margin: 0 -14px 20px 0; }
  #main .container:before, #main .container:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "."; }
  #main .container:after {
    clear: both; }

#main .posts {
  zoom: 1; }
  #main .posts:before, #main .posts:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "."; }
  #main .posts:after {
    clear: both; }
  #main .posts .posts-category {
    border-top: 1px solid #1d1d1b;
    height: 45px;
    line-height: 45px;
    max-width: 994px;
    font-size: 27px;
    padding-left: 40px; }
    #main .posts .posts-category.top {
      background: url(../img/ico_top.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.search {
      background: url(../img/ico_search_blk.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.latest {
      background: url(../img/ico_latest.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.business {
      background: url(../img/ico_business.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.culture {
      background: url(../img/ico_culture.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.economics, #main .posts .posts-category.economy {
      background: url(../img/ico_economics.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.lifestyle, #main .posts .posts-category.sociaty, #main .posts .posts-category.national {
      background: url(../img/ico_lifestyle.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.society, #main .posts .posts-category.lifestyle, #main .posts .posts-category.national {
      background: url(../img/ico_society.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.politics {
      background: url(../img/ico_politics.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.technology {
      background: url(../img/ico_technology.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.travel {
      background: url(../img/ico_travel.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.world, #main .posts .posts-category.world-report {
      background: url(../img/ico_world.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.rank {
      background: url(../img/ico_rank.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.recommends {
      background: url(../img/ico_recommends.png) left center no-repeat;
      background-size: 36px; }
    #main .posts .posts-category.pickup {
      background: url(../img/ico_pickup.png) left center no-repeat;
      background-size: 36px; }
  #main .posts .posts-more {
    position: absolute;
    padding-right: 37px;
    height: 45px;
    line-height: 45px;
    top: 0px;
    right: 0px;
    background: url(../img/ico_more.png) right center no-repeat;
    background-size: 32px;
    display: block;
    width: 120px;
    font-size: 16px;
    text-align: right; }
    #main .posts .posts-more:hover, #main .posts .posts-more:active {
      opacity: 0.7;
      text-decoration: none; }
    #main .posts .posts-more.margin {
      right: 14px; }

#main .post:hover:before, #main .post:active:before {
  opacity: 0 !important; }

#main .post:hover + .post:before,
#main .post:active + .post:before {
  opacity: 0 !important; }

#main article.post {
  float: left;
  margin: 0 14px 14px 0;
  background: #fff; }

#main .posts .post {
  display: block;
  position: relative;
  background: #fff; }
  #main .posts .post * {
    line-height: 140%; }
  #main .posts .post > a {
    position: absolute;
    padding: 13px;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none; }
    #main .posts .post > a:hover, #main .posts .post > a:active {
      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3);
      z-index: 2; }
      #main .posts .post > a:hover *, #main .posts .post > a:active * {
        opacity: 0.8; }
  #main .posts .post .post-feature-img {
    overflow: hidden;
    text-align: center;
    position: relative; }
    #main .posts .post .post-feature-img img {
      min-width: 100%;
      min-height: 100%;
      height: 120%;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #main .posts .post .post-title {
    height: 4.2em;
    overflow: hidden; }

#main .post-l .post-feature-img, #main .posts-type1 article.post:nth-of-type(1) .post-feature-img, #main .posts-type1 article.post:nth-of-type(2) .post-feature-img, #main .posts-type1 article.post:nth-of-type(3) .post-feature-img {
  height: 205px; }

#main .post-l .post-detail, #main .posts-type1 article.post:nth-of-type(1) .post-detail, #main .posts-type1 article.post:nth-of-type(2) .post-detail, #main .posts-type1 article.post:nth-of-type(3) .post-detail {
  padding: 8px; }

#main .post-l .post-category, #main .posts-type1 article.post:nth-of-type(1) .post-category, #main .posts-type1 article.post:nth-of-type(2) .post-category, #main .posts-type1 article.post:nth-of-type(3) .post-category {
  font-size: 17px;
  margin-bottom: 20px; }

#main .post-l .post-title, #main .posts-type1 article.post:nth-of-type(1) .post-title, #main .posts-type1 article.post:nth-of-type(2) .post-title, #main .posts-type1 article.post:nth-of-type(3) .post-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px; }

#main .post-l .post-content, #main .posts-type1 article.post:nth-of-type(1) .post-content, #main .posts-type1 article.post:nth-of-type(2) .post-content, #main .posts-type1 article.post:nth-of-type(3) .post-content {
  margin-bottom: 20px; }
  #main .post-l .post-content, #main .posts-type1 article.post:nth-of-type(1) .post-content, #main .posts-type1 article.post:nth-of-type(2) .post-content, #main .posts-type1 article.post:nth-of-type(3) .post-content,
  #main .post-l .post-content p, #main .posts-type1 article.post:nth-of-type(1) .post-content p, #main .posts-type1 article.post:nth-of-type(2) .post-content p, #main .posts-type1 article.post:nth-of-type(3) .post-content p {
    font-size: 14px; }

#main .post-l .post-date, #main .posts-type1 article.post:nth-of-type(1) .post-date, #main .posts-type1 article.post:nth-of-type(2) .post-date, #main .posts-type1 article.post:nth-of-type(3) .post-date {
  font-size: 15px; }

#main .post-m .post-detail, #main .posts-type2 .post:nth-of-type(1) .post-detail, #main .posts-type2 .post:nth-of-type(2) .post-detail, #main .posts-type2 .post:nth-of-type(3) .post-detail, #main .posts-type3 .post:nth-of-type(1) .post-detail, #main .ad2 .post:nth-of-type(1) .post-detail, #main .posts-type4 article.post:nth-of-type(1) .post-detail, #main .posts-type4 article.post:nth-of-type(2) .post-detail, #main .posts-type4 article.post:nth-of-type(3) .post-detail, #main .posts-type4 article.post:nth-of-type(4) .post-detail, #main .posts-type4 article.post:nth-of-type(9) .post-detail, #main .posts-type4 article.post:nth-of-type(10) .post-detail, #main .posts-type4 article.post:nth-of-type(11) .post-detail, #main .posts-type7 .post:nth-of-type(1) .post-detail {
  padding: 8px; }

#main .post-m .post-category, #main .posts-type2 .post:nth-of-type(1) .post-category, #main .posts-type2 .post:nth-of-type(2) .post-category, #main .posts-type2 .post:nth-of-type(3) .post-category, #main .posts-type3 .post:nth-of-type(1) .post-category, #main .ad2 .post:nth-of-type(1) .post-category, #main .posts-type4 article.post:nth-of-type(1) .post-category, #main .posts-type4 article.post:nth-of-type(2) .post-category, #main .posts-type4 article.post:nth-of-type(3) .post-category, #main .posts-type4 article.post:nth-of-type(4) .post-category, #main .posts-type4 article.post:nth-of-type(9) .post-category, #main .posts-type4 article.post:nth-of-type(10) .post-category, #main .posts-type4 article.post:nth-of-type(11) .post-category, #main .posts-type7 .post:nth-of-type(1) .post-category {
  font-size: 17px;
  margin-bottom: 20px; }

#main .post-m .post-title, #main .posts-type2 .post:nth-of-type(1) .post-title, #main .posts-type2 .post:nth-of-type(2) .post-title, #main .posts-type2 .post:nth-of-type(3) .post-title, #main .posts-type3 .post:nth-of-type(1) .post-title, #main .ad2 .post:nth-of-type(1) .post-title, #main .posts-type4 article.post:nth-of-type(1) .post-title, #main .posts-type4 article.post:nth-of-type(2) .post-title, #main .posts-type4 article.post:nth-of-type(3) .post-title, #main .posts-type4 article.post:nth-of-type(4) .post-title, #main .posts-type4 article.post:nth-of-type(9) .post-title, #main .posts-type4 article.post:nth-of-type(10) .post-title, #main .posts-type4 article.post:nth-of-type(11) .post-title, #main .posts-type7 .post:nth-of-type(1) .post-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px; }

#main .post-m .post-content, #main .posts-type2 .post:nth-of-type(1) .post-content, #main .posts-type2 .post:nth-of-type(2) .post-content, #main .posts-type2 .post:nth-of-type(3) .post-content, #main .posts-type3 .post:nth-of-type(1) .post-content, #main .ad2 .post:nth-of-type(1) .post-content, #main .posts-type4 article.post:nth-of-type(1) .post-content, #main .posts-type4 article.post:nth-of-type(2) .post-content, #main .posts-type4 article.post:nth-of-type(3) .post-content, #main .posts-type4 article.post:nth-of-type(4) .post-content, #main .posts-type4 article.post:nth-of-type(9) .post-content, #main .posts-type4 article.post:nth-of-type(10) .post-content, #main .posts-type4 article.post:nth-of-type(11) .post-content, #main .posts-type7 .post:nth-of-type(1) .post-content {
  margin-bottom: 20px; }
  #main .post-m .post-content, #main .posts-type2 .post:nth-of-type(1) .post-content, #main .posts-type2 .post:nth-of-type(2) .post-content, #main .posts-type2 .post:nth-of-type(3) .post-content, #main .posts-type3 .post:nth-of-type(1) .post-content, #main .ad2 .post:nth-of-type(1) .post-content, #main .posts-type4 article.post:nth-of-type(1) .post-content, #main .posts-type4 article.post:nth-of-type(2) .post-content, #main .posts-type4 article.post:nth-of-type(3) .post-content, #main .posts-type4 article.post:nth-of-type(4) .post-content, #main .posts-type4 article.post:nth-of-type(9) .post-content, #main .posts-type4 article.post:nth-of-type(10) .post-content, #main .posts-type4 article.post:nth-of-type(11) .post-content, #main .posts-type7 .post:nth-of-type(1) .post-content,
  #main .post-m .post-content p, #main .posts-type2 .post:nth-of-type(1) .post-content p, #main .posts-type2 .post:nth-of-type(2) .post-content p, #main .posts-type2 .post:nth-of-type(3) .post-content p, #main .posts-type3 .post:nth-of-type(1) .post-content p, #main .ad2 .post:nth-of-type(1) .post-content p, #main .posts-type4 article.post:nth-of-type(1) .post-content p, #main .posts-type4 article.post:nth-of-type(2) .post-content p, #main .posts-type4 article.post:nth-of-type(3) .post-content p, #main .posts-type4 article.post:nth-of-type(4) .post-content p, #main .posts-type4 article.post:nth-of-type(9) .post-content p, #main .posts-type4 article.post:nth-of-type(10) .post-content p, #main .posts-type4 article.post:nth-of-type(11) .post-content p, #main .posts-type7 .post:nth-of-type(1) .post-content p {
    font-size: 14px; }

#main .post-m .post-date, #main .posts-type2 .post:nth-of-type(1) .post-date, #main .posts-type2 .post:nth-of-type(2) .post-date, #main .posts-type2 .post:nth-of-type(3) .post-date, #main .posts-type3 .post:nth-of-type(1) .post-date, #main .ad2 .post:nth-of-type(1) .post-date, #main .posts-type4 article.post:nth-of-type(1) .post-date, #main .posts-type4 article.post:nth-of-type(2) .post-date, #main .posts-type4 article.post:nth-of-type(3) .post-date, #main .posts-type4 article.post:nth-of-type(4) .post-date, #main .posts-type4 article.post:nth-of-type(9) .post-date, #main .posts-type4 article.post:nth-of-type(10) .post-date, #main .posts-type4 article.post:nth-of-type(11) .post-date, #main .posts-type7 .post:nth-of-type(1) .post-date {
  font-size: 15px; }

#main .post-s .post-detail, #main .posts-type2 .post:nth-of-type(4) .post-detail, #main .posts-type2 .post:nth-of-type(5) .post-detail, #main .posts-type2 .post:nth-of-type(6) .post-detail, #main .posts-type2 .post:nth-of-type(7) .post-detail, #main .posts-type3 .post:nth-of-type(2) .post-detail, #main .posts-type3 .post:nth-of-type(3) .post-detail, #main .ad2 .post:nth-of-type(2) .post-detail, #main .ad2 .post:nth-of-type(3) .post-detail, #main .posts-type4 article.post .post-detail, #main .posts-type5 article.post .post-detail, #main .posts-type6 article.post .post-detail, #main .posts-type7 .post:nth-of-type(2) .post-detail, #main .posts-type7 .post:nth-of-type(3) .post-detail {
  padding: 8px; }

#main .post-s .post-category, #main .posts-type2 .post:nth-of-type(4) .post-category, #main .posts-type2 .post:nth-of-type(5) .post-category, #main .posts-type2 .post:nth-of-type(6) .post-category, #main .posts-type2 .post:nth-of-type(7) .post-category, #main .posts-type3 .post:nth-of-type(2) .post-category, #main .posts-type3 .post:nth-of-type(3) .post-category, #main .ad2 .post:nth-of-type(2) .post-category, #main .ad2 .post:nth-of-type(3) .post-category, #main .posts-type4 article.post .post-category, #main .posts-type5 article.post .post-category, #main .posts-type6 article.post .post-category, #main .posts-type7 .post:nth-of-type(2) .post-category, #main .posts-type7 .post:nth-of-type(3) .post-category {
  font-size: 15px;
  margin-bottom: 20px; }

#main .post-s .post-title, #main .posts-type2 .post:nth-of-type(4) .post-title, #main .posts-type2 .post:nth-of-type(5) .post-title, #main .posts-type2 .post:nth-of-type(6) .post-title, #main .posts-type2 .post:nth-of-type(7) .post-title, #main .posts-type3 .post:nth-of-type(2) .post-title, #main .posts-type3 .post:nth-of-type(3) .post-title, #main .ad2 .post:nth-of-type(2) .post-title, #main .ad2 .post:nth-of-type(3) .post-title, #main .posts-type4 article.post .post-title, #main .posts-type5 article.post .post-title, #main .posts-type6 article.post .post-title, #main .posts-type7 .post:nth-of-type(2) .post-title, #main .posts-type7 .post:nth-of-type(3) .post-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px; }

#main .post-s .post-content, #main .posts-type2 .post:nth-of-type(4) .post-content, #main .posts-type2 .post:nth-of-type(5) .post-content, #main .posts-type2 .post:nth-of-type(6) .post-content, #main .posts-type2 .post:nth-of-type(7) .post-content, #main .posts-type3 .post:nth-of-type(2) .post-content, #main .posts-type3 .post:nth-of-type(3) .post-content, #main .ad2 .post:nth-of-type(2) .post-content, #main .ad2 .post:nth-of-type(3) .post-content, #main .posts-type4 article.post .post-content, #main .posts-type5 article.post .post-content, #main .posts-type6 article.post .post-content, #main .posts-type7 .post:nth-of-type(2) .post-content, #main .posts-type7 .post:nth-of-type(3) .post-content {
  margin-bottom: 20px; }
  #main .post-s .post-content, #main .posts-type2 .post:nth-of-type(4) .post-content, #main .posts-type2 .post:nth-of-type(5) .post-content, #main .posts-type2 .post:nth-of-type(6) .post-content, #main .posts-type2 .post:nth-of-type(7) .post-content, #main .posts-type3 .post:nth-of-type(2) .post-content, #main .posts-type3 .post:nth-of-type(3) .post-content, #main .ad2 .post:nth-of-type(2) .post-content, #main .ad2 .post:nth-of-type(3) .post-content, #main .posts-type4 article.post .post-content, #main .posts-type5 article.post .post-content, #main .posts-type6 article.post .post-content, #main .posts-type7 .post:nth-of-type(2) .post-content, #main .posts-type7 .post:nth-of-type(3) .post-content,
  #main .post-s .post-content p, #main .posts-type2 .post:nth-of-type(4) .post-content p, #main .posts-type2 .post:nth-of-type(5) .post-content p, #main .posts-type2 .post:nth-of-type(6) .post-content p, #main .posts-type2 .post:nth-of-type(7) .post-content p, #main .posts-type3 .post:nth-of-type(2) .post-content p, #main .posts-type3 .post:nth-of-type(3) .post-content p, #main .ad2 .post:nth-of-type(2) .post-content p, #main .ad2 .post:nth-of-type(3) .post-content p, #main .posts-type4 article.post .post-content p, #main .posts-type5 article.post .post-content p, #main .posts-type6 article.post .post-content p, #main .posts-type7 .post:nth-of-type(2) .post-content p, #main .posts-type7 .post:nth-of-type(3) .post-content p {
    font-size: 14px; }

#main .post-s .post-date, #main .posts-type2 .post:nth-of-type(4) .post-date, #main .posts-type2 .post:nth-of-type(5) .post-date, #main .posts-type2 .post:nth-of-type(6) .post-date, #main .posts-type2 .post:nth-of-type(7) .post-date, #main .posts-type3 .post:nth-of-type(2) .post-date, #main .posts-type3 .post:nth-of-type(3) .post-date, #main .ad2 .post:nth-of-type(2) .post-date, #main .ad2 .post:nth-of-type(3) .post-date, #main .posts-type4 article.post .post-date, #main .posts-type5 article.post .post-date, #main .posts-type6 article.post .post-date, #main .posts-type7 .post:nth-of-type(2) .post-date, #main .posts-type7 .post:nth-of-type(3) .post-date {
  font-size: 15px; }

#main .post-xs .post-category, #main .posts-type-rank .post .post-category {
  font-size: 15px;
  margin-bottom: 6px; }

#main .post-xs .post-title, #main .posts-type-rank .post .post-title {
  font-size: 12px; }

#main .hero {
  height: 412px;
  zoom: 1;
  margin-bottom: 48px; }
  #main .hero:before, #main .hero:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "."; }
  #main .hero:after {
    clear: both; }
  #main .hero:hover, #main .hero:active {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3); }
  #main .hero .post {
    float: none;
    margin: 0px;
    width: 994px !important; }
  #main .hero .post a {
    padding: 0px;
    height: 412px;
    width: 994px; }
  #main .hero .post {
    height: 412px;
    padding: 0px;
    width: 100%; }
  #main .hero .post-feature-img {
    height: 412px;
    float: left;
    width: 658px; }
  #main .hero .post-detail {
    float: right;
    width: 336px;
    padding: 75px 50px; }
  #main .hero .post-category {
    font-size: 16px;
    margin-bottom: 30px; }
  #main .hero .post-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 28px; }
  #main .hero .post-content {
    margin-bottom: 30px; }
    #main .hero .post-content p {
      font-size: 14px;
      line-height: 160%;
      height: 4.8em;
      overflow: hidden; }
  #main .hero .post-date {
    font-size: 14px; }
  #main .hero .flickity-page-dots {
    bottom: -20px; }
    #main .hero .flickity-page-dots .dot {
      background: #1d1d1b;
      margin: 0 5px; }

#main .posts-type1 h2.posts-category {
  float: left; }

#main .posts-type1 article.post:nth-of-type(1) {
  width: 658px;
  height: 300px;
  zoom: 1; }
  #main .posts-type1 article.post:nth-of-type(1):before, #main .posts-type1 article.post:nth-of-type(1):after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "."; }
  #main .posts-type1 article.post:nth-of-type(1):after {
    clear: both; }
  #main .posts-type1 article.post:nth-of-type(1) .post-feature-img {
    width: 392px;
    height: 273px;
    float: left; }
  #main .posts-type1 article.post:nth-of-type(1) .post-detail {
    width: 222px;
    float: right; }

#main .posts-type1 article.post:nth-of-type(2),
#main .posts-type1 article.post:nth-of-type(3) {
  width: 322px;
  height: 480px; }
  #main .posts-type1 article.post:nth-of-type(2) .post-date,
  #main .posts-type1 article.post:nth-of-type(3) .post-date {
    position: absolute;
    bottom: 15px; }

#main .posts-type1 .post-content p {
  line-height: 160%;
  height: 4.8em;
  overflow: hidden; }

#main .posts-type-rank {
  width: 322px;
  position: relative;
  margin-bottom: 14px; }
  #main .posts-type-rank .post + .post:before {
    width: 295px;
    height: 1px;
    content: "";
    position: absolute;
    top: 0px;
    left: 13px;
    background: #1d1d1b;
    display: block;
    z-index: 1;
    transition: all 0.2s ease-in; }
  #main .posts-type-rank .post a {
    position: relative;
    height: 99px; }
  #main .posts-type-rank .post a:before {
    position: absolute;
    left: 13px;
    top: 35px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #000;
    text-align: center;
    line-height: 30px;
    color: #fff;
    display: block;
    font-size: 22px; }
  #main .posts-type-rank .post:nth-of-type(1) a:before {
    content: "1"; }
  #main .posts-type-rank .post:nth-of-type(2) a:before {
    content: "2"; }
  #main .posts-type-rank .post:nth-of-type(3) a:before {
    content: "3"; }
  #main .posts-type-rank .post:nth-of-type(4) a:before {
    content: "4";
    background: #999; }
  #main .posts-type-rank .post:nth-of-type(5) a:before {
    content: "5";
    background: #999; }
  #main .posts-type-rank .post .post-feature-img {
    width: 98px;
    height: 68px;
    position: absolute;
    left: 55px; }
  #main .posts-type-rank .post .post-detail {
    width: 145px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 13px; }

#main .posts-type2 {
  position: relative; }
  #main .posts-type2 .post {
    position: relative; }
  #main .posts-type2 .post:nth-of-type(1),
  #main .posts-type2 .post:nth-of-type(2),
  #main .posts-type2 .post:nth-of-type(3) {
    width: 322px;
    height: 390px; }
    #main .posts-type2 .post:nth-of-type(1) .post-feature-img,
    #main .posts-type2 .post:nth-of-type(2) .post-feature-img,
    #main .posts-type2 .post:nth-of-type(3) .post-feature-img {
      height: 205px; }
    #main .posts-type2 .post:nth-of-type(1) .post-date,
    #main .posts-type2 .post:nth-of-type(2) .post-date,
    #main .posts-type2 .post:nth-of-type(3) .post-date {
      position: absolute;
      bottom: 28px; }
  #main .posts-type2 .post:nth-of-type(4),
  #main .posts-type2 .post:nth-of-type(5),
  #main .posts-type2 .post:nth-of-type(6),
  #main .posts-type2 .post:nth-of-type(7) {
    width: 238px;
    height: 330px; }
    #main .posts-type2 .post:nth-of-type(4) .post-feature-img,
    #main .posts-type2 .post:nth-of-type(5) .post-feature-img,
    #main .posts-type2 .post:nth-of-type(6) .post-feature-img,
    #main .posts-type2 .post:nth-of-type(7) .post-feature-img {
      height: 146px; }
    #main .posts-type2 .post:nth-of-type(4) .post-date,
    #main .posts-type2 .post:nth-of-type(5) .post-date,
    #main .posts-type2 .post:nth-of-type(6) .post-date,
    #main .posts-type2 .post:nth-of-type(7) .post-date {
      position: absolute;
      bottom: 15px; }

#main .subbox .posts-type3 {
  float: none;
  height: auto; }

#main .posts-type3,
#main .ad2 {
  float: left;
  margin: 0 14px 14px 0;
  position: relative;
  width: 322px;
  height: 600px; }
  #main .posts-type3 .post,
  #main .ad2 .post {
    float: none;
    margin: 0px; }
  #main .posts-type3 .post:nth-of-type(1),
  #main .ad2 .post:nth-of-type(1) {
    height: 340px;
    position: relative;
    width: 322px; }
    #main .posts-type3 .post:nth-of-type(1) .post-feature-img,
    #main .ad2 .post:nth-of-type(1) .post-feature-img {
      height: 205px; }
    #main .posts-type3 .post:nth-of-type(1) .post-date,
    #main .ad2 .post:nth-of-type(1) .post-date {
      position: absolute;
      bottom: 15px; }
  #main .posts-type3 .post:nth-of-type(2),
  #main .posts-type3 .post:nth-of-type(3),
  #main .ad2 .post:nth-of-type(2),
  #main .ad2 .post:nth-of-type(3) {
    position: relative;
    padding: 20px;
    height: 107px; }
    #main .posts-type3 .post:nth-of-type(2):before,
    #main .posts-type3 .post:nth-of-type(3):before,
    #main .ad2 .post:nth-of-type(2):before,
    #main .ad2 .post:nth-of-type(3):before {
      width: 295px;
      height: 1px;
      content: "";
      position: absolute;
      top: 0px;
      left: 13px;
      background: #1d1d1b;
      display: block;
      z-index: 1;
      transition: all 0.2s ease-in; }
    #main .posts-type3 .post:nth-of-type(2) .post-feature-img,
    #main .posts-type3 .post:nth-of-type(3) .post-feature-img,
    #main .ad2 .post:nth-of-type(2) .post-feature-img,
    #main .ad2 .post:nth-of-type(3) .post-feature-img {
      width: 105px;
      height: 80px; }
    #main .posts-type3 .post:nth-of-type(2) .post-detail,
    #main .posts-type3 .post:nth-of-type(3) .post-detail,
    #main .ad2 .post:nth-of-type(2) .post-detail,
    #main .ad2 .post:nth-of-type(3) .post-detail {
      position: absolute;
      width: 180px;
      right: 13px;
      top: 10px;
      bottom: 10px;
      padding: 0px; }
      #main .posts-type3 .post:nth-of-type(2) .post-detail .post-title,
      #main .posts-type3 .post:nth-of-type(3) .post-detail .post-title,
      #main .ad2 .post:nth-of-type(2) .post-detail .post-title,
      #main .ad2 .post:nth-of-type(3) .post-detail .post-title {
        margin-bottom: 0px; }
      #main .posts-type3 .post:nth-of-type(2) .post-detail .post-date,
      #main .posts-type3 .post:nth-of-type(3) .post-detail .post-date,
      #main .ad2 .post:nth-of-type(2) .post-detail .post-date,
      #main .ad2 .post:nth-of-type(3) .post-detail .post-date {
        position: absolute;
        bottom: 0px; }

#main .posts-type4 .subbox {
  height: 840px;
  margin-bottom: 14px; }

#main .posts-type4 h2.posts-category {
  float: left; }

#main .posts-type4 article.post {
  width: 238px;
  height: 330px; }
  #main .posts-type4 article.post .post-feature-img {
    height: 146px; }
  #main .posts-type4 article.post .post-date {
    position: absolute;
    bottom: 30px; }

#main .posts-type4 article.post:nth-of-type(1),
#main .posts-type4 article.post:nth-of-type(2),
#main .posts-type4 article.post:nth-of-type(3),
#main .posts-type4 article.post:nth-of-type(4),
#main .posts-type4 article.post:nth-of-type(9),
#main .posts-type4 article.post:nth-of-type(10),
#main .posts-type4 article.post:nth-of-type(11) {
  width: 322px;
  height: 390px; }
  #main .posts-type4 article.post:nth-of-type(1) .post-feature-img,
  #main .posts-type4 article.post:nth-of-type(2) .post-feature-img,
  #main .posts-type4 article.post:nth-of-type(3) .post-feature-img,
  #main .posts-type4 article.post:nth-of-type(4) .post-feature-img,
  #main .posts-type4 article.post:nth-of-type(9) .post-feature-img,
  #main .posts-type4 article.post:nth-of-type(10) .post-feature-img,
  #main .posts-type4 article.post:nth-of-type(11) .post-feature-img {
    height: 205px; }
  #main .posts-type4 article.post:nth-of-type(1) .post-date,
  #main .posts-type4 article.post:nth-of-type(2) .post-date,
  #main .posts-type4 article.post:nth-of-type(3) .post-date,
  #main .posts-type4 article.post:nth-of-type(4) .post-date,
  #main .posts-type4 article.post:nth-of-type(9) .post-date,
  #main .posts-type4 article.post:nth-of-type(10) .post-date,
  #main .posts-type4 article.post:nth-of-type(11) .post-date {
    position: absolute;
    bottom: 28px; }

#main .posts-type4 .search-result {
  width: 658px;
  float: left;
  background: #fff;
  padding: 40px; }
  #main .posts-type4 .search-result p {
    font-size: 14px; }
    #main .posts-type4 .search-result p a {
      text-decoration: underline;
      text-align: center; }

#main .posts-type5 {
  position: relative; }
  #main .posts-type5 article.post {
    width: 238px;
    height: 330px; }
    #main .posts-type5 article.post .post-feature-img {
      height: 146px; }
    #main .posts-type5 article.post .post-date {
      position: absolute;
      bottom: 30px; }

#main .single-under-container {
  width: 658px;
  float: left;
  margin-right: 0px;
  padding-bottom: 40px; }

#main .posts-type6 {
  position: relative; }
  #main .posts-type6 article.post {
    width: 210px;
    height: 320px; }
    #main .posts-type6 article.post:nth-of-type(3n+3) {
      margin-right: 0px; }
    #main .posts-type6 article.post .post-feature-img {
      height: 146px; }
    #main .posts-type6 article.post .post-date {
      position: absolute;
      bottom: 20px; }

#main .posts-type7 {
  float: left;
  margin: 0 14px 14px 0;
  position: relative;
  width: 322px;
  height: 600px; }
  #main .posts-type7 .post {
    float: none;
    margin: 0px; }
  #main .posts-type7 .post:nth-of-type(1) {
    height: 340px;
    position: relative;
    width: 322px; }
    #main .posts-type7 .post:nth-of-type(1) .post-feature-img {
      height: 205px; }
    #main .posts-type7 .post:nth-of-type(1) .post-category {
      margin-bottom: 10px; }
  #main .posts-type7 .post:nth-of-type(2),
  #main .posts-type7 .post:nth-of-type(3) {
    position: relative;
    padding: 20px;
    height: 107px; }
    #main .posts-type7 .post:nth-of-type(2):before,
    #main .posts-type7 .post:nth-of-type(3):before {
      width: 295px;
      height: 1px;
      content: "";
      position: absolute;
      top: 0px;
      left: 13px;
      background: #1d1d1b;
      display: block;
      z-index: 1;
      transition: all 0.2s ease-in; }
    #main .posts-type7 .post:nth-of-type(2) .post-feature-img,
    #main .posts-type7 .post:nth-of-type(3) .post-feature-img {
      width: 100px;
      height: 67px; }
    #main .posts-type7 .post:nth-of-type(2) .post-detail,
    #main .posts-type7 .post:nth-of-type(3) .post-detail {
      position: absolute;
      width: 180px;
      right: 13px;
      top: 10px;
      bottom: 10px;
      padding: 0px; }
      #main .posts-type7 .post:nth-of-type(2) .post-detail .post-title,
      #main .posts-type7 .post:nth-of-type(3) .post-detail .post-title {
        margin-bottom: 0px; }
      #main .posts-type7 .post:nth-of-type(2) .post-detail .post-category,
      #main .posts-type7 .post:nth-of-type(3) .post-detail .post-category {
        margin-bottom: 2px; }

#main .subbox {
  width: 322px;
  margin: 0 14px 14px 0;
  float: right; }

#main .ad {
  position: relative;
  width: 322px;
  height: 300px;
  border-top: 1px solid #1d1d1b; }
  #main .ad > div {
    position: absolute;
    width: 250px;
    left: 11px;
    bottom: 5px; }

#main .ad2 {
  text-align: center;
  margin-bottom: 14px; }
  #main .ad2 div {
    margin: 0px auto; }

#main .ad3 {
  position: relative;
  width: 322px;
  height: 268px; }
  #main .ad3 div {
    position: absolute;
    width: 250px;
    left: 11px;
    bottom: 18px; }

#main .ad4 div {
  width: 300px;
  margin: 0px auto 10px; }

#main .page404 {
  display: block;
  width: 100%;
  padding: 70px; }
  #main .page404 h1 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px; }
  #main .page404 p {
    font-size: 14px; }
  #main .page404 a {
    text-decoration: underline; }

#gFooter {
  background: #332f2c;
  padding: 48px 0px; }
  #gFooter *,
  #gFooter a:link,
  #gFooter a:hover,
  #gFooter a:active,
  #gFooter a:hover {
    color: #999999; }
  #gFooter .box1 li,
  #gFooter h3 {
    font-size: 22px;
    margin-bottom: 20px; }
  #gFooter .row.rowH {
    zoom: 1;
    min-height: 324px; }
    #gFooter .row.rowH:before, #gFooter .row.rowH:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "."; }
    #gFooter .row.rowH:after {
      clear: both; }
  #gFooter .box1,
  #gFooter .box2,
  #gFooter .box3,
  #gFooter .box4 {
    border-top: 1px solid #999999;
    padding: 30px 0px;
    width: 238px;
    float: left;
    margin-right: 14px; }
  #gFooter .box1 li {
    font-size: 18px;
    line-height: 100%; }
  #gFooter .box2 li {
    display: inline-block;
    margin-right: 10px; }
  #gFooter .box4 {
    margin-right: 0px; }
    #gFooter .box4 p,
    #gFooter .box4 li {
      font-size: 14px; }
    #gFooter .box4 p {
      line-height: 150%;
      margin-bottom: 20px; }
    #gFooter .box4 li {
      line-height: 200%; }
  #gFooter p.copy {
    font-size: 12px; }

.logo {
  padding: 23px 0 12px;
  text-align: center; }

#gNav {
  background: #000;
  height: 35px;
  line-height: 35px;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5); }
  #gNav ul {
    zoom: 1; }
    #gNav ul:before, #gNav ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "."; }
    #gNav ul:after {
      clear: both; }
  #gNav.fixed {
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0%;
    z-index: 10; }
  #gNav li {
    float: left; }
    #gNav li.ico {
      width: 35px; }
      #gNav li.ico a {
        padding: 0px; }
    #gNav li.right {
      float: right; }
  #gNav a {
    display: block;
    color: #fff;
    font-size: 21px;
    padding: 0px 12px; }
    #gNav a:active, #gNav a:hover {
      background: #666666;
      text-decoration: none; }

.searchbox {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 35px;
  background: #332f2c;
  padding: 10px;
  margin: 0px auto;
  padding: 25px 0px; }
  .searchbox input {
    display: inline-block; }
  .searchbox form {
    width: 994px;
    margin: 0px auto;
    padding: 0px;
    display: block;
    text-align: center; }
  .searchbox input[type="text"] {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 34px;
    color: #fff;
    width: 942px;
    text-align: center; }
  .searchbox input[type="image"] {
    width: 50px; }
  .searchbox input:focus {
    outline: 0; }

a:link, a:hover, a:active, a:visited, a.tap, input[type="submit"] {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-decoration: none; }
  a:link img, a:hover img, a:active img, a:visited img, a.tap img, input[type="submit"] img {
    border: none;
    background: none !important; }

a, a:after, a:before, a span {
  text-decoration: none;
  transition: all 0.2s ease-in; }

a:link, a:visited {
  color: #333333; }

a:hover {
  color: #1f1f1f;
  text-decoration: underline; }

a:active {
  text-decoration: none; }

a.more:after {
  content: "\e80c";
  font-family: 'icomoon';
  font-weight: 400;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  margin-left: 5px;
  text-transform: none;
  speak: none;
  font-smoothing: antialiased;
  text-decoration: none;
  display: inline-block;
  position: relative;
  left: 0px; }

a.more:hover:after {
  left: 5px; }

.btn, .pager li a, a.btn, .pager li a, input[type="submit"] {
  display: block;
  font-weight: bold;
  line-height: 40px;
  min-height: 40px;
  max-width: 250px;
  text-decoration: none;
  background: #3498db;
  border: 1px solid #3498db;
  text-align: center;
  padding: 0px 10px;
  margin: 0px auto 10px;
  margin: 0px auto 1rem;
  border-radius: 2px;
  position: relative;
  transition: all 0.2s ease-in;
  color: #fff; }
  .btn.max, .pager li a.max, a.btn.max, .pager li a.max, input[type="submit"].max {
    width: 90%;
    padding: 10px;
    line-height: 140%; }
  .btn:link, .pager li a:link, .btn:visited, .pager li a:visited, a.btn:link, .pager li a:link, a.btn:visited, .pager li a:visited, input[type="submit"]:link, input[type="submit"]:visited {
    color: #fff; }
  .btn:hover, .pager li a:hover, a.btn:hover, .pager li a:hover, input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background: #5faee3; }
  .btn.red, .pager li a.red, a.btn.red, .pager li a.red, input[type="submit"].red {
    border: 1px solid #ff6156;
    background: #ff6156; }
    .btn.red:hover, .pager li a.red:hover, a.btn.red:hover, .pager li a.red:hover, input[type="submit"].red:hover {
      background: #ff9189; }
  .btn.blk, .pager li a, a.btn.blk, .pager li a, input[type="submit"].blk {
    border: 1px solid #000;
    background: #000; }
    .btn.blk:hover, .pager li a:hover, a.btn.blk:hover, .pager li a:hover, input[type="submit"].blk:hover {
      border: 1px solid #202020;
      background: #2f2f2f; }
  .btn.gray, .pager li a.gray, a.btn.gray, .pager li a.gray, input[type="submit"].gray {
    border: 1px solid #9f9f9f;
    background: #9f9f9f; }
    .btn.gray:hover, .pager li a.gray:hover, a.btn.gray:hover, .pager li a.gray:hover, input[type="submit"].gray:hover {
      background: #b9b9b9; }
  .btn.clear, .pager li a.clear, a.btn.clear, .pager li a.clear, input[type="submit"].clear {
    border: 1px solid #000;
    color: #000;
    background: #fff; }
    .btn.clear:hover, .pager li a.clear:hover, a.btn.clear:hover, .pager li a.clear:hover, input[type="submit"].clear:hover {
      border: 1px solid #000;
      color: #fff;
      background: #000; }
  .btn.center, .pager li a.center, a.btn.center, .pager li a.center, input[type="submit"].center {
    margin: 0px auto 10px; }

a.icon:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 7px; }

a.icon.twitter:before {
  content: "\e604"; }

a.icon.facebook:before {
  content: "\e603"; }

a.icon.line:before {
  content: "\e60a"; }

a.icon.yahoo:before {
  content: "\e811"; }

a.icon.instagram:before {
  content: "\ea92"; }

a.icon.youtube:before {
  content: "\ea9d"; }

a.icon.map:before {
  content: "\e94c"; }

a.icon.hatena:before {
  content: "\e60c"; }

a.icon.pocket:before {
  content: "\e900"; }

.btn.twitter, .pager li a.twitter {
  border: 1px solid #00aced;
  background: #00aced; }
  .btn.twitter:hover, .pager li a.twitter:hover, .btn.twitter:active, .pager li a.twitter:active, .btn.twitter.tap, .pager li a.twitter.tap {
    border: 1px solid #00aced;
    background: #21c2ff; }

.btn.facebook, .pager li a.facebook {
  border: 1px solid #3b5998;
  background: #3b5998; }
  .btn.facebook:hover, .pager li a.facebook:hover, .btn.facebook:active, .pager li a.facebook:active, .btn.facebook.tap, .pager li a.facebook.tap {
    border: 1px solid #3b5998;
    background: #4c70ba; }

.btn.hatena, .pager li a.hatena {
  border: 1px solid #3085d6;
  background: #3085d6; }
  .btn.hatena:hover, .pager li a.hatena:hover, .btn.hatena:active, .pager li a.hatena:active, .btn.hatena.tap, .pager li a.hatena.tap {
    border: 1px solid #3085d6;
    background: #5b9ede; }

.btn.rss, .pager li a.rss {
  border: 1px solid #FF864F;
  background: #FF864F; }
  .btn.rss:hover, .pager li a.rss:hover, .btn.rss:active, .pager li a.rss:active, .btn.rss.tap, .pager li a.rss.tap {
    border: 1px solid #FF864F;
    background: #ffa982; }

.btn.feedly, .pager li a.feedly {
  border: 1px solid #4ACA5A;
  background: #4ACA5A; }
  .btn.feedly:hover, .pager li a.feedly:hover, .btn.feedly:active, .pager li a.feedly:active, .btn.feedly.tap, .pager li a.feedly.tap {
    border: 1px solid #4ACA5A;
    background: #71d67e; }

.btn.pocket, .pager li a.pocket {
  border: 1px solid #F44A55;
  background: #F44A55; }
  .btn.pocket:hover, .pager li a.pocket:hover, .btn.pocket:active, .pager li a.pocket:active, .btn.pocket.tap, .pager li a.pocket.tap {
    border: 1px solid #F44A55;
    background: #f77a82; }

.btn.line, .pager li a.line {
  border: 1px solid #1DCD00;
  background: #1DCD00; }
  .btn.line:hover, .pager li a.line:hover, .btn.line:active, .pager li a.line:active, .btn.line.tap, .pager li a.line.tap {
    border: 1px solid #1DCD00;
    background: #25ff01; }

textarea, input[type="text"] {
  width: 100%;
  border-radius: 2px;
  padding: 10px;
  border: 1px solid #1d1d1b;
  margin-bottom: 10px;
  margin-bottom: 1rem; }

textarea {
  min-height: 100px; }

select {
  padding: 5px 30px 5px 5px;
  outline: none;
  height: 30px;
  display: inline-block;
  position: relative; }
  select:after {
    content: "▼";
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    color: #fff; }

input[type=radio], input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  width: 35px;
  height: 22px;
  position: relative;
  border: 1px solid #1d1d1b;
  border-radius: 11px;
  content: "";
  display: inline-block;
  background: #ffecdd; }

input[type="checkbox"]:after {
  content: "";
  display: block;
  border-radius: 9px;
  border: 1px solid #1d1d1b;
  background: #fff;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  transition: 0.1s linear; }

input[type="checkbox"]:checked {
  background: #3498db; }
  input[type="checkbox"]:checked:after {
    left: 15px; }

/*----------ページャー----------*/
.pager {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1d1d1b; }
  .pager li {
    text-align: center;
    margin: 0px 2px;
    min-width: 40px; }
    .pager li a {
      margin: 0px;
      width: 100%;
      height: 100%; }
    .pager li.current {
      border: 1px solid #1d1d1b;
      border-radius: 2px;
      color: #000;
      background: none;
      min-width: 40px;
      line-height: 40px;
      font-weight: bold; }
    .pager li.next a, .pager li.back a, .pager li.last a, .pager li.first a {
      line-height: 38px; }
    .pager li.page-number {
      color: #000;
      line-height: 40px;
      padding: 0 15px 0 0; }

#main .container {
  position: relative; }

#main .single-post,
#main .left-container {
  width: 658px;
  float: left; }
  #main .single-post article.post,
  #main .left-container article.post {
    padding-bottom: 40px;
    margin-right: 0px; }
  #main .single-post header,
  #main .left-container header {
    padding: 25px 40px;
    position: relative; }
    #main .single-post header .post-category,
    #main .single-post header .post-date,
    #main .left-container header .post-category,
    #main .left-container header .post-date {
      font-size: 18px;
      margin-bottom: 15px; }
    #main .single-post header .post-title,
    #main .left-container header .post-title {
      font-size: 24px;
      height: auto;
      margin-bottom: 20px;
      line-height: 160%; }
    #main .single-post header .post-date,
    #main .left-container header .post-date {
      font-size: 18px; }
    #main .single-post header .social,
    #main .left-container header .social {
      text-align: right;
      position: absolute;
      right: 40px;
      bottom: 18px; }
      #main .single-post header .social li,
      #main .left-container header .social li {
        display: inline-block;
        margin: 0 0 6px 6px;
        line-height: 1; }
      #main .single-post header .social li.googleplus div,
      #main .left-container header .social li.googleplus div {
        width: 56px !important; }
      #main .single-post header .social li.pocket div,
      #main .left-container header .social li.pocket div {
        position: relative;
        top: 2px; }
  #main .single-post .post-feature-img,
  #main .left-container .post-feature-img {
    margin: 0px 14px 10px;
    margin: 0px 14px 1rem;
    position: static; }
    #main .single-post .post-feature-img img,
    #main .left-container .post-feature-img img {
      max-width: 100%; }
    #main .single-post .post-feature-img p.wp-caption-text,
    #main .left-container .post-feature-img p.wp-caption-text {
      text-align: center;
      padding: 5px;
      padding: 0.5rem;
      font-size: 12px; }
  #main .single-post .post-content,
  #main .left-container .post-content {
    zoom: 1;
    padding-bottom: 20px; }
    #main .single-post .post-content:before, #main .single-post .post-content:after,
    #main .left-container .post-content:before,
    #main .left-container .post-content:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "."; }
    #main .single-post .post-content:after,
    #main .left-container .post-content:after {
      clear: both; }
    #main .single-post .post-content .post-ad,
    #main .left-container .post-content .post-ad {
      float: left;
      margin: 0px 15px 10px 40px; }
    #main .single-post .post-content p,
    #main .left-container .post-content p {
      margin: 0px 40px 10px;
      margin: 0px 40px 1rem;
      font-size: 16px;
      line-height: 180%; }
      #main .single-post .post-content p a,
      #main .left-container .post-content p a {
        text-decoration: underline; }
    #main .single-post .post-content small,
    #main .left-container .post-content small {
      font-size: 12px; }
    #main .single-post .post-content p.wp-caption-text,
    #main .left-container .post-content p.wp-caption-text {
      text-align: center;
      padding: 5px;
      padding: 0.5rem;
      font-size: 12px; }
    #main .single-post .post-content img,
    #main .left-container .post-content img {
      max-width: 100%;
      height: auto; }
    #main .single-post .post-content .taC,
    #main .left-container .post-content .taC {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: block; }
    #main .single-post .post-content .youtube,
    #main .left-container .post-content .youtube {
      margin: 0px auto 10px;
      margin: 0px auto 1rem;
      max-width: 500px;
      padding-bottom: 281.25px;
      height: 0px;
      position: relative; }
      #main .single-post .post-content .youtube iframe,
      #main .left-container .post-content .youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    #main .single-post .post-content ul,
    #main .left-container .post-content ul {
      margin: 0px 40px 10px;
      margin: 0px 40px 1rem;
      font-size: 16px;
      line-height: 180%; }
    #main .single-post .post-content ul li,
    #main .left-container .post-content ul li {
      list-style: disc;
      margin-left: 6%; }
    #main .single-post .post-content ol li,
    #main .left-container .post-content ol li {
      list-style: decimal;
      margin-left: 6%; }
  #main .single-post .post-auther,
  #main .left-container .post-auther {
    margin: 0px 40px 10px;
    margin: 0px 40px 1rem;
    font-size: 12px;
    line-height: 180%;
    font-weight: normal; }
  #main .single-post .reference-link,
  #main .left-container .reference-link {
    margin: 0px 40px 10px;
    margin: 0px 40px 1rem; }
    #main .single-post .reference-link h3,
    #main .left-container .reference-link h3 {
      font-size: 14px;
      margin-bottom: 5px; }
    #main .single-post .reference-link li,
    #main .left-container .reference-link li {
      font-size: 12px;
      font-size: 12px;
      list-style-type: disc;
      line-height: 150%;
      margin-left: 20px;
      margin-left: 2rem; }
  #main .single-post .post > .social,
  #main .left-container .post > .social {
    text-align: right;
    margin: 0px 40px 10px;
    margin: 0px 40px 1rem; }
    #main .single-post .post > .social li,
    #main .left-container .post > .social li {
      display: inline-block;
      margin: 0 0 6px 6px;
      line-height: 1; }