/*
Theme Name: TTOC2
Description: gooブログ再現テーマ
Author: あなたの名前
Version: 1.0
*/

@charset "utf-8";

/* 基本スタイル（初期値として記載） */
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
    width: 1000px; /* 全体の幅を指定 */
    margin: 0 auto; /* 中央揃え */
}

header, footer {
    width: 100%;
}

.content-area {
    display: flex;
    justify-content: space-between; /* サイドバーとメインを左右に分ける */
}

.site-main {
    width: 700px; /* メインのコンテンツ幅 */
    padding: 20px;
}

.sidebar {
    width: 280px; /* サイドバーの幅 */
    padding: 20px;
}


/* ----- 1.css ----- （ここから） */
.icon {
  content: "";
  width: 2.6rem;
  height: 2.6rem;
  display: block
}

.icon--close {
  background: url(../../img/common/icons/icon-close_black.svg) 50%/cover no-repeat
}

.icon--close--white {
  background: url(../../img/common/icons/icon-close_white.svg) 50%/cover no-repeat
}

.icon--lock,
.icon--lock__grey {
  background: url(../../img/common/icons/icon-lock_grey.svg) 50%/cover no-repeat
}

.icon--lock_out {
  background: url(../../img/common/icons/icon_lockOut_accent.svg) 50%/cover no-repeat
}

.icon--lock--black {
  background: url(../../img/common/icons/icon-lock_black.svg) 50%/cover no-repeat
}

.icon--free {
  background: url(../../img/common/icons/icon-free_grey.svg) 50%/cover no-repeat
}

.icon--free--white {
  background: url(../../img/common/icons/icon-free_white.svg) 50%/cover no-repeat
}

.icon--comment {
  background: url(../../img/common/icons/icon-comment_grey.svg) 50%/cover no-repeat
}

.icon--comment__accent {
  background: url(../../img/common/icons/icon-comment_accent.svg) 50%/cover no-repeat
}

.icon--comment__white {
  background: url(../../img/common/icons/icon-comment_white.svg) 50%/cover no-repeat
}

.icon--comment__pale {
  background: url(../../img/common/icons/icon-comment_pale.svg) 50%/cover no-repeat
}

.icon--pager__prev {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.icon--pager__next,
.icon--pager__prev {
  background: url(../../img/common/icons/icon-arrow_accent.svg) 50%/cover no-repeat
}

.icon--pager__next {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.icon--pager__prev__disabled {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.icon--pager__next__disabled,
.icon--pager__prev__disabled {
  background: url(../../img/common/icons/icon-arrow_grey.svg) 50%/cover no-repeat
}

.icon--pager__next__disabled {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.icon--rank-1 {
  background: url(../../img/common/icons/icon-rank_gold.svg) 50%/cover no-repeat
}

.icon--rank-2 {
  background: url(../../img/common/icons/icon-rank_silver.svg) 50%/cover no-repeat
}

.icon--rank-3 {
  background: url(../../img/common/icons/icon-rank_bronze.svg) 50%/cover no-repeat
}

.icon--rank-pc-1 {
  background: url(../../img/common/icons/icon-rank_gold_big.svg) 50%/cover no-repeat
}

.icon--rank-pc-2 {
  background: url(../../img/common/icons/icon-rank_silver_big.svg) 50%/cover no-repeat
}

.icon--rank-pc-3 {
  background: url(../../img/common/icons/icon-rank_bronze_big.svg) 50%/cover no-repeat
}

.icon--crown-1 {
  background: url(../../img/common/icons/icon-crown_gold.svg) 50%/cover no-repeat
}

.icon--crown-2 {
  background: url(../../img/common/icons/icon-crown_silver.svg) 50%/cover no-repeat
}

.icon--crown-3 {
  background: url(../../img/common/icons/icon-crown_bronze.svg) 50%/cover no-repeat
}

.icon--crown__accent {
  background: url(../../img/common/icons/icon-crown_accent.svg) 50%/cover no-repeat
}

.icon--profile {
  background: url(../../img/common/icons/icon-profile_accent.svg) 50%/cover no-repeat
}

.icon--add-person {
  background: url(../../img/common/icons/icon-add_person_grey.svg) 50%/cover no-repeat
}

.icon--birdtw {
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 2px -463px
}

.icon--sp__birdtw {
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 2px -465px
}

.icon--search {
  background: url(../../img/common/icons/icon-search_black.svg) 50%/cover no-repeat
}

.icon--good {
  background: url(../../img/common/icons/icon-emotion-good.svg) 50%/cover no-repeat
}

.icon--fight {
  background: url(../../img/common/icons/icon-emotion-fight.svg) 50%/cover no-repeat
}

.icon--more {
  background: url(../../img/common/icons/icon-emotion-more.svg) 50%/cover no-repeat
}

.icon--clap {
  background: url(../../img/common/icons/icon-emotion-clap.svg) 50%/cover no-repeat
}

.icon--desktop {
  background: url(../../img/common/icons/icon-desktop_white.svg) 50%/cover no-repeat
}

.icon--footprint {
  background: url(../../img/common/icons/icon-footprint_accent.svg) 50%/cover no-repeat
}

.icon--footprint--off {
  background: url(../../img/common/icons/icon-footprint_pale.svg) 50%/cover no-repeat
}

.icon--arrow {
  background: url(../../img/common/icons/icon-arrow_blue.svg) 50%/cover no-repeat
}

.icon--arrow__white {
  background: url(../../img/common/icons/icon-arrow_white.svg) 50%/cover no-repeat
}

.icon--arrow__right {
  background: url(../../img/common/icons/icon-right_arrow_blue.svg) 50%/cover no-repeat
}

.icon--arrow__left {
  background: url(../../img/common/icons/icon-left_arrow_blue.svg) 50%/cover no-repeat
}

.icon--arrow__bottom {
  background: url(../../img/common/icons/icon-down_arrow_blue.svg) 50%/cover no-repeat
}

.icon--arrow__top {
  background: url(../../img/common/icons/icon-up_arrow_blue.svg) 50%/cover no-repeat
}

.icon--arrow__bottom__grey {
  background: url(../../img/common/icons/icon-down_arrow_grey.svg) 50%/cover no-repeat
}

.icon--arrow__top__grey {
  background: url(../../img/common/icons/icon-up_arrow_grey.svg) 50%/cover no-repeat
}

.icon--arrow__right__grey {
  background: url(../../img/common/icons/icon-right_arrow_grey.svg) 50%/cover no-repeat
}

.icon--rankup {
  background: url(../../img/common/icons/icon-rankup.svg) 50%/cover no-repeat
}

.icon--rankdown {
  background: url(../../img/common/icons/icon-rankdown.svg) 50%/cover no-repeat
}

.icon--rankright {
  background: url(../../img/common/icons/icon-rankright.svg) 50%/cover no-repeat
}

.icon--write__white {
  background: url(../../img/common/icons/icon-write_white.svg) 50%/cover no-repeat
}

.icon--mail__white {
  background: url(../../img/common/icons/icon-mail_white.svg) 50%/cover no-repeat
}

.icon--mail__blue {
  background: url(../../img/common/icons/icon-mail_blue.svg) 50%/cover no-repeat
}

.icon--aleart__accenet {
  background: url(../../img/common/icons/icon-aleart_accenet.svg) 50%/cover no-repeat
}

.icon--like {
  background: url(../../img/common/icons/icon-like_grey.svg) 50%/cover no-repeat
}

.icon--like__accent {
  background: url(../../img/common/icons/icon-like_accent.svg) 50%/cover no-repeat
}

.icon--like__pale {
  background: url(../../img/common/icons/icon-like_pale.svg) 50%/cover no-repeat
}

.icon--star__accent {
  background: url(../../img/common/icons/icon_star_accenet.svg) 50%/cover no-repeat
}

.icon--calendar__blue {
  background: url(../../img/common/icons/icon-calendar_blue.svg) 50%/cover no-repeat
}

.icon--trash__white {
  background: url(../../img/common/icons/icon-trash_white.svg) 50%/cover no-repeat
}

.icon--trash__blue {
  background: url(../../img/common/icons/icon-trash_blue.svg) 50%/cover no-repeat
}

.icon--image__white {
  background: url(../../img/common/icons/icon-image_white.svg) 50%/cover no-repeat
}

.icon--twitter,
.icon--twitter__blue {
  background: url(//i.xgoo.jp/img/icon/x_logo.png) 50%/cover no-repeat
}

.icon--facebook {
  background: url(../../img/common/icons/icon-facebook.svg) 50%/cover no-repeat
}

.icon--preview {
  background: url(../../img/common/icons/icon-preview_white.svg) 50%/cover no-repeat
}

.icon--flipV {
  background: url(../../img/common/icons/icon-flipV_white.svg) 50%/cover no-repeat
}

.icon--flipH {
  background: url(../../img/common/icons/icon-flipH_white.svg) 50%/cover no-repeat
}

.icon--rotateL {
  background: url(../../img/common/icons/icon-rotateL_white.svg) 50%/cover no-repeat
}

.icon--rotateR {
  background: url(../../img/common/icons/icon-rotateR_white.svg) 50%/cover no-repeat
}

.icon--crop {
  background: url(../../img/common/icons/icon-crop_white.svg) 50%/cover no-repeat
}

.icon--goo {
  background: url(../../img/common/icons/icon-goo.svg) 50%/cover no-repeat
}

.icon--keytype__blue {
  background: url(../../img/common/icons/icon-keyType_blue.svg) 50%/cover no-repeat
}

.icon--appeal {
  height: 2.5rem;
  width: 3.6rem
}

.icon--appeal_black {
  background: url(../../img/common/icons/icon-appeal_black.svg) 50%/cover no-repeat
}

.icon--appeal_white {
  background: url(../../img/common/icons/icon-appeal_white.svg) 50%/cover no-repeat
}

.icon--appeal_accent {
  background: url(../../img/common/icons/icon-appeal_accent.svg) 50%/cover no-repeat
}

.emotions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem 0 .7rem;
  width: 100%;
  height: 5rem
}

.emotion {
  width: 5rem;
  height: 5.2rem
}

.emotion a {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 5rem;
  background-position: 50%;
  position: relative
}

.emotion a span {
  position: absolute;
  bottom: .76rem;
  left: 0;
  text-align: center;
  width: 100%;
  line-height: 1;
  font-size: .74rem;
  letter-spacing: 0;
  color: #2c2c2c
}

.emotion.emotion--active a span {
  color: #f66200
}

.emotion__animation-wrap {
  position: absolute;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.36rem;
  height: 1.4rem
}

.emotion__animation-wrap svg {
  width: 100%
}

.emotion--comment a {
  background-image: url(../../img/common/btn/btn-emotion-comment.png)
}

.emotion--comment.emotion--active a {
  background-image: url(../../img/common/btn/btn-emotion-comment_active.png)
}

.emotion--good a {
  background-image: url(../../img/common/btn/btn-emotion-good.png)
}

.emotion--good.emotion--active a {
  background-image: url(../../img/common/btn/btn-emotion-good_active.png)
}

.emotion--fight a {
  background-image: url(../../img/common/btn/btn-emotion-fight.png)
}

.emotion--fight.emotion--active a {
  background-image: url(../../img/common/btn/btn-emotion-fight_active.png)
}

.emotion--more a {
  background-image: url(../../img/common/btn/btn-emotion-more.png)
}

.emotion--more.emotion--active a {
  background-image: url(../../img/common/btn/btn-emotion-more_active.png)
}

.emotion--clap a {
  background-image: url(../../img/common/btn/btn-emotion-clap.png)
}

.emotion--clap.emotion--active a {
  background-image: url(../../img/common/btn/btn-emotion-clap_active.png)
}

/* ----- 2.css ----- （ここから） */

/* STATIC CSS Document for goo blog modulized templates 120809 */

/*-- ■SECTION 000 共通設定 --*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block
}

audio,
canvas,
video {
  display: inline-block;
}

html {
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  font-size: small;
  background: #fff;
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0
}

body,
div,
ul,
ol,
dl,
dt,
dd,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote {
  margin: 0;
  padding: 0
}

th,
td {
  margin: 0
}

a:focus {
  outline: thin dotted
}

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

form {
  text-align: left
}

b,
strong {
  font-weight: bold
}

blockquote {
  margin: 1em 40px
}

pre {
  font-family: 'courier new', monospace, sans-serif;
  font-size: 1em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

small {
  font-size: 75%
}

fieldset {
  border: 0
}

img {
  -ms-interpolation-mode: bicubic
}

button,
input,
select,
textarea {
  font-size: 1em;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal
}

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

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

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

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

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

textarea {
  overflow: auto;
  vertical-align: top;
  padding: 2px
}

table:not([cellspacing]) {
  border-collapse: collapse;
  border-spacing: 0
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

legend {
  color: #000
}

/*-- clear fix --*/
div.clearboth {
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
  /*for IE 5.5-7*/
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  /*for modern browser*/
}

* html .clearfix {
  display: inline-table;
  /*\*/
  display: block;
  /**/
}

/* fixed global header from 20101117 */
body {
  padding-top: 25px !important;
}

/* for ie6*/
#container {
  margin: 0px auto;
  text-align: left
}

#global-header {
  z-index: 9999;
  position: fixed !important;
  position: static;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 25px;
  margin: 0 !important;
  margin-top: -25px;
  border-bottom: 1px solid #ccc;
  background: #fff
}

#mod-global-header {
  margin: 0px;
  padding: 0px;
  border-top: #e3e5e6 1px solid;
  border-bottom: #999 1px solid;
  background: url(/img/static/blog/mod_global_header_bg.gif);
  background-repeat: repeat-x;
  width: 100%;
  height: 24px;
  font-size: 12px;
  color: #666
}

#mod-global-header ul {
  display: inline
}

#mod-global-header a {
  color: #666;
  text-decoration: none
}

#mod-global-header a:hover {
  text-decoration: underline
}

#mod-global-header a img {
  border: none
}

#mod-global-header table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse
}

#mod-global-header table td {
  white-space: nowrap
}

#mod-global-header-l {
  margin: 0;
  padding: 4px 0 0 0;
  text-align: left;
}

#mod-global-header-l ul {
  list-style: none;
  display: block;
  margin-top: -3px
}

#mod-global-header-l ul li {
  display: inline;
  margin: 0 8px 0 0
}

#mod-global-header-l ul .logo img {
  vertical-align: middle;
  width: 46px;
  height: 22px
}

#mod-global-header-r {
  text-align: right
}

#mod-global-header-r ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative
}

#mod-global-header-r ul li {
  display: inline
}

#mod-global-header-r ul.mod-global-header-m li {
  margin-right: 7px
}

#mod-global-header-r ul.mod-global-header-m li img {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  vertical-align: middle
}

#mod-global-header-r form {
  display: inline
}

#mod-global-header-r input#mod-global-header-search {
  width: 120px;
  height: 12px;
  padding: 2px 1px;
  ime-mode: active
}

#mod-global-header-r input#mod-global-header-search-button {
  margin: 0;
  padding: 0;
  vertical-align: middle
}

#mod-global-header-r .mod-global-header-select {
  font-size: 11px;
  width: 100px;
  height: 18px;
  vertical-align: middle
}

#mod-global-header-r ul.mod-global-header-m li img {
  width: 14px;
  height: 14px;
  margin-right: 4px
}

#mod-global-header-m {
  top: 0px
}

/*-- global header pch popup --*/
#mod-global-header-pch {
  position: absolute;
  display: none;
  z-index: 9999;
  width: 430px
}

#mod-global-header-pch ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left
}

#mod-global-header-pch .ph_list_box,
#mod-global-header-pch .ph_list_box2 {
  float: left;
  margin: 0em
}

#mod-global-header-pch .ph_list_box a,
#mod-global-header-pch .ph_list_box2 a {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  text-align: center;
  background-color: #bbb
}

#mod-global-header-pch .ph_list_box a {
  padding: 0.4em 0 0.4em 0.4em
}

#mod-global-header-pch .ph_list_box2 a {
  padding: 0 0 0.4em 0.4em
}

#mod-global-header-pch .inph_list_box {
  display: block
}

#mod-global-header-pch .inph_list_box img {
  margin: 0px auto;
  width: 50px;
  height: 50px;
  border: none
}

#mod-global-header-pch .list-period a {
  padding-right: 0.4em
}

#mod-global-header-pch-close {
  display: none;
  position: absolute;
  top: 0;
  left: -22px;
  width: 22px;
  height: 36px;
  cursor: pointer;
  background: url(/img/static/blog/mod_pch_list_close.png);
  _background: url(/img/static/blog/mod_pch_list_close.gif);
  background-repeat: no-repeat;
}

#preview-global-header {
  position: fixed !important;
  z-index: 9999;
  width: 100%;
  color: #606060;
  background-color: #fcfcfc;
  font-weight: bold;
  padding: 0.2em 0;
  background-image: none;
  text-align: center;
}

/*-- ■SECTION 010 全体設定 --*/
#title-banner h1,
#title-banner h2,
#mod-comments h3,
#mod-trackbacks h3,
.entry-top h3,
.module h4 {
  margin: 0;
  padding: 0;
  font-size: 100%
}

/*-- list-style none on modules --*/
.module ul,
.module ul li,
.module dl,
.module dl dt,
.module dl dd,
#mod-powered-by ul,
#mod-powered-by ul li,
#mod-comments ul,
#mod-comments ul li,
#mod-comments dl,
#mod-comments dl dt,
#mod-comments dl dd,
#mod-trackbacks ul,
#mod-trackbacks ul li,
#mod-trackbacks dl,
#mod-trackbacks dl dt,
#mod-trackbacks dl dd,
#mod-prev-next ul,
#mod-prev-next ul li,
#mod-archive ul,
#mod-archive ul li,
#mod-relation ul li,
#mod-relation-popular ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*-- overflow hidden --*/
#title-banner,
#title-banner-top,
#title-banner-bottom,
#main-top,
main-bottom,
#center,
#in-center,
#main-3c-wrap,
#side-a,
#side-b,
.sidebar-top,
sidebar-bottom,
.content-2c,
.content-3c,
.content-top,
.content-bottom,
.mod-entry-set,
.mod-entry-set-top,
.mod-entry-set-bottom,
.mod-comments-top,
.comment-list-top,
.comment-list-bottom,
.module-top,
.module-bottom {
  overflow: hidden;
}

/*-- overflow auto --*/
.entry-top,
.entry-body,
.entry-body-text,
.comment-list-text,
.mod-trackbacks-body {
  overflow: auto;
  word-break: normal;
}

.entry-top h3 {
  overflow: hidden;
}

/* for Chrome 32bit */

/*-- 不使用拡張部分 --*/
#global-footer {
  display: none;
}

/*-- ■SECTION 020 レイアウト設定 --*/
#container {
  text-align: left;
}

#main {
  margin: 0;
  padding: 0;
}

.content-body {
  min-width: 18em
}

/*-- ■SECTION 030 #title-banner 設定 --*/
/*-- ■SECTION 040 #main 設定 --*/
/*-- ■SECTION 050 #main 内レイアウト設定 --*/
#center,
#in-center {
  margin: 0;
  padding: 0;
}

#side-a,
#side-b {
  width: 200px;
}

/*-- ■SECTION 060 #center-2c/3c 設定 --*/
/*-- ■SECTION 070 エントリー設定 --*/
/*-- 070-010 エントリーセット --*/
.mod-entry-set {
  zoom: 1;
}

/*-- 070-020 エントリー --*/
/*-- ENTRY BODY --*/
.entry-body {
  height: 1%;
  line-height: 1.6;
  line-break: strict;
  word-wrap: break-word;
}

.entry-body table:not([cellspacing]) {
  border-collapse: separate;
  border-spacing: 2px
}

.entry-body p,
.entry-body pre,
.entry-body dl {
  margin: 1em 0
}

.entry-body ul,
.entry-body ol {
  margin: 1em 0;
  padding: 0 0 0 3em
}

.entry-body dd {
  margin-left: 3em
}

.entry-body h1,
.entry-body h2,
.entry-body h3,
.entry-body h4,
.entry-body h5,
.entry-body h6 {
  margin: 18px 0
}

.entry-body-text {
  padding: 1px 0 1px;
  zoom: 1
}

*+html .entry-body-text {
  padding-bottom: 2em;
  overflow-y: hidden;
}

.entry-body-text table img[src*="images-amazon.com"] {
  margin-right: 0.5em
}

.entry-body-text iframe,
.entry-body-text embed {
  border: none;
  max-width: 100%;
  margin: 0.5em auto;
  display: block
}

.entry_body_img_thumb {
  border: 1px solid
}

.entry-body-image {
  width: 100%;
  text-align: center
}

.entry-body-image img {
  max-width: 100%
}

/*-- /ENTRY BODY --*/
/*-- ENTRY BOTTOM --*/
.entry-bottom-j {
  text-align: left;
  margin: 10px 0;
}

.entry-bottom-pn {
  width: 100%;
  margin: 10px auto;
  padding: 0;
  text-align: center;
}

/*-- /ENTRY BOTTOM --*/

/*-- 070-030 コメント --*/
.comment-form-body {
  text-align: center;
}

form.comment-form-body-form {
  margin: 0 auto;
  width: 400px;
}

.comment-input {
  padding-top: 8px;
  width: 34em
}

.comment-input dl dt {
  clear: left
}

.comment-input dl dt label {
  float: left;
  padding: 0px 6px 8px 0;
  width: 60px;
  text-align: right;
  vertical-align: text-bottom
}

.comment-input dl dd label {
  font-size: 12px;
  margin-right: 2px
}

.comment-input dl dd input {
  width: 175px;
  margin-right: 2px;
  vertical-align: middle
}

.comment-input dl dd input#comment_cookie {
  width: 18px;
  position: relative;
  top: -1px
}

textarea#comment_text {
  width: 320px
}

.comment-emoji {
  padding: 4px 0 4px 66px;
}

#comment-emoji-list {
  background-color: #fff;
  border: solid 1px #ccc;
  margin-left: 65px;
  width: 320px;
}

.comment-notice {
  padding: 4px 0 4px 86px;
  background: url("/img/static/blog/mod-relation-arrow.gif") no-repeat 66px;
}

.comment-agree {
  margin: .4rem 0 1rem;
  padding-left: 68px;
  font-size: 1rem
}

.comment-agree input {
  vertical-align: middle;
  margin-right: .4rem
}

.comment-spam {
  padding: 4px 0 1rem 66px;
}

.comment-spam dl dd input {
  width: 175px
}

.comment-submit {
  padding: 4px 0 8px 66px;
}

.comment-submit input {
  border-width: 2px;
  width: 320px;
  height: 30px;
  background: #fff url("/img/static/global/cmm/bg/h2_06_00.gif") repeat-x;
}

.comment-login-link {
  text-align: center;
}

.comment-reply::before {
  content: url('https://i.xgoo.jp/gb25/img/common/icons/icon_reply-grey.svg');
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
}

#mod-comments .mod-comments-sort {
  text-align: right;
}

#mod-comments .comment-list-text,
#mod-trackbaks .mod-trackbacks-body {
  padding: 1px 0
}

#mod-comments .comment-load-button {
  padding: 1em 0 30px;
  text-align: center;
}

#mod-comments .comment-load-button a {
  border: 0;
  background: none;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
  position: relative;
}

#mod-comments .comment-load-button a:after {
  border: .3em solid transparent;
  border-top-color: inherit;
  content: "";
  display: inline-block;
  margin-left: .3em;
  vertical-align: middle;
  height: 0;
  width: 0;
}

#mod-comments .comment-post-button {
  padding: 20px 0 30px;
}

#mod-comments .comment-post-button button {
  border-width: 2px;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
  height: 40px;
  background: #fff url("/img/static/global/cmm/bg/h2_06_00.gif") repeat-x
}

#mod-comments .post-end-announce {
  text-align: center;
  padding: .7rem;
  color: #fff;
  background-color: #ef3000;
  margin: .5rem;
}

#mod-comments .post-end-announce a {
  text-decoration: underline;
  color: #fff;
}

/*-- 070-040 トラックバック --*/
input.tb-ping-url-input {
  width: 99%;
  border: none;
  background: transparent;
}

/*-- 070-050 ナビゲーション --*/
.mod-prev-next-body ul li {
  list-style: none;
  display: inline-block;
  /* /display: inline;/zoom: 1; */
}

#mod-prev-next .mod-prev-next-body ul li.mod-pre-nex-top {
  padding-bottom: 1em;
  display: block;
  text-align: center;
}

#mod-prev-next .mod-prev-next-body ul li.mod-pre-nex-prev,
#mod-prev-next .mod-prev-next-body ul li.mod-pre-nex-next {
  width: 45%;
}

#mod-prev-next .mod-prev-next-body ul li.mod-pre-nex-next {
  text-align: right;
  float: right;
}

#mod-prev-next .mod-prev-next-body ul:after {
  content: "";
  display: block;
  clear: both;
}

/*-- 070-060 フリーエリアメイン --*/

/*-- 070-070 記事一覧 --*/
#mod-archive {
  margin-bottom: 10px;
}

#mod-archive .mod-archive-sort {
  text-align: right;
}

#mod-archive ul {
  line-height: 1.5;
}

#mod-archive ul li {
  padding: 10px 0px;
}

#mod-archive .mod-arcv-tit {
  font-weight: bold;
}

#mod-archive .entry-bottom-info {
  display: block;
  height: 20px;
}

.tags li {
  float: left !important;
  list-style: none !important;
  margin-right: 10px;
}

.tags li:hover {
  text-decoration: underline;
}

.tags .tag-color {
  text-decoration-line: none;
}


/*-- 070-080 フォトチャンネル一覧 --*/
#mod-photochannel div.entry-body-text {
  overflow: hidden;
}

#mod-photochannel table.mod-pch-table {
  width: 98%;
  margin: 0 0.25em 0.5em 0.25em;
  padding: 0;
  border-bottom: 1px dotted;
}

#mod-photochannel table.mod-pch-table td {
  padding: 0;
}

#mod-photochannel table.mod-pch-table td.mod-pch-chnum {
  padding: 0 0 0.5em 0.25em;
  font-size: 130%;
  font-weight: bold;
  white-space: nowrap;
}

#mod-photochannel table.mod-pch-table td.mod-pch-thum-td {
  width: 150px;
  text-align: center;
  vertical-align: top;
}

#mod-photochannel table.mod-pch-table td.mod-pch-thum-td img.mod-pch-thum-cgif {
  border: 0;
  width: 120px;
  height: 120px;
}

#mod-photochannel table.mod-pch-table td.mod-pch-title {
  padding: 0 0 0.25em 0.5em;
  font-size: 105%;
  font-weight: bold;
}

#mod-photochannel table.mod-pch-table td.mod-pch-description {
  padding: 0 0 0.5em 0.5em;
  font-size: 95%;
}

#mod-photochannel table.mod-pch-table td.mod-pch-label {
  width: 1%;
  vertical-align: top;
  padding: 0 1.5em 0.25em 0.5em;
  white-space: nowrap;
}

#mod-photochannel table.mod-pch-table td.mod-pch-time,
table.mod-pch-table td.mod-pch-count,
table.mod-pch-table td.mod-pch-smiles {
  white-space: nowrap;
}

#mod-photochannel table.mod-pch-table td.mod-pch-tags {
  padding: 0 0 0.5em 0;
}

/*-- 070-090 関連項目 --*/
#mod-relation,
#mod-relation-popular {
  width: 94%;
  padding: 0 5px 0;
  margin: 10px auto;
}

#mod-relation-popular {
  margin: 0 auto;
}

#mod-relation h3,
#mod-relation-popular h3,
.mod-relation-thumb h3 {
  font-size: 100%;
  margin: 10px 0 5px;
  padding: 0;
}

#mod-relation h3.hr,
#mod-relation-popular h3.hr,
.mod-relation-thumb h3.hr {
  padding-top: 1.5em;
  border-top: 3px dotted #c4c4c4;
}

#mod-relation ul,
#mod-relation-popular ul {
  padding: 0;
  margin: 0 0 15px 5px;
  line-height: 1.8;
}

#mod-relation ul li,
#mod-relation-popular ul li {
  background: url("/img/static/blog/mod-relation-arrow.gif") no-repeat 0 5px;
  padding: 1px 1px 4px 18px;
}

#mod-relation .ranking,
#mod-relation-popular .ranking {
  padding-left: 8px;
}

#mod-relation .ranking li,
#mod-relation-popular .ranking li {
  background: none;
}

#mod-relation .ranking li a,
#mod-relation-popular .ranking li a {
  display: inline-block;
  line-height: 1.3;
  zoom: 1;
  margin-top: 4px;
}

.ranking_0,
.ranking_1,
.ranking_2,
.ranking_3,
.ranking_4,
.ranking_5,
.ranking_6,
.ranking_7,
.ranking_8,
.ranking_9 {
  background: url(/img/static/blog/socialtpl_sidebar_ranking.png) no-repeat;
}

.ranking_0,
.ranking_1,
.ranking_2,
.ranking_3,
.ranking_4,
.ranking_5,
.ranking_6,
.ranking_7,
.ranking_8,
.ranking_9 {
  width: 30px;
  height: 25px;
  display: inline-block;
  margin: -3px 0 3px -30px;
  vertical-align: top;
  zoom: 1;
  /*/display: inline;*/
}

.ranking_0 {
  background-position: -12px 1px;
}

.ranking_1 {
  background-position: -12px -39px;
}

.ranking_2 {
  background-position: -12px -79px;
}

.ranking_3 {
  background-position: -12px -115px;
}

.ranking_4 {
  background-position: -12px -155px;
}

.ranking_5 {
  background-position: -12px -195px;
}

.ranking_6 {
  background-position: -12px -235px;
}

.ranking_7 {
  background-position: -12px -275px;
}

.ranking_8 {
  background-position: -12px -315px;
}

.ranking_9 {
  background-position: -12px -355px;
}

.ranking_10 {
  background-position: -12px -395px;
}

#mod-relation .mod-relation_vertical,
#mod-relation-popular .mod-relation_vertical {
  min-width: 20em \9;
}

#mod-relation .mod-relation_vertical ul,
#mod-relation-popular .mod-relation_vertical ul {
  width: 49.5%;
  float: left;
  margin-left: 0px;
  min-width: 10em;
}

#mod-relation .mod-relation_vertical ul li,
#mod-relation-popular .mod-relation_vertical ul li {
  margin-left: 5px;
}

#mod-relation .mod-relation_vertical ul.ranking,
#mod-relation-popular .mod-relation_vertical ul.ranking {
  margin-right: -8px;
}

#mod-relation .mod-relation_vertical ul.ranking li,
#mod-relation-popular .mod-relation_vertical ul.ranking li {
  margin-right: 5px;
}

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

  #mod-relation .mod-relation_vertical ul,
  #mod-relation-popular .mod-relation_vertical ul {
    width: 100%;
    min-width: 100%;
    float: inherit;
  }

  #mod-relation .mod-relation_vertical ul.ranking,
  #mod-relation-popular .mod-relation_vertical ul.ranking {
    margin-right: 0px;
  }

  #mod-relation .mod-relation_vertical ul.ranking li,
  #mod-relation-popular .mod-relation_vertical ul.ranking li {
    margin-right: 0px;
  }
}

.mod-relation-ch {
  margin: 0 0 0 5px;
  padding: 0;
}

.mod-relation-chimg {
  margin: 0 0 15px 0;
  overflow: hidden;
  padding: 0;
  width: 50%;
  float: left;
}

.mod-relation-chtxt {
  padding: 0 4px 0 4px;
  text-align: left;
  overflow: hidden;
  word-wrap: break-word;
}

.mod-relation-chtxt img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
}

.mod-relation-chthum {
  border: 1px solid #CCCCCC;
  float: left;
  height: 64px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 64px;
}

.mod-relation-chthumt {
  border: 0 none;
  height: 64px;
  width: 64px;
}

.mod-relation-thumb {
  margin: 0 auto;
}

.mod-relation-thumb ul {
  overflow: hidden;
  list-style: none;
  margin: 8px 0 0;
  padding: 0 !important;
  width: 100%
}

.mod-relation-thumb li {
  margin: 0 0 8px 0;
  padding: 0 !important;
  min-width: 20.5em;
  width: 50%;
  list-style: none !important;
  font-size: 100%;
  float: left;
  height: 3.31em;
  line-height: 1.655;
  overflow: hidden;
}

.mod-relation-thumb li:before {
  display: none !important;
}

.mod-relation-thumb li a {
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none !important;
  height: 3em;
}

.mod-relation-thumb li a img {
  border-width: 0;
  vertical-align: middle;
}

.mod-relation-thumb li a span {
  display: table-cell;
}

.mod-relation-thumb li a .thumb {
  vertical-align: top;
}

.mod-relation-thumb li a .text {
  padding: 0 .5em;
  text-decoration: underline;
  vertical-align: middle;
}

.mod-relation-thumb li a:hover .text {
  text-decoration: none;
}

@media screen and (min-width: 1920px) {
  .mod-relation-thumb li {
    width: 33.3%;
  }
}

/*-- ■SECTION 080 goo ad 設定 --*/
.mod-entry-reccomend-widget {
  text-align: left;
}

.mod-entry-set-goo-ad {
  text-align: center;
}

table.gooAd {
  border-collapse: separate;
}

.gooAd td {
  text-align: left;
  margin: 0 !important;
  line-height: 1;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.gooAd_title_td a {
  width: 100%;
  font-size: 130%;
  line-height: 130% !important;
  text-decoration: underline !important;
}

.gooAd_title_td a:link:hover {
  text-decoration: none !important;
}

.gooAd_title_td a:link:active {
  text-decoration: none !important;
}

.gooAd_title_td a:visited {
  text-decoration: underline !important;
}

.gooAd_url_td {
  padding: 4px 0;
}

.gooAd_url_td a {
  width: 100%;
  text-decoration: none !important;
}

.gooAd_text_td {
  width: 100%;
  line-height: 130% !important;
}

a.gooAd_sponsor {
  display: block;
  padding: 3px 0;
  text-align: left;
  text-decoration: none !important;
  color: #888 !important;
}

/*-- ■SECTION 090 #sidebar 設定 --*/
/*-- ■SECTION 100 サイドバーモジュール共通設定 --*/
.module-body {
  line-height: 1.4;
  line-break: strict;
  word-wrap: break-word;
}

.module-body table:not([cellspacing]) {
  border-collapse: separate;
  border-spacing: 2px
}

.module ul li,
.module dl dd {
  margin: 0 0 0.4em
}

.module ul li {
  line-height: 1.4
}

#sidebar-opt-top {
  display: none;
}

#sidebar-opt-bottom {
  display: none;
}

/*-- ■SECTION 110 サイドバーモジュール個別設定 --*/
/*-- 110-010 カレンダー -*/
#mod-calendar .module-body {
  text-align: center;
}

#mod-cal-table {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

#mod-cal-table table {
  width: 100%;
  border-collapse: collapse;
}

#mod-cal-table th,
#mod-cal-table td {
  text-align: center;
  white-space: nowrap
}

#mod-cal-prev-next {
  width: 100%;
}

#mod-cal-prev {
  float: left;
  text-align: left;
}

#mod-cal-next {
  float: right;
  text-align: right;
}

/*-- 110-020 プロフィール --*/
#mod-profile dl dd.mod-pro-photo {
  text-align: center;
}

#mod-profile .tag-list {
  font-size: 0;
  margin-bottom: .5rem;
  word-break: break-all
}

#mod-profile .tag-list .tag {
  display: inline-block;
  padding: .5rem .5rem 0 0;
  background: none
}

#mod-profile .tag-list .tag a {
  font-size: .8rem;
  letter-spacing: .03rem;
  display: block;
  line-height: 1
}

#mod-profile .shop-btn {
  display: block;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
  background: #f66200;
  color: #fff !important;
  padding: .75em 1em;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  margin: 10px 0;
  border-radius: 5px;
}

/*-- 110-030 携帯 --*/
#mod-mobile .module-body {
  text-align: center;
}

#mod-mobile .module-body ul li.mod-mob-qr img {
  margin: 4px 0 6px 0;
  padding: 0;
}

#mod-mobile .module-body ul li.mod-mob-mail img {
  border: 0;
  margin: 0 0 6px 0;
  padding: 0;
  vertical-align: middle;
}

/*-- 110-040 ログイン --*/
#mod-login .module-body {
  text-align: center;
}

#mod-login .module-body img {
  margin: 0 6px 0 0;
  padding: 0;
  vertical-align: middle;
}

/*-- 110-050 最新記事 --*/
#mod-recent-entries .module-body .arcv-link {
  width: 100%;
  text-align: right;
}

/*-- 110-060 最新コメント --*/
/*-- 110-070 最新トラックバック --*/
/*-- 110-080 バックナンバー --*/
/*-- プルダウン --*/
#mod-back-numbers-select .module-body {
  text-align: center;
}

/*-- スクロール --*/
#mod-back-numbers-scroll .module-body {
  height: 100px;
  overflow: auto;
  text-align: left;
}

/*-- スクロールなし --*/
#mod-back-numbers-noscroll .module-body {
  text-align: left;
}

/*-- 110-090 カテゴリー --*/
/*-- 110-100 ブックマーク --*/
/*-- 110-110 goo おすすめ --*/
span#mod-goo-rec-goo {
  text-transform: lowercase;
}

#mod-goo-recommends td,
#mod-advertising td {
  padding-bottom: 0.4em;
}

#mod-goo-recommends .module-body,
#mod-advertising .module-body {
  padding: 0.4em !important;
}

/*-- 110-120 POWERED BY --*/
#mod-powered-by {
  padding: 0 0 10px 27px;
}

#mod-powered-by ul li {
  padding: 2px 0 0 0;
}

/*-- 110-130 フォントサイズ --*/
#font-resizer {
  width: 100%;
  font-size: 15px;
}

#font-resizer ul li {
  text-align: center;
}

li.mod-fon-siz-small {
  float: left;
  width: 33%;
}

li.mod-fon-siz-large {
  float: right;
  width: 33%;
}

li.mod-fon-siz-reset {
  float: left;
  width: 33%;
}

/*-- 110-140 フリーエリアサイドバー --*/
#mod-freearea-sidebar h4 {
  text-transform: none
}

#mod-freearea-sidebar p {
  margin: 1em 0
}

#mod-freearea-sidebar ol {
  list-style-position: inside
}

#mod-freearea-sidebar .module-body {
  padding: 0.75em 0.6em
}

#mod-freearea-sidebar .module-body object,
#mod-freearea-sidebar .module-body embed,
#mod-freearea-sidebar .module-body iframe {
  display: block;
  margin: 0 auto;
  border: none
}

/* webkit hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {

  #mod-freearea-sidebar .module-body object,
  #mod-freearea-sidebar .module-body embed,
  #mod-freearea-sidebar .module-body iframe {
    display: table;
    border: none
  }
}

/*-- 110-150 お知らせ（PR） --*/
span#mod-adv-title {
  text-transform: uppercase;
}

/*-- 110-160 メッセージ --*/
#mod-message .module-body {
  text-align: center;
}

#mod-message .module-body img {
  margin: 0 6px 0 0;
  padding: 0;
  vertical-align: middle;
}

/*-- 110-170 アクセス状況 --*/
#mod-access-status .module-body {
  text-align: center;
}

#mod-acc-sta-table table th {
  text-align: left;
  padding: 6px 0 0 2px;
  white-space: nowrap;
}

#mod-acc-sta-table td.mod-acc-sta-name {
  text-align: left;
  white-space: nowrap;
  padding-left: 10px;
}

#mod-acc-sta-table td.mod-acc-sta-num,
#mod-acc-sta-table td.mod-acc-sta-rate {
  text-align: right;
}

#mod-acc-sta-table td.mod-acc-sta-unit {
  text-align: left;
  padding-left: 2px;
}

#mod-access-status .module-body img {
  margin: 0 6px 0 0;
  padding: 0;
  vertical-align: middle;
}

#mod-acc-sta-table {
  margin: 0 auto;
  width: 100%;
}

#mod-acc-sta-table table {
  width: 100%;
  border-collapse: collapse;
}

/*-- 110-180 最新フォトチャンネル --*/
#mod-recent-photo-channels .module-body {
  text-align: center;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-section {
  width: 100%;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  overflow: hidden;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-thumb {
  float: left;
  width: 64px;
  height: 64px;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  overflow: hidden;
}

#mod-recent-photo-channels .module-body img.mod-rec-pho-cha-cgif {
  border: 0;
  width: 64px;
  height: 64px;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-info {
  margin: 0 0 0 70px;
  text-align: left;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-ch {
  font-size: 95%;
  padding: 0 0.25em 0 0;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-chnum a {
  font-weight: bold;
  overflow: hidden;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-count {
  font-size: 95%;
}

#mod-recent-photo-channels .module-body .mod-rec-pho-cha-chtitle {
  overflow: hidden;
}

#mod-recent-photo-channels .module-body .pch-link {
  width: 100%;
  text-align: right;
}

/*-- 110-190 検索 --*/
#mod-search .module-body form {
  text-align: center;
  margin: 0.5em 0;
}

#mod-search .module-body input.mod_sea_input {
  width: 140px;
}

/*-- ■SECTION 120 Twitter記事設定 --*/
span.entry-body-text-twitter-top {
  display: block;
  padding-left: 22px;
  background: url(/img/static/blog/entry_body_text_twitter_top.gif) left center no-repeat;
}

span.entry-body-text-twitter-top-time {
  font-size: 130%;
  font-weight: bold;
}

span.entry-body-text-twitter-body {
  display: block;
  padding: 0 0 12px 22px;
}

span.entry-body-text-twitter-by {
  display: block;
  text-align: right;
  padding-right: 22px;
  background: url(/img/static/blog/entry_body_text_twitter_top.gif) right center no-repeat;
}

blockquote.twitter-tweet {
  padding: 0.5em;
  border: 1px solid #999;
  border-radius: 0.5em;
  margin: 1em auto
}

iframe.twitter-tweet {
  margin: 1em auto
}

/*-- tw matome --*/
#twtr a {
  text-decoration: none
}

#twtr a:hover {
  text-decoration: underline
}

#twtr .twTp a:hover {
  text-decoration: none
}

#twtr .twTp p a:hover {
  text-decoration: underline
}

#twtr .twUnit {
  position: relative;
  width: 80%;
  border-bottom: 1px solid #E4E4E4;
  padding: 8px 0px 8px 56px;
  margin: 0 auto;
  overflow: hidden
}

#twtr .end {
  padding-top: 2em;
  text-align: right;
  font-size: 1em;
  padding-bottom: 0.5em;
  border-bottom: none
}

#twtr img {
  border: none;
  max-width: 100%
}

#twtr .twUnit p {
  margin: 0
}

#twtr .twTp {
  margin: 2px 0 5px;
  position: relative
}

#twtr .twTp a {
  line-height: 1.1
}

#twtr .twTp>a:first-child {
  margin-right: 1.8em
}

#twtr .twTp img {
  position: absolute;
  margin-left: -56px;
  width: 48px;
  height: 48px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px
}

#twtr .twTp strong {
  font-weight: bold;
  font-size: 1.1em;
  margin-left: -0.6em
}

#twtr .twTp p {
  float: right;
  font-size: 12px
}

#twtr .twTp p,
.twBtm {
  font-size: 0.9em
}

#twtr .twTm {
  position: absolute;
  right: 0;
  top: 2px
}

#twtr .twTxt {
  word-wrap: break-word;
  margin: 0
}

#twtr .twTxt a {
  color: #008AB4
}

#twtr .twImg>a {
  display: inline-block;
  /* /display: inline;/zoom: 1; */
  margin: 0.25em 0.5em 0.25em 0
}

#twtr .twImg>a:last-child {
  margin-right: 0
}

#twtr .twRT {
  font-size: 0.9em
}

#twtr .twRT span {
  font-weight: bold
}

#twtr .twBtm {
  text-align: right;
  margin-top: 2px
}

#twtr .twBtm div,
.twBtm a {
  display: inline-block;
  /* /display: inline;/zoom: 1 */
}

#twtr .twBtm div {
  margin-right: 0.5em
}

#twtr .twBtm div a {
  display: inline
}

#twtr .twBtm a {
  margin-left: 0.3em
}

#twtr .twUnit i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  position: relative;
  top: 1px;
  background-image: url(https://si0.twimg.com/images/dev/cms/intents/icons/sprites/everything-spritev2.png);
}

#twtr .smReply {
  background-position: -1px -1px
}

#twtr .smRt {
  background-position: -80px -1px
}

#twtr .smFav {
  background-position: -33px -1px
}

#twtr .twUnit hr {
  display: none
}

/*-- Facebook  --*/
iframe.fblike-btn {
  border: none;
  overflow: hidden;
  height: 22px;
  width: 118px;
  position: relative;
  top: 2px
}

.fb-like {
  vertical-align: top
}

/*-- TikTok  --*/
blockquote.tiktok-embed {
  border: none;
  padding: initial;
  margin: auto
}

/*-- for print --*/
@media print {

  #title-banner,
  #title-banner-top,
  #title-banner-bottom,
  #main-top,
  main-bottom,
  #center,
  #in-center,
  #main-3c-wrap,
  #side-a,
  #side-b,
  .sidebar-top,
  sidebar-bottom,
  .content-2c,
  .content-3c,
  .content-top,
  .content-bottom,
  .mod-entry-set,
  .mod-entry-set-top,
  .mod-entry-set-bottom,
  .mod-comments-top,
  .comment-list-top,
  .comment-list-bottom,
  .module-top,
  .module-bottom {
    overflow: visible;
  }

  #global-header,
  #mod-global-header,
  #mod-global-header-l,
  #mod-global-header-r,
  #mod-global-header-pch,
  #global-footer,
  #mod-global-header table,
  #mod-global-header-m,
  .mod-global-header-m,
  .mod-entry-set-goo-ad {
    display: none;
  }
}

/*-- genre --*/
.relation_genre {
  text-align: left;
  padding-top: 1em;
  margin-bottom: 1em
}

.relation_genre dt {
  width: 6.4em;
  text-align: right;
  float: left;
  padding: 0.2em 0;
}

.relation_genre dd {
  padding: 0 0 0.4em;
  margin: 0 0 0 6.4em;
  height: 1.4em;
  /* /height: 2.7em; */
  overflow: hidden;
}

.relation_genre dd a {
  display: inline-block;
  /* /display: inline;/zoom: 1; */
  margin: 0 0 0.4em 0;
  padding: 0.2em 0.5em;
}

/*-- relation keywords --*/
.relation_keywords {
  margin: 10px 0 20px;
  text-align: left;
}

.relation_keywords dt {
  width: 6.4em;
  text-align: right;
  float: left;
  padding: 0.2em 0;
}

.relation_keywords dt a {
  text-decoration: none;
  color: inherit;
}

.relation_keywords dt a:hover {
  color: inherit;
}

.relation_keywords dd {
  padding: 0;
  margin: 0;
  height: 2.2em;
  overflow: hidden;
}

.relation_keywords dd a {
  display: inline-block;
  /* /display: inline;/zoom: 1; */
  margin: 0 0.4em 0.4em 0;
  padding: 0.2em 0.5em;
}

/*-- 読者機能 == custom/layout.css, 未更新.css --*/
.mod-prof_btns {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
  /* /text-align: left; */
}

.module .mod-prof_btns p {
  display: inline-block;
  float: left;
  margin: 0px 3px 5px 0px !important;
  /* /display: inline;/zoom: 1; */
}

.module .mod-prof_btns .social_btns {
  display: inline-block;
  font-size: 0;
  /*/display: block;/zoom: 1;/width: 50px;*/
}

.module .mod-prof_btns .social_btns div {
  display: block;
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  overflow: hidden;
  /* /display: inline;/zoom: 1; */
}

/* ボタン #main */
#main .mod-btn,
#main a.mod-btn:link,
#main a.mod-btn:visited,
#main a.mod-btn:hover {
  text-decoration: none !important;
  color: #333 !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
  font-size: 10px;
}

#main a.mod-btn:hover {
  cursor: pointer;
}

#main .mod-btn {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  border: 1px solid #ccc;
  background-color: #f4f4f4 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5)) !important;
  background-image: -webkit-linear-gradient(top, #fff, #f5f5f5) !important;
  background-image: -moz-linear-gradient(top, #fff, #f5f5f5) !important;
  background-image: -ms-linear-gradient(top, #fff, #f5f5f5) !important;
  background-image: -o-linear-gradient(top, #fff, #f5f5f5) !important;
  background-image: linear-gradient(top, #fff, #f5f5f5) !important;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 -1px 2px;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 -1px 2px;
  -ms-box-shadow: inset rgba(0, 0, 0, 0.1) 0 -1px 2px;
  -o-box-shadow: inset rgba(0, 0, 0, 0.1) 0 -1px 2px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0 -1px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  vertical-align: text-top;
  letter-spacing: 1px;
  /*/display: inline;
  /zoom: 1;*/
}

#main .mod-btn:hover {
  background: #e6e6e6 !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #f4f4f4)) !important;
  background: -webkit-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: -moz-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: -ms-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: -o-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: linear-gradient(top, #e6e6e6, #f4f4f4) !important;
}

/* & 読者になる */
#main .follow,
#main .disabled,
#main .disabled:hover {
  padding: 0px 8px 0px 24px;
  background: #f4f4f4 url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5)) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -webkit-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -moz-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -ms-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -o-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, linear-gradient(top, #fff, #f5f5f5) !important;
  _background-image: url(/img/static/blog/sprite_userblog.gif) !important;
  _background-position: 4px -931px !important;
}

#main a.follow:hover {
  background: #e6e6e6 url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #f4f4f4)) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -webkit-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -moz-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -ms-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, -o-linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -349px, linear-gradient(top, #e6e6e6, #f4f4f4) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  _background-image: url(/img/static/blog/sprite_userblog.gif) !important;
  _background-position: 4px -931px !important;
}

#main .disabled:hover {
  cursor: default;
}

/* & 読者登録中 */
#main a.following,
#main a.following:link,
#main a.following:visited {
  width: 55px;
  text-align: center;
  color: #a5a4a1 !important;
}

#main .following {
  padding: 0px 8px 0px 24px;
  background: #f5f5f5 url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5)) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px, -webkit-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px, -moz-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px, -ms-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px, -o-linear-gradient(top, #fff, #f5f5f5) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -117px, linear-gradient(top, #fff, #f5f5f5) !important;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 2px;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 2px;
  -ms-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 2px;
  -o-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 2px;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 2px;
  _background-image: url(/img/static/blog/sprite_userblog.gif) !important;
  _background-position: 4px -931px !important;
}

#main a.following:hover {
  background: #f57a65 url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57a65), color-stop(100%, #f06b55)) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px, -webkit-linear-gradient(top, #f57a65, #f06b55) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px, -moz-linear-gradient(top, #f57a65, #f06b55) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px, -ms-linear-gradient(top, #f57a65, #f06b55) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px, -o-linear-gradient(top, #f57a65, #f06b55) !important;
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 4px -233px, linear-gradient(top, #f57a65, #f06b55) !important;
  -webkit-box-shadow: inset #d6513a 0 -1px 2px, inset rgba(238, 238, 238, 0.28) 0 1px 2px;
  -moz-box-shadow: inset #d6513a 0 -1px 2px, inset rgba(238, 238, 238, 0.28) 0 1px 2px;
  -ms-box-shadow: inset #d6513a 0 -1px 2px, inset rgba(238, 238, 238, 0.28) 0 1px 2px;
  -o-box-shadow: inset #d6513a 0 -1px 2px, inset rgba(238, 238, 238, 0.28) 0 1px 2px;
  box-shadow: inset #d6513a 0 -1px 2px, inset rgba(238, 238, 238, 0.28) 0 1px 2px;
  color: #fff !important;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.17);
  _background-image: url(/img/static/blog/sprite_userblog.gif) !important;
  _background-position: 4px -815px !important;
}

/* & count */
.mod-btn.reader-count {
  display: inline-block;
  padding: 0;
  margin-left: -3px;
  -webkit-border-radius: 0px 3px 3px 0;
  -moz-border-radius: 0px 3px 3px 0;
  -ms-border-radius: 0px 3px 3px 0;
  -o-border-radius: 0px 3px 3px 0;
  border-radius: 0px 3px 3px 0;
  /* /display: inline;/zoom: 1; */
}

/* & 区切り線 */
.mod-btn span.bounder {
  display: block;
  padding: 0 5px 0;
  border-left: 1px solid #fafafa;
  background: none;
}

/* icon */
.mod-btn .icon-birdtw,
.mod-btn .icon-f {
  padding: 0px;
  width: 20px;
  text-indent: -999em;
  display: block;
}

.icon-birdtw {
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 2px -465px;
  _background: url(/img/static/blog/sprite_userblog.gif) no-repeat 2px -1047px;
}

.icon-f {
  background: url(/img/static/blog/sprite_userblog.png) no-repeat 2px 0px;
  _background: url(/img/static/blog/sprite_userblog.gif) no-repeat 2px -582px;
}

/* profile img */
.mod-pro-photo_img {
  display: inline-block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  /* /display: inline;/zoom: 1; */
}

/* payment type */
.payment_type {
  padding-bottom: 3px;
  text-align: left;
}

.payment_type-photo,
.payment_type-adv,
.payment_type-free,
.payment_type-notphoto {
  display: inline-block;
  background: url(/img/static/global/sprite_paymenttype.png) no-repeat 0 0;
  text-indent: -999em;
  text-align: left;
  vertical-align: top;
  /* /display: inline;/zoom: 1; */
}

.payment_type-photo,
a:hover .payment_type-notphoto {
  background-position: 0 -195px;
  width: 36px;
  height: 15px;
}

.payment_type-adv {
  background-position: 0 0;
  width: 62px;
  height: 15px;
}

.payment_type-free {
  background-position: 0 -65px;
  width: 35px;
  height: 15px;
}

.payment_type-notphoto {
  background-position: 0 -130px;
  width: 36px;
  height: 15px;
  margin-left: 4px;
}

.payment_type a:hover {
  cursor: pointer;
}

/* 読者一覧 */
a.nolink {
  color: inherit !important;
  text-decoration: none !important;
}

.fs12 {
  font-size: 12px;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  word-wrap: normal \9;
  _white-space: normal;
}

.img_frame {
  display: inline-block;
  border: 1px solid #cdcdcd;
  /* /display: inline;/zoom: 1; */
}

.img_frame img {
  display: block;
}

/* article_list_01 margin:10 */
.list_01 {
  padding: 0 13px 0 15px;
  _padding: 0px;
  _width: 100%;
}

.list_01 li {
  list-style: none;
  border-top: 1px dotted #d4d2cb;
  position: relative;
  _zoom: 1;
}

#mod-archive ul.list_01 li {
  padding: 8px 106px 8px 0;
}

.list_01 li:first-child {
  border-top: none;
}

.list_01 p {
  margin: 0;
}

.list_01 i {
  margin-right: 5px;
}

.list_01-main {
  padding-left: 55px;
  min-height: 45px;
}

.list_01-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
  _margin-top: -7px;
}

.list_01-img {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  _margin-top: -20px;
}

.list_01-img .img_frame img {
  width: 43px;
  height: 43px;
}

.follower_blogtitle {
  margin-top: 4px;
}

.follower_blogtitle a,
.follower_blogtitle a strong {
  font-weight: bold;
}

/* 画像一覧 */
.mod-entry-image {
  padding: 30px 10px !important;
  font-size: 13px !important;
  line-height: 1.3;
  text-align: left !important;
}

.mod-entry-image .mod-entry-image-list-head span {
  padding: 0 3px;
}

.mod-entry-image .mod-entry-image-list {
  margin: 0;
  padding: 0px;
  /* for IE11 */
  height: 169px;
  overflow: hidden;
}

.mod-entry-image .mod-entry-image-list li {
  display: block;
  float: left;
  padding: 8px 10px 2px 0;
  width: 114px;
  list-style: none;
  font-size: 100%;
  text-align: left;
}

.mod-entry-image .mod-entry-image-list li a,
.mod-entry-image .mod-entry-image-list li a img,
.mod-entry-image .mod-entry-image-list li a .li-en-title {
  display: block;
  cursor: pointer;
}

.mod-entry-image .mod-entry-image-list li a img {
  padding: 1px;
  margin-bottom: 9px;
  width: 110px;
  height: 110px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.mod-entry-image .mod-entry-image-list .li-en-title {
  height: 17px;
  margin-bottom: 1px;
  overflow: hidden;
}

.mod-entry-image .mod-entry-image-list .li-en-time.new {
  padding-right: 30px;
  background: url(/img/static/blog/c15_new.png) no-repeat right center;
}

/* ランキング連携 */
.ranking-link {
  margin: 20px 0 20px 15px;
  line-height: 1.3;
  font-size: 12px;
}

.ranking-link p {
  padding-bottom: 3px;
  line-height: 1.5;
  text-align: left;
}

.ranking-link ul {
  margin: 0 0 0 -1em;
  padding: 2px 0 0 0;
  list-style: none;
}

.ranking-link ul li {
  margin: 0 1em;
  padding: 0;
  float: left;
  text-align: center;
}

.ranking-link ul li.blogranking {
  width: 110px;
}

.ranking-link ul li.blogmura {
  width: 88px;
}

.ranking-link ul li a {
  display: block;
}

.ranking-link ul li a img {
  display: block;
  border: 0;
}

.ranking-link ul li div {
  margin-top: 5px;
  white-space: nowrap;
}

.ranking-link ul li.ranking-link_mes {
  margin-left: 2em;
  margin-right: 0;
  width: 135px;
  text-indent: -1em;
  vertical-align: top;
}

.ranking-link ul li.ranking-link_mes div {
  white-space: normal;
  text-align: left;
  font-size: 95%;
}

/*-- theme --*/

/* theme blog page */
.theme {
  color: #606060;
  box-shadow: rgba(65, 65, 65, 0.2) 0px 0px 4px 1px;
  -webkit-box-shadow: rgba(65, 65, 65, 0.2) 0px 0px 4px 1px;
  -moz-box-shadow: rgba(65, 65, 65, 0.2) 0px 0px 4px 1px;
  padding: 10px 10px 10px 45px;
  background: url(/img/static/blog/theme_icon_pen.png) no-repeat 15px center #FFFFFF;
  border: 1px #E8E8E8 solid\9;
}

.theme a {
  color: #606060 !important;
  text-decoration: none;
}

.theme a:hover {
  text-decoration: none;
}

.theme-tit2 {
  display: block;
  margin-bottom: 3px;
}

.theme-banner2 {
  font-size: 11px;
  text-align: center;
  color: #606060 !important;
}

.casual-message_top {
  padding-top: 10px;
}

.casual-message_theme {
  padding: 7px 0 7px 0;
}

.casual-message_bottom {
  padding-bottom: 10px;
}

.casual-message_title {
  padding: 7px 0px 0 25px;
  margin: 0;
  background: url(https://i.xgoo.jp/gb25/img/common/icons/icon-comment_accent.svg) no-repeat;
  line-height: 1.1;
}

/* ----- 3.css ----- （ここから） */

/*-- INDIVIDUAL CSS Document for goo blog modulized templates 090716 --*/
/*-- template name:ソファー2 --*/

/*-- ■SECTION 010 全体設定 --*/
/*-----------------------------------------------------------------
ページ全体の背景色・背景画像の設定
------------------------------------------------------------------*/

body {
  background: #ffffff;
  /*-- 背景色 --*/
  color: #000000;
  /*-- 文字色 --*/
  background-image: url(/img/template/user/669/body_back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}


/*-----------------------------------------------------------------
リンク文字色の基本設定
------------------------------------------------------------------*/

/*-- 通常 --*/
a {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}

/*-- リンク先を訪れたことがある時 --*/
a:visited {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}

/*-- マウスオーバー時 --*/
a:hover {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}

/*-- マウスクリック時 --*/
a:active {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}


/*-----------------------------------------------------------------
不使用拡張部分
--使用したい部分をコメントアウトまたは削除します。
------------------------------------------------------------------*/

#title-banner-top,
#title-banner-bottom,
#main-top,
#main-bottom,
/*-- .content-top, --*/
/*-- .content-bottom,--*/
/*-- #footer, --*/
.mod-entry-set-top,
.mod-entry-set-bottom,
.mod-comments-top,
.mod-comments-bottom,
.comment-list-top,
.comment-list-bottom,
.comment-form-top,
.comment-form-bottom,
.mod-trackbacks-top,
.mod-trackbacks-bottom,
.trackback-list-top,
.trackback-list-bottom,
.sidebar-top,
.sidebar-bottom,
.module-top,
.module-bottom {
  display: none;
}


/*-- ■SECTION 020 レイアウト設定 --*/
/*-----------------------------------------------------------------
サイドバー＋メイン全体の設定
------------------------------------------------------------------*/

#container {
  width: 840px;
  margin: 0 auto;
  /*-- 全体的な枠線の設定 --*/
  /*-- border-bottom:solid 1px #c8c8c8; --*/
  /*-- border-left:solid 1px #c8c8c8; --*/
  /*-- border-right:solid 1px #c8c8c8; --*/
  /*-- 全体的な枠線の設定ここまで --*/
}

#main {
  /*-- コンテンツエリアの背景色：
-----サイドバー下の余白orメインエリア下の余白
-----ただしカラム数・レイアウトにより出現領域は異なる --*/
  background-image: url(/img/template/user/669/main_body.gif);
  background-position: center top;
  background-repeat: repeat;
  background-attachment: scroll;
}

#footer {
  background-image: url(/img/template/user/669/main_back_840.gif);
  background-position: center top;
  background-repeat: no-repeat;
  height: 10px;
}


/*-- ■SECTION 030 #title-banner 設定 --*/
/*-----------------------------------------------------------------
タイトルバナーの設定
------------------------------------------------------------------*/

/*-- タイトルバナー外枠の設定 --*/
#title-banner {
  /*-- border-top:solid 7px #6ca8d6; --*/
  /*-- border-bottom:solid 1px #c8c8c8; --*/
  /*-- background:#6ca8d6; --*/
}

/*-- タイトルバナー上部の設定 --*/
#title-banner-top {
  width: 100%;
  height: 10px;
  background: #1c75b8;
  margin: 0;
}

/*-- タイトルバナー内部の設定 --*/
#title-banner-body {
  /*-- border-bottom:solid 2px #5ca1d6; --*/
  width: 100%;
  /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/
  /*--
background-image:url(/user_image/xx/xx/xxxx.jpg);
background-position: center top;
background-repeat:no-repeat;
--*/
  /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/
  height: 228px;
}

/*-- ブログタイトルの開始位置の設定 --*/
#title-banner-body #title-banner-set {
  padding-top: 10px;
  padding-left: 15px;
}

/*-- タイトルバナー下部の設定 --*/
#title-banner-bottom {
  width: 100%;
  border-top: solid 2px #4591cb;
  height: 2px;
  background: #378fd4;
  border-bottom: solid 2px #eaeaea;
}

/*-- ブログタイトル文字の基本設定 --*/
#title-banner-body #title-banner-set h1 {
  font-size: 125%;
  color: #936200;
  line-height: 1.2;
  text-align: right;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*-- ブログタイトル文字の設定（文字色、リンク時装飾） --*/
#title-banner-body #title-banner-set h1 a {
  color: #936200;
  text-decoration: none;
}

/*-- ブログタイトル文字の設定（マウスオーバー／マウスクリック時の文字色、リンク装飾） --*/
#title-banner-body #title-banner-set h1 a:hover {
  color: #936200;
  text-decoration: none;
}

#title-banner-body #title-banner-set h1 a:active {
  color: #936200;
  text-decoration: none;
}

/*-- ブログ概要の設定 --*/
#title-banner-body #title-banner-set h2 {
  color: #666666;
  font-size: 92%;
  line-height: 1;
  width: 100%;
  text-align: right;
  font-weight: normal;
}


/*-- ■SECTION 040 #main 設定 --*/
/*-----------------------------------------------------------------
サイドバー＋メイン全体の下部の設定
------------------------------------------------------------------*/

#main-bottom {
  background: transparent;
  border-top: solid 2px #ffffff;
  border-bottom: solid 10px #378fd4;
}


/*-- ■SECTION 050 #main 内レイアウト設定 --*/
/*-----------------------------------------------------------------
サイドバー全体、メイン全体の設定
------------------------------------------------------------------*/

/*-- メインの設定（2カラム時のみ） --*/
#center-2c {}

/*-- メインの設定（3カラム時のみ） --*/
#center-3c {}

/*-- メインの設定（外側・共通） --*/
#center {}

/*-- メインの設定（内側・共通）--*/
#in-center {
  /*-- メインコンテンツエリアの背景色 --*/
  background: #dfd8c0;
}

/*-- サイドバー全体の設定 --*/
#side-a,
#side-b {}


/*-- ■SECTION 060 #center-2c/3c 設定 --*/
/*-----------------------------------------------------------------
メインのレイアウトの設定
------------------------------------------------------------------*/

/*-- カラム間のマージン設定（2カラムの場合）--*/
#in-center .content-2c {
  margin: 0px;
}

/*-- カラム間のマージン設定（3カラムの場合）--*/
#in-center .content-3c {
  margin: 0px;
}

/*-- メイン上部の設定 --*/
.content-top {}

/*-- メインの設定 --*/
.content-body {
  padding: 10px;
}

/*-- メイン下部の設定 --*/
.content-bottom {}

.content-2c .content-top {
  background-image: url(/img/template/user/669/contents_top_back_640.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 9px;
}

.content-2c .content-body {
  background-image: url(/img/template/user/669/contents_back_640.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
}

.content-2c .content-bottom {
  background-image: url(/img/template/user/669/contents_bottom_back_640.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 7px;
}

.content-3c .content-top {
  background-image: url(/img/template/user/669/contents_top_back_440.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 9px;
}

.content-3c .content-body {
  background-image: url(/img/template/user/669/contents_back_440.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
}

.content-3c .content-bottom {
  background-image: url(/img/template/user/669/contents_bottom_back_440.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 7px;
}

/*-- ■SECTION 070 エントリー設定 --*/
/*-----------------------------------------------------------------
記事の設定
------------------------------------------------------------------*/

/*-- 記事の設定（外側） --*/
.mod-entry-set {}

.mod-entry-set-top {}

.mod-entry-set-top div.lt {}

.mod-entry-set-top div.rt {}

.mod-entry-set-bottom {}

.mod-entry-set-bottom div.lb {}

.mod-entry-set-bottom div.rb {}

/*-- 記事の設定（内側）--*/
.entry {
  background: #ffffff;
}

/*-- 記事上部の設定 --*/
/*-- ↓記事タイトル・投稿日時|カテゴリーの背景を共通で設定する場合はここを使用 --*/
.entry-top {
  background: #ffffff;
}

/*-- 記事タイトルの設定 --*/
.entry-top h3 {
  font-size: 125%;
  color: #000000;
  background: #ffffff;
  line-height: 1.2;
  padding: 5px;
}

.entry-top h3 a {
  color: #000000;
  text-decoration: none;
}

.entry-top h3 a:visited {
  color: #000000;
  text-decoration: none;
}

.entry-top h3 a:hover {
  color: #000000;
  text-decoration: none;
}

/*-- 投稿日時|カテゴリーの設定 --*/
.entry-top-info {
  text-align: right;
  padding: 0 2px;
}

.entry-top-info a {}

.entry-top-info a:visited {}

.entry-top-info a:hover {}

.entry-top-info span.entry-top-info-time {}

.entry-top-info span.entry-top-info-category {}

/*-- 記事上部の設定ここまで --*/

/*-- 記事部分の設定 --*/
.entry-body {}

/*-- 記事貼り付け画像の設定 --*/
/*-- 画像の周りの間隔の設定（サムネイルになる部分） --*/
.entry-body-image {
  margin: 20px auto 10px;
}

/*-- 画像にリンクを貼った時の設定（通常時） --*/
.entry-body-image a img,
.entry-body-text a img {
  border: none;
}

/*-- 画像にリンクを貼った時の設定（リンク先を訪問したことがある時） --*/
.entry-body-image a:visited img,
.entry-body-text a:visited img {
  border: none;
}

/*-- 画像にリンクを貼った時の設定（カーソルをおいた時） --*/
.entry-body-image a:hover img,
.entry-body-text a:hover img {
  border: none;
}

/*-- 記事本文の設定 --*/
.entry-body-text {
  padding: 5px 2px;
}

/*-- 記事部分の設定ここまで --*/

/*-- 記事下部の設定 --*/
.entry-bottom {
  padding: 2px 2px 20px 2px;
  color: #0066CC;
  text-align: right;
  border-bottom: solid 1px #936200;
}

/*-- 記事下部コメント（）・トラックバック（）の設定 --*/
.entry-bottom-info {
  color: #000000;
}

.entry-bottom-info a {}

.entry-bottom-info a:visited {}

.entry-bottom-info a:hover {}

/*-- 記事下部の設定ここまで --*/


/*-----------------------------------------------------------------
コメント欄の設定
------------------------------------------------------------------*/

/*-- コメント欄全体の設定 --*/
#mod-comments {
  margin-bottom: 20px;
  color: #000000;
}

#mod-comments a {
  color: #cd1212;
  text-decoration: underline;
}

#mod-comments a:visited {
  color: #cd1212;
  text-decoration: underline;
}

#mod-comments a:hover {
  color: #cd1212;
  text-decoration: underline;
}

#mod-comments a:active {
  color: #cd1212;
  text-decoration: underline;
}

/*-- コメント欄タイトルの設定 --*/
#mod-comments h3 {
  font-size: 120%;
  color: #000000;
  margin: 10px 0;
  padding: 10px;

}

/*-- 各コメントの設定 --*/
#mod-comments .comment-list-body {
  margin-bottom: 20px;
}

#mod-comments .comment-list-body dl {
  padding: 20px;
  background: #ffffff;
  margin-bottom: 10px;
  border-bottom: solid 1px #cccccc
}

/*-- 各コメントタイトルの設定 --*/
span.comment-list-title {
  color: #936200;
  font-weight: bold;
}

/*-- 各コメント日付の設定 --*/
.comment-list-body dl dd.comment-list-date {
  text-align: right;
}

.comment-input dl {}

.comment-submit input {}

/*-- gooIDを持っている人のみコメント可の場合の設定 --*/
.comment-gooid {
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
  border-bottom: dashed 1px #000000;
}

.comment-gooid dl {}

.comment-gooid dl dt {
  font-weight: bold;
}

.comment-gooid dl dd {}

.comment-login-link {
  margin: 10px 0;
}

/*-- gooIDを持っている人のみコメント可の場合の設定ここまで --*/
/*-- コメント欄注意文の設定 --*/
.comment-alert {
  margin: 10px 10px;
  text-align: left;
  font-weight: bold;
}

.comment-alert,
.comment-gooid {
  color: #000000;
}

.comment-alert .comment-list-none,
.comment-alert .comment-precheck {
  color: #000000;
}

.comment-alert span.comment-login {
  color: #000000;
  font-weight: bold;
}

.comment-alert span.comment-list-error {
  color: #000000;
  padding: 5px;
  margin: 10px 0;
}

/*-- コメント欄注意文の設定ここまで --*/


/*-----------------------------------------------------------------
トラックバック欄の設定
------------------------------------------------------------------*/

/*-- トラックバック欄全体の設定 --*/
#mod-trackbacks {
  margin-bottom: 20px;
}

/*-- トラックバック欄タイトルの設定 --*/
#mod-trackbacks h3 {
  font-size: 120%;
  color: #000000;
  margin: 10px 0;
  padding: 10px;
}

/*-- トラックバックURL欄設定 --*/
#mod-trackbacks .trackback-ping-url {
  color: #000000;
  text-align: left;
  padding: 10px;
}

/*-- トラックバックURL文字設定 --*/
#mod-trackbacks .trackback-ping-url dd input {
  color: #000000;
  text-align: left;
  padding: 10px 0px;
}

/*-- トラックバックを承認制にしている場合の注意書き設定 --*/
#mod-trackbacks .trackback-filter {}

#mod-trackbacks .trackback-filter ul {
  margin: 5px 20px 10px;
}

#mod-trackbacks .trackback-filter ul li {
  list-style: disc;
  list-style-position: outside;
  line-height: 1.25;
}

/*-- トラックバックを承認制にしている場合の注意書き設定ここまで --*/
/*-- 各トラックバックの設定 --*/
#mod-trackbacks .trackback-list-body dl {
  padding: 10px;
  margin-bottom: 10px;
}

#mod-trackbacks .trackback-list-body dl dt {
  color: #000000;
}

#mod-trackbacks .trackback-list-body dl dt.trackback-list-title {
  font-weight: bold;
  color: #000000;
}

#mod-trackbacks .trackback-list-body dl dt a {
  text-decoration: underline;
}

#mod-trackbacks .trackback-list-body dl dt a:visited {
  text-decoration: underline;
}

#mod-trackbacks .trackback-list-body dl dt a:hover {
  text-decoration: underline;
}

/*-- 各トラックバックの設定ここまで --*/
/*-- トラックバック注意文の設定 --*/
#mod-trackbacks .trackback-alert {
  margin: 10px;
  text-align: left;
  font-weight: bold;
}

#mod-trackbacks .trackback-alert .trackback-precheck {
  color: #000000;
  font-weight: bold;
  padding-top: 10px;
  font-weight: bold;
}

/*-- トラックバック注意文の設定ここまで --*/


/*-----------------------------------------------------------------
次へ・前へ　部分の設定
------------------------------------------------------------------*/
#mod-prev-next {
  /*-- margin-bottom:20px; --*/
  padding: 0px 15px 15px;
  font-weight: normal;
  font-size: 90%;
  text-decoration: underline;
}

#mod-prev-next a {
  text-decoration: underline;
}

#mod-prev-next a:visited {
  text-decoration: underline;
}

#mod-prev-next a:hover {
  text-decoration: underline;
}


/*-- ■SECTION 080 スポンサー誘導枠設定 --*/
/*-----------------------------------------------------------------
スポンサー誘導枠全体の設定
------------------------------------------------------------------*/

.mod-entry-set-goo-ad {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}

/*-- 広告背景色 --*/
.gooAd {
  margin: 0;
  background: #ffffff;
}

.gooAd td {}

td.gooAd_sponsor_td {}

td.gooAd_title_td {}

td.gooAd_url_td {}

td.gooAd_text_td {}

.gooAd_text {}

td.gooAd_btm_td {}

/*-- スポンサーリンク文字 --*/
a.gooAd_sponsor {}

/*-- タイトルリンク文字 --*/
a.gooAd_title {
  color: #990000;
  font-weight: bold;
}

a:visited.gooAd_title {
  color: #990000;
  font-weight: bold;
}

/*-- URLリンク文字 --*/
a.gooAd_url {
  color: #dc6899;
}

a:visited.gooAd_url {
  color: #dc6899;
}

/*-- テキストリンク文字 --*/
div.gooAd_text_td {
  line-height: 1.1;
}

a.gooAd_text {
  color: #663300;
}

a:visited.gooAd_text {
  color: #663300;
}

/*-- リンク範囲拡大 --*/
.gooAd_title_td A,
.gooAd_url_td A,
.gooAd_text_td A {
  text-decoration: none;
}


/*-- ■SECTION 090 #sidebar 設定 --*/
/*-----------------------------------------------------------------
サイドバー全体の設定
------------------------------------------------------------------*/

.sidebar {}


/*-- ■SECTION 100 サイドバーモジュール共通設定 --*/
/*-----------------------------------------------------------------
サイドバーモジュール共通設定
--.module共通設定はモジュールごとにデザインを変える場合でも、
--必ずセットしてください。
------------------------------------------------------------------*/

/*-- モジュール内の間隔の設定 --*/
.module-body {
  padding: 5px 10px;
}

/*-- モジュール内リスト文の設定 --*/
.module ul li {
  text-align: left;
  color: #000000;
  padding-bottom: 5px;
  padding-left: 5px;
}

/*-- モジュール内定義リストの設定 --*/
.module dl dt {
  font-weight: nomal;
  color: #000000;
}

.module dl dd {}

/*-- モジュール内定義リストの設定ここまで --*/
/*-- モジュール内区切り線の設定 --*/
.module-body hr {
  height: 1px;
  background-color: #000000;
  border: 0px;
}

/*-- モジュール内リンク文字の設定 --*/
.module a {
  color: #cd1212;
  text-decoration: underline;
}

.module a:visited {
  color: #cd1212;
  text-decoration: underline;
}

.module a:link:hover {
  color: #cd1212;
  text-decoration: underline;
}

.module a:link:active {
  color: #cd1212;
  text-decoration: underline;
}

/*-- モジュール内リンク文字の設定ここまで --*/

/*-- ２カラムのサイドバーor３カラムの左サイドバー共通設定 --*/
/*-- 全体の設定 --*/
#side-a {
  background: #dfd8c0;
}

/*-- 各モジュールの設定 --*/
#side-a .module {
  border-top: solid 2px #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
}

/*-- 各モジュール上部の設定 --*/
#side-a .module .module-top {
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュール内部の設定 --*/
#side-a .module .module-body {
  background: #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュール下部の設定 --*/
#side-a .module .module-bottom {
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュールタイトルの設定 --*/
#side-a .module h4 {
  border-left: solid 2px #dfd8c0;
  /*-- font-weight:bold; --*/
  background: #dfd8c0;
  background-image: url(/img/template/user/669/module_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 10px 15px 10px 35px;
  text-align: left;
  color: #ffffff;
  font-size: 95%;
  line-height: 1;
}

/*-- ３カラムの右サイドバー共通設定 --*/
/*-- 全体の設定 --*/
#side-b {
  background: #dfd8c0;
}

/*-- 各モジュールの設定 --*/
#side-b .module {
  border-top: solid 2px #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
}

/*-- 各モジュール上部の設定 --*/
#side-b .module .module-top {
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュール内部の設定 --*/
#side-b .module-body {
  background: #dfd8c0;
  border-right: solid 1px #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
}

/*-- 各モジュールタイトルの設定 --*/
#side-b .module h4 {
  border-left: solid 2px #dfd8c0;
  /*-- font-weight:bold; --*/
  background: #dfd8c0;
  background-image: url(/img/template/user/669/module_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 10px 15px 10px 35px;
  text-align: left;
  color: #ffffff;
  font-size: 95%;
  line-height: 1;
}


/*-- ■SECTION 110 サイドバーモジュール個別設定 ■ --*/
/*-----------------------------------------------------------------
サイドバー／モジュールの各個別要素の設定
------------------------------------------------------------------*/

/*-- お知らせ【PR】 --*/
#mod-advertising {}

/*-- プロフィール --*/
#mod-profile dl {
  padding-bottom: 10px;
}

#mod-profile dd {
  color: #000000;
  background: #ffffff;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

#mod-profile dl dd.mod-pro-photo {
  background: #ffffff;
  margin: 0px 0px 13px 0px;
  padding-bottom: 5px;
}

#mod-profile dt {
  font-weight: normal;
  color: #000000;
  background: #f9e875;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

/*-- 携帯 --*/
#mod-mobile {
  text-align: center;
}

#mod-mobile ul li {
  text-align: center;
}

/*-- 最新記事 --*/
#mod-recent-entries {}

/*-- カテゴリー --*/
#mod-categories {}

/*-- ログイン --*/
#mod-login {}

#mod-login ul li {
  border: none;
  padding: 0;
}

/*-- 最新コメント --*/
#mod-recent-comments {}

/*-- 最新トラックバック --*/
#mod-recent-trackbacks {}

/*-- カレンダー --*/
#mod-cal-table .mod-cal-caption {
  color: #000000;
  padding: 2px;
  border-bottom: solid 1px #ffffff;
  margin-bottom: 2px;
  font-weight: normal;
}

#mod-cal-table .mod-cal-week {
  color: #000000;
  font-weight: normal;
}

#mod-cal-table td.mod-cal-day-lin-td {
  /*-- background:#a8d0ef; --*/
}

#mod-cal-table th,
#mod-cal-table td {
  padding: 2px;
  font-size: 90%;
  text-align: center;
  vertical-align: middle;
}

#mod-cal-table .mod_cal_day_linked {
  color: #cd1212;
  text-decoration: underline;
}

#mod-cal-prev-next {
  margin-top: 2px;
  padding-top: 6px;
  border-top: solid 1px #ffffff;
}

/*-- バックナンバー --*/
#mod-back-numbers-scroll {}

/*-- スクロールあり --*/
#mod-back-numbers-scroll .module-body {
  margin: 10px 10px;
  padding: 10px 0px 10px 0px;
  width: 180px;
}

/*-- スクロールなし --*/
#mod-back-numbers-noscroll .module-body {
  padding: 15px 15px 20px
}

/*-- ブックマーク --*/
#mod-bookmarks .mod-boo-name {}

/*-- goo おすすめ --*/
#mod-goo-recommends li {
  border: none;
}

/*-- RSS/gooブログ --*/
#mod-powered-by {
  padding: 10px;
}

/*-- フォントサイズ変更 --*/
#font-size-changer {}

#font-resizer ul li {
  background: none;
  padding: 0;
  text-align: center;
  border: none;
}

/*-----------------------------------------------------------------
メインエリアにオリジナルモジュールを配置した時の設定
------------------------------------------------------------------*/

/*-- オリジナルモジュール全体の設定 --*/
#mod-freearea-main {
  padding: 10px 10px 55px 10px;
  background-color: transparent;
}

#mod-freearea-main .mod-entry-set-top {}

#mod-freearea-main .entry {}

/*-- オリジナルモジュール上部の設定 --*/
#mod-freearea-main .entry .entry-top {}

/*-- オリジナルモジュールタイトルの設定 --*/
.content-2c #mod-freearea-main .entry .entry-top h3 {
  font-size: 100%;
  background-image: url(/img/template/user/669/original_module_bg_630.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;
  padding-left: 30px;
}

.content-3c #mod-freearea-main .entry .entry-top h3 {
  font-size: 100%;
  background-image: url(/img/template/user/669/original_module_bg_380.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;
  padding-left: 30px;
}

/*-- オリジナルモジュール内部の設定 --*/
#mod-freearea-main .entry .entry-body {
  word-break: break-all;
  color: #333333;
  line-height: 1.25;
  border: none;
}

/*-- オリジナルモジュール記事の設定 --*/
#mod-freearea-main .entry .entry-body-text {
  padding: 10px;
  margin: 0;
}

/*-- オリジナルモジュール下部の設定 --*/
#mod-freearea-main .entry .entry-bottom {
  border: none;
}

/*-- End//INDIVIDUAL CSS Document for goo blog modulized templates 090716 --*/

/* ----- 4.css ----- （ここから） */

/*-- INDIVIDUAL CSS Document for goo blog modulized templates 090716 --*/
/*-- template name:ソファー2 --*/

/*-- ■SECTION 010 全体設定 --*/
/*-----------------------------------------------------------------
ページ全体の背景色・背景画像の設定
------------------------------------------------------------------*/

body {
  background: #ffffff;
  /*-- 背景色 --*/
  color: #000000;
  /*-- 文字色 --*/
  background-image: url(/img/template/user/669/body_back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}


/*-----------------------------------------------------------------
リンク文字色の基本設定
------------------------------------------------------------------*/

/*-- 通常 --*/
a {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}

/*-- リンク先を訪れたことがある時 --*/
a:visited {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}

/*-- マウスオーバー時 --*/
a:hover {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}

/*-- マウスクリック時 --*/
a:active {
  text-decoration: underline;
  /*-- 文字装飾 --*/
  color: #cd1212;
  /*-- 文字色 --*/
}


/*-----------------------------------------------------------------
不使用拡張部分
--使用したい部分をコメントアウトまたは削除します。
------------------------------------------------------------------*/

#title-banner-top,
#title-banner-bottom,
#main-top,
#main-bottom,
/*-- .content-top, --*/
/*-- .content-bottom,--*/
/*-- #footer, --*/
.mod-entry-set-top,
.mod-entry-set-bottom,
.mod-comments-top,
.mod-comments-bottom,
.comment-list-top,
.comment-list-bottom,
.comment-form-top,
.comment-form-bottom,
.mod-trackbacks-top,
.mod-trackbacks-bottom,
.trackback-list-top,
.trackback-list-bottom,
.sidebar-top,
.sidebar-bottom,
.module-top,
.module-bottom {
  display: none;
}


/*-- ■SECTION 020 レイアウト設定 --*/
/*-----------------------------------------------------------------
サイドバー＋メイン全体の設定
------------------------------------------------------------------*/

#container {
  width: 840px;
  margin: 0 auto;
  /*-- 全体的な枠線の設定 --*/
  /*-- border-bottom:solid 1px #c8c8c8; --*/
  /*-- border-left:solid 1px #c8c8c8; --*/
  /*-- border-right:solid 1px #c8c8c8; --*/
  /*-- 全体的な枠線の設定ここまで --*/
}

#main {
  /*-- コンテンツエリアの背景色：
-----サイドバー下の余白orメインエリア下の余白
-----ただしカラム数・レイアウトにより出現領域は異なる --*/
  background-image: url(/img/template/user/669/main_body.gif);
  background-position: center top;
  background-repeat: repeat;
  background-attachment: scroll;
}

#footer {
  background-image: url(/img/template/user/669/main_back_840.gif);
  background-position: center top;
  background-repeat: no-repeat;
  height: 10px;
}


/*-- ■SECTION 030 #title-banner 設定 --*/
/*-----------------------------------------------------------------
タイトルバナーの設定
------------------------------------------------------------------*/

/*-- タイトルバナー外枠の設定 --*/
#title-banner {
  /*-- border-top:solid 7px #6ca8d6; --*/
  /*-- border-bottom:solid 1px #c8c8c8; --*/
  /*-- background:#6ca8d6; --*/
}

/*-- タイトルバナー上部の設定 --*/
#title-banner-top {
  width: 100%;
  height: 10px;
  background: #1c75b8;
  margin: 0;
}

/*-- タイトルバナー内部の設定 --*/
#title-banner-body {
  /*-- border-bottom:solid 2px #5ca1d6; --*/
  width: 100%;
  /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/
  /*--
background-image:url(/user_image/xx/xx/xxxx.jpg);
background-position: center top;
background-repeat:no-repeat;
--*/
  /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/
  height: 228px;
}

/*-- ブログタイトルの開始位置の設定 --*/
#title-banner-body #title-banner-set {
  padding-top: 10px;
  padding-left: 15px;
}

/*-- タイトルバナー下部の設定 --*/
#title-banner-bottom {
  width: 100%;
  border-top: solid 2px #4591cb;
  height: 2px;
  background: #378fd4;
  border-bottom: solid 2px #eaeaea;
}

/*-- ブログタイトル文字の基本設定 --*/
#title-banner-body #title-banner-set h1 {
  font-size: 125%;
  color: #936200;
  line-height: 1.2;
  text-align: right;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*-- ブログタイトル文字の設定（文字色、リンク時装飾） --*/
#title-banner-body #title-banner-set h1 a {
  color: #936200;
  text-decoration: none;
}

/*-- ブログタイトル文字の設定（マウスオーバー／マウスクリック時の文字色、リンク装飾） --*/
#title-banner-body #title-banner-set h1 a:hover {
  color: #936200;
  text-decoration: none;
}

#title-banner-body #title-banner-set h1 a:active {
  color: #936200;
  text-decoration: none;
}

/*-- ブログ概要の設定 --*/
#title-banner-body #title-banner-set h2 {
  color: #666666;
  font-size: 92%;
  line-height: 1;
  width: 100%;
  text-align: right;
  font-weight: normal;
}


/*-- ■SECTION 040 #main 設定 --*/
/*-----------------------------------------------------------------
サイドバー＋メイン全体の下部の設定
------------------------------------------------------------------*/

#main-bottom {
  background: transparent;
  border-top: solid 2px #ffffff;
  border-bottom: solid 10px #378fd4;
}


/*-- ■SECTION 050 #main 内レイアウト設定 --*/
/*-----------------------------------------------------------------
サイドバー全体、メイン全体の設定
------------------------------------------------------------------*/

/*-- メインの設定（2カラム時のみ） --*/
#center-2c {}

/*-- メインの設定（3カラム時のみ） --*/
#center-3c {}

/*-- メインの設定（外側・共通） --*/
#center {}

/*-- メインの設定（内側・共通）--*/
#in-center {
  /*-- メインコンテンツエリアの背景色 --*/
  background: #dfd8c0;
}

/*-- サイドバー全体の設定 --*/
#side-a,
#side-b {}


/*-- ■SECTION 060 #center-2c/3c 設定 --*/
/*-----------------------------------------------------------------
メインのレイアウトの設定
------------------------------------------------------------------*/

/*-- カラム間のマージン設定（2カラムの場合）--*/
#in-center .content-2c {
  margin: 0px;
}

/*-- カラム間のマージン設定（3カラムの場合）--*/
#in-center .content-3c {
  margin: 0px;
}

/*-- メイン上部の設定 --*/
.content-top {}

/*-- メインの設定 --*/
.content-body {
  padding: 10px;
}

/*-- メイン下部の設定 --*/
.content-bottom {}

.content-2c .content-top {
  background-image: url(/img/template/user/669/contents_top_back_640.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 9px;
}

.content-2c .content-body {
  background-image: url(/img/template/user/669/contents_back_640.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
}

.content-2c .content-bottom {
  background-image: url(/img/template/user/669/contents_bottom_back_640.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 7px;
}

.content-3c .content-top {
  background-image: url(/img/template/user/669/contents_top_back_440.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 9px;
}

.content-3c .content-body {
  background-image: url(/img/template/user/669/contents_back_440.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
}

.content-3c .content-bottom {
  background-image: url(/img/template/user/669/contents_bottom_back_440.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 7px;
}

/*-- ■SECTION 070 エントリー設定 --*/
/*-----------------------------------------------------------------
記事の設定
------------------------------------------------------------------*/

/*-- 記事の設定（外側） --*/
.mod-entry-set {}

.mod-entry-set-top {}

.mod-entry-set-top div.lt {}

.mod-entry-set-top div.rt {}

.mod-entry-set-bottom {}

.mod-entry-set-bottom div.lb {}

.mod-entry-set-bottom div.rb {}

/*-- 記事の設定（内側）--*/
.entry {
  background: #ffffff;
}

/*-- 記事上部の設定 --*/
/*-- ↓記事タイトル・投稿日時|カテゴリーの背景を共通で設定する場合はここを使用 --*/
.entry-top {
  background: #ffffff;
}

/*-- 記事タイトルの設定 --*/
.entry-top h3 {
  font-size: 125%;
  color: #000000;
  background: #ffffff;
  line-height: 1.2;
  padding: 5px;
}

.entry-top h3 a {
  color: #000000;
  text-decoration: none;
}

.entry-top h3 a:visited {
  color: #000000;
  text-decoration: none;
}

.entry-top h3 a:hover {
  color: #000000;
  text-decoration: none;
}

/*-- 投稿日時|カテゴリーの設定 --*/
.entry-top-info {
  text-align: right;
  padding: 0 2px;
}

.entry-top-info a {}

.entry-top-info a:visited {}

.entry-top-info a:hover {}

.entry-top-info span.entry-top-info-time {}

.entry-top-info span.entry-top-info-category {}

/*-- 記事上部の設定ここまで --*/

/*-- 記事部分の設定 --*/
.entry-body {}

/*-- 記事貼り付け画像の設定 --*/
/*-- 画像の周りの間隔の設定（サムネイルになる部分） --*/
.entry-body-image {
  margin: 20px auto 10px;
}

/*-- 画像にリンクを貼った時の設定（通常時） --*/
.entry-body-image a img,
.entry-body-text a img {
  border: none;
}

/*-- 画像にリンクを貼った時の設定（リンク先を訪問したことがある時） --*/
.entry-body-image a:visited img,
.entry-body-text a:visited img {
  border: none;
}

/*-- 画像にリンクを貼った時の設定（カーソルをおいた時） --*/
.entry-body-image a:hover img,
.entry-body-text a:hover img {
  border: none;
}

/*-- 記事本文の設定 --*/
.entry-body-text {
  padding: 5px 2px;
}

/*-- 記事部分の設定ここまで --*/

/*-- 記事下部の設定 --*/
.entry-bottom {
  padding: 2px 2px 20px 2px;
  color: #0066CC;
  text-align: right;
  border-bottom: solid 1px #936200;
}

/*-- 記事下部コメント（）・トラックバック（）の設定 --*/
.entry-bottom-info {
  color: #000000;
}

.entry-bottom-info a {}

.entry-bottom-info a:visited {}

.entry-bottom-info a:hover {}

/*-- 記事下部の設定ここまで --*/


/*-----------------------------------------------------------------
コメント欄の設定
------------------------------------------------------------------*/

/*-- コメント欄全体の設定 --*/
#mod-comments {
  margin-bottom: 20px;
  color: #000000;
}

#mod-comments a {
  color: #cd1212;
  text-decoration: underline;
}

#mod-comments a:visited {
  color: #cd1212;
  text-decoration: underline;
}

#mod-comments a:hover {
  color: #cd1212;
  text-decoration: underline;
}

#mod-comments a:active {
  color: #cd1212;
  text-decoration: underline;
}

/*-- コメント欄タイトルの設定 --*/
#mod-comments h3 {
  font-size: 120%;
  color: #000000;
  margin: 10px 0;
  padding: 10px;

}

/*-- 各コメントの設定 --*/
#mod-comments .comment-list-body {
  margin-bottom: 20px;
}

#mod-comments .comment-list-body dl {
  padding: 20px;
  background: #ffffff;
  margin-bottom: 10px;
  border-bottom: solid 1px #cccccc
}

/*-- 各コメントタイトルの設定 --*/
span.comment-list-title {
  color: #936200;
  font-weight: bold;
}

/*-- 各コメント日付の設定 --*/
.comment-list-body dl dd.comment-list-date {
  text-align: right;
}

.comment-input dl {}

.comment-submit input {}

/*-- gooIDを持っている人のみコメント可の場合の設定 --*/
.comment-gooid {
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
  border-bottom: dashed 1px #000000;
}

.comment-gooid dl {}

.comment-gooid dl dt {
  font-weight: bold;
}

.comment-gooid dl dd {}

.comment-login-link {
  margin: 10px 0;
}

/*-- gooIDを持っている人のみコメント可の場合の設定ここまで --*/
/*-- コメント欄注意文の設定 --*/
.comment-alert {
  margin: 10px 10px;
  text-align: left;
  font-weight: bold;
}

.comment-alert,
.comment-gooid {
  color: #000000;
}

.comment-alert .comment-list-none,
.comment-alert .comment-precheck {
  color: #000000;
}

.comment-alert span.comment-login {
  color: #000000;
  font-weight: bold;
}

.comment-alert span.comment-list-error {
  color: #000000;
  padding: 5px;
  margin: 10px 0;
}

/*-- コメント欄注意文の設定ここまで --*/


/*-----------------------------------------------------------------
トラックバック欄の設定
------------------------------------------------------------------*/

/*-- トラックバック欄全体の設定 --*/
#mod-trackbacks {
  margin-bottom: 20px;
}

/*-- トラックバック欄タイトルの設定 --*/
#mod-trackbacks h3 {
  font-size: 120%;
  color: #000000;
  margin: 10px 0;
  padding: 10px;
}

/*-- トラックバックURL欄設定 --*/
#mod-trackbacks .trackback-ping-url {
  color: #000000;
  text-align: left;
  padding: 10px;
}

/*-- トラックバックURL文字設定 --*/
#mod-trackbacks .trackback-ping-url dd input {
  color: #000000;
  text-align: left;
  padding: 10px 0px;
}

/*-- トラックバックを承認制にしている場合の注意書き設定 --*/
#mod-trackbacks .trackback-filter {}

#mod-trackbacks .trackback-filter ul {
  margin: 5px 20px 10px;
}

#mod-trackbacks .trackback-filter ul li {
  list-style: disc;
  list-style-position: outside;
  line-height: 1.25;
}

/*-- トラックバックを承認制にしている場合の注意書き設定ここまで --*/
/*-- 各トラックバックの設定 --*/
#mod-trackbacks .trackback-list-body dl {
  padding: 10px;
  margin-bottom: 10px;
}

#mod-trackbacks .trackback-list-body dl dt {
  color: #000000;
}

#mod-trackbacks .trackback-list-body dl dt.trackback-list-title {
  font-weight: bold;
  color: #000000;
}

#mod-trackbacks .trackback-list-body dl dt a {
  text-decoration: underline;
}

#mod-trackbacks .trackback-list-body dl dt a:visited {
  text-decoration: underline;
}

#mod-trackbacks .trackback-list-body dl dt a:hover {
  text-decoration: underline;
}

/*-- 各トラックバックの設定ここまで --*/
/*-- トラックバック注意文の設定 --*/
#mod-trackbacks .trackback-alert {
  margin: 10px;
  text-align: left;
  font-weight: bold;
}

#mod-trackbacks .trackback-alert .trackback-precheck {
  color: #000000;
  font-weight: bold;
  padding-top: 10px;
  font-weight: bold;
}

/*-- トラックバック注意文の設定ここまで --*/


/*-----------------------------------------------------------------
次へ・前へ　部分の設定
------------------------------------------------------------------*/
#mod-prev-next {
  /*-- margin-bottom:20px; --*/
  padding: 0px 15px 15px;
  font-weight: normal;
  font-size: 90%;
  text-decoration: underline;
}

#mod-prev-next a {
  text-decoration: underline;
}

#mod-prev-next a:visited {
  text-decoration: underline;
}

#mod-prev-next a:hover {
  text-decoration: underline;
}


/*-- ■SECTION 080 スポンサー誘導枠設定 --*/
/*-----------------------------------------------------------------
スポンサー誘導枠全体の設定
------------------------------------------------------------------*/

.mod-entry-set-goo-ad {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}

/*-- 広告背景色 --*/
.gooAd {
  margin: 0;
  background: #ffffff;
}

.gooAd td {}

td.gooAd_sponsor_td {}

td.gooAd_title_td {}

td.gooAd_url_td {}

td.gooAd_text_td {}

.gooAd_text {}

td.gooAd_btm_td {}

/*-- スポンサーリンク文字 --*/
a.gooAd_sponsor {}

/*-- タイトルリンク文字 --*/
a.gooAd_title {
  color: #990000;
  font-weight: bold;
}

a:visited.gooAd_title {
  color: #990000;
  font-weight: bold;
}

/*-- URLリンク文字 --*/
a.gooAd_url {
  color: #dc6899;
}

a:visited.gooAd_url {
  color: #dc6899;
}

/*-- テキストリンク文字 --*/
div.gooAd_text_td {
  line-height: 1.1;
}

a.gooAd_text {
  color: #663300;
}

a:visited.gooAd_text {
  color: #663300;
}

/*-- リンク範囲拡大 --*/
.gooAd_title_td A,
.gooAd_url_td A,
.gooAd_text_td A {
  text-decoration: none;
}


/*-- ■SECTION 090 #sidebar 設定 --*/
/*-----------------------------------------------------------------
サイドバー全体の設定
------------------------------------------------------------------*/

.sidebar {}


/*-- ■SECTION 100 サイドバーモジュール共通設定 --*/
/*-----------------------------------------------------------------
サイドバーモジュール共通設定
--.module共通設定はモジュールごとにデザインを変える場合でも、
--必ずセットしてください。
------------------------------------------------------------------*/

/*-- モジュール内の間隔の設定 --*/
.module-body {
  padding: 5px 10px;
}

/*-- モジュール内リスト文の設定 --*/
.module ul li {
  text-align: left;
  color: #000000;
  padding-bottom: 5px;
  padding-left: 5px;
}

/*-- モジュール内定義リストの設定 --*/
.module dl dt {
  font-weight: nomal;
  color: #000000;
}

.module dl dd {}

/*-- モジュール内定義リストの設定ここまで --*/
/*-- モジュール内区切り線の設定 --*/
.module-body hr {
  height: 1px;
  background-color: #000000;
  border: 0px;
}

/*-- モジュール内リンク文字の設定 --*/
.module a {
  color: #cd1212;
  text-decoration: underline;
}

.module a:visited {
  color: #cd1212;
  text-decoration: underline;
}

.module a:link:hover {
  color: #cd1212;
  text-decoration: underline;
}

.module a:link:active {
  color: #cd1212;
  text-decoration: underline;
}

/*-- モジュール内リンク文字の設定ここまで --*/

/*-- ２カラムのサイドバーor３カラムの左サイドバー共通設定 --*/
/*-- 全体の設定 --*/
#side-a {
  background: #dfd8c0;
}

/*-- 各モジュールの設定 --*/
#side-a .module {
  border-top: solid 2px #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
}

/*-- 各モジュール上部の設定 --*/
#side-a .module .module-top {
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュール内部の設定 --*/
#side-a .module .module-body {
  background: #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュール下部の設定 --*/
#side-a .module .module-bottom {
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュールタイトルの設定 --*/
#side-a .module h4 {
  border-left: solid 2px #dfd8c0;
  /*-- font-weight:bold; --*/
  background: #dfd8c0;
  background-image: url(/img/template/user/669/module_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 10px 15px 10px 35px;
  text-align: left;
  color: #ffffff;
  font-size: 95%;
  line-height: 1;
}

/*-- ３カラムの右サイドバー共通設定 --*/
/*-- 全体の設定 --*/
#side-b {
  background: #dfd8c0;
}

/*-- 各モジュールの設定 --*/
#side-b .module {
  border-top: solid 2px #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
}

/*-- 各モジュール上部の設定 --*/
#side-b .module .module-top {
  border-left: solid 2px #dfd8c0;
}

/*-- 各モジュール内部の設定 --*/
#side-b .module-body {
  background: #dfd8c0;
  border-right: solid 1px #dfd8c0;
  border-bottom: solid 1px #dfd8c0;
}

/*-- 各モジュールタイトルの設定 --*/
#side-b .module h4 {
  border-left: solid 2px #dfd8c0;
  /*-- font-weight:bold; --*/
  background: #dfd8c0;
  background-image: url(/img/template/user/669/module_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  padding: 10px 15px 10px 35px;
  text-align: left;
  color: #ffffff;
  font-size: 95%;
  line-height: 1;
}


/*-- ■SECTION 110 サイドバーモジュール個別設定 ■ --*/
/*-----------------------------------------------------------------
サイドバー／モジュールの各個別要素の設定
------------------------------------------------------------------*/

/*-- お知らせ【PR】 --*/
#mod-advertising {}

/*-- プロフィール --*/
#mod-profile dl {
  padding-bottom: 10px;
}

#mod-profile dd {
  color: #000000;
  background: #ffffff;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

#mod-profile dl dd.mod-pro-photo {
  background: #ffffff;
  margin: 0px 0px 13px 0px;
  padding-bottom: 5px;
}

#mod-profile dt {
  font-weight: normal;
  color: #000000;
  background: #f9e875;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

/*-- 携帯 --*/
#mod-mobile {
  text-align: center;
}

#mod-mobile ul li {
  text-align: center;
}

/*-- 最新記事 --*/
#mod-recent-entries {}

/*-- カテゴリー --*/
#mod-categories {}

/*-- ログイン --*/
#mod-login {}

#mod-login ul li {
  border: none;
  padding: 0;
}

/*-- 最新コメント --*/
#mod-recent-comments {}

/*-- 最新トラックバック --*/
#mod-recent-trackbacks {}

/*-- カレンダー --*/
#mod-cal-table .mod-cal-caption {
  color: #000000;
  padding: 2px;
  border-bottom: solid 1px #ffffff;
  margin-bottom: 2px;
  font-weight: normal;
}

#mod-cal-table .mod-cal-week {
  color: #000000;
  font-weight: normal;
}

#mod-cal-table td.mod-cal-day-lin-td {
  /*-- background:#a8d0ef; --*/
}

#mod-cal-table th,
#mod-cal-table td {
  padding: 2px;
  font-size: 90%;
  text-align: center;
  vertical-align: middle;
}

#mod-cal-table .mod_cal_day_linked {
  color: #cd1212;
  text-decoration: underline;
}

#mod-cal-prev-next {
  margin-top: 2px;
  padding-top: 6px;
  border-top: solid 1px #ffffff;
}

/*-- バックナンバー --*/
#mod-back-numbers-scroll {}

/*-- スクロールあり --*/
#mod-back-numbers-scroll .module-body {
  margin: 10px 10px;
  padding: 10px 0px 10px 0px;
  width: 180px;
}

/*-- スクロールなし --*/
#mod-back-numbers-noscroll .module-body {
  padding: 15px 15px 20px
}

/*-- ブックマーク --*/
#mod-bookmarks .mod-boo-name {}

/*-- goo おすすめ --*/
#mod-goo-recommends li {
  border: none;
}

/*-- RSS/gooブログ --*/
#mod-powered-by {
  padding: 10px;
}

/*-- フォントサイズ変更 --*/
#font-size-changer {}

#font-resizer ul li {
  background: none;
  padding: 0;
  text-align: center;
  border: none;
}

/*-----------------------------------------------------------------
メインエリアにオリジナルモジュールを配置した時の設定
------------------------------------------------------------------*/

/*-- オリジナルモジュール全体の設定 --*/
#mod-freearea-main {
  padding: 10px 10px 55px 10px;
  background-color: transparent;
}

#mod-freearea-main .mod-entry-set-top {}

#mod-freearea-main .entry {}

/*-- オリジナルモジュール上部の設定 --*/
#mod-freearea-main .entry .entry-top {}

/*-- オリジナルモジュールタイトルの設定 --*/
.content-2c #mod-freearea-main .entry .entry-top h3 {
  font-size: 100%;
  background-image: url(/img/template/user/669/original_module_bg_630.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;
  padding-left: 30px;
}

.content-3c #mod-freearea-main .entry .entry-top h3 {
  font-size: 100%;
  background-image: url(/img/template/user/669/original_module_bg_380.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;
  padding-left: 30px;
}

/*-- オリジナルモジュール内部の設定 --*/
#mod-freearea-main .entry .entry-body {
  word-break: break-all;
  color: #333333;
  line-height: 1.25;
  border: none;
}

/*-- オリジナルモジュール記事の設定 --*/
#mod-freearea-main .entry .entry-body-text {
  padding: 10px;
  margin: 0;
}

/*-- オリジナルモジュール下部の設定 --*/
#mod-freearea-main .entry .entry-bottom {
  border: none;
}

/*-- End//INDIVIDUAL CSS Document for goo blog modulized templates 090716 --*/

/* ----- 5.css ----- （ここから） */

/* 2 COLUMNS LEFT-SIDEBAR CSS Document for goo blog modulized templates 080226 */

/*-- ■SECTION 050 #main 内レイアウト設定 --*/
#center {
  width: 100%;
  float: right;
  margin: 0 0 0 -200px;
}

#in-center {
  margin: 0 0 0 200px;
}

#side-a {
  float: left;
}

/*-- ■SECTION 060 #content-2c-3c 設定 --*/
#in-center .content-2c {
  margin-left: 10px;
}


header {
    position: relative;
    background-image: url('images/header01.jpg');
    background-size: cover;
    background-position: center;
    height: 200px;
}

.site-title {
    position: absolute;
    top: 5%; /* 少し上に調整（数値を小さくすると上へ）*/
    right: 10px; /* ほぼ右寄せ（数値を小さくすると右端に近づきます）*/
    left: auto; /* 左揃えを無効化 */
    transform: none; /* 中央寄せを無効化 */
    font-size: 36px; /* フォントサイズを調整（必要に応じて変更）*/
    color: #333; /* 文字色（適宜調整）*/
    text-decoration: none;
    font-weight: bold;
    text-align: right; /* 文字を右寄せに */
}

.site-description {
    position: absolute;
    top: 33%; /* タイトルのすぐ下に配置 */
    right: 12px; /* タイトルに合わせて右寄せ */
    left: auto;
    transform: none;
    font-size: 14px;
    color: #555; /* 調整可能 */
    text-align: right;
}

/* メインコンテンツの全体調整 */
.site-main {
    width: 700px;
    padding: 20px;
    background-color: #ffffff;
    font-size: 16px;
    color: #333333;
    line-height: 1.7;
}

/* 記事タイトル調整 */
.site-main h2.entry-title {
    font-size: 22px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: bold;
}

/* 記事の日付とカテゴリ調整 */
.site-main .entry-meta {
    font-size: 14px;
    color: #999999;
    margin-bottom: 15px;
}

/* 記事本文の段落調整 */
.site-main .entry-content p {
    margin-bottom: 1em;
}

.content-area {
    flex-direction: row-reverse; /* サイドバーを左に配置 */
}

.sidebar {
    width: 280px;
    padding: 20px;
    background-color: #f8f8f8;
    border-right: 1px solid #ddd; /* 左側配置用に線を調整 */
    border-left: none; /* 左側配置のため不要な左線を削除 */
}

.sidebar h2.wp-block-heading {
    background-image: url('images/subtitle02.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 64px; /* 左の余白を調整（画像分）*/
    height: 32px; /* 画像の高さと一致 */
    line-height: 32px; /* テキストを縦中央揃え */
    color: #333; /* テキスト色を調整 */
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

footer {
    padding: 20px;
    background-color: #eee;
    text-align: center;
    font-size: 14px;
    color: #555;
}

.sidebar .wp-block-latest-comments,
.sidebar .wp-block-latest-comments li,
.sidebar .wp-block-latest-comments__comment {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    list-style: none !important;
}

.sidebar .wp-block-latest-comments__comment-excerpt,
.sidebar .wp-block-latest-comments__comment-meta {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 親のul要素のパディングやマージンを完全にリセット */
.sidebar .wp-block-latest-comments {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important; /* 幅を100%に明示的に指定 */
}

/* liタグのボックス幅を揃える */
.sidebar .wp-block-latest-comments li.wp-block-latest-comments__comment {
    margin: 2px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important; /* 親要素の100%を確実に指定 */
}

/* 内部articleタグの余白をリセット */
.sidebar .wp-block-latest-comments__comment article {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    width: 100%; /* articleの幅を明示的に100%指定 */
}

/* footerタグの内部の余白のみ設定 */
.sidebar .wp-block-latest-comments__comment-meta {
    margin: 0 !important;
    padding: 2px 5px !important;
    box-sizing: border-box !important;
    width: 100%; /* footerの幅を明示的に100%指定 */
}

/* 投稿内の画像が親要素からはみ出ないように調整 */
.entry-content img {
    max-width: 100%;      /* 画像幅を最大で親要素の幅までに制限 */
    height: auto;         /* 高さを自動調整 */
    display: block;       /* 表示をブロック要素に設定 */
    margin: 10px auto;    /* 画像を中央揃えにする（任意） */
}

.blog .entry-content img:first-of-type,
.archive .entry-content img:first-of-type,
.home .entry-content img:first-of-type {
    max-width: 50% !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
}

.sidebar .my-profile {
    text-align: center;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.sidebar .my-profile h3 {
    color: #333;
    margin-bottom: 5px;
}

.sidebar .my-profile p {
    font-size: 14px;
    color: #555;
}

.sidebar .my-links {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.sidebar .my-links .link-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sidebar .my-links .link-list li {
    margin-bottom: 10px;
}

.sidebar .my-links .link-list li a {
    color: #337ab7;
    text-decoration: underline;
}

.sidebar .my-links .link-list li a:hover {
    color: #23527c;
    text-decoration: none;
}

.sidebar .my-links .link-list li small{
    color: #666 ;
    font-size: 14px ; /* 大きく表示 */
    margin-top: 2px ;
    display: block ;
    line-height: 1.5 ;
}

/* コメントフォームのtextareaを大きくするための調整 */
.comments-area textarea[name="comment"] {
    width: 70% !important;        /* 幅を調整可能 */
    height: 200px !important;     /* 高さを約18行に調整可能 */
    padding: 10px !important;     /* 内側の余白を調整 */
    font-size: 16px !important;   /* フォントサイズ調整 */
    resize: vertical !important;  /* 縦方向のサイズ変更を許可 */
    box-sizing: border-box !important;
}

/* YouTube動画表示のサイズを強制調整（index.phpでもsingle.phpと同様表示に） */
.video-container {
    position: relative;
    width: 100%;
    max-width: 400px; /* 幅はここで調整 */
    margin: 0 auto 15px;
    overflow: hidden;
}

/* iframeのアスペクト比(16:9)を維持 */
.video-container::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9のアスペクト比を固定 */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none !important;
}

/* 現在のアーカイブのHTML構造に完全に一致したスクロール可能ボックスCSS */
.sidebar .widget .wp-block-archives-list {
    max-height: 300px !important;  /* スクロールボックスの高さ */
    overflow-y: auto !important;   /* 縦スクロールを追加 */
    padding: 10px !important;      /* 内側の余白 */
    border: 1px solid #ddd !important; /* ボーダーを追加 */
    background-color: #f9f9f9 !important; /* 背景色を設定 */
    border-radius: 4px !important; /* 角丸 */
    box-sizing: border-box !important; /* paddingを含めて正しく表示 */
}

.sidebar .widget .wp-block-archives-list li {
    margin-bottom: 8px !important; /* 各項目の余白 */
}

.sidebar .widget .wp-block-archives-list li a {
    color: #cd1212 !important; /* 元々のテーマのリンク色に戻す（青色系）*/
    text-decoration: none !important;
}

.sidebar .widget .wp-block-archives-list li a:hover {
    text-decoration: underline !important; /* ホバー時の下線表示 */
}

.sidebar .wp-block-categories-list {
    padding-left: 0; /* 左側の余白を調整 */
    margin-left: 0;  /* マージンをリセット */
}

.sidebar .wp-block-categories-list li {
    list-style: none; /* リストの記号を消去 */
    padding-left: 5px; /* 左側の余白を他のリストと揃える（必要に応じて調整可能）*/
}

.sidebar .my-links .link-list li a {
    color: #cd1212 !important;
}