@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20150920
*/

/* Simplicity子テーマ用のスタイルを書く */
.font-base {
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.font-playfair {
  font-family: 'Playfair Display SC', serif;
}
.font-jp--special {
  font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover {
  color:inherit;
}
ul,ol {
  list-style: none;
    padding-left: 0;
}
#sidebar ul, #sidebar ol, .widget-over-article ul, .widget-over-article ol, .widget-under-article ul, .widget-under-article ol, .widget-over-sns-buttons ul, .widget-over-sns-buttons ol, .widget-under-sns-buttons ul, .widget-under-sns-buttons ol {
     padding-left: 0;
    list-style: none;
}

#navi {
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color: #f3f3f3!important;
  border-bottom: 4px solid #333;
}
#navi ul {
  background-color: #f3f3f3!important;
  position: relative;
  clear: both;
  margin-bottom: 0;
  border: none;
  background-color: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
#navi ul.menu > li {
  float: none;
  list-style: none;
  position: relative;
  display: table-cell;
}
#navi ul li a {
  font-size: 14px;
  color: #333;
  display: block;
  padding:13px 39px;
  color: #434343;
  font-weight: bold;
  text-decoration: none;
  z-index: 99;
  letter-spacing: 1px;
}
#navi ul li a:hover {
  color: #fff;
}
#navi ul li.current-menu-item a {
  background: #333;
  color: #fff;
}
#mobile-menu a {
  color: #006E36;
  padding: 15px 12px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-align: center;
  line-height: 100%;
  border-radius: none;
  position: absolute;
  right: 7px;
  top: 10px;
  font-size: 16px;
  margin-top: 0;
  z-index: 999;
}

#header .alignleft {
  margin: 0;
}
#header .alignright.top-btn-contact {
  right: 0;
  top: 0;
  position: absolute;
}
.top-btn-contact a {
  border-radius: 0 0 4px 4px;
  padding: 8px 14px;
  font-size: 12px;
  letter-spacing: 1px;
  background: #333;
  color: #fff;
  text-decoration: none;
  display: block;
}
.top-btn-contact a:hover{
  color:#fff!important;
  background-color:#777;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}

.h-top__sitecatch {
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 5px 10px;
  position: absolute;
  top: 36px;
  left: 225px;
}
.h-top__sitecatch span {
  font-family: 'Playfair Display SC', serif;
  display: block;
  font-size: 14px;
}

.top-title-catchphrase {
  position: relative;
  height: 120px;
}

#h-top-custom {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  background: #fff;
}

#site-title {
  margin-top: 7px;
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 100%;
  margin: 0;
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 0;
}
.site-title-img {
  height: 80px;
}

.article {
    line-height: 1.9;
}

#main {
  float: left;
  box-sizing: border-box;
  width: 740px;
  padding: 0 0 29px;
  border: none;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 30px;
}


.entry-header__meta {
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: #828282;
  font-size: 12px;
}
.entry-header__theme {
  margin-top: -10px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 12px;
  color: #828282;
}
.entry-card-content {
  position: relative;
}
.entry-card-content
.post-author {
  position: absolute;
  top: 153px;
  left: 0;
}
.post-author {
  margin: 0;
  display: table-row;
}
.post-author li {
  display: table-cell;
  padding-right: 5px;
  vertical-align: middle;
  font-size: 14px;
}
.post-author li .avatar {
  border-radius: 13px;
  vertical-align: bottom;
}

#main .entry
.entry-header__title {
  margin-bottom: 10px;
  margin-top: 10px;
  letter-spacing: 1px;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#main .entry
.entry-header__title a:hover{
  color:#777!important;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
.entry-header__title a {
  font-size: 22px !important;
  line-height: 1.6;
}
.entry-card-content {
  margin-left: 276px;
}
.entry-card-content-wrap {
  position: relative;
  overflow: hidden;
}
.entry-thumb {
  float: left;
  margin-right: 10px;
   margin-top: 0px;
}
.entry-thumb img {
  border: 0;
  width: 266px;
  height: 180px;
   margin-bottom: 0px;
}

.entry-large-thumbnail img {
  max-width: 420px;
  width: 100%;
  height: auto;
}

.article
.entry-title {
  font-size: 30px;
  letter-spacing: 3px;
  padding-bottom: 30px;
}

.entry-content img {
  box-sizing: border-box;
  vertical-align: bottom;
}

.entry-snippet, .related-entry-snippet {
  word-wrap: break-word;
}
.entry-snippet {
  height: auto !important;
  margin: 0 0 5px 0;
  line-height: 1.6;
  color: #555;
  overflow: hidden;
  font-size: 16px;
}
.entry .post-meta {
  position: absolute;
  top: 5px;
  left: 0;
  text-align: left;
}
.entry .post-meta a {
  color: #fff;
  background: #87bd33;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 12px;
}
.entry .post-meta .category a:hover {
  color: #fff;
  text-decoration: underline;
}
.entry .post-meta .category--event a {
  color: #fff;
  background: #55ACEE;
}
.entry .post-meta .category--column a {
  color: #fff;
  background: #87bd33;
}
.entry .post-meta .category--interview a {
  color: #fff;
  background: #DD4B39;
}

.entry-read {
  margin: 0;
  text-align: right;
  display: inline-block;
  position: absolute;
  top: 153px;
  right: 0;
}
.entry-read a:before {
  font-family:"FontAwesome";
  content:"\f03a";
  margin-right: 10px;
}
.entry-read a {
  background: #333;
  color: #fff;
  padding: 3px 12px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
}
.entry-read a:hover{
  color:#fff!important;
  background-color:#777;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}

.article h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 1.4;
}

#main .post, #main .page {
  margin-bottom: 20px;
  padding: 10px 0;
  background: #FFF;
/*  border-top: 2px solid #333;
  box-shadow: 0 1px 3px #aaa;*/
}

.post-meta {
    text-align: left;
    background: none;
    margin: 0 0 0;
    background-color: none;
    color: #555;
    font-size: 14px;
}

#breadcrumb {
  margin-bottom: 7px;
  color: #777;
  font-size: 13px;
}

.sns-buttons-icon--top ul.snsbs li a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  padding: 11px 12px 0;
  position: relative;
  width: 100%;
  height: 42px;
  margin-right: 5px;
  text-align: center;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.15) inset;
}

.sns-buttons-icon--top {
  margin-bottom: 10px;
}
.sns-buttons-icon--top ul.snsbs li {
  margin-right: 0;
  margin-bottom: 5px;
  width: 33.3%;
}

.social-icon--top {
  font-size: 14px;
  margin-left: 6px;
}

.post-shop {
  margin: 0;
  color: #16902E;
}

.post-profile {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  margin: 25px 0 25px;
  padding: 25px 0 20px;
}

.article .post-profile h2 {
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: none;
}
.article .post-profile h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  border: none;
}
#the-content p.post-profile__link {
  margin: 0;
}


/* 
#sidebar a {
  text-decoration: none;
}

#sidebar .widgettitle {
  background: #f3f3f3;
  padding: 10px 15px 8px;
  font-size: 16px;
}

#sidebar .widget_categories ul {
  padding: 0;
}
#sidebar .widget_categories li{
  margin-bottom: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
}
#sidebar .widget_categories li +li{
  border-top: 1px solid #E0E0E0;
}
*/

#sidebar .widget.pc_text {
  margin-top: 30px;
}
#sidebar .widget.pc_text span {
  font-size: 14px;
  color: #888;
  display: block;
  text-align: right;
}
#sidebar .widget.pc_text p {
  margin: 0;
  font-size: 14px;
}

#sidebar h4 {
  font-family: 'Playfair Display SC', serif;
  margin-bottom: 10px;
  font-size: 20px;
  padding: 10px 0px;
  border-bottom: 2px solid #333;
    letter-spacing: 3px;
}

.widget.widget_categories ul {
  margin:0;
  padding: 0;
}
.widget.widget_categories ul li {
    margin-bottom: 10px;
    background: #333;
    padding: 4px;
}
.widget.widget_categories ul li a {
  padding: 10px 15px;
  text-decoration: none;
  background: #333;
  color: #FFF;
  display: block;
  box-sizing: border-box;
  border: 1px solid #fff;
}

#sidebar .widget {
  margin-bottom: 0px;
}
.ad-space {
  margin-bottom: 0px;
}


/* AUTHOR */
.content-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    /* border-top: 1px solid #DCDCDC; */
    /* border-bottom: 1px solid #DCDCDC; */
    padding: 30px 0px 15px;
    letter-spacing: 1px;
    text-align: center;
}

.content-author {
  position: relative;
  margin-bottom: 20px;
}
.content-author a {
  text-decoration: none;
}
.content-author a:hover {
}
.content-author dl {
  margin: 0 0 10px;
}
.content-author dt {
  font-size: 14px;
}
.content-author dd {
  font-size: 14px;
  margin: 0;
}

.content-author .c-media__right {
  width: 520px;
}
.content-author .c-media__right p {
  margin: 0;
}
.content-author__head {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DCDCDC;
}

.content-author__head__nickname {
  font-size: 46px;
  margin-bottom: 0;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 5px;

}
.content-author__head__en {
  font-family: 'Playfair Display SC', serif;
  margin-right: 10px;
  font-size: 18px;
  letter-spacing: 5px;
  margin: 0;
  padding: 5px 5px;
}
.content-author__head__en span+span {
  margin-left: 10px;
}

.content-author__avatar {
  margin: 0;
}
.content-author__avatar img {
  border: 3px solid #E8E8E8;
  padding: 3px;
}

.content-author__category {
  letter-spacing: 1px;
  font-size: 24px;
  margin: 5px 0;
  position: absolute;
  top: 17px;
  right: 10px;
  font-weight: normal;
}
.content-author__category span {
  margin-right: 5px;
  font-size: 18px;
}

/*
Media
*/
.c-media {
  line-height: 1.6;
}
/*--cf--*/
.c-media:before,
.c-media:after {
  display: table;
  content: "";
}
.c-media:after {
  clear: both;
}
.c-media {
  *zoom: 1;
}
/*--cf--*/
.c-media__left {
  float: left;
  margin-right: 20px;
  color: #6A6A6A;
}
.c-media__right {
  overflow: hidden;
}

.c-color-facebook {
  color: #3c5a99;
}
.c-color-twitter {
  color: #55acee;
}


/* the-content */

.article .entry-content h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 1;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 20px 0px 15px;
  letter-spacing: 1px;
}

.article #the-content.entry-content img.size-large {
  max-width: 100%;
  width: 100%;
  height: auto !important;
  border: 5px solid #ddd;
  padding: 3px;
}


/* facebook */

.fb_iframe_widget iframe {
    position: relative !important;
}