@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  word-wrap : break-word;/*区切りの良さそうなところで改行　スマホ表示中の右や下の無駄な余白なくなる*/
  overflow-wrap : break-word;/*区切りの良さそうなところで改行*/
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}
large {
  font-size: 120%;/* 文字を大きく　*/
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/* reset */

div,
iframe,
p,
blockquote,
cite,
h1,
h2,
h3,
h4,
h5,
h6,
img,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section,
time,
mark,
input,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  vertical-align: baseline;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
}

/* other */

h1 {
  font-size: 28px;
}

h2 {
  font-size: 21px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 6px;
}

i,
em {
  font-style: italic;
}

blockquote {
  padding: 20px;
  color: #666;
  background-color: #ddd;
}

.article__content ul,
.article__content ol {
  margin: 12px 0;
}

.article__content ul li {
  list-style: disc;
  margin: 0 0 0 2.4em;
}

.article__content ol li {
  list-style: decimal;
  margin: 0 0 0 2.4em;
}

.article__content table {
  border-color: #333;
}

.article__content thead {
  background-color: #999;
}

.article__content tfoot,
.article__content tbody {
  background-color: #fff;
  color: #333;
}

.article__content td,
.article__content th {
  padding: 0px 10px;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  color: #202020;
  vertical-align: baseline;
  word-break: break-all;
  font-size: 16px;
  font-family: 'Helvetica Neue','Helvetica', 'Arial', '游ゴシック', YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, sans-serif;
  line-height: 1.8;
  letter-spacing: 0;
  zoom: 1;
}

li {
  list-style: none;
}

img {
  vertical-align: bottom;
}

a {
  color: #00a497;/* リンクの色　*/
  text-decoration: none;
}

a:hover {
  color: #bc763c;/* マウスを置いたときの色　*/
  text-decoration: underline;  /* リンク部分にアンダーライン */
}

.l-wrapper {
  width: 960px;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.l-content {
  float: right;
  padding-bottom: 40px;/* 初期値166　*/
}

.l-footer {
  width: 100%;
  clear: both;
}

.l-left {
  float: left;
}

.l-right {
  float: right;
}

.header {
  padding: 64px 0;/* ブログタイトル上下・左右の余白　*/
  text-align: center;
}

.header h1 {
  margin: 0;
  font-size: 30px;/* ブログタイトル文字の大きさ変更　*/
  line-height: 1.4;
  font-weight: bold;
}

.header h1 a {
  color: #333;
  text-decoration: none;
}

.description {
  font-size: 15px;/* ブログタイトル下の説明文の文字の大きさ　*/
}

.footer .poweredby {
  width: 138px;
  margin: 0 auto;
}

.footer .poweredby__body {
  background: #9C9C9C;
  text-align: center;
  font-size: 10px;
  padding: 3px;
  color: #fff;
}

.footer .poweredby__body a {
  color: #fff;
}

.main {
  margin-top: 30px;/* 追加で設定　*/
  width: 600px;/* 初期値は 620　*/
}

.side {
  width: 300px;
}

.side--right {
  float: right;
}

.side--left {
  float: left;
  margin-right: 60px;/* 初期値は 40　*/
}

.heading {
  font-weight: bold;
  font-size: 24px;/*カテゴリー一覧　検索時のトップ見出し文字大きさ*/
  color: #a3a3a2;/*カテゴリー一覧　検索時のトップ見出し文字色*/
  border-bottom: 1px dashed #ccc;
  margin-bottom: 40px;
  text-align: center;
}

.entry { 
  margin-bottom: 20px;
  padding-bottom: 15px;
}

div.article--entry {
  padding: 0 12px;/* ページトップの記事リストのサムネイル横の本文抜粋部の左右の空白 */
  color: #3E3A39;/* ページトップの記事リストのサムネイル横の本文抜粋部の文字の色 */
}

.entry__thumbnail {
  margin-bottom: 10px;
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 10px;/* ページトップの記事リストのサムネイル横の空白調整 */
}

.entry__thumbnail a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.entry__thumbnail img {
  position: relative;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.entry__thumbnail {
  text-align: center\9;
}

.entry__thumbnail:not(:target) {
  text-align: left\9;
}

.entry__thumbnail img {
  top: auto\9;
  left: auto\9;
}

.entry__thumbnail img:not(:target) {
  top: 50%;
  left: 50%;
}

.entry__title {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}

.entry__title a {
  color: #595857;/* ページトップの記事リストのタイトル色 */
}

.meta {
  color: #3E3A39;/* ページトップの記事リストのサムネイル上の日付の文字色 */
  font-size: 12px;
  margin-bottom: 10px;
}

.meta .date {
  display: inline-block;
  margin-right: 5px;
}

.meta .tag {
  display: inline-block;
}

.meta .tag a {
  margin-right: 5px;
}

.article--all {
  margin-bottom: 30px;/* 初期値80 */
}

.article__heading {
  margin-bottom: 30px;
}

.article__title {
  font-size: 23px;/* 記事タイトル文字の大きさ変更 line-height: 1.4 */
  font-weight: bold;
  border-bottom: 2px dotted #ccc;
  color: #595857;/* メイン記事タイトル文字色 */
}

.article__title a {
  color: #595857;/* メイン記事タイトル文字色かと思ったが変わらなかった */
}

.article__content {
  margin-bottom: 30px;
}

.article__content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.article__content img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.article__content--comments {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 30px;
}

.article__footer .posted {
  margin-bottom: 30px;/* 初期値40 */
  text-align: right;
}

.article__footer .posted .partition:before {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.article__footer .bookmark {
  text-align: center;
  margin-bottom: 10px;/* 初期値60 */
}

.module {
  margin-bottom: 40px;
}

.module__heading {
  font-size: 17px;/* サイドのタイトル文字の大きさ　*/
  font-weight: bold;
  color: #595857;/* サイドのタイトル文字色　*/
  border-left:8px solid #ddbb99;
  line-height: 1.2;/* サイド装飾の高さ幅　*/
  border-radius: 4px;/* サイド装飾に丸み　*/
  padding-left: 8px;
  padding-top: 4px;/* 装飾とタイトルの位置バランス　*/
  margin: 1.0em 0;
}

.module--recent-entry .recent-entry__item {
  border-bottom: 1px dotted #ccc;
}

.module--recent-entry .recent-entry__item a {
  display: block;
  color: #333;
  padding: 10px 0;
  overflow: hidden;
}

.module--recent-entry .recent-entry__item a:hover {
  background-color: #efffe0;/* サイドバー投稿記事リストにマウスをあわせると背景に色がつく */
}

.module--recent-entry .recent-entry__item a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.module--recent-entry .recent-entry__thumbnail {
  margin-right: 10px;
  float: left;
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: relative;
}

.module--recent-entry .recent-entry__thumbnail img {
  position: relative;
  min-width: 70px;
  min-height: 70px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.module--recent-entry .recent-entry__thumbnail img {
  top: auto\9;
  left: auto\9;
}

.module--recent-entry .recent-entry__thumbnail img:not(:target) {
  top: 50%;
  left: 50%;
}

.module--recent-entry .recent-entry__title {
  font-size: 14px;
  color: #595857;/* サイドバー投稿記事リスト内　記事タイトルの色 */
  font-weight: bold;
  overflow: hidden;
  line-height: 20px;/* サイドバー投稿記事リスト内　記事タイトルの行間 */
}
  
.module--recent-entry .recent-entry__body {
  line-height: 1.5;
  overflow: hidden;
  font-size: 12px;/* サイドバー投稿記事リスト内　記事抜粋部の文字大きさ */
  color:#808080;/* サイドバー投稿記事リスト内　抜粋文の色 */
}

.module--recent-comment p a {
  font-size: 15px;/* サイドバーコメントのリスト内　タイトルの文字の大きさ */
  display: block;
}

.module--recent-comment p span {
  display: block;
  text-align: right;/* サイドバーコメントのリスト内　投稿者名を左寄せ */
  font-size: 12px;/* サイドバーコメントのリスト内　投稿者名の文字の大きさ */
  padding-right: 40px;
}

.module--article-link .article-link__item {
  border-bottom: 1px dotted #333;
}

.module--article-link .article-link__item a {
  color: #333;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  padding: 15px 0;
}

.module--article-link .article-link__item a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.module--article-link .article-link__thumbnail {
  background: #fff;
  margin-right: 10px;
  float: left;
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: relative;
}

.module--article-link .article-link__thumbnail--inner {
  width: 100%;
  height: 70px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.module--article-link .article-link__thumbnail img {
  position: relative;
  height: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.module--article-link .article-link__thumbnail img {
  top: auto\9;
  left: auto\9;
}

.module--article-link .article-link__thumbnail img:not(:target) {
  top: 50%;
  left: 50%;
}

.module--article-link .article-link__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 2px;
  overflow: hidden;
}

.module--article-link .article-link__body {
  font-size: 13px;
  line-height: 1.3;
  color: #333;
}

.module--calendar table {
  width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.module--calendar caption {
  font-weight: bold;
  padding-bottom: 5px;
}

.module--calendar th,
.module--calendar td {
  text-align: center;
}

.module--calendar .month {
  display: inline-block;
  margin-left: 25px;
  margin-right: 25px;
}

.module--calendar .prev,
.module--calendar .next {
  font-weight: 100;
}

.module--category-recent-entry {
  margin-bottom: 10px;
}

.module--category-recent-entry .module__heading {
  margin-bottom: 10px;/* 初期値60 */
}

.module--category-recent-entry .recent-entry__item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
  width: 160px;/* 初期値140 */
  height: 160px;/* 初期値140 */
}

.module--category-recent-entry .recent-entry__item p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.module--category-recent-entry .recent-entry .recent-entry__thumnail {
  display: block;
  width: 160px;/* 初期値140 */
  height: 160px;/* 初期値140 */
  overflow: hidden;
  position: relative;
}

.module--category-recent-entry .recent-entry .recent-entry__thumnail img {
  position: relative;
  min-width: 160px;/* 初期値140 */
  min-height: 160px;/* 初期値140 */
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.module--category-recent-entry .recent-entry .recent-entry__thumnail img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.module--category-recent-entry .recent-entry .recent-entry__thumnail img {
  top: auto\9;
  left: auto\9;
}

.module--category-recent-entry .recent-entry .recent-entry__thumnail img:not(:target) {
  top: 50%;
  left: 50%;
}

.module--profile .profile__heading {
  float: left;
  margin-right: 5px;
  color: #3E3A39;/* プロフィール欄の文字色  */
}

.module--profile .profile__image {
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}

.module--profile .profile__image img {
  max-width: 100%;
  height: auto;
}

.module--search .search {
  border: 1px solid #ccc;
  position: relative;
  margin-right: 20px;/* 検索窓の右側にスペース設定  */
}

.module--search .search__text {
  padding: 6px 10px;
  width: 80%;
  line-height: 1.2;
}

.module--search .search__submit {
  background: #68be8d;/* 検索ボタンの背景色 */
  color: #fff;
  width: 20%;
  height: 100%;
  position: absolute;
  right: 0;
  border-radius: 0;
}

.module--search .search__submit:hover {
  background: #88cb7f;/* 検索ボタンにマウスをあわせたときの背景色 */
}

.module--comments .module__heading {
  margin-bottom: 10px;
  margin-top: 30px;/* コメントする表示をページナビから少し下へ移動 */
}

.module--comments .comments__item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.module--comments .comments__user-name {
  font-weight: bold;
}

.module--comments .comments__content {
  margin-bottom: 5px;
}

.module--comments .comments__meta {
  font-size: 12px;
  color: #ccc;
  text-align: right;
}

.module--comments .comments__leave {
  text-align: right;
}

.module--comments .comment-form {
  margin-bottom: 15px;
}

.module--comments .comment-form__heading {
  font-weight: bold;
}

.module--comments .img-confirm-form__heading {
  font-weight: bold;
  margin-bottom: 5px;
}

.module--comments .img-confirm-form__body p {
  margin-bottom: 15px;
}

.module--popular-entry .module__body ol li {
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

.module--popular-entry .module__body li {
  border-bottom: 1px dotted #333;/* 人気記事のエリア点線  */
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.5;
}

.module--popular-entry .module__body li a:hover {
  color: #00a497;
}


.module--popular-entry .module__body ol :hover {  
  text-decoration: none;/* サイドバー投稿記事リストにマウスをあわせても下線を出さない */
  font-weight: bold;/* サイドバー投稿記事リストにマウスをあわせると太字 */
  background-color: #efffe0;/* サイドバー投稿記事リストにマウスをあわせると背景に色がつく */
}

.upload-detail__entry-title {
  margin-bottom: 30px;
}

.upload-detail__entry-title .date {
  display: inline-block;
  color: #ccc;
  font-size: 12px;
  margin-left: 10px;
}

.upload-detail__date {
  margin-bottom: 40px;
}

.upload-detail__date .upload-year {
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
  font-size: 22px;
  margin-bottom: 5px;
  text-align: center;
}

.upload-detail__date .upload-month {
  text-align: center;
}

.upload-detail__date .upload-month__item {
  display: inline-block;
  margin: 0 8px;
}

.upload-detail__date .upload-month__item.is-active {
  background: #43bee0;
  color: #fff;
  padding: 2px 4px;
}

.upload-detail__date .upload-month__item.is-active a {
  color: #fff;
}

.upload-detail__content .content-heading {
  text-align: center;
}

.upload-detail__content .content-body {
  text-align: center;
  margin: 0px auto 5px;
  height: 400px;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.upload-detail__content .content-body .content-inner {
  display: table-cell;
  vertical-align: middle;
}

.upload-detail__content .content-body img {
  max-height: 400px;
  max-width: 100%;
}

.upload-detail .upload-list {
  margin-top: 5px;
}

.upload-detail .upload-list__item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
  width: 91px;
  height: 91px;
}

.upload-detail .upload-list__item.is-mg-hidden {
  margin-right: 0;
}

.upload-detail .upload-list__item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.upload-detail .upload-list__thumnail {
  display: block;
  width: 91px;
  height: 91px;
  overflow: hidden;
  position: relative;
}

.upload-detail .upload-list__thumnail img {
  position: relative;
  min-width: 91px;
  min-height: 91px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.upload-detail .upload-list__thumnail img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.upload-detail .upload-list__thumnail img {
  top: auto\9;
  left: auto\9;
}

.upload-detail .upload-list__thumnail img:not(:target) {
  top: 50%;
  left: 50%;
}

.tag-cloud {
  background: #f2f2f2;
  padding: 10px;
  margin-bottom: 30px;
  line-height: 1.5;
  border-radius: 2px;
}

.tag-search {
  text-align: right;
}

.tag-photos__item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 15px;
  width: 140px;
}

.tag-photos__item--nmgr {
  margin-right: 0;
}

.tag-photos__thumnail {
  display: block;
  width: 140px;
  height: 140px;
  overflow: hidden;
}

.tag-photos__thumnail img {
  position: relative;
  min-width: 140px;
  min-height: 140px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.tag-photos__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tag-photos__detail {
  font-size: 12px;
  line-height: 1.2;
}

.message {
  margin-bottom: 15px;
  text-align: center;
  background: #ccc;
  border: 1px dotted #999;
  padding: 5px;
}

.message--error {
  border: 1px dotted #f00;
  background: #FFE4E4;
  padding: 0;
}

.message__title--error {
  color: #f00;
  font-weight: bold;
}

.pager {
  text-align: center;
  margin-bottom: 60px;
}

.pager__item {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 10px;
}

.pager__item a,
.pager__item span {
  display: block;
 /* For IE 6/7 */
  *display: inline;
  *zoom: 1;
  color: #333;
  width: 28px;
  height: 28px;
  text-align: center;
  font-weight: lighter;
  line-height: 2;
  border: 1px solid #ccc;
}

.pager__item a:hover {
  background: #60D3F2;
  border: 1px solid #60D3F2;
  color: #fff;
}

.pager__item.is-active span {
  border: 1px solid #43bee0;
  background: #43bee0;
  color: #fff;
}

.read-more {
  margin-top: 10px;
  text-align: right;
}

.read-more--bdt {
  padding-top: 10px;
  margin-top: 65px;
  border-top: 1px dotted #ccc;
}

.read-more--mgb-60 {
  margin-bottom: 60px;
}

.permalink {
  margin-bottom: 80px;
}

.permalink--bdt {
  padding-top: 10px;
  margin-top: 65px;
  border-top: 1px dotted #ccc;
}

.permalink .prev:before,
.permalink .next:after {
  content: "";
  display: inline-block;
  margin: auto;
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
}

.permalink .prev {
  float: left;
}

.permalink .prev:before {
  border-right: 4px solid #333;
  margin-right: 10px;
}

.permalink .prev:hover:before {
  border-right: 4px solid #60d3f2;
}

.permalink .next {
  float: right; 
}

.permalink .next:after {
  border-left: 4px solid #333;
  margin-left: 10px;
}

.permalink .next:hover:after {
  border-left: 4px solid #60d3f2;
}

.quote__source {
  font-size: 10px;
  text-align: right;
}

.no-image {
  border: 1px solid #43bee0;
  width: 100%;
  height: 100%;
  position: relative;
}

.no-image--inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 16px;
  line-height: 1;
  color: #43bee0;
}

.no-image--txt {
  width: 100%;
  text-align: center;
  padding: 100px 0;
  color: #43bee0;
  border: 1px solid #ccc;
  margin-bottom: 40px;
}

/**
 * module
 */

.icn {
  display: inline-block;
  background: url(http://blog.seesaa.jp/img/bg/simple_2015_01/icn_sprite.png) no-repeat;
  margin-right: 5px;
}

.icn--calendar {
  background-position: 0 0;
  width: 14px;
  height: 12px;
  vertical-align: -2px;
}

.icn--tag {
  background-position: -29px 0;
  width: 12px;
  height: 12px;
  vertical-align: -2px;
  margin-right: 2px;
}

.form .input {
  padding: 6px 10px;
  line-height: 1.2;
  border: 1px solid #ccc;
  width: 60%;
}

.form .input--submit {
  padding: 10px 0;
  width: 30%;
  display: block;
  background: #43bee0;
  color: #fff;
}

.form .input--submit:hover {
  background: #60d3f2;
}

.form textarea {
  border: 1px solid #ccc;
  width: 80%;
  padding: 6px 10px;
}

.font-s {
  font-size: 12px;
}

.l-wrapper,
.l-content,
.entry,
.module--recent-entry .recent-entry__item,
.module--article-link .article-link__item,
.module--profile .profile,
.upload-detail .upload-list,
.permalink {
  *zoom: 1;
}

.l-wrapper:after,
.l-content:after,
.entry:after,
.module--recent-entry .recent-entry__item:after,
.module--article-link .article-link__item:after,
.module--profile .profile:after,
.upload-detail .upload-list:after,
.permalink:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

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

  .entry__thumbnail img {
    top: 50% !important;
    left: 50% !important;
  }

  .module--recent-entry .recent-entry__thumbnail img {
    top: 50% !important;
    left: 50% !important;
  }

  .module--article-link .article-link__thumbnail img {
    top: 50% !important;
    left: 50% !important;
  }

  .module--category-recent-entry .recent-entry .recent-entry__thumnail img {
    top: 50% !important;
    left: 50% !important;
  }

  .upload-detail .upload-list__thumnail img {
    top: 50% !important;
    left: 50% !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {

  .icn {
    background: url(http://blog.seesaa.jp/img/bg/simple_2015_01/icn_sprite_2x.png) no-repeat;
    background-size: 28px auto;
    -webkit-background-size: 28px auto;
  }

  .icn--tag {
    background-position: -16px 0;
  }
}

@media screen and (min-width: 321px) and (max-width: 767px) {

  .module--category-recent-entry .recent-entry__item {
    width: 100px;
    height: 100px;
  }

  .module--category-recent-entry .recent-entry .recent-entry__thumnail {
    width: 100px;
    height: 100px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .l-wrapper {
    width: 768px;
  }

  .main {
    width: 428px;/* 初期値は 448　*/
  }

  .side--left {
    margin-right: 40px;/* 初期値は 0　*/
  }

  .entry__thumbnail img {
    max-width: 100%;
    max-height: 100%;
  }

  .module--category-recent-entry .recent-entry__item {
    width: 136px;
    height: 136px;
  }

  .module--category-recent-entry .recent-entry .recent-entry__thumnail {
    width: 136px;
    height: 136px;
  }
}

@media screen and (max-width: 1024px) {

  .form .input {
    width: 100%;
  }

  .form .input--submit {
    width: 100%;
  }

  .form textarea {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {

  .l-wrapper {
    width: 93%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
    overflow: hidden;
  }

  .l-content {
    float: none;
  }

  .main {
    width: 100%;
    float: none;
    margin-bottom: 80px;
  }

  .side {
    width: 100%;
    float: none;
  }

  .entry__thumbnail {
    width: 100%;
    height: 200px;
  }

  .entry__thumbnail img {
    max-width: 100%;
    max-height: 100%;
  }

  .meta .date {
    display: block;
  }

  .meta .tag {
    display: block;
  }

  .module--calendar table {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .textr {
    margin-left: auto;
    width: 92%;
    text-align: right;
  }
  
  .textr {
    margin-left: auto;
    width: 92%;
    text-align: right;
  }
}

@media screen and (max-width: 320px) {

  .module--category-recent-entry .recent-entry {
    position: relative;
  }

  .module--category-recent-entry .recent-entry__item {
    width: 86px;
    height: 86px;
  }

  .module--category-recent-entry .recent-entry .recent-entry__thumnail {
    width: 86px;
    height: 86px;
  }
  
  .textr {
    margin-left: auto;
    width: 92%;
    text-align: right;
  }
}

/************************************
** ヘッダー画像設定
************************************/
.l-header {
  height:275px;
  max-width: 960px;
  background-image:url(http://cultivation.up.seesaa.net/image/flame.png);　　
  background-repeat:no-repeat; 
  background-position: center center;
  margin-bottom:30px !important;
  background-size: cover;
}

/************************************
** 画像のレスポンシブ対応
************************************/
img { 
    max-width: 100%; 
    height:auto;
}

/************************************
** シーサーのスマホ表示を消す方法（レンタグル適応のため）
************************************/
#iphone-link { display: none !important; }

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}

/************************************
** パンくずリスト
************************************/
.crumb {
  display: inline;
  padding: 0 5px 5px 2px;
  color: #b8860b;/* 記事名の文字色 */
  font-size: 13px;/* 文字サイズ */
}
.crumb a {
    background-color:#f5f5f5;/* 背景色*/
    padding:3px;/* 文字周りの余白 */
    font-size: 13px;/* 文字サイズ */
    border-radius:8px;/* 囲いの丸み */
    color: #b8860b;/* 文字色 */
}
.crumb a:hover {
  opacity: 0.8;
  background-color: #e0ebaf;
  color: #5f6527;/* 記事名の文字色 */
  font-weight: bold;
}

/************************************
** TOPへ戻る（top）ひよこに変更
************************************/
#back-top{
  position: fixed; /* スクロールしても固定位置表示の設定 */
  bottom: 60px;
  right: 10px; /* ひよこの位置調整 初期はmargin-left: 80%; */
  display: none; /* TOP位置では非表示に設定 */
}

#back-top a{
  width: 100px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;

/* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

#back-top a:hover{
  color: #000;
}

/* arrow icon (span tag) 回転部分*/
#back-top span {
  width: 100px;
  height: 100px;
  display: block;
  margin-bottom: 0px;
  background: #eae5e3 url(http://cultivation.up.seesaa.net/image/piyoninn02.png) no-repeat center center;    

/* rounded corners */
  background-color: transparent; /* 画像の背景を透過に設定 */

/* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

#back-top a:hover span {
  -webkit-transform: rotate(720deg) scale(1.2);
  -moz-transform: rotate(720deg) scale(1.2);
  transform: rotate(720deg) scale(1.2);
  opacity:0.6; /* くるくるのあと40％透過状態になる設定 */
}

/************************************
** ブログ下にコピーライト追加
************************************/
.copyright {
  text-align: center;
  color: #00011D;
}
.copyright a {
  color: #00011D;
}

.copyright a:hover {
  color:#bc763c;
  text-decoration: underline;  /* リンク部分にアンダーライン */
}

/*************************************
* 個別記事内　リンク・文字・リスト設定
************************************/
/* 個別記事内 hタグ設定 */
.article__content h1, 
.article__content h2 {
  border-left: 8px solid #333;
  padding-left: 5px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 22px;
}

.article__content h3 {
  position: relative;
  font-weight: bold;
  color: #595857;
  padding-left: 0.5em;
  padding-bottom: 0.2em;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 22px;
}

.article__content h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #c7dc68, #c7dc68 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #c7dc68, #c7dc68 2px, #fff 2px, #fff 4px);
}

.article__content h4 {
  position: relative;
  font-weight: bold;
  color: #595857;
  font-size: 20px;
  margin-bottom: 12px;
  padding-left: 0.5em;
}

.article__content h4:after {
  content: "";
  width:75%;
  height:4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, #d8e698, rgba(255,255,255,0) 100%);
}

.article__content h5 {
  border-left: 8px solid #c7dc68;
  padding-left: 10px;
  line-height: 1.7;
  font-weight: bold;
  color: #595857;
  font-size: 18px;
  margin-bottom: 12px;
}

.article__content h6 {
  border-left: double #c7dc68;
  padding-left: 10px;
  line-height: 1.6;
  font-weight: bold;
  color: #595857;
  font-size: 17px;
  margin-bottom: 12px;
}

.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
  margin-top: 40px;
}

/* YouTubeなどの埋め込みをデバイス範囲内におさめる */
iframe { 
  width : 100% ; }

/* 画像のレスポンシブ設定*/
.article__content img {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.article__content img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

/* 文字・画像の右寄せ・左寄せ・中央配置*/
.f_right {
float:right;
}
.f_left {
float:left;
}

.textr {
    margin-left: auto;
    width: 92%;
    text-align: right;
}

.textl {
    margin-right: auto;
    width: 100%;
    text-align:left;
}
.textc {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

/* リンク */
.article__content a {
  color: #00a497;
}

.article__content a:hover {
  color:#bc763c;
  text-decoration: underline;  /* リンク部分にアンダーライン */
}

/* 引用 */
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 2px dashed #DCDCDC;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}

blockquote:before {
  color: #D3D3D3;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #D3D3D3;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -2px;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* リスト*/
.article__content ul ol{
  margin-left: 1.5em;
  margin-top: 2.5em;
  font-size:15px;
  color: #3E3A39;
}

.article__content dl{
  margin: 24px 0;
  color: #3E3A39;
}

.article__content dt{
  font-weight: bold;
  font-size:17px;
  color: #595757;
  margin-left: 0.6em;
  margin-top: 0.7em;
}

.article__content dd{
  margin-bottom: 4px;
  margin-left: 1.5em;
  margin-right: 0.2em;
  font-size:16px;
  color: #595757;
}

/* 表 */
.article__content table.type1 {
  border-collapse: collapse;
  margin-left: 2.0em;
  margin-top: 2.0em;
  margin-bottom: 1.0em;
}

.article__content table.type1 caption {
  font-weight: bold;
  caption-side: top; text-align: left;
  font-size: 104%;
  color: #006e54;
}

.article__content table.type1 th {
/* font-weight: normal;  通常表示に戻すときは解除する */
  color: #2F4F4F;
  font-size: 95%;
  background-color: #f2ffe5;
  border:1px solid #BFBFBF;
  text-align: center;
  padding: 5px 8px;
}

.article__content table.type1 tr {
  background-color: #FFFFFF;
  border:1px solid #BFBFBF;
  font-size: 90%;
  padding: 5px 8px;
}

.article__content table.type1 td {
  background-color: #FFFFFF;
  border:1px solid #BFBFBF;
  font-size: 92%;
  padding: 5px 8px;
}

.article__content table.type1 td:first-child{
  background-color: #f2ffe5;
  color: #005F5D;
  border-left: 3px double #999;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.article__content table.type1 a {
  text-decoration: none;
}

/* 段落文字 */
.article__content div {
  margin: 1.0em;
  font-size: 15px;
  color: #595757;
}

.article__content p{
  margin-left: 0.3em;
  margin-right: 0.3em;
  margin-top: 1.0em;
  margin-bottom: 1.5em;
  color: #2e2930;
}


/* 文字色の設定 */
.gray {color:#d1d1d1;
}
.b-gray {
  font-weight:bold;
  color: #e0e0e0;
}

.red {
  color: #EA5532;
}
.b-red{
  font-weight:bold;
  color: #EA5532;
}

.dai {color:#F39800;
}
.b-dai {
  font-weight:bold;
  color:#F39800;
}

.gree {
  color: #47885e;
}
.b-gree{
  font-weight:bold;
  color: #47885e;
}

/* マーカー色の設定 */
.m_yell_fu {
background: linear-gradient(transparent 0%, #FFF67F 0%);
}

.form-allowed-tags,
span.m_yell {
background: linear-gradient(transparent 60%, #FFF67F 60%);
}
.m_blue {
background: linear-gradient(transparent 60%, #bcffff 60%);
}
.m_green {
background: linear-gradient(transparent 60%, #bfff7f 60%);
}
.m_pink {
background: linear-gradient(transparent 60%, #ffc6ff 60%);
}

/* ストラップ的な囲み表示*/
/*ブートストラップのインフォメーションライクなされる*/

div.sp-blue {
  background-color: #ebf6f7; /* 薄い水色 */
  border-color: #BCE8F1;
  padding:16px 24px;
  border-radius:10px;
  margin-top:30px;
  margin-bottom:40px;
  position: relative;
}

div.sp-blue p {
    margin: 3px 0; 
    padding: 0;
    font-size: 90%;
}

div.sp-yell {
  background-color: #FCF8E3; /* 薄い黄色 */
  padding:16px 24px;
  border-radius:10px;
  margin-top:30px;
  margin-bottom:40px;
  border-color: #ffff9e;
  position: relative;
}

div.sp-yell p {
    margin: 3px 0; 
    padding: 0;
    font-size: 90%;
}

div.sp-pink {
  background-color: #ffeaff; /* ピンク色 */
  border-color: #EBCCD1;
  padding:16px 24px;
  border-radius:10px;
  margin-bottom:40px;
  margin-top:30px;
  position: relative;
}

div.sp-pink p {
    margin: 3px 0; 
    padding: 0;
    font-size: 90%;
}

div.sp-saku {
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px;/* ヘッダーの枠と同じデザイン */
    background-color: #ffffff;
}
div.sp-saku:before, .sp-saku:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #be8f68;
}
div.sp-saku:before {left: 10px;}
div.sp-saku:after {right: 10px;}
div.sp-saku p {
    margin: 6px 0; 
    padding: 0;
    font-size: 85%;
}

div.sp-box {
    margin-top:60px;
    margin-bottom:30px;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #028760; /* 常盤緑デザイン入り */
    border-radius: 3px 0 3px 0;
}

div.sp-box:before,.sp-box:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #028760;
    border-radius: 50%;
}

div.sp-box:after {
    top:-12px;
    left:-12px;
}

div.sp-box:before {
    bottom:-12px;
    right:-12px;
}

div.sp-box p {
    margin: 6px 0; 
    padding: 0;
    font-size: 80%;
}

div.sp-boxp {
    position: relative;
    margin-top:60px;
    margin-bottom:30px;
    padding: 0.5em 1em;
    border: solid 3px #ddd; /* ワンポイント */
    border-radius: 8px;
}

div.sp-boxp .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 15px;
    background: #FFF;
    color: #c8c2c6;
    font-weight: bold;
}

div.sp-boxp p {
    margin: 5px 0; 
    padding: 0;
    font-size: 85%;
}

div.sp-boxt {
    position: relative;
    margin-top:60px;
    margin-bottom:30px;
    padding: 0.5em 1em;
    border: solid 3px #93ca76; /* ワンポイントタグ入り */
}

div.sp-boxt .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 24px;
    vertical-align: middle;
    font-size: 15px;
    background: #93ca76;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

div.sp-boxt p {
    margin: 5px 0; 
    padding: 0;
    font-size: 85%;
}

div.att {
  padding-left: 1em;
  text-indent: -1em;/* 2行目を1文字減らす */
}

/* 罫線 */
hr.bar1{
  border-top: 3px double #bbb;/* 2重線 */
}

hr.bar2{
  background-color: #ffd;
  border-top: 2px dashed #bbb;/* 2色の破線 */
}

hr.bar3 {
  border-top: 2px dotted #f0f0f0;/* 点線 */
}

/*　SNS・ランキングボタン　配置　*/
#sns_box{
    border: 0px;
	width: 240px;
    height: 60px;
	padding: 1.0em 0;
	margin: 1.0em 1.0em;
	margin-left: auto; 
}

#sns_box2{
    border: 0px;
	width: 250px;
    height: 60px;
	padding: 1em 0;
	margin: 1.0em 0.1em;
    margin-left: auto; 
}

#sns_box3{
    border: 0px;
	width: 140px;
    height: 60px;
	padding: 1em 0;
	margin: 0.5em 0;
	margin-left: auto; 
}

/* 記事内 アフィリエイト広告 位置調整 */
/* 記事内 hタグ前に挿入 */
div.posi-naka {
  margin-top: 30px;
  margin-bottom: 20px;
}

div.posi-naka p {
  font-size: 12px;/* 文字サイズ */
  margin-bottom: 5px;
  margin-top: 50px;
}

div.posi-nakadai {
  width: 338px;/* 広告の幅で設定 */
  display: block;
  font-size: 12px;/* 文字サイズ */
  margin-left:auto;/* 広告を中央に */
  margin-right:auto;/* 広告を中央に */
  margin-top: 40px;
  margin-bottom: 20px;
}

div.posi-nakadai p {
  font-size: 12px;/* 文字サイズ */
  margin-bottom: 5px;
  margin-top: 50px;
}


/* 記事内 末尾に挿入 */
div.posi-sita {
  width: 300px;/* 広告の幅で設定 */
  display: block;
  margin-left:auto;/* 広告を中央に */
  margin-right:auto;/* 広告を中央に */
  margin-top: 40px;
  margin-bottom: 5px;
}

div.posi-sita p {
  font-size: 12px;/* 文字サイズ */
  margin-bottom: 5px;
  margin-top: 50px;
}

/************************************
** ↑ここまで個別記事内の変更点↑
************************************/


.permalink2 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  margin-top: 30px;
  display: inline-block;
}

.permalink2 a:hover {
  background: #efffe0;
}

.permalink2 .permalink2--left .prev:before,
.permalink2--left .permalink2 .prev:before,
.permalink2 .permalink2--right .next:after,
.permalink2--right .permalink2 .next:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
}

.permalink2--bdt {
  border-top: 0 solid #ddd;
}

.permalink2__title {
  height: 58px;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.6;
}

.permalink2__thumbnail {
  margin-right: 10px;
  float: left;
  width: 80px;
  height: 62px;
  overflow: hidden;
  position: relative;
}

.permalink2__thumbnail--inner {
  background: #fff;/*次ページ前ページへのサムネイル背景色*/
  width: 100%;
  height: 62px;
}

.permalink2__thumbnail--bgnone {
  background: none;
  border: 1px solid #f1f1f1;
}

.permalink2__thumbnail img {
  position: relative;
  height: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.permalink2__thumbnail img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

.permalink2--left {
  float: left;
}

.permalink2--left .prev {
  width: 299px;/*初期値329　メイン横幅を減らしたのでその分調整*/
  position: relative;
  padding: 10px;
  border-left: 20px solid #ddbb99;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  float: left;
}

.permalink2--left .prev:before {
  border-left: solid 2px #fff;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -12px;
}

.permalink2--left .prev:hover {
  opacity: 0.9;
}

.permalink2--right {
  float: left;
}

.permalink2--right .next {
  width: 299px;/*初期値329　メイン横幅を減らしたのでその分調整*/
  position: relative;
  padding: 10px;
  border-right: 20px solid #ddbb99;
  border-left: 1px solid transparent;
  float: right;
}

.permalink2--right .next:after {
  border-right: solid 2px #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -12px;
}

.permalink2--right .next:hover {
  opacity: 0.9;
}

.permalink2--right .permalink2__thumbnail {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}