@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: 4536
Theme URI: https://4536.jp
Description: 4536
Author: Chef
Author URI: https://4536.jp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 20180326
---------------------------------------------------------*/
* { font-family: 'Nunito', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    margin: 0px;
	padding: 0px;
}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
	display: block;
}
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav,img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
figure {
    margin: 0;
}
img, video, object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}
a {
    transition: 0.3s ease-in-out;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    opacity: 0.5;
}
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
iframe {
    max-width: 100%;
    vertical-align: bottom;
}
li {
    margin: 10px 0;
}
pre {
    margin-bottom: 1.5rem;
}
input,select,textarea {
    line-height: 1;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 1px;
    padding: 0.5rem;
    border: 3px solid #ddd;
    background-color: #fff;
    color: #555;
    max-width: 100%;
}
/* シンタックスハイライト */
code {
    word-wrap: normal;
}
p code,li code {
    display: inline;
    padding: 0 0.2rem;
    color: #c5c8c6;
    background-color: #1d1f21;
    word-wrap: break-word;
}
.display-none {
    display: none;
}
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
/* 点滅 */
@keyframes blink {
  50% { opacity: 0; }
}
@-webkit-keyframes blink {
  50% { opacity: 0; }
}
/* iframeのレスポンシブ */
.youtube-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
/* パンくず */
#breadcrumb {
    margin: .8em auto;
    line-height: 1.4;
}
#breadcrumb li {
    display: inline;
    list-style-type: none;
    word-break: break-all;
    font-size: 0.8em;
}
#breadcrumb li::after {
    content: "/";
    margin: 0 .5em;
}
#breadcrumb li:last-child::after {
    content: "";
}
#breadcrumb li a {
    color: #666;
}
#breadcrumb .fa-home {
    margin-right: 2px;
}
/* サムネイル */
.thumbnail {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.thumbnail-wide {
    width: 100px;
    height: 75px;
    margin: 0 auto;
}
.thumbnail img,.thumbnail-wide img {
    width: 100%;
    height: 100%;
}
/*------------
  全体設定
------------*/
body {
    position: relative;
    left: 0;
    overflow-x: hidden;
    background-color: #fcfcfc;
    height: 100%;
}
#wrapper,.inner,#header-image {
	max-width: 1080px;
	margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.inner {
    padding: 20px 10px;
}
#contents-inner {
    overflow: hidden;
	background-color: #fff;
    color: #333;
}
/* 余白設定 */
.padding-0-10 {
    padding: 0 10px;
}
.padding-10-0 {
    padding: 10px 0;
}
.padding-10-10-0 {
    padding: 10px 10px 0;
}
.margin-0-10 {
    margin: 0 10px;
}
.margin-10-0 {
    margin: 10px 0;
}
.right-10px {
    right: 10px;
}
/*------------
  header
------------*/
header .inner {
    position: relative;
}
#header,#post-nav {
    z-index: 997;
    transition: 0.5s ease;
}
.header-contents {
    margin: 0 auto;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
}
.header-title {
    width: 80%;
}
.header-logo img {
    display: block;
    height: 48px;
    margin: 0 auto;
}
header .slide-button,header .search-button {
    width: 10%;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    height: 100%;
    padding: 1em 0;
}
#sitename {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    line-height: 1;
}
#sitename a {
  color: #fff;
}
/* slide-menu */
#slide-menu {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 999;
    overflow: scroll;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    color: #000;
    -webkit-overflow-scrolling: touch;
}
#layer {
    position: fixed;
    top: 0;
    z-index: 998;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    visibility: visible;
    overflow: hidden;
}
.layer-text {
    position: absolute;
    top: 50%;
    right: 5%;
    color: #fff;
    margin-left: 10px;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
}
body.open {
    overflow: hidden;
    height: 100%;
}
.close-button {
    padding: 30px;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    cursor: pointer;
}
/* 検索フォーム */
#slide-search #search {
    display: none;
	position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
}
#search .inner,.dropdown-list {
    position: relative;
    padding: 0;
}
#s,#q {
	z-index: 10;
    -webkit-appearance:none;
}
#searchsubmit,.submit-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	z-index: 20;
    -webkit-appearance:none;
    background-color: #00a0e9;
    color: #fff;
    border: 3px solid #ddd;
}
/* ドロップダウン */
#searchform input,.widget_archive select,.widget_categories select,.dropdown-list select {
    width: 100%;
}
/* description */
#description {
    font-style: italic;
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    margin: 1em auto;
}
#description .inner {
    padding: 0 10px;
}
/* header-image */
#header-image img {
    display: block;
    margin: 0 auto;
}
/*------------
  post-area
------------*/
/* post-nav */
#post-area-title {
    font-size: 24px;
    font-weight: bold;
}
#post-nav {
    text-align: center;
}
#post-nav .inner {
    padding: 0 10px;
}
#post-nav ul {
    padding-top: 10px;
}
#post-nav ul ul {
    display: none;
}
#post-nav li {
    padding: 5px;
    list-style-type: none;
    display: inline-block;
    margin: 0;
}
#post-nav li a {
    color: #fff;
}
#post-nav .current-menu-item a {
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    color: #999;
}
#post-nav li:first-child {
    padding-left: 0px;
}
#post-nav li::after {
    content: '/';
    margin-left: 10px;
}
#post-nav li:last-child::after {
  margin-right: 0;
  content: none;
}
/* post-list */
.post-list {
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    margin: .8em 0;
    overflow: hidden;
}
.post-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.post-list a {
    display: block;
    padding-bottom: .8em;
    color: #000;
}
.post-list .thumbnail,
.post-list .thumbnail-wide {
    position: relative;
    float: left;
    margin-right: 10px;
}
.post-list-category {
    font-family: "FontAwesome";    
}
.post-list-category::before {
    content: '\f02c';
    margin-right: 2px;
}
.icon-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    overflow: hidden;
}
.new-icon {
    display: inline-block;
    position: absolute;
    padding: 4px 0;
    left: -5px;
    top: 5px;
    width: 90px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    background: #ff0000;
    color: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 99;
}
/* post-info */
.post-info {
    line-height: 1.4;
    overflow: hidden;
    word-break: break-all;
}
.line-clamp-2 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
}
.line-clamp-3 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
}
/* ホームの記事一覧 */
h2.post-title {
    margin-bottom: 5px;
    font-size: 16px;
}
.post-title {
    font-weight: bold;
}
.post-meta {
    font-size: 12px;
    line-height: 1.5;
}
.post-meta a {
    color: #000;
}
.excerpt {
    margin-top: 10px;
}
/* post-search */
#post-search {
    margin-bottom: 20px;
}
#no-post {
    padding: 20px 0;
}
/* 4列2行 */
.post-list-ex {
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
}
.post-list-ex a {
    display: block;
    color: #000;
}
.post-list-ex figure[class^=thumbnail] {
    width: 100%;
    height: auto;
}
.post-list-ex .post-info {
    padding-top: 10px;
}
/* カード */
.post-list.list-card {
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: none;
    margin: 1em auto;
}
.post-list.list-card a {
    padding: 0;
}
/* 2列5行 */
.list-2-5 {
    width: 48.5%;
    margin: 0 3% 1.5em 0;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.list-2-5:nth-of-type(2n) { margin-right: 0; }
/* ビッグ */
.list-big {
    margin-bottom: 2em;
    display: block;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.post-list-ex.list-big .post-info,
.post-list-ex.list-2-5 .post-info {
    padding: .8em;
}
.pc-wrapper .post-list.list-card .post-info {
    padding: 10px 10px 10px 0;
}
.mobile-wrapper .post-list.list-card .post-info {
    padding: 5px 5px 5px 0;
}
.mobile-wrapper .post-list.list-card h2.post-title {
    font-size: 90%;
}
/*------------
  pagination
------------*/
.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	margin: 2em 0;
    padding: 0 10px;
}
.pagination span, .pagination a {    
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
}
.pagination a:hover {
    background-color: #00A0E9;
}
.pagination .current {
	padding: 5px 10px;
	color: #fff;
	background-color: #aaa;
}
/*------------
  archive
------------*/
#archive-title {
    font-size: 24px;
    line-height: 1.4;
    margin: 1em 0;
    padding-bottom: 5px;
    border-bottom: solid 3px black;
}
/*------------
  post
------------*/
/* 公開日 */
.post-date {
    margin: 1.5rem 0;
    font-size: 0.9em;
}
/* 更新日 */
.posted-date {
    margin-right: 10px;
    font-family: "FontAwesome";
}
.posted-date::before {
    content: '\f274';
    margin-right: 2px;
}
.modified-date {
    font-family: "FontAwesome";
}
.modified-date::before {
    content: '\f01e';
    margin-right: 2px;
}
.post-thumbnail img {
    display: block;
    margin: 0 auto 1.5rem;
}
/* 見出し */
.post-wrapper h1 {
    margin: 1em 0;
    font-size: 1.5em;
    line-height: 1.4;
}
.post-main h2,
.post-main h3,
.post-main h4,
.post-main h5 {
    margin: 1.4em 0;
    line-height: 1.4;
    clear: both;
}
.post-main h2 {
    font-size: 22px;
}
.post-main h3 {
    font-size: 18px;
}
/* フォント */
.post-main a {
    text-decoration: underline;
}
/* フォント */
.post-main p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 1.5rem;
}
.post-main ol,.post-main ul {
    margin-left: 30px;
    margin-bottom: 20px;
}
.post-main li {
    line-height: 1.4;
}
.post-main blockquote {
    padding: 20px 20px 0;
    margin: 10px 10px 20px;
    position: relative;
    border: 1px solid #000;
    border-radius: 2px;
    font-family: "FontAwesome";
}
.post-main blockquote::before {
    position: absolute;
    left: -10px;
    top: -10px;
    background-color: #fff;
    content: '\f10d';
    font-size: 18px;
    width: 18px;
    height: 18px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
}
.post-main blockquote::after {
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-color: #fff;
    content: '\f10e';
    font-size: 18px;
    width: 18px;
    height: 18px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
}
/* 画像 */
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* キャプション */
.wp-caption {
    height: auto;
    max-width: 100%;
    margin-bottom: 1.5rem;
}
.post-main .wp-caption-text {
	text-align: center;
    font-size: 12px;
    font-style: italic;
    padding: 5px;
    margin: 0;
}
/* テーブル */
.post-main table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom: 20px;
	width:100%;
    border-collapse: collapse;
}
.post-main table tr td,.post-main table tr th {
	padding: 5px;
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
	font-size: 14px;
	line-height: 1.4;
}
.post-main table tr:nth-child(even) {
	background-color: #f6f6f6;
}
/* category-tag */
.category-tag {
    margin: 1.5em 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.6;
}
.category-name {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}
/* 記事本文のピックアップ記事 */
#pickup-post-bottom span,#pickup-post-top span {
    background-color: #ff0000;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px;
    border-radius: 2px;
}
#pickup-post-top {
    margin: 1.5rem 0 0;
}
.post-main .pickup-text-link {
    font-size: 14px;
    margin-bottom: .5em;
}
/* ad */
.ad-wrapper {
    margin: 2rem auto;
    text-align: center;
}
/* ページ分割 */
#page-links {
    margin: 3em auto;
}
#page-links span {
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background-color: #aaa;
    border-radius: 2px;
}
#page-links a {
    text-decoration: none;
}
#page-links .page-links-title, #page-links a span {
    background-color: #000;
}
/*------------------------
    記事がよかったらいいね
-------------------------*/
#fb-like-section {
    display: table;
    background-color: #2b2b2b;
    width: 100%;
}
.fb-like-image {
    min-width: 150px;
    display: table-cell;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;    
}
.fb-like-section-right {
    display: table-cell;
    color: #fff;
    padding: 1rem 0.5rem;
    text-align: center;
    font-weight: bold;
}
.post-main .fb-like-text {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.4;
}
.fb-like {
    display: block !important;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.fb-like iframe {
    max-width: none!important;
}
/*----------------------
    Twitterフォローボタン
----------------------*/
#twitter-follow-section {
    text-align: center;
    padding: 0.8rem;
    background-color: #f2f2f2;
    line-height: 2;
    margin-bottom: 30px;
}
.post-main .twitter-follow-text {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}
.post-main .twitter-follow-button {
    background-color: #0dafed;
    color: #fff;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
    margin: 0;
    font-size: 14px;
    text-decoration: none;
}
/*------------
  sns
------------*/
.sns {
	width: 100%;
    clear: both;
	margin: 0 auto;
	text-align: center;
    padding: 10px;
}
.sns a {
    text-decoration: none;
    vertical-align: middle;
}
.sns-title {
    margin: 1em 0;
	text-align: center;
    font-weight: bold;
}
.default-sns-button {
	display: inline-block;
	width: 47%;
	padding: 0 1%;
    margin: 0 0 2%;
}
.default-sns-button a {
	font-size: 80%;
	position: relative;
	display: block;
	padding: 10px;
	color: #fff;
	border-radius: 2px;
	text-decoration: none;
}
.sns-post-bottom .default-sns-button {
    text-align: left;
}
.sns-post-bottom .default-sns-button a {
    text-align: left;
    padding-left: 10px;
}
.sns-post-bottom .default-sns-button i {
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 10px;
    width: 13px;
    text-align: center;
}
.simple-sns-button {
    margin: 0 4px;
}
.simple-sns-button a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 14px;
    line-height: 14px;
    height: 14px;
    border-radius: 50%;
    padding: 10px;
}
.simple-sns-button-2 a {
    border: 1px solid #000;
    color: #000;
}
.rich-sns-button a {
    border-radius: 4px;
    box-shadow: 0 0.1875em 0.3125em 0 rgba(0, 0, 0, 0.35);
}
.colorful-sns-button.twitter a {
	background: #00acee;
}
.colorful-sns-button.facebook a {
	background: #3b5998;
}
.colorful-sns-button.hatebu a {
	background: #5d8ac1;
}
.colorful-sns-button.pocket a {
	background: #f03e51;
}
.colorful-sns-button.googleplus a {
	background: #db4a39;
}
.colorful-sns-button.line a {
	background: #25af00;
}
.colorful-sns-button.rss a {
	background: #ffb53c;
}
.colorful-sns-button.feedly a {
	background: #87c040;
}
/* 記事上SNS */
#sns-post-top {
    margin: 0 auto 1.5em;
}
#sns-post-top.sns {
    padding: 0;
}
#sns-post-top .default-sns-button {
    width: 18.4%;
    padding: 0;
	margin-right: 2%;
}
#sns-post-top .default-sns-button:last-child {
	margin-right: 0;
}
/* 固定 */
#fixed-share-button {
    position: fixed;
    width: 100%;
    bottom: 40px;
    padding-bottom: .8em;
    z-index: 999999;
    display: none;
    background-color: #fff;
}
#fixed-share-button .close-button {
    position: absolute;
    bottom: -40px;
    right: 0;
    font-size: 20px;
    padding: 10px 20px;
    background-color: #fff;
    width: 100%;
}
/*---------------
    プロフィール
---------------*/
#profile {
    margin: 30px 10px 20px;
    padding: 30px 10px 10px;
    border: 1px solid #ddd;
    position: relative;
}
#profile-title {
    position: absolute;
    top: -1em;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 14px;
    margin-left: 10px;
}
#profile-thumbnail {
    width: 80px;
    float: left;
}
#profile-thumbnail img {
    border: 1px solid #000;
    border-radius: 50%;
}
#profile-info {
    margin-left: 90px;
    margin-top: 5px;
}
#profile-info p {
    margin-left: 90px;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    word-break: break-all;
}
#writter-follow {
    padding-top: 10px;
}
.follow-button {
    display: inline;
    margin-left: 10px;
}
.twitter {
    color: #00acee;
}
.facebook {
    color: #3b5998;
}
.googleplus {
    color: #db4a39;
}
.instagram {
    color: #3f729b;
}
.spotify {
    color: #1ed760;
}
.soundcloud {
    color: #ff5511;
}
/*----------------
  PREV NEXT
----------------*/
#prev_next {
    width: 100%;
    margin-top: 36px;
    padding: 0;
    display: table;
}
#prev_next a {
    color: #000;
}
.prev_next-title {
    padding: 20px 0;
}
#prev_next #prev, #prev_next #next {
    width: 50%;
    padding: 30px 10px 10px;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    display: table-cell;
    position: relative;
    text-decoration: none;
}
#prev_next #prev p, #prev_next #next p {
    font-size: 90%;
    line-height: 1.4;
}
#prev_next #prev:hover, #prev_next #next:hover {
    background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
    border-right: #ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title {
    top: -.8em;
    position:absolute;
    border: 1px #ccc solid;
    background:#fff;
    text-align: center;
    padding:3px;
    color:#666;
}
#prev_next #next_title {
    right: 10px;
}
#prev_next #prev img, #prev_next #next img {
    display: block;
    margin: 0 auto;
}
#prev_next #prev_no, #prev_next #next_no {
    width: 50%;
    height: 140px;
    padding: 0 10px;
    display: table-cell;
}
#prev_next #prev_no {
    border-right: #ccc 1px solid;
}
#prev_next_home {
    margin: 0 auto;
    background-color: #000;
    border: solid 9px #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #000;
    text-align: center;
    vertical-align: top;
}
#prev_next_home:hover {
    background-color: rgba(238,238,238,0.7);
}
#prev_next_home i {
    color: #fff;
    margin: 10px auto;
    font-size: 60px;
}
/*------------
  comments
------------*/
#comments {
	color: #000;
	padding: 20px 20px 10px;
    border-radius: 4px;
    line-height: 1.4;
    clear: both;
}
#comments #reply-title {
	margin-bottom: 20px;
}
#comments-title {
    font-size: 18px;
    font-weight: bold;
}
#comments p {
	margin-bottom: 20px;
    overflow: hidden;
}
#comments p a {
    text-decoration: underline;
}
#comments label {
	display: block;
    margin-bottom: 5px;
}
.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}
.commentmetadata {
	font-size: 10px;
	padding: 10px 0;
	clear: both;
}
.reply {
	padding: 5px;
}
#comments #respond {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}
#comments #commentlist img {
	padding: 10px;
}
#comments .comment-list {
	padding-left: 0px;
	list-style-type: none;
}
ul.children {
	padding: 0px;
}
.comment-list li {
	list-style-type: none;
}
.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}
#comments textarea {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid;
    padding: 5px;
}
#comments input {
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	border: 1px #f2f2f2 solid;
}
/* コメントボタン */
#comments input[type="submit"] {
    color: #fff;
    background-color: #000;
	padding: 10px;
	-webkit-appearance: none;
    border-radius: 4px;
}
/*------------
  related-post
------------*/
#related-post {
    padding: 20px 10px;
}
#related-post-area-title {
    margin-bottom: 20px;
}
/*----------------
  media-section
----------------*/
.media-section {
    position: relative;
    overflow: auto;
    clear: both;
    background-color: #222;
    padding-bottom: 20px;
}
.media-section-title {
    padding: 20px 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.media-content {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.pickup-content {
    width: 150px;
}
.media-content a {
    color: #fff;
    display: block;
}
.media-content:last-child {
    margin-right: 0;
}
.media-content .thumbnail,.media-content .thumbnail-wide {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
}
.media-content .music-thumbnail {
    height: 150px;
}
.media-content .post-info .media-content-title {
    white-space: normal;
    font-size: 14px;
}
#music,#movie {
    border-bottom: 1px solid #000;
}
.music-content {
    width: 150px;
}
.movie-content {
    width: 196px;
}
/*------------
  sidebar
------------*/
#sidebar {
    margin-top: 20px;
}
#sidebar ul li,#sidebar ol li {
    list-style-type: none;
    line-height: 1.4;
    margin-top: 0;
}
.main-title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
}
#sidebar #scroll {
    padding-top: 10px;
    margin-top: -10px;
}
.pagenav {
    list-style-type: none;
    margin: 0 auto 1.5em;
}
/*------------
  footer
------------*/
footer,#fixed-footer {
    clear: both;
    background-color: #000;
    color: #fff;
}
footer a,
footer .widget_categories li a,
footer .widget_archive li a,
footer .widget_recent_entries li a,
footer .widget_pages li a,
footer .text_widget li a {
    color: #fff;
}
footer h4 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#copyright {
    clear: both;
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}
/*------------
  Widget
------------*/
.textwidget {
    position: relative;
    overflow: hidden;
}
.header-widget,.footer-top-widget {
    margin: 1em auto;
}
.post-top-widget {
    margin-bottom: 1.5rem;
}
.post-bottom-widget {
    margin: 1.5rem 0;
}
.sidebar-widget {
    margin-bottom: 1.5em;
}
.footer-widget {
    padding: 20px 0;
}
.footer-widget li {
    list-style-type: none;
}
.slide-widget {
    margin: 10px;
}
.slide-widget-title {
    margin: 10px 0;
    padding: 10px 0;
}
.widget-title,.ad-title,.post-main .widget-title,.post-main .ad-title {
    margin-bottom: 0.2em;
    font-size: 12px;
    text-align: center;
    color: #666;
}
.widget_categories li,
.widget_archive li,
.widget_recent_entries li,
.widget_pages li,
.text_widget li {
    line-height: 1.4;
    border-bottom: 1px dotted #ddd;
    position: relative;
    list-style: none;
}
.widget_categories li:last-child,
.widget_archive li:last-child,
.widget_recent_entries li:last-child,
.widget_pages li:last-child,
.text_widget li:last-child {
    border-bottom: none;
}
.widget_categories li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_pages li a,
.text_widget li a {
    display: block;
    margin: 10px 0 10px 20px;
    color: #000;
}
.widget_categories li a:before,
.widget_archive li a:before,
.widget_recent_entries li a:before,
.widget_pages li a:before,
.text_widget li a:before {
    position: absolute;
    left: 0;
    font-family: "FontAwesome";
    content: "\f138";
}
.widget_categories li ul {
    margin: 15px 0 5px 15px;
}
/*-----------
    CTA
------------*/
.cta {
    padding: 2em 0 1px;
}
.cta .cta-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.cta-title,.cta p {
    margin: 0 20px 2em;
    line-height: 1.6;
}
.cta img {
    display: block;
    margin: 0 auto 2em;
    padding: 0 20px;
}
/*-----------
    LP
------------*/
.lp h1 {
    text-align: center;
    margin: 1.5em 0;
}
/*-----------
    ブログカード
------------*/
.blog-card {
    margin: 1.5em 0;
    border: 1px solid #ddd;
    word-wrap: break-word;
    max-width: 100%;
    border-radius: 2px;
}
.post-main .blog-card-link {
    transition: none;
    text-decoration: none;
    display: block;
}
.blog-card-thumbnail {
    float: left;
    margin-right: 10px;
}
.blog-card .post-info {
    padding: 10px 10px 10px 0;
}
.blog-card-title {
    line-height: 1.6;
}
.blog-card-title::before {
    content: '関連';
    background-color: #000;
    color: #fff;
    margin-right: 5px;
    padding: 2px 3px;
    font-size: 12px;
    border-radius: 2px;
}
.blog-card-title {
    font-size: 90%;
    font-weight: bold;
}
.blog-card-excerpt {
    color: #333;
    font-size: 80%;
    line-height: 1.4;
    margin-top: 10px;
}
/*--------------------
    吹き出しを作る
--------------------*/
.balloon {
    margin: 40px 0;
    padding : 0 40px;
    position: relative;
}
.balloon:after,.balloon:before {
    clear: both;
    content: "";
    display: block;
}
.balloon-image-left {
    position: absolute;
    left: 0;
    margin: 0;
    width: 60px;
    height: 60px;
}
.balloon-image-right {
    position: absolute;
    right: 0;
    margin: 0;
    width: 60px;
    height: 60px;
}
.balloon figure img {
    width: 100%;
    height: 100%;
    border: 1px solid #aaa;
    border-radius: 50%;
    margin: 0;
}
.balloon-image-description {
    padding: 5px 0 0;
    font-size: 10px;
    text-align: center;
}
.balloon-text-right {
    position: relative;
    margin-left: 40px;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 10px;
    float: left;
    max-width: 100%;
}
.balloon-text-left {
    position: relative;
    margin-right: 40px;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 10px;
    float: right;
    max-width: 100%;
}
.balloon p {
    margin: 0 0 20px;
}
.balloon p:last-child {
    margin-bottom: 0;
}
/* 会話 */
.balloon-text-right:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #aaa;
    top: 15px;
    left: -20px;
}
.balloon-text-right:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 15px;
    left: -19px;
}
.balloon-text-left:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #aaa;
    top: 15px;
    right: -20px;
}
.balloon-text-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 15px;
    right: -19px;
}
/* 考え毎 */
.think .balloon-text-right,.think .balloon-text-left {
    border-radius: 30px;
}
.think .balloon-text-right:before {
    border: 1px solid #aaa;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    left: -12px;
}
.think .balloon-text-right:after {
    border: 1px solid #aaa;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.think .balloon-text-left:before {
    border: 1px solid #aaa;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.think .balloon-text-left:after {
    border: 1px solid #aaa;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}
/*---------------------
    オリジナルのフレーム
----------------------*/
.frame {
    width: 90%;
    margin: 30px auto 20px;
    padding: 30px 20px 0;
    border: 3px solid #aaa;
    position: relative;
    border-radius: 3px;
    background-color: #fff;
}
.frame-title {
    line-height: normal;
    position: absolute;
    top: -13px;
    left: 20px;
    padding: 0 5px;
    background-color: #fff;
    border-radius: 3px;
}
.frame-title .fa {
    margin-right: 5px;
}
.caution {
    background-color: #ff4500;
    border: 2px solid #ff4500;
    color: #fff;
}
.one-point {
    background-color: #0000ff;
    border: 2px solid #0000ff;
    color: #fff;
}
/*--------------
    横スクロール
---------------*/
.scroll-wrapper {
    position: relative;
}
.scroll-left {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; /* IE対策 */
    overflow: -moz-scrollbars-none; /* Firefox対策 */
}
.scroll-left::-webkit-scrollbar {
    display: none;
}
.scroll-content {
    display: inline-block;
    white-space: nowrap;
}
.scroll-content .thumbnail {
    margin-right: 10px;
    display: inline-block;
}
.scroll-content .thumbnail:last-child{
    margin-right: 0;
}
.scroll-content .thumbnail,
.scroll-content .thumbnail-wide {
    position: relative;
}
/*--------------------
    オリジナルボタン
--------------------*/
.bold-4536 {
    font-weight: bold;
}
.color-red-4536 {
    color: #ff0000;
}
.color-blue-4536 {
    color: #0000ff;
}
.color-orange-4536 {
    color: #ef5214;
}
.color-green-4536 {
    color: #00ff00;
}
.color-white-4536 {
    color: #fff;
}
.text-align-center {
    text-align: center;
}
.font-size-10px {
    font-size: 10px;
}
.font-size-12px {
    font-size: 12px;
}
.font-size-14px {
    font-size: 14px;
}
.font-size-16px {
    font-size: 16px;
}
.font-size-18px {
    font-size: 18px;
}
.font-size-20px {
    font-size: 20px;
}
.font-size-22px {
    font-size: 22px;
}
.font-size-24px {
    font-size: 24px;
}
.box-4536 {
    border-radius: 2px;
    position: relative;
    padding: 1em;
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 1.6;    
}
.border-4536 {
    border: 2px solid;
}
.border-red,.frame-red {
    border-color: #ff4500;
}
.border-blue,.frame-blue {
    border-color: #0000ff;
}
.border-orange {
    border-color: #ef5214;
}
.border-green,.frame-green {
    border-color: #25c04a;
}
.border-yellow,.frame-yellow {
  border-color: #ff8c00;
}
.border-brown,.frame-brown {
  border-color: #5d310c;
}
.background-color-gray {
    background-color: #ccc;
}
.background-color-red {
    background-color: #ff0000;
}
.background-color-blue {
    background-color: #0000ff;
}
.background-color-orange {
    background-color: #ef5214;
}
.background-color-green {
    background-color: #25c04a;
}
.button-4536 {
    width: 90%;
    max-width: 480px;
    clear: both;
    position: relative;
	border-radius: 4px;
    font-size: 16px;
	line-height: 1.6;
    text-align: center;
    margin: 2rem auto;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.button-4536 a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding: 1em;
}
.reference {
    background-color: #fd7c37;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px;
    border-radius: 2px;
}

/*-----------
    その他
------------*/
/* ドロップダウンメニューのテキスト削除 */
.screen-reader-text {
    display: none;
}
/*---------------------
    ▼ AMPでは使わない ▼
----------------------*/
/* レイアウト設定 */
.width-780 #wrapper,
.width-780 .inner,
.width-780 #header-image {
    max-width: 780px;
}
.width-880 #wrapper,
.width-880 .inner,
.width-880 #header-image {
    max-width: 880px;
}
.width-980 #wrapper,
.width-980 .inner,
.width-980 #header-image {
    max-width: 980px;
}
.width-1180 #wrapper,
.width-1180 .inner,
.width-1180 #header-image {
    max-width: 1180px;
}
.width-1280 #wrapper,
.width-1280 .inner,
.width-1280 #header-image {
    max-width: 1280px;
}
.width-1380 #wrapper,
.width-1380 .inner,
.width-1380 #header-image {
    max-width: 1380px;
}
.width-1480 #wrapper,
.width-1480 .inner,
.width-1480 #header-image {
    max-width: 1480px;
}
/* ヘッダー */
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 1px 3px #000;
}
/* ヘッダー縮小 */
header .reduce .slide-button,header .reduce .search-button {
    padding: .6em 0;
}
#header.reduce,.reduce #post-nav,.reduce #post-nav a {
    background-color: #fff;
    color: #000;
}
#header .inner.reduce {
    padding: 10px;
}
#sitename a.reduce {
    color: #000;
}
/* 横スクロールのボタン */
.leftbutton,.rightbutton {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    background-color: #000;
    opacity: .8;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 50%;
    -webkit-transform: translate(0, -50%); /* Safari用 */
    transform: translate(0, -50%);
    display: none;
}
.leftbutton:hover,.rightbutton:hover {
    color: #fff;
}
.leftbutton {
    left: 0;
    box-shadow: 1px 1px 1px #888;
}
.rightbutton {
    right: 0;
    box-shadow: -1px 1px 1px #888;
}
.overlaid-category {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    opacity: .9;
    padding: .2em .4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
/* ウィジェット */
.textwidget iframe {
    display: block;
    margin: 0 auto;
}
.textwidget img {
    display: block;
    margin: 0 auto;
}
/* 計測タグ */
img[width|="0"], img[height|="0"], img[width|="1"], img[height|="1"] {
    display: inline-block;
    position: absolute;
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 480px) {
/* ad */
.ad {
    margin-bottom: 10px;
}
/* sns */
.sns {
	padding: 10px 1%;
}
.default-sns-button {
	width: 30.5%;
    margin-bottom: 2%;
}
.default-sns-button a {
	font-size: 75%;
	padding: 10px 2px;
}
.twitter-follow-text,.twitter-follow-button {
    font-size: 14px;
    display: inline;
}
.footer-contents {
  width: 33.33%;
  float: left;
  padding: 0 20px;
}
/* min480px */}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 768px) {
header .left-title {
    width: initial;
    float: left;
}
#wrapper.pc-wrapper {
    margin-top: 1em;
}
.left-title #sitename {
    vertical-align: -webkit-baseline-middle;
    display: inline;    
}
.pc-global-nav {
    float: right;
    padding: 0 5px;
}
/* ad */
.ad {
    display: inline-block;
    margin: 0 auto;
    width: 49%;
}
.ad:nth-child(even) {
    margin-left: 2%;
}
.simple-sns-button a {
    font-size: 20px;
    width: 20px;
    line-height: 20px;
    height: 20px;
}
.padding-top-1_5em {
    padding-top: 1.5em;
}
/* 3列3行 */
.list-3-3 {
    width: 30%;
    margin: 0 1.6% 1.5em;
}
/* 4列2行 */
.list-4-2 {
    width: 23%;
    margin: 0 1% 1.5em;
}
/* min768px */}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
#contents-wrapper {
	width: 100%;
	float: left;
	margin-right: -300px;
}
.right-content #contents-wrapper {
	float: right;
	margin: 0 0 0 -300px;
}
.center-content #contents-wrapper {
	margin: 0;
}
#contents-inner {
    margin: 0 320px 20px 0;
}
.right-content #contents-inner {
    margin: 0 0 20px 320px;
}
.center-content #contents-inner {
    margin: 0 0 20px 0;
}
.post-main {
    padding: 0 20px;
}
#sidebar {
	float: right;
	width: 300px;
	padding: 0px;
    margin-top: 0;
}
/* フォント設定 */    
.post-main p,
.post-main li
{
    font-size: 1.1em;
}
.post-main h2 {
    font-size: 1.4em;
}
.post-main h3 {
    font-size: 1.3em;
}
.post-main h4 {
    font-size: 1.2em;
}
h2.post-title {
    font-size: 1.1em;
}
.alignright {
	display: block;
	margin: 0 0 1.2em 1.2em;
    float: right;
}
.alignleft {
	display: block;
	margin: 0 1.2em 1.2em 0;
    float: left;
}
.post-main .pickup-text-link {
    font-size: 16px;
}
/*記事がよかったら、いいねPC*/
.fb-like-image {
    min-width: 250px;
}
.fb-like-section-right {
    padding: 2rem;
}
.post-main .fb-like-text {
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: normal;
}
.fb-like {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
/* Twitterフォロー */
.twitter-follow-text,.twitter-follow-button {
    font-size: 16px;
}
/* ブログカード */
.blog-card-title a {
    font-size: 100%;
}
.blog-card-excerpt {
    font-size: 90%;
}
/* IE対策 */
.ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
	display: list-item;
	padding: 0;
}
main .thumbnail {
    width: 150px;
    height: 150px;
}
main .thumbnail-wide {
    width: 150px;
    height: 113px;
}
.cta-image-left {
    float: left;
    width: 50%;
}
.cta-image-right {
    float: right;
    width: 50%;
}
/* min780px */}
/*media Queries 高解像度PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 1024px) {
/* min1024px */}
/*media Queries 高解像度PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 1160px) {
/* min1160px */}