@charset "UTF-8";
/*
Theme Name: kokokara
Author: pal-relations
*/
/* base style */
a, article, aside, audio, b, blockquote, caption, canvas, cite, dd, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, li, nav, object, ol, p, pre, q, ruby, section, small, span, strike, strong, sup, time, ul, video, picture {
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

html {
  min-height: 100%;
  position: relative;
}

body {
  margin: 0;
  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック';
  color: #222;
  line-height: 1.5;
}

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

ol, ul {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: #222;
  text-decoration: none;
}
a:link {
  color: #222;
  text-decoration: none;
}
a:visited {
  color: #222;
  text-decoration: none;
}
a:active {
  color: #222;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, li, small, span {
  max-height: 100%;
}

/* drawer menu */
#navToggle {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
  height: 18px;
  z-index: 10;
  cursor: pointer;
}
#navToggle div {
  position: relative;
}
#navToggle span {
  display: block;
  position: absolute;
  width: 100%;
  border-bottom: solid 2px #222;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
  top: 0;
}
#navToggle span:nth-child(2) {
  top: 8px;
}
#navToggle span:nth-child(3) {
  top: 16px;
}

@media screen and (max-width: 767px) {
  #global h1 {
    z-index: 6;
  }
  #global h1.openNav {
    z-index: 4;
  }

  header nav {
    position: absolute;
    z-index: -5;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #navToggle {
    display: block;
  }

  .openNav #navToggle span {
    border-bottom: solid 2px #818181;
  }
  .openNav #navToggle span:nth-child(1) {
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .openNav nav {
    z-index: 5;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .openNav #navToggle span:nth-child(2),
  .openNav #navToggle span:nth-child(3) {
    top: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
/* iconFont */
@font-face {
  font-family: 'icomoon';
  src: url("/wp/wp-content/themes/kokocara/fonts/icomoon.eot?95wce6");
  src: url("/wp/wp-content/themes/kokocara/fonts/icomoon.eot?95wce6#iefix") format("embedded-opentype"), url("/wp/wp-content/themes/kokocara/fonts/icomoon.ttf?95wce6") format("truetype"), url("/wp/wp-content/themes/kokocara/fonts/icomoon.woff?95wce6") format("woff"), url("/wp/wp-content/themes/kokocara/fonts/icomoon.svg?95wce6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-line:before {
  content: "\e900";
}

.icon-google-plus:before {
  content: "\ea8b";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-twitter:before {
  content: "\ea96";
}

/* module style */
.list_outside {
  list-style: disc outside;
  margin: 0 0 12px 1.5em;
}
.list_outside li {
  display: list-item;
  margin-bottom: 4px;
}

.fs_s {
  font-size: 13px !important;
}

.fig75 {
  width: 75%;
}

.fig60 {
  width: 60%;
}

.bdr {
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.subph_s, .subph_m, .subph_clt {
  width: 50%;
}

.subph_l, .subph_cly {
  width: 83%;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.ta-l {
  text-align: left;
}

.ta-c {
  text-align: center;
}

.ta-r {
  text-align: right;
}

.w50 {
  width: 50%;
}

@media screen and (min-width: 768px) {
  .fs_s {
    font-size: 14px !important;
  }

  .subph_s {
    width: 20%;
    /*pc120px*/
  }

  .subph_m {
    width: 30%;
    /*pc180px*/
  }

  .subph_l {
    width: 40%;
    /*pc240px*/
  }

  .l1_pc {
    padding-top: 10px;
  }

  .fig80 {
    width: 80%;
    margin: 0 10%;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .li_pc {
    padding-top: 0;
  }
}
/* sp and common style */
.pcOj {
  display: none;
}

.subwin a:after {
  content: "";
  height: 16px;
  padding-right: 14px;
  background: url(/wp/wp-content/themes/kokocara/images/icn_subwin.png) no-repeat right center;
  background-size: 11px auto;
}

.keywords a:before {
  content: "#";
}

header#global {
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 18px 0 14px;
}
header#global a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
header#global h1 {
  width: 189px;
  height: 41px;
  margin: 0 auto 13px;
  line-height: 1;
}
header#global nav {
  padding: 24px 20px 20px;
  background: #3b3b3b;
  text-align: left;
}
header#global nav h2 {
  color: #fff;
  font-size: 15px;
  margin-bottom: 8px;
}
header#global nav ul {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #818181;
}
header#global nav ul.subwin {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
header#global nav li {
  font-size: 16px;
  margin-bottom: 8px;
}
header#global nav a {
  color: #fff;
}
header#global nav .keywords ul {
  letter-spacing: -.40em;
}
header#global nav .keywords li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 1em;
}
header#global .sub {
  font-size: 11px;
}
header#global .categories a,
header#global .subwin a {
  display: block;
}

.keywords_home {
  display: none;
}

article {
  margin-bottom: 30px;
}
article .text {
  padding-top: 12px;
}
article h1 {
  font-size: 17px;
  margin-bottom: 4px;
}
article p {
  font-size: 15px;
  margin-bottom: 5px;
}
article ul {
  letter-spacing: -.40em;
}
article li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: center;
}
article .date {
  color: #888;
  font-size: 12px;
  margin-right: 10px;
}
article .category {
  color: #fff;
  font-size: 11px;
  background: #a5a5a5;
  padding: 1px 4px;
}
article.pickup {
  margin: -20px -15px 25px;
  position: relative;
}
article.pickup .catch {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 16px;
  position: absolute;
  text-transform: uppercase;
  display: inline;
  padding: 0 10px;
  line-height: 28px;
  height: 28px;
  background: #64af42;
  z-index: 2;
}
article.pickup .text {
  background: #f2f5e6;
  padding: 12px 15px 20px;
}

#contents {
  padding: 20px 15px 0;
}
#contents .pagination {
  text-align: center;
  padding: 10px 0 30px;
}
#contents .pagination ul {
  letter-spacing: -.40em;
}
#contents .pagination li {
  font-size: 15px;
  display: inline-block;
  letter-spacing: normal;
  margin-right: 10px;
  line-height: 36px;
  text-align: center;
}
#contents .pagination li a {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #f3f3f3;
  display: block;
}
#contents .pagination li.current {
  color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #64af42;
}
#contents .pagination li.prev a::before,
#contents .pagination li.prev a::after,
#contents .pagination li.next a::before,
#contents .pagination li.next a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  vertical-align: middle;
}
#contents .pagination li.prev a,
#contents .pagination li.next a {
  width: 16px;
  background-color: transparent !important;
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
#contents .pagination li.prev a::before,
#contents .pagination li.next a::before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  content: "　";
}
#contents .pagination li.prev a::before {
  left: 13px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#contents .pagination li.next a::before {
  left: 11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#contents .btn {
  text-align: center;
}
#contents .btn a {
  display: block;
  color: #fff !important;
  padding: 10px 0;
  background-color: #69b238;
  border-radius: 4px;
  width: 100%;
}
#contents #entry a {
  color: #64af42;
}
#contents #entry .headimg {
  margin: -20px -15px 15px;
}
#contents #entry .headimg .credit {
  color: #888;
  font-size: 10px;
  margin: 5px 5px 0;
}
#contents #entry header h1 {
  font-size: 22px;
  line-height: 1.36;
  padding-bottom: 8px;
  border-bottom: 3px solid #222;
  margin-bottom: 7px;
}
#contents #entry header aside {
  text-align: center;
  margin: 17px 0 15px;
}
#contents #entry .entry_inner section ul, #contents #entry .entry_inner section ol,
#contents #entry .entry_inner aside.shop ul,
#contents #entry .entry_inner aside.shop ol {
  letter-spacing: 0;
  padding-left: 30px;
  margin-bottom: 10px;
}
#contents #entry .entry_inner section ul > li,
#contents #entry .entry_inner aside.shop ul > li {
  margin: 5px 0;
  display: list-item;
  list-style: disc outside;
}
#contents #entry .entry_inner section ol > li,
#contents #entry .entry_inner aside.shop ol > li {
  margin: 5px 0;
  display: list-item;
  list-style: decimal outside;
}
#contents #entry .entry_inner section .twitter-tweet {
  margin-top: 30px !important;
  margin-bottom: 35px !important;
}
#contents #entry .sns ul {
  letter-spacing: -.40em;
}
#contents #entry .sns li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 10px;
  text-align: center;
  font-size: 22px;
}
#contents #entry .sns li a {
  color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 21px;
  display: block;
  line-height: 42px;
}
#contents #entry .sns li a:hover {
  text-decoration: none;
}
#contents #entry .sns li a span {
  display: none;
}
#contents #entry .sns li.facebook a {
  background: #3b5998;
}
#contents #entry .sns li.twitter a {
  background: #55acee;
}
#contents #entry .sns li.google a {
  background: #d74f40;
}
#contents #entry .sns li.line a {
  background: #00c300;
}
#contents #entry .sns li.google,
#contents #entry .sns li.line {
  font-size: 24px;
}
#contents #entry .footlnk {
  text-align: center;
  margin-top: 30px;
}
#contents #entry .footlnk .sns {
  margin-bottom: 15px;
}
#contents #entry .footlnk .sns li {
  font-size: 28px;
}
#contents #entry .footlnk .sns li.google,
#contents #entry .footlnk .sns li.line {
  font-size: 31px;
}
#contents #entry .footlnk .sns a {
  width: 54px;
  height: 54px;
  border-radius: 27px;
  line-height: 54px;
}
#contents #entry .footlnk .keywords a {
  color: #222 !important;
}
#contents #entry .intro p, #contents #entry section p {
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 16px;
}
#contents #entry .intro {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
#contents #entry .intro p:last-child {
  margin-bottom: 0;
}
#contents #entry section {
  padding-bottom: 20px;
}
#contents #entry section h2 {
  font-size: 20px;
  line-height: 1.55;
  margin-bottom: 10px;
}
#contents #entry section figure {
  margin: 0 auto 20px;
}
#contents #entry section figure .bg_gl {
  background: #f3f3f3;
  padding: 10px 0;
  text-align: center;
}
#contents #entry section figure .bg_gl img {
  width: 41.379%;
}
#contents #entry section p + figure {
  padding-top: 7px;
}
#contents #entry section blockquote {
  padding-left: 8px;
  position: relative;
  margin: 40px 0 24px;
}
#contents #entry section blockquote:before {
  position: absolute;
  content: "";
  display: block;
  background: url(/wp/wp-content/themes/kokocara/images/icn_blockquote.png) no-repeat 50%;
  background-size: contain;
  width: 18px;
  padding-top: 26px;
  top: -26px;
  left: 0;
}
#contents #entry section blockquote p {
  color: #555;
  margin-bottom: 0;
  padding: 0 0 16px 16px;
  border-left: 2px solid #ddd;
}
#contents #entry section blockquote p:last-child {
  padding-bottom: 0;
}
#contents #entry figure h3 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
#contents #entry figure figcaption p {
  color: #888;
  font-size: 13px;
  line-height: 1.75;
  margin: 7px 0 0;
}
#contents #entry .ytvideo {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
#contents #entry .ytvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#contents #entry .framegray, #contents #entry .shop {
  background: #f3f3f3;
  padding: 20px 20px 5px;
  margin-bottom: 30px;
}
#contents #entry .shop h3, #contents #entry .movie h3, #contents #entry .profile h3 {
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 8px;
}
#contents #entry .shop p, #contents #entry .shop li, #contents #entry .movie p, #contents #entry .movie li {
  font-size: 15px;
  line-height: 1.7;
}
#contents #entry .shop figure {
  margin: 0 auto 15px;
}
#contents #entry .shop h4 {
  margin-bottom: 5px;
}
#contents #entry .shop p {
  margin-bottom: 15px;
}
#contents #entry .shop li {
  margin-bottom: 5px;
}
#contents #entry .shop figcaption p {
  font-size: 13px;
  margin-bottom: 0;
}
#contents #entry .shop div + p {
  margin-top: 8px;
}
#contents #entry .movie {
  margin-bottom: 30px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
#contents #entry .movie .inner {
  padding: 15px;
}
#contents #entry .movie p {
  margin-bottom: 15px;
}
#contents #entry .movie li {
  margin-bottom: 5px;
}
#contents #entry .movie .btn {
  margin-bottom: 0;
}
#contents #entry .profile {
  border: 1px solid #ddd;
  padding: 0 20px;
  margin-bottom: 30px;
}
#contents #entry .profile .profbox {
  padding: 20px 0 10px;
  border-bottom: 1px solid #ddd;
}
#contents #entry .profile .profbox:last-child {
  border-bottom: none;
}
#contents #entry .profile p {
  font-size: 13px;
  line-height: 1.7;
}
#contents #entry .profile .line {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 3px solid #ddd;
}
#contents #entry .profile .line p {
  font-size: 15px;
  margin-bottom: 15px;
}
#contents #entry .profile .phset {
  margin-bottom: 12px;
  overflow: hidden;
}
#contents #entry .profile .mainph {
  float: left;
  width: 30%;
  margin-right: 6%;
}
#contents #entry .profile .mainph img {
  border-radius: 100%;
}
#contents #entry .profile .names {
  float: left;
  width: 64%;
  text-align: left;
}
#contents #entry .profile .names .part {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.03em;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 2px;
}
#contents #entry .profile .names .part span {
  border-bottom: 2px solid #222;
}
#contents #entry .profile .names h3 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.375;
}
#contents #entry .profile .names h3 span {
  display: block;
  color: #888;
  font-size: 12px;
  padding-top: 2px;
}
#contents #entry .staff {
  font-size: 14px;
}
#contents #entry .keywords {
  text-align: center;
  padding-bottom: 30px;
}
#contents #entry .keywords h3,
#contents #entry .keywords li {
  font-size: 15px;
}
#contents #entry .keywords ul {
  letter-spacing: -.40em;
}
#contents #entry .keywords li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 1em;
}
#contents #entry .tblset {
  padding-top: 10px;
  margin-bottom: 30px;
}
#contents #entry .tblset p.subtxt {
  font-size: 13px !important;
  line-height: 1.7;
  margin: 7px 0 0;
}
#contents #entry .tblset table {
  width: 100%;
  border-collapse: collapse;
}
#contents #entry .tblset th,
#contents #entry .tblset td {
  font-size: 16px;
  padding: 0.5em 0.6em;
  border: 1px solid #ddd;
  border-collapse: collapse;
  box-sizing: border-box;
}
#contents #entry .tblset th {
  background: #f3f3f3;
}
#contents #list header {
  margin-bottom: 20px;
  text-align: center;
}
#contents #list header h1 {
  font-size: 25px;
  line-height: 1.4;
  margin-bottom: 4px;
  letter-spacing: 0.1em;
}
#contents #list header h1.tag {
  margin-bottom: 30px;
}
#contents #list header h1.tag :before {
  content: "#";
}
#contents #list header p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #888;
  letter-spacing: 0.05em;
  margin: -4px 0 20px;
}
#contents #list header .keywords {
  text-align: center;
}
#contents #list header .keywords h2 {
  font-size: 14px;
  margin-bottom: 4px;
}
#contents #list header .keywords ul {
  text-align: center;
  letter-spacing: -.40em;
  font-size: 0;
}
#contents #list header .keywords li {
  font-size: 14px;
  display: inline-block;
  letter-spacing: normal;
  line-height: 1;
  margin: 4px 1em 4px 0;
}
#contents #list header .keywords li:last-child {
  margin-right: 0;
}
#contents #notfound {
  padding-bottom: 20px;
}
#contents #notfound header {
  font-size: 24px;
  text-align: center;
  width: 10em;
  margin: 0 auto 20px;
}
#contents #notfound h1 {
  font-size: 24px;
  line-height: 1.4;
}
#contents #notfound p {
  font-size: 15px;
  line-height: 1.9;
}
#contents #notfound p.btn {
  margin-top: 20px;
}

.more {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.more .inner {
  padding: 0 15px;
}
.more h3 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
  padding: 0 15px;
}

#category {
  background: #f2f5e6;
  padding: 20px 15px 13px;
}
#category h2 {
  font-size: 21px;
  margin-bottom: 15px;
  text-align: center;
  letter-spacing: 1px;
}
#category li {
  margin-bottom: 10px;
  text-align: center;
  position: relative;
}
#category li .parent {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 2;
}
#category li .text {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 50%;
}
#category li .text h3 {
  font-size: 20px;
}
#category li .text p {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.05em;
  margin-top: -2px;
}

footer {
  color: #fff;
  text-align: center;
  background: #333;
  padding: 20px 15px;
}
footer p {
  font-size: 12px;
  margin-bottom: 20px;
}
footer ul {
  margin-bottom: 32px;
  letter-spacing: -.40em;
}
footer li {
  font-size: 12px;
  display: inline-block;
  letter-spacing: normal;
}
footer li a {
  color: #fff !important;
}
footer li:first-child {
  margin-right: 12px;
}
footer small {
  font-size: 10px;
}

.pageTop {
  display: none;
  position: relative;
  width: 100%;
  max-width: 900px;
  height: 0;
  margin: 0 auto;
}
.pageTop a {
  position: fixed;
  bottom: 0;
  right: 10px;
  display: block;
  width: 46px;
  height: 46px;
  margin-left: 100%;
  background: rgba(0, 0, 0, 0.5) url(/wp/wp-content/themes/kokocara/images/icn_ptop.png) no-repeat center;
  background-size: 16px auto;
  outline: none;
  text-decoration: none;
  z-index: 9999;
  border-radius: 23px;
}

@media print, screen and (min-width: 768px) {
  body {
    margin-bottom: 420px;
  }

  .pcOj {
    display: block;
  }

  .spOj {
    display: none;
  }

  a:hover {
    color: #222;
    text-decoration: underline;
  }
  a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
  }
  a:hover li.date {
    text-decoration: underline;
  }
  a:hover li.category {
    background: #bebebe;
  }

  header#global {
    text-align: left;
    border-bottom: 4px solid #222;
    padding: 30px 0 0;
  }
  header#global .header_inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    height: 128px;
  }
  header#global h1 {
    width: 254px;
    height: 56px;
    margin-bottom: 40px;
  }
  header#global nav {
    padding: 0;
    background: transparent;
  }
  header#global nav h2 {
    display: none;
  }
  header#global nav ul {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  header#global nav ul.subwin {
    position: absolute;
    right: 15px;
    top: 0;
  }
  header#global nav ul.subwin li {
    font-size: 13px;
    text-align: right;
    margin-bottom: 2px;
  }
  header#global nav ul.subwin a {
    color: #222;
  }
  header#global nav .categories {
    letter-spacing: -.40em;
    word-spacing: 0.1em;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -202px;
  }
  header#global nav .categories li {
    font-size: 16px;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
  }
  header#global nav .categories li a {
    color: #222;
    padding: 0 30px;
    height: 46px;
    line-height: 46px;
    border-bottom: 4px solid #222;
    box-sizing: border-box;
  }
  header#global nav .categories li a:hover {
    color: #64af42;
    border-bottom: 4px solid #64af42;
    text-decoration: none;
  }
  header#global nav .keywords {
    display: none;
  }
  header#global .sub {
    font-size: 13px;
    line-height: 1.5;
    position: absolute;
    left: 15px;
    top: 0;
  }

  .keywords_home {
    display: block;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
  }
  .keywords_home .inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
    padding: 16px 0 10px;
    box-sizing: border-box;
  }
  .keywords_home h2 {
    font-size: 13px;
    float: left;
    width: 9em;
  }
  .keywords_home ul {
    font-size: 13px;
    letter-spacing: -.40em;
    margin-left: 9em;
  }
  .keywords_home ul li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 1em 5px 0;
  }
  .keywords_home a:before {
    content: "#";
  }

  article {
    margin: 0 3.125% 40px 0;
    width: 31.25%;
    float: left;
  }
  article h1 {
    font-size: 16px;
    margin-bottom: 4px;
  }
  article p {
    font-size: 14px;
    line-height: 1.7;
  }
  article .date {
    font-size: 11px;
  }
  article .category {
    font-size: 10px;
  }
  article.pickup {
    margin: 0;
    float: left;
    width: 65.625%;
  }
  article.pickup .catch {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
  }
  article.pickup .text {
    padding: 25px 30px 40px;
  }
  article.pickup .text h1 {
    font-size: 28px;
    line-height: 1.285;
    margin-bottom: 10px;
  }
  article.pickup .text p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 15px;
  }
  article.pickup .text .date {
    font-size: 13px;
  }
  article.pickup .text .category {
    font-size: 12px;
  }

  #contents {
    padding: 40px 15px 0;
    max-width: 990px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #contents .pickup_set {
    overflow: hidden;
  }
  #contents .pickup_set .right {
    float: right;
    padding-left: 3.125%;
    width: 34.375%;
    box-sizing: border-box;
  }
  #contents .pickup_set .right article {
    margin-right: 0;
    float: none;
    width: 100%;
  }
  #contents .main {
    box-sizing: border-box;
    overflow: hidden;
  }
  #contents .main article:nth-child(3n) {
    margin-right: 0;
  }
  #contents .main article:nth-child(3n+1) {
    clear: both;
  }
  #contents .pagination {
    padding: 20px 0 60px;
  }
  #contents .pagination li {
    font-size: 16px;
    margin-right: 10px;
    line-height: 36px;
  }
  #contents .pagination li a {
    width: 36px;
    height: 36px;
    border-radius: 18px;
  }
  #contents .pagination li a:hover {
    color: #fff;
    background: #64af42;
    text-decoration: none;
  }
  #contents .pagination li.current {
    width: 36px;
    height: 36px;
    border-radius: 18px;
  }
  #contents .pagination li.prev a:hover::before,
  #contents .pagination li.next a:hover::before {
    border-top: 2px solid #64af42;
    border-right: 2px solid #64af42;
  }
  #contents .btn {
    font-size: 16px;
  }
  #contents .btn a {
    display: block;
    color: #fff;
    background: #69b238;
    border-radius: 4px;
    width: 300px;
    padding: 8px 0;
    margin: 0 auto;
  }
  #contents .btn a:hover {
    text-decoration: none;
    background: #9dd186;
  }
  #contents #entry {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    float: none;
  }
  #contents #entry .headimg {
    margin: 0 0 30px;
  }
  #contents #entry .headimg .credit {
    font-size: 12px;
    margin: 5px 0 0;
  }
  #contents #entry .entry_inner {
    padding: 0 10.71428571%;
  }
  #contents #entry header {
    overflow: hidden;
    margin-bottom: 30px;
  }
  #contents #entry header h1 {
    font-size: 30px;
    line-height: 1.4;
    border-bottom: 3px solid #222;
    margin-bottom: 15px;
  }
  #contents #entry header ul {
    float: left;
    margin-top: 6px;
    margin-right: 20px;
  }
  #contents #entry header .date {
    font-size: 13px;
  }
  #contents #entry header .category {
    font-size: 12px;
  }
  #contents #entry header .sns {
    margin: 0;
    padding-top: 0;
  }
  #contents #entry header .sns li {
    font-size: 19px;
  }
  #contents #entry header .sns li.google {
    font-size: 21px;
  }
  #contents #entry header .sns li a {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    line-height: 36px;
  }
  #contents #entry header aside {
    text-align: left;
    margin: 0;
  }
  #contents #entry .footlnk {
    text-align: center;
    margin-top: 0;
  }
  #contents #entry .footlnk .sns {
    margin-bottom: 30px;
  }
  #contents #entry .footlnk .sns li {
    font-size: 29px;
    margin-right: 10px;
  }
  #contents #entry .footlnk .sns li.google {
    font-size: 31px;
  }
  #contents #entry .footlnk .sns a {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
  }
  #contents #entry li.facebook a:hover {
    background: #768bb7;
  }
  #contents #entry li.twitter a:hover {
    background: #94cbf4;
  }
  #contents #entry li.google a:hover {
    background: #e3847a;
  }
  #contents #entry li.line {
    display: none;
  }
  #contents #entry .intro p,
  #contents #entry section p {
    font-size: 17px;
  }
  #contents #entry .intro {
    padding-bottom: 30px;
    margin-bottom: 50px;
  }
  #contents #entry section {
    padding-bottom: 32px;
  }
  #contents #entry section h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  #contents #entry section figure {
    margin-bottom: 25px;
  }
  #contents #entry section figure .bg_gl {
    padding: 15px 0;
  }
  #contents #entry section figure .bg_gl img {
    width: auto;
  }
  #contents #entry section blockquote {
    padding-left: 9px;
    margin: 45px 0 32px;
  }
  #contents #entry section blockquote:before {
    width: 20px;
    padding-top: 20px;
  }
  #contents #entry section blockquote p {
    padding-left: 40px;
    border-left: 3px solid #ddd;
  }
  #contents #entry figure h3 {
    font-size: 20px;
  }
  #contents #entry figure figcaption p {
    font-size: 14px;
    line-height: 1.5;
    margin: 7px 0 0;
  }
  #contents #entry .framegray, #contents #entry .shop {
    padding: 30px 30px 18px;
  }
  #contents #entry .shop {
    padding: 30px 30px 18px;
  }
  #contents #entry .shop .infoset {
    overflow: hidden;
  }
  #contents #entry .shop figure {
    float: left;
    margin: 0 30px 15px 0;
  }
  #contents #entry .shop figure.subph_clt {
    float: none !important;
    margin: 0 auto 15px;
    width: 35%;
  }
  #contents #entry .shop figure.subph_cly {
    float: none !important;
    margin: 0 auto 15px;
    width: 55%;
  }
  #contents #entry .movie .inner {
    padding: 24px 30px 30px;
  }
  #contents #entry .movie .btn {
    padding-top: 5px;
    margin-bottom: 0;
  }
  #contents #entry .shop .subph_m_txt {
    width: 64%;
    float: right;
  }
  #contents #entry .shop .subph_s_txt {
    width: 74%;
    float: right;
  }
  #contents #entry .shop .subph_l_txt {
    width: 54%;
    float: right;
  }
  #contents #entry .shop h3,
  #contents #entry .movie h3,
  #contents #entry .profile h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #contents #entry .shop h4 {
    margin-bottom: 5px;
  }
  #contents #entry .shop p,
  #contents #entry .movie p {
    margin-bottom: 12px;
  }
  #contents #entry .profile {
    padding: 0 30px;
  }
  #contents #entry .profile .profbox {
    padding: 30px 0 20px;
  }
  #contents #entry .profile p {
    font-size: 14px;
  }
  #contents #entry .profile .line p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 12px;
  }
  #contents #entry .profile .mainph {
    float: left;
    width: 90px;
    margin-right: 20px;
  }
  #contents #entry .profile .mainph img {
    border-radius: 50%;
  }
  #contents #entry .profile .names {
    float: left;
    text-align: left;
  }
  #contents #entry .profile .names h3 {
    font-size: 20px;
    line-height: 1.5;
  }
  #contents #entry .profile .names h3 span {
    padding-top: 0;
  }
  #contents #entry .staff {
    text-align: center;
    margin-bottom: 30px;
  }
  #contents #entry .keywords {
    padding-bottom: 60px;
  }
  #contents #entry .tblset p.subtxt {
    font-size: 14px !important;
  }
  #contents #entry th,
  #contents #entry td {
    font-size: 17px;
    padding: 0.5em 1em;
  }
  #contents #list header {
    margin-bottom: 30px;
  }
  #contents #list header h1 {
    font-size: 32px;
    margin-bottom: 0;
  }
  #contents #list header h1.tag {
    margin-bottom: 50px;
  }
  #contents #list header p {
    font-size: 13px;
    margin-bottom: 40px;
  }
  #contents #list header .keywords h2 {
    font-size: 12px;
    margin-bottom: 4px;
  }
  #contents #list header .keywords li {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 1em 5px 0;
  }
  #contents #notfound {
    padding-bottom: 100px;
  }
  #contents #notfound header {
    font-size: 32px;
    margin-bottom: 30px;
  }
  #contents #notfound h1 {
    font-size: 32px;
  }
  #contents #notfound p {
    font-size: 15px;
    text-align: center;
  }
  #contents #notfound p span:before {
    content: "\A";
    white-space: pre;
  }
  #contents #notfound p.btn {
    font-size: 16px;
    margin: 50px auto 0;
  }

  .more {
    padding-top: 40px;
    margin: 0;
    overflow: hidden;
  }
  .more .inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .more .inner article:nth-child(3n) {
    margin-right: 0;
  }
  .more h3 {
    font-size: 22px;
    max-width: 960px;
    margin: 0 auto 8px;
    padding: 0 15px;
  }

  .foot_cont {
    width: 100%;
    bottom: 0;
    height: 420px;
    position: absolute;
  }

  #category {
    padding: 35px 15px 40px;
  }
  #category .inner {
    max-width: 960px;
    margin: 0 auto;
  }
  #category h2 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  #category ul {
    overflow: hidden;
  }
  #category li {
    margin-bottom: 0;
    width: 31.25%;
    margin-left: 3.125%;
    float: left;
    background: #fff;
  }
  #category li:first-child {
    margin-left: 0;
  }
  #category li .text {
    height: 55%;
  }
  #category li .text h3 {
    font-size: 22px;
  }
  #category li .text p {
    margin-top: -2px;
  }

  footer {
    padding: 35px 0 40px;
    height: 110px;
  }
  footer .inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
  }
  footer p {
    font-size: 14px;
    margin-bottom: 12px;
  }
  footer p span:after {
    content: "";
  }
  footer ul {
    margin-bottom: 30px;
  }
  footer li {
    font-size: 14px;
    display: inline-block;
  }
  footer li:first-child {
    margin-right: 30px;
  }
  footer small {
    font-size: 12px;
  }

  .pageTop {
    max-width: 100%;
  }
  .pageTop a {
    left: auto;
    width: 50px;
    height: 50px;
    background-size: 20px auto;
    border-radius: 25px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  body {
    margin-bottom: 332px;
  }

  a:hover {
    text-decoration: none;
  }
  a:hover img {
    opacity: 1;
  }
  a:hover li.date {
    text-decoration: none;
  }
  a:hover li.category {
    background: #a5a5a5;
  }

  header#global .header_inner {
    height: 118px;
  }
  header#global h1 {
    width: 33.875%;
    max-width: 254px;
  }
  header#global nav ul.subwin li {
    font-size: 11px;
  }
  header#global nav .categories li {
    font-size: 15px;
  }
  header#global .sub {
    font-size: 11px;
  }

  .keywords_home .inner {
    padding: 10px 15px 3px;
  }
  .keywords_home h2 {
    font-size: 12px;
  }

  article {
    margin-bottom: 32px;
  }
  article h1 {
    margin-bottom: 2px;
  }
  article .text {
    padding-top: 8px;
  }
  article p {
    margin-bottom: 0;
  }
  article.pickup .text {
    padding: 15px 20px 25px;
  }
  article.pickup .text h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  article.pickup .text p {
    font-size: 15px;
    margin-bottom: 10px;
  }

  #contents {
    padding: 25px 15px 0;
  }
  #contents .pagination {
    padding: 10px 0 30px;
  }
  #contents .pagination li {
    font-size: 14px;
  }
  #contents #entry section blockquote p {
    padding-left: 30px;
  }
  #contents #entry .footlnk .keywords {
    padding-bottom: 40px;
  }
  #contents #list header {
    margin-bottom: 20px;
  }
  #contents #list header h1 {
    font-size: 28px;
  }
  #contents #list header p {
    margin-bottom: 16px;
  }
  #contents #notfound h1 {
    font-size: 28px;
  }

  .more {
    padding-top: 22px;
  }

  .foot_cont {
    height: 332px;
  }

  #category {
    padding: 20px;
  }
  #category h2 {
    margin-bottom: 15px;
  }
  #category li .text h3 {
    font-size: 16px;
  }
  #category li .text p {
    font-size: 10px;
  }

  footer {
    padding: 30px 0 30px;
  }
  footer ul {
    margin-bottom: 20px;
  }
  footer small {
    font-size: 10px;
  }

  footer p,
  footer li {
    font-size: 12px;
  }

  .pageTop {
    width: 100%;
  }

  .pageTop a {
    left: -68px;
    margin-left: 100%;
  }
}
@media print {
  p a,
  code,
  pre {
    word-wrap: break-word;
  }

  body {
    -webkit-print-color-adjust: exact;
    margin-bottom: auto;
  }

  header#global .header_inner {
    padding: 0;
    height: 118px;
  }
  header#global .sub {
    font-size: 12px;
    left: 0;
  }
  header#global h1 {
    width: 30%;
    height: auto;
    margin-bottom: 30px;
  }
  header#global nav ul.subwin {
    right: 0;
  }
  header#global nav ul.subwin li {
    font-size: 12px;
  }

  #contents .pickup_set,
  .main,
  .more {
    min-height: 100px;
  }

  #contents .pickup_set:after,
  .main:after,
  .more:after {
    content: "";
    display: table;
    clear: both;
  }

  .foot_cont {
    bottom: auto;
    position: static;
    height: auto;
    clear: both;
  }

  #category {
    padding: 20px 15px 20px;
  }
  #category h2 {
    margin-bottom: 15px;
  }
  #category li .text h3 {
    font-size: 16px;
  }
  #category li .text p {
    font-size: 10px;
  }

  .pagetop {
    display: none;
  }
}