@charset "UTF-8";
/*
 * Theme Name: Golf Fine Theme
 * Author: Golf Fine
 * Description: My theme
 * Version: 1.0
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  background: #fff;
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: 0; }

img {
  max-width: 100%; }

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

body {
  font-size: 82%;
  font-family: 'ＭＳ Ｐゴシック','Osaka','Arial', 'Tahoma', sans-serif; }

.wrapper {
  max-width: 960px;
  margin: 0 auto; }

.content-layout {
  display: flex; }

header {
  width: 100%;
  margin-bottom: 14px; }
  header small {
    display: block;
    font-size: 12px;
    background-color: beige; }
  header aside ul {
    font-size: 14px; }
    header aside ul li a {
      color: #000; }

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

.logo-background {
  background-image: url("screenshot.jpg");
  background-size: cover;
  background-position: center; }

.logo {
  padding: 24px 0 21px;
  max-width: 960px;
  margin: 0 auto; }
  .logo h1 {
    font-size: 38px;
    font-weight: bold;
    text-shadow: 0 0 10px #000; }
    .logo h1 a {
      color: white;
      text-decoration: none; }
  .logo > div {
    font-size: 12px;
    font-weight: bold;
    padding-top: 9px;
    color: white;
    text-shadow: 0 0 10px #000; }

.flex-list {
  display: flex;
  justify-content: space-between; }

.main-content {
  width: 660px;
  margin-right: 14px; }

.sidebar {
  width: 300px; }

.content > h1 {
  font-size: 16px;
  font-weight: bold;
  padding: 21px 0;
  margin-bottom: 14px;
  border-bottom: 1px solid #ccc; }

.content .description {
  font-size: 13px;
  line-height: 1.4em;
  margin-bottom: 21px; }

.content__box {
  position: relative;
  flex: 1;
  border: 1px solid #ccc;
  padding-bottom: 31px; }
  .content__box > h1 {
    font-size: 14px;
    font-weight: bold;
    padding: 14px;
    border-bottom: 1px solid #efefef; }
  .content__box__ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.3em; }
    .content__box__ul li {
      margin: 0.6em; }
    .content__box__ul time {
      margin-right: 4px; }
  .content__box__more-link {
    font-size: 13px;
    text-align: right;
    position: absolute;
    bottom: 14px;
    right: 14px; }

.flex-content {
  display: flex; }

.thumbnail-posts > div:nth-child(1) {
  display: flex; }
  .thumbnail-posts > div:nth-child(1) img {
    width: 120px;
    height: 120px; }
  .thumbnail-posts > div:nth-child(1) > div:nth-child(1) {
    margin-right: 14px; }
  .thumbnail-posts > div:nth-child(1) .h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 14px;
    line-height: 1.2em; }
  .thumbnail-posts > div:nth-child(1) .paragraph {
    font-size: 12px;
    line-height: 1.4em; }

.thumbnail-posts__more-link a {
  display: block;
  font-size: 13px;
  padding: 7px; }

.sidebar {
  background-color: #efefef;
  margin-bottom: 14px; }
  .sidebar__content__h1 {
    margin: 14px 0;
    padding: 14px;
    background-color: white; }
  .sidebar__content__h2 {
    background-color: gray;
    color: white;
    padding: 7px;
    font-size: 13px;
    text-align: center; }
  .sidebar__content__list {
    font-size: 80%; }
    .sidebar__content__list ul {
      background-color: white;
      border-right: 1px solid #efefef;
      border-left: 1px solid #efefef; }
      .sidebar__content__list ul li {
        line-height: 1.5em; }
        .sidebar__content__list ul li a {
          display: block;
          padding: 7px 0;
          border-bottom: 1px solid #efefef; }

.archive-content-post {
  margin-bottom: 21px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ccc; }
  .archive-content-post .h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 14px;
    line-height: 1.2em; }
  .archive-content-post .paragraph {
    font-size: 12px;
    line-height: 1.4em; }
  .archive-content-post time {
    display: block;
    margin-bottom: 14px; }

.pagination {
  margin-bottom: 14px; }
  .pagination ul.page-numbers {
    display: flex;
    justify-content: center; }
  .pagination a.page-numbers, .pagination span.page-numbers {
    display: block;
    padding: 7px 14px;
    text-decoration: none;
    border: 1px solid;
    background-color: white;
    margin: 0 4px;
    color: #000; }
  .pagination a.page-numbers {
    border-color: #000; }
    .pagination a.page-numbers:hover {
      border-color: #aaa; }
  .pagination .current {
    border: none !important; }
  .pagination .dots {
    border: none !important; }

.single-content {
  margin: 14px 0; }
  .single-content h3 {
    background-color: #efefef;
    color: #000;
    padding: 7px;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 21px;
    line-height: 1.3em; }
  .single-content strong, .single-content b {
    font-weight: bold;
    font-size: 110%; }
  .single-content p {
    line-height: 160%;
    margin: 1em 0; }
  .single-content ul, .single-content ol {
    margin-bottom: 14px;
    list-style: disc;
    list-style-position: outside;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.3em; }
    .single-content ul li, .single-content ol li {
      margin: 0.6em; }

.searchform {
  padding: 14px; }
  .searchform form {
    width: 100%;
    display: flex; }
    .searchform form input {
      width: 100%;
      border: 1px solid #ccc;
      background-color: white;
      border-radius: 0;
      padding: 7px; }
    .searchform form button {
      border: 1px solid;
      border: none; }
      .searchform form button:hover {
        cursor: pointer;
        color: green; }

footer {
  background-color: black;
  color: white;
  padding: 21px; }
  footer a {
    color: white; }

.next-prev-links {
  margin: 21px 0;
  line-height: 1.3em; }
  .next-prev-links > div {
    padding: 7px; }
  .next-prev-links > div:nth-child(1) {
    text-align: left; }
  .next-prev-links > div:nth-child(2) {
    text-align: right; }