@charset "UTF-8";

/*
  Theme Name:カエテンWP-JOY(20170126)
  Author:Creative Planning
  Description:WordPressテーマ「カエテンWP-JOY」
  productdesign:kaetenWP_JOY_css_main
  version:20170126
*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ブラウザCSSリセット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
p, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
    display: block;
}
blockquote,q {
    quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content: ''; content: none;
}
:focus {
    outline: 0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
    -webkit-text-size-adjust: 100%;
    margin: 0 auto;
    outline: none;
    font-family: Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word;
}
#cms input[type="text"],#tbs input[type="text"], #cms textarea,.submit,select,.kensaku-text,.kensaku-submit,.kensaku-text2,.kensaku-submit2,#s,#searchsubmit,.kensakutext,.kensakusubmit,.post-password-form input[type="password"],.post-password-form input[type="submit"] {
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
html {
    overflow-y: scroll;
}
img {
    max-width: 100%;
    height: auto;
    padding: 0;
    border: none;
}
a:hover img {
    filter: alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ol {
    counter-reset: li;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    vertical-align: middle;
}
.aligncenter {
    display: block;
    margin: 0 auto;
    padding: 0 0 4px 0;
}
.alignleft {
    float: left;
    padding: 4px 4px 4px 0;
}
.alignright {
    float: right;
    padding: 4px 0 4px 4px;
}
.wp-caption {
    text-align: center;
    max-width: 100% !important;
}
a:link {
    text-decoration: none;
}
a:hover,.article-body a,.page-body a,.post-body a,.submit:hover,.kensakusubmit:hover,#searchsubmit:hover,.toggle:hover,#menuOpen:hover:before,.post-password-form input[type="submit"]:hover {
    text-decoration: underline;
}
.article-header a,.article-footer a,.page-header a,.page-footer a,.relatebody a,.kb-l a,.navi-post a,.card a,.newpost-l a,.tabnavi li.active a {
    text-decoration: none;
}
.article-header a:hover,.article-footer a:hover,.page-header a:hover,.page-footer a:hover,.relatebody a:hover,.card-r a:hover,.navi-post a .title:hover {
    text-decoration: underline;
}
a:hover,a:hover img,#globalmenu li ul li,.submit:hover,button:hover,.kensaku-submit:hover,.kensaku-submit2:hover,.kensakusubmit:hover,#searchsubmit:hover {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.kb-l a:hover,.prev a:hover,.next a:hover,.card-l a:hover,.newpost-l a:hover {
    -webkit-transition: 0;
    -moz-transition: 0;
    transition: 0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ベースカラー ダッシュボードで設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*罫線の太さ*/
#header1,#footer2-outer {
    border-style: solid;
    border-width: 3px;
}
.article-title-outer,.post-title-outer,.list-title-outer,.related-title-outer,.cm-title-outer {
    border-style: solid;
    border-width: 2px;
}
.more-link:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.submit:hover,.reply a:hover,.post-password-form input[type="submit"]:hover {
    border-style: solid;
    border-width: 1px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■記事装飾パーツのカラー ダッシュボードで設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■主要部分の文字色 ダッシュボードで設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*ベースカラー部分*/
#header-navi,#header-navi a,#header-navi a:hover,.style01,#footer2,#footer2 a,#footer2 a:hover,#globalmenu a:hover,.more-link:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,#menuOpen:before,.tabnavi li a:hover,.submit:hover,.reply a:hover,.kensakusubmit,#searchsubmit,.post-password-form input[type="submit"] {
    color: #fff;
}
.ul-kl li a:hover:after {
    border-color: #fff;
}
#menuClose:before,#menuClose:after {
    background-color: #fff;
}
#footermenu li {
    border-right: solid 1px #ffffff;
}

/*文字太さ*/
.blog-title,#globalmenu,.sidebar-title,.sidetitle,.ftitle,.style-article,.style-page,/*.relatetitle,*/.style-post,.style-list,.style-related,.style-cm,.style-error,.kl-list,.navi-post a .title,.widget-title,.share-message1,.share-message2 {
    font-weight: bold;
}

/*タイトル影*/
.blog-title,.style-article,.style-page {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.blog-title a:hover,.style-article a:hover,.style-page a:hover {
    text-shadow: none;
}

/*文字色固定*/
.comment-form label/*wp*/,.cmbody1,.cm-meta,.tb-meta,.tb-text,#tbs input[type="text"],.tabnavi li a,.submit,.reply a,.kensaku-submit2,.card-intro,.card-date,.wp-caption {
    color: #777;
}
.noimage {
    color: #fff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■背景色 ダッシュボードで設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本レイアウト(全体の幅・余白) レイアウト用CSSに記載
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■文字サイズと行の高さ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*主要部分1(記事本文など)*/
.article-body,.page-body,.error-body,.post-body,.cta {
    font-size: 16px;
    line-height: 1.8;
}
/*サイトタイトル*/
.blog-title {
    font-size: 26px;
    line-height: 1.4;
}
/*サイト説明文*/
.blog-intro,.blog-intro2,.style02 {
    font-size: 12px;
    line-height: 1.4;
}
/*グローバルメニュー・フッターメニュー*/
#globalmenu,#footermenu {
    font-size: 12px;
    line-height: 1.4;
}
/*記事タイトル*/
.style-article,.style-page {
    font-size: 26px;
    line-height: 1.4;
}
/*主要部分2タイトル(サイドバー・FSフッター・FSメインカラム・記事一覧・CM・続きを読む)*/
.sidebar-title,.ftitle,.style-post,.style-list,.style-related,.style-cm,.style-error,.more-link,.widget-title,.share-message1,.share-message2 {
    font-size: 16px;
    line-height: 1.4;
}
/*主要部分2(サイドバー・FSフッター・FS記事下・記事一覧)*/
#sidebarbody-l,#sidebarbody-r,.sidebar,#footerinfo,.list-body2,.related-body2,.ad3,.sidecontent,select {
    font-size: 14px;
    line-height: 1.6;
}
/*記事一覧のタイトル名*/
.kl-list {
    font-size: 18px;
    line-height: 1.4;
}
/*コメント本文*/
.commentlist {
    font-size: 12px;
    line-height: 1.6;
}
/*h2タイトル(変更非推奨)*/
h2,.article-body h2,.post-body h2,.sidebar-body h2 {
    font-size: 20px;
    line-height: 1.4;
}
/*h3タイトル(変更非推奨)*/
h3,.article-body h3,.post-body h3,.sidebar-body h3 {
    font-size: 16px;
    line-height: 1.4;
}
/*主要部分3(変更非推奨)*/
#header-navi,.kensaku-text,.kensaku-submit,.af,.message-old,.pankuzu,.header-imgl,.header-imgr,.eyecatchbanner,.ad,.ad1,.ad2,.ad4,.ad5,.ad6,.ad-pc,.ad-sp,.kijishita,#cms,#tbs,.none-meta {
    font-size: 12px;
    line-height: 1.6;
}
.eyecatchbanner,.ad4,.ad5,.ad6 {
    line-height: 1.4;
}
.header-imgl,.header-imgr {
    line-height: 1.2;
}
#footer2,.article-header,.article-footer,.page-header,.page-footer,.cm-meta,.tb-meta,.tb-text,.kb-r,.noimage,.card-r,.prev .text,.next .text,.wp-caption,/*WordPress Popular Posts*/.wpp-list .post-stats,.wpp-list .wpp-author a,.wpp-list .wpp-category a,.newpost-date,/*Newpost Catch*/#npcatch .date {
    font-size: 11px;
    line-height: 1.6;
}
.footer-blog-title,.kl-read,.comtitle1,.comtitle2,.tb-link,.kensakusubmit,#searchsubmit {
    font-size: 14px;
    line-height: 1.6;
}
.navi-return {
    font-size: 30px;
    line-height: 1;
}
.pagination {
    font-size: 11px;
    line-height: 1;
}
.cta-title {
    font-size: 20px;
    line-height: 1.4;
}
.cm-link,.prev a,.next a,.card-title {
    font-size: 16px;
    line-height: 1.4;
}
.overlay-title {
    font-size: 14px;
    line-height: 1.4;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■各ブロックのデザイン設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*---------------------------------
●コンテナ・カラム
-----------------------------------*/
/*コンテナ*/
#container1,#container2,#container3,#container-in {
    margin: 0 auto;
}

/*メインカラム*/
#content1,#content2,#content3 {
    border-radius: 6px;
}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r,.sidecontent {
    border-radius: 6px;
}

/*モダンブラウザ対策*/
#globalmenu:after,#container-in:after,#footerinfo:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
}

/*---------------------------------
●ヘッダー&グローバルメニュー
-----------------------------------*/
#header1 {
    position: relative;
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
  /*background: none;*/
}

/*ヘッダーナビ*/
#header-navi-outer {
    position: relative;
    width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}
#header-navi {
    clear: both;
    overflow: hidden;
    padding: 4px 10px;
    word-wrap: normal;
}
#header-navi li {
    float: left;
    padding: 0 0 0 15px;
}
.hn-text {
    font-size: 10px;
}
.header-navi-l {float: left;  text-align: left;}  /*左側:h1  */
.header-navi-r {float: right; text-align: right;} /*右側:検索*/

/*検索BOX*/
.kensaku-text,.kensaku-text2 {
    -webkit-appearance: none;
    display: inline-block;
    width: 120px;
    margin: 0;
    padding: 0 5px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1) inset,0 -1px 1px 0 rgba(0,0,0,0.1) inset;
    border: none;
    border-radius: 4px 0 0 4px;
    background: rgba(255,255,255,0.9);
}
.kensaku-submit,.kensaku-submit2 {
    -webkit-appearance: none;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset,-1px -1px 1px 0 rgba(0,0,0,0.1) inset;
    border: none;
    border-radius: 0 4px 4px 0;
    background: rgba(255,255,255,0.8);
}
.kensaku-submit:hover,.kensaku-submit2:hover {
    background: rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
}
.kensaku-text,.kensaku-submit {
    height: 20px;
    line-height: 20px;
}
.kensaku-text2,.kensaku-submit2 {
    height: 30px;
    line-height: 30px;
}
.kensaku-text2 {
    width: 250px;
}

/*h1の文字*/
.style01 {
    display: inline;
    font-weight: normal;
    text-align: left;
}
.style02 {
    padding: 0 0 0 10px;
    font-weight: normal;
    text-align: right;
}

/*ヘッダー外側*/
#header-outer {
    padding: 20px 0;
}

/*ヘッダー内側*/
#header-in {
    clear: both;
    overflow: hidden;
  /*background: none;*/
}

/*サイトタイトル*/
.blog-title {
    padding: 0 0 0 0;
    text-align: left;
}

/*サイト説明文*/
.blog-intro {
    padding: 0 0 0 0;
    text-align: left;
    word-break: break-all;
}

/*FSヘッダー*/
.header-imgl {max-width: 100%; float: left;  padding: 0 8px 0 0; text-align: left;}
.header-imgr {max-width: 100%; float: right; padding: 0 0 0 8px;}
.header-imgl img,.header-imgr img {margin-top: 4px;}

/*ヘッダーその他*/
#header1,#header-navi-outer,#header-navi,#header-outer,#header-in,.blog-title,.blog-intro,.header-imgl,.header-imgr {
    margin: 0 auto;
}

/*グローバルメニュー外側(背景)*/
#globalmenu-outer {
    margin: 0 auto;
    border-top: solid 1px #d1d1d1\9;
    border-top: solid 1px rgba(0,0,0,0.1);
  /*background: #ffffff;*/
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );*/
}

/*グローバルメニュー(レスポンシブ用)*/
#sp-s,.sp,.sp-sns,.arrow {
    display: none;
}

/*グローバルメニュー内側*/
#globalmenu-in {
    margin: 0 auto;
}
#globalmenu {
    margin: 0 auto;
    border-left: solid 1px #d1d1d1\9;
    border-left: solid 1px rgba(0,0,0,0.1);
}
#globalmenu li {
    position: relative;
    float: left;
    margin: 0;
}
#globalmenu a {
    display: inline-block;
    height: 100%;
    padding: 10px 15px;
    border-left: solid 1px rgba(255,255,255,0.2);
    border-right: solid 1px #d1d1d1\9;
    border-right: solid 1px rgba(0,0,0,0.1);
}
#globalmenu #gm-r > ul > li:last-child {
    border-right: solid 1px rgba(255,255,255,0.2);
}
#globalmenu a:hover {
    border-left: solid 1px rgba(0,0,0,0);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);
}

/*プルダウンメニュー*/
#globalmenu li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    width: 200px;
}
#globalmenu li ul li ul,
#globalmenu li ul li ul li ul li ul {
    top: 0;
    left: 100%;
}
#globalmenu li ul li ul li ul,
#globalmenu li ul li ul li ul li ul li ul {
    left: -100%;
    width: 100%;
}
#globalmenu li ul li {
    width: 100%;
    height: 0;
    overflow: hidden;
}
#globalmenu li ul li a {
    display: block;
    height: 12px; /*or100%*/
    line-height: 1;
    overflow: hidden;
    padding: 14px 10px;
    border: none;
    border-radius: 0;
    font-weight: normal;
    text-align: left;
    color: #fff;
}
#globalmenu li ul li a:hover {
    border: none;
}
#globalmenu li:hover > ul > li {
    height: 40px; /*or100%*/
    overflow: visible;
}
#globalmenu li ul {background: rgba(0,0,0,0.6);}
#globalmenu li ul li ul {background: rgba(0,0,0,0.6);}
#globalmenu li ul li ul li ul {background: rgba(0,0,0,0.8);}
#globalmenu li ul li ul li ul li ul {background: rgba(0,0,0,0.8);}

#globalmenu li ul li > ul:before,
#globalmenu li ul li ul li ul li > ul:before {
    position: absolute;
    content: "";
    top: 13px;
    left: -10px;
    border: 7px solid transparent;
    border-left-color: #fff;
}
#globalmenu li ul li ul li > ul:before,
#globalmenu li ul li ul li ul li ul li > ul:before {
    left: 200%;
    margin: 0 0 0 -20px;
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#globalmenu li ul li ul li ul li > ul:before {
    margin: 0 0 0 0;
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/*---------------------------------
●サイドバー
-----------------------------------*/
/*コンテンツ全体*/
.sidebar {
    padding: 0;
    border-radius: 6px;
}

/*ボディ*/
.sidebar-body {
    padding: 0 10px;
    border-radius: 6px;
    background: none;
    text-align: left;
}

/*タイトル*/
.sidebar-title {
    margin: 0 -10px 10px -10px;
    padding: 8px 9px;
  /*border: solid 1px #d1d1d1;*/
    border-radius: 6px;
  /*background: #ffffff;*/
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );*/
    text-align: left;
}

/*---------------------------------
●フッター
-----------------------------------*/
/*全体*/
#footer1,#footer2-outer {
    clear: both;
    margin: 0 auto;
}
#footer2 {
    margin: 0 auto;
    padding: 20px 0;
}
#footer2-outer {
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}
.copyright {
    font-style: normal;
    text-align: left;
    word-break: break-all;
}

/*FSフッター*/
#footerinfo-outer {
    background: rgba(234,234,234,1);
}
#footerinfo {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
}
.fbody  {
    position: relative;
    padding: 0 5px;
}
.fbody2 {
    position: absolute;
    bottom: 0;
    height: 1px;
}
.ftitle {
    margin: 0 -5px;
    padding: 10px 5px;
    border-top: solid 1px #d1d1d1;
}

/*フッターメニュー*/
#footermenu {
    margin: 0 auto;
}
#footermenu ul {
    padding: 0 0 10px 0;
}
#footermenu li {
    display: inline;
}
#footermenu li:last-child {
    border: none;
}
#footermenu a {
    padding: 0 10px;
}

/*---------------------------------
●アイチャッチバナー
-----------------------------------*/
/*外側*/
.eyecatchbanner-outer {
    background: rgba(234,234,234,1);
}

/*内側*/
.eyecatchbanner {
    margin: 0 auto;
    text-align: center;
    background: none;
}

/*---------------------------------
●個別記事
-----------------------------------*/
/*記事全体*/
.article,#error {
    padding: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
}

/*記事ボディ*/
.article-body,.page-body,.error-body {
    padding: 0 19px;
    border: solid 1px #d1d1d1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: #ffffff;
    text-align: left;
}

/*記事タイトル*/
.article-title-outer {
    padding: 15px 0 0 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 6px 6px 0 0;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}
.article-title {
    border-left: solid 1px rgba(0,0,0,0.1);
    border-right: solid 1px rgba(0,0,0,0.1);
    border-radius: 0;
  /*background: #ffffff;*/
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );*/
}

/*記事タイトルの文字*/
.style-article,.style-page,.style-error {
    margin: 0 auto;
    text-align: left;
}
.style-article a,.style-page a,.style-error {
    display: block;
    padding: 25px 19px;
}

/*記事ヘッダー*/
.article-header {
    clear: both;
}
.ah-info {
    position: relative;
    text-align: right;
}

/*記事所用時間*/
.read-time1 {
    position: absolute;
    top: 0;
    text-align: left;
}
.read-time-in {
    padding: 0 0 1px 0;
    border-bottom: dotted 1px #d1d1d1;
}

/*記事フッター*/
.article-footer,.page-footer {
    clear: both;
}
.af-info,.pf-info {
    text-align: right;
}
.af-info li,.pf-info li {
    display: inline;
}
.pf-info li.date {
    display: block;
    padding: 0 0 5px 0;
}
.af-info li.tbs,
.pf-info li.tbs,
.af-info li.edit,
.pf-info li.edit {
    padding: 0 0 0 5px;
}
.af-info li.author,
.pf-info li.author {
    padding: 0 0 0 2px;
}

/*カテゴリ・タグ*/
.af {
    clear: both;
    overflow: hidden;
    margin: 0 -6px;
    text-align: left;
}
.af-l {width: 49.5%; float: left; } /*左側*/
.af-r {width: 49.5%; float: right;} /*右側*/

.relatetitle {
    word-wrap: normal;
    margin: 0 0 10px 0;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(234,234,234,0.5);
}
.relatebody {
    padding: 0 6px;
}
.af-r a {
    padding: 0 5px 0 0;
}

/*続きを読む*/
.more-link {
    float: right;
    padding: 5px;
    border: solid 1px #ffffff;
    border-radius: 6px;
}
.more-link:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}

/*保護パスワード*/
.post-password-form input[type="password"] {
    -webkit-appearance: none;
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 10px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: rgba(234,234,234,0.5);
}
.post-password-form input[type="submit"] {
    -webkit-appearance: none;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    padding: 0 10px;
    border: solid 1px rgba(204,204,204,1);
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
}
.post-password-form input[type="submit"]:hover {
    cursor: pointer;
}

/*---------------------------------
●フリースペース
-----------------------------------*/
/*記事内上部*/
.ad1 {clear: both;}

/*記事内下部*/
.ad2 {clear: both;}

/*記事下*/
.ad3 {padding: 0 10px; border-radius: 6px; background: #ffffff; text-align: left;}

/*サイドバー*/
.ad4 {clear: both; overflow: hidden;}

/*コメント欄*/
.ad5 {margin: 10px 0 0 0;}

/*記事一覧*/
.ad6 {clear: both; overflow: hidden;}

/*横並び*/
.ad {clear: both; overflow: hidden;}
.ad-l {width: 50%; float: left; text-align: center;}  /*左側*/
.ad-r {width: 50%; float: right; text-align: center;} /*右側*/

/*---------------------------------
●記事一覧・FS・CM・TB(共通指定)
-----------------------------------*/
/*全体*/
.post,.list,.related,#cms,#tbs {
    padding: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
}

/*ボディ*/
.post-body,.list-body,.related-body,.com-body {
    border: solid 1px #d1d1d1;
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: #ffffff;
    text-align: left;
}

/*タイトル*/
.post-title-outer,.list-title-outer,.related-title-outer,.cm-title-outer {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 8px 8px 0 0;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}
.post-title,.list-title,.related-title,.cm-title {
  /*border: solid 1px #d1d1d1;*/
    border-bottom: none;
    border-radius: 6px 6px 0 0;
  /*background: #ffffff;*/
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );*/
}

/*タイトルの文字*/
.style-post,.style-list,.style-related,.style-cm {
    margin: 0 auto;
    padding: 15px 19px;
    text-align: left;
}

/*---------------------------------
●FSメインカラム
-----------------------------------*/
/*ボディ*/
.post-body {
    padding: 15px 19px;
}

/*---------------------------------
●記事一覧
-----------------------------------*/
/*ボディ*/
.list-body,.related-body {
    padding: 0px 19px;
}
.kijilist {
    font-size: 0;
    margin: 0;
    padding: 0;
}
.kijilist > li {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.kijilist > li:last-child {
    border: none;
}
.list-body2 {
    padding: 15px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.list-body3 {
    padding: 25px 0;
}
.related-body2 {
    padding: 15px 0;
}

/*リスト*/
.ul-kl {
    padding: 0;
}
.ul-kl > li {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.ul-kl li a {
    display: block;
    position: relative;
    padding: 0 35px 0 0;
}
.ul-kl li a:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 26px;
    width: 26px;
    border-radius: 50%;
}
.ul-kl li a:after {
    position: absolute;
    top: 7px;
    right: 9px;
    content: "";
    width: 10px;
    height: 10px;
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: solid 2px #d1d1d1;
    border-bottom: solid 2px #d1d1d1;
}
.ul-kl li a:hover:after,.ul-kl li a:active:after {
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-left: none;
}

/*その他*/
.kl-list {
    margin: 0 auto;
    word-break: break-all;
}
.kl-info {
    margin: 5px 0 30px 0;
}
.kl-intro {
    display: block;
    word-break: break-all;
}
.kl-date {
    margin: 0 3px 5px 0;
}
.kl-cat {
    display: inline;
}
.kl-cat a {
    margin: 0 0 5px 0;
}
.kl-date,.kl-cat a {
    display: inline-block;
    padding: 2px 5px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: none;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background: #f3f3f3\9;
}
.kl-read {
    position: absolute;
    bottom: 10px;
    right: 0;
    margin: 0 auto;
    text-align: right;
}
.kl-read a {
    display: block;
    line-height: 1;
    padding: 8px 10px;
    border: solid 1px rgba(204,204,204,1);
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    background: #d1d1d1\9;
    color: #fff;
}
.kl-cat a:hover,.kl-read a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}

/*記事一覧の画像*/ 
/*PC*/
.kb-l {width: 120px; height: 120px;}
.kb-r {margin: 0 0 0 130px;} /*＋余白10px*/
/*画面799pxまで*/
@media screen and (max-width: 799px) {
.kb-l {width: 100px; height: 100px;}
.kb-r {margin: 0 0 0 110px;} /*＋余白10px*/
}
/*画面599pxまで*/
@media screen and (max-width: 599px) {
.kb-l {width: 80px; height: 80px;}
.kb-r {margin: 0 0 0 90px;} /*＋余白10px*/
}
.kb-l {
    position: relative;
    float: left;
    line-height: 1;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    background:rgba(234,234,234,0.5);
}
.kb-l img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.noimage {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0,0,0,0.1);
}
.noimage-in {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 16px;
    margin: auto;
    text-align: center;
}

/*オーバーレイタイトル*/ 
.overlay-title {
    padding: 10px;
    text-align: left;
}

/*---------------------------------
●CM・TB
-----------------------------------*/
/*ボディ*/
.com-body {
    padding: 15px 19px;
}
.com-body1 {
    margin: 0 auto;
}
.comtitle1,.comment-reply-title/*wp*/ {
    margin: 0 auto;
    padding: 0 0 5px 0;
}
.comtitle2 {
    margin: 0 auto;
    padding: 15px 0 5px 0;
}
.toggle01,.toggle01 a,.toggle02,.toggle02 a {
    display: block;
    cursor: pointer;
}
#cms input[type="text"],#tbs input[type="text"] {
    -webkit-appearance: none;
    width: 96.5%;
    height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    border: solid 1px #d1d1d1;
}
#cms textarea {
    -webkit-appearance: none;
    display:block;
    width: 96.5%;
    height: 150px;
    padding: 5px 10px;
    border-radius: 4px;
    border: solid 1px #d1d1d1;
}
.cmbody1 {
    margin: 0 0 5px 0;
}
#cms input[type="text"],#tbs input[type="text"],#cms textarea,
.logged-in-as,.comment-notes/*wp*/,.g-recaptcha/*wp*/ {
    margin: 0 0 10px 0;
}
.comment-subscription-form/*Jetpack*/ {
    margin: 5px 0 0 0;
}

/*送信ボタン*/
.form-btn {margin: 0 auto;}
.submit {
    display: block;
    line-height: 1;
    padding: 8px 10px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: none;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background: #f3f3f3\9;
}
.submit:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    cursor: pointer;
}

/*wordpress仕様コメント*/
ul.commentlist {
    margin: 0 auto;
    padding: 0;
}
ul.commentlist li {
    list-style-type: none;
    margin: 0 0 6px 0;
    padding: 15px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    border: solid 1px #d1d1d1;
    border-radius: 4px;
}
ul.commentlist li:last-child {
    margin: 0 0 15px 0;
}
.cm-avatar {
    max-width: 100%;
    float: left;
    padding: 0 10px 0 0;
    text-align: left;
}
.cm-link {margin: 0 auto;}
.cm-meta {margin: 3px 0 0 0;}
.cm-text {
    clear: both;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.cm-text p {margin: 0 0 1em 0;}
.tb-link {margin: 0 auto;}
.tb-meta {margin: 0 0 0 5px;}
.tb-text {margin: 0 auto;}
.tb-text p {display: inline; margin: 0 5px 0 0;}
ul.commentlist li ul.children {margin: 10px 0 0 0;}
ul.commentlist li ul.children li {margin: 0 auto;}
ul.commentlist li ul.children li {background: #f3f3f3;}
ul.commentlist li ul.children li ul.children li {background: #ffffff;}

/*返信ボタン*/
.reply a {
    display: inline-block;
    line-height: 1;
    padding: 6px 10px;
    border: 1px solid #d1d1d1;
    background: #fff;
}
.reply a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}

/*タブ切替*/
.tabnavi {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: solid 1px #d1d1d1;
    text-align: left;
}
.tabnavi li{
    display: inline;
}
.tabnavi li a {
    display: inline-block;
    line-height: 1;
    padding: 8px 10px;
    border: solid 1px #d1d1d1;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #ffffff;
}
.tabnavi li a:hover {
    border: solid 1px rgba(0,0,0,0.1);
    border-bottom: none;
}
.tabnavi li.active a {
    border: solid 1px rgba(0,0,0,0.1);
    border-bottom: none;
    background: rgba(0,0,0,0.2);
    color: #fff;
}

/*---------------------------------
●パン屑リスト
-----------------------------------*/
.pankuzu {
    padding: 0 5px;
    border-radius: 6px;
    text-align: left;
}
.pankuzu li {
    display: inline;
    padding: 0 10px 0 0;
}

/*---------------------------------
●ページナビ(トップに戻る)
-----------------------------------*/
.navi-return {
    display: none;
    position: fixed;
    bottom: 1px;
    right: 1px;
    z-index: 100;
    text-align: center;
}
.navi-return li {
    float: left;
    display: inline;
}
.navi-return a {
    display: block;
    margin: 0 0 0 1px;
    padding: 10px;
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    font-family: sans-serif;
    color: #fff;
}
.navi-return a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}

/*---------------------------------
●ページナビ(前後ページ)
-----------------------------------*/
.page-navi1,.page-navi2 {
    clear: both;
    padding: 1px 5px;
    border-radius: 6px;
}
.pagination a,.pagination .current,.pagination span {
    display: inline-block;
    padding: 8px 10px;
}
.pagination a {
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);
    background: #f3f3f3\9;
}
.pagination a:hover {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
}
.pagination .current {
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    background: #d1d1d1\9;
    font-weight: bold;
    color: #fff;
}
.pagination span {
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: #ffffff;
}

/*---------------------------------
●ページナビ(前後記事)
-----------------------------------*/
.navi-post {
    display: table;
    width: 100%;
    overflow: hidden;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    background: #ffffff;
}
.prev {
    display: table-cell;
    position:relative;
    width: 50%;
    border-right: solid 1px #d1d1d1;
    border-collapse: collapse;
    text-align: left;
}
.next {
    display: table-cell;
    position:relative;
    width: 50%;
    text-align: right;
}
.prev a,.next a {
    display: block;
}
.prev a:hover,.next a:hover {
    background: rgba(234,234,234,0.5);
}

.prev .text {
    padding: 5px;
    text-align: left;
}
.next .text {
    padding: 5px;
    text-align: right;
}
.prev-in {height: 80px; padding: 0 0 10px 5px;}
.next-in {height: 80px; padding: 0 5px 10px 0;}
.img {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 1;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    background: rgba(234,234,234,0.5);
}
.prev .img {float: left;}
.next .img {float: right;}
.img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.prev .title {margin: 0 5px 0 90px;}
.next .title {margin: 0 90px 0 5px;}

/*---------------------------------
●ブログカード
-----------------------------------*/
.card {
    clear: both;
    max-width: 100%;
    overflow: hidden;
    margin: 5px 0;
    padding: 20px;
    border: solid 1px #d1d1d1;
    border-radius:6px;
}
.card-l {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    line-height: 1;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    background:rgba(234,234,234,0.5);
}
.card-l img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.card-r {
    margin: 0 0 0 90px;
}
.card-title {
    margin: 0 auto;
    word-break: break-all;
}
.card-intro {
    margin: 5px 0 0 0;
    word-break: break-all;
}
.card-date {
    margin: 0 auto;
}

/*---------------------------------
●ブログカード WordPress
-----------------------------------*/
.wp-embedded-content{
    width: 100%;
    max-width: 100%;
}

/*---------------------------------
●個別記事内のアイキャッチ画像
-----------------------------------*/
.thumbnail {
    text-align: center;
}

/*---------------------------------
●個別記事内の古い記事注意メッセージ
-----------------------------------*/
.message-old {
    padding: 15px 9px;
    border-radius: 6px;
    border: solid 1px #c0c0c0;
    background: rgba(234,234,234,0.5);
    text-align: center;
}

/*---------------------------------
●Youtube
-----------------------------------*/
.youtube {
    text-align: center;
}

/*---------------------------------
●アコーディオン
-----------------------------------*/
.toggle {
    position: relative;
    padding: 0 0 0 16px;
    cursor: pointer;
}
.acordion {
    display: none;
}
.none-acordion:after,
.active-acordion:after {
    font-family: FontAwesome;
}
.none-acordion:after {
    content: "\f055";
}
.active-acordion:after {
    content: "\f056";
}
.default.toggle.none-acordion:after,
.default.toggle.active-acordion:after {
    position: absolute;
    top: 0;
    left: 0;
}

/*---------------------------------
●サイトマップ
-----------------------------------*/
/*サイトマップ1*/
.sitemap-post li {
    margin: 0 0 20px 0;
}
.sitemap-post li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
}
.sitemap-post li a:hover {
    text-decoration: underline;
}
.sitemap-post li ul li {
    margin: 0 0 0 10px;
    padding: 5px 0;
    border-bottom: dotted 1px #d1d1d1;
    font-size: 14px;
}
.sitemap-post li ul li a {
    text-decoration: none;
    font-weight: normal;
}
.sitemap-post li ul li ul li {
    border: none;
}
.sitemap-tax {
    margin: 0 0 20px 0;
}
.sitemap-tax li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
}
.sitemap-tax li a:hover {
    text-decoration: underline;
}
li.sitemap-tax-children a {
    margin: 0 0 0 10px;
    font-weight: normal;
    font-size: 14px;
}
.sitemap-page li a {
    display: block;
    text-decoration: none;
}
.sitemap-page li a:hover {
    text-decoration: underline;
}

/*サイトマップ2*/
#sitemap2 > ul {
    margin: 0 0 20px 0;
}
#sitemap2 ul > li {
    margin: 0 0 0 10px;
    padding: 5px 0 0 0;
}

/*---------------------------------
●エラーページ
-----------------------------------*/
.error-body {
    padding-top: 20px;
}
.error-body li,.error-body .children {
    float: left;
}
.error-body ul {
    width: 100%;
}
.error-body li {
    overflow: hidden;
    width: 32.3%;
    height: 30px;
    padding: 0 1% 0 0;
}
.kensakuform {
    max-width:500px;
    margin: 0 auto;
    text-align: center;
}
.kensakutext {
    -webkit-appearance: none;
    display: block;
    width: 94%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 3px 0;
    padding: 0 3%;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: rgba(234,234,234,0.5);
}
.kensakusubmit {
    -webkit-appearance: none;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 10px;
    border: solid 1px rgba(204,204,204,1);
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
}
.kensakusubmit:hover {
    cursor: pointer;
}

/*---------------------------------
●サイドバーコンテンツ
-----------------------------------*/
/*ウィジェットのタイトル*/
.widget-title {
    padding: 0 0 10px 0;
}

/*サイドバー検索BOX*/
.screen-reader-text {
    display: none;
}
#searchform {
    max-width:500px;
    margin: 0 auto;
    text-align: center;
}
#s {
    -webkit-appearance: none;
    display: block;
    width: 94%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 3px 0;
    padding: 0 3%;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: rgba(234,234,234,0.5);
}
#searchsubmit {
    -webkit-appearance: none;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 10px;
    border: solid 1px rgba(204,204,204,1);
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
}
#searchsubmit:hover {
    cursor: pointer;
}

/*ドロップダウン表示*/
select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
}

/*最近の投稿の日付*/
.post-date {
    position: relative;
    margin: 0 0 0 15px;
    font-size: 80%;
}
.post-date:before {
    position: absolute;
    top: -2px;
    left: -15px;
    content: "－";
}

/*タグ*/
.tagcloud a {
    margin-right: 5px;
}

/*親カテゴリー*/
.widget_rss ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_kaetenwp_customcat ul li {
    padding: 8px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.widget_rss ul > li:last-child,
.widget_archive ul > li:last-child,
.widget_nav_menu  ul > li:last-child,
.widget_categories ul > li:last-child,
.widget_meta ul > li:last-child,
.widget_pages ul > li:last-child,
.widget_recent_comments ul > li:last-child,
.widget_recent_entries ul > li:last-child,
.widget_kaetenwp_customcat ul > li:last-child {
    border: none;
}

/*子カテゴリー*/
.fbody ul .children li,
.widget_nav_menu .sub-menu li,
.sidebar-body ul .children li {
    position: relative;
    padding: 8px 0 0 35px;
    border: none;
}
.fbody ul .children li a:before,
.widget_nav_menu .sub-menu li a:before,
.sidebar-body ul .children li a:before {
    position: absolute;
    top: 4px;
    left: 14px;
    content: "";
    width: 14px;
    height: 14px;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
}

/*---------------------------------
●追加ウェジェット
-----------------------------------*/
/*最近の投稿サムネイル付き*/
.newpost li{
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.newpost li:last-child {
    border: none;
}
.newpost-l {
    position: relative;
    float:left;
    width: 60px;
    height: auto;
    line-height: 1;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    background:rgba(234,234,234,0.5);
}
.newpost img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.newpost-title {
    margin: 0 auto;
    word-break: break-all;
}
.newpost-date{
    margin: 5px 0 0 0;
}

/*---------------------------------
●プラグイン
-----------------------------------*/
/*WordPress Popular Posts*/
.wpp-list li {
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.wpp-list li:last-child {
    border: none;
}
.wpp-list img {
    margin: 0 10px 5px 0;
    text-align: left;
}
.wpp-post-title {
    display: block;
    word-break: break-all;
}
.wpp-views {
    display: inline-block;
    margin: 5px 0 0 0;
    padding : 1px 5px;
    border-radius: 4px;
    background: #e8383d;
    font-family: Verdana;
    color: #fff;
}
.wpp-list .post-stats {
    font-weight: normal;
}

/*Newpost Catch*/
#npcatch li{
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: dotted 1px #d1d1d1;
}
#npcatch li:last-child {
    border: none;
}
#npcatch img{
    float:left;
    margin: 0 10px 5px 0;
}
#npcatch .title {
    display: block;
    line-height: 1.6;
    float: none;
    width: initial;
    word-break: break-all;
}
#npcatch .date{
    display: block;
}

/*---------------------------------
●カレンダー
-----------------------------------*/
#calendar_wrap{
    width: auto;
    margin: 0 auto;
    padding: 0 5px;
    border-radius: 6px;
}
@media screen and (max-width: 959px) {#calendar_wrap {width: 60%;}}
#wp-calendar {
    width: 100%;
    margin: 0 0 10px 0;
}
#wp-calendar thead tr th {
    font-weight: normal;
    text-align: center;
}
#wp-calendar td {
    padding: 0px;
    text-align: center;
}
#wp-calendar td a {
    text-decoration: underline;
}
#wp-calendar caption {
    font-weight: bold;
}
#wp-calendar tbody tr a {
    font-weight: bold;
}
#wp-calendar tbody tr #today {
    border-radius: 4px;
    background: rgba(234,234,234,1);
}
#wp-calendar tfoot tr #prev {text-align: left;  font-weight: bold;}
#wp-calendar tfoot tr #next {text-align: right; font-weight: bold;}

#wp-calendar thead tr th:nth-child(1),
#wp-calendar thead tr th:nth-child(2),
#wp-calendar thead tr th:nth-child(3),
#wp-calendar thead tr th:nth-child(4),
#wp-calendar thead tr th:nth-child(5),
#wp-calendar thead tr th:nth-child(6),
#wp-calendar thead tr th:nth-child(7) {
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    color: #fff;
}
#wp-calendar thead tr th:nth-child(6) {/*土曜日*/
    border-radius: 4px;
    background: #00bfff;
    color: #fff;
}
#wp-calendar thead tr th:nth-child(7) {/*日曜日*/
    border-radius: 4px;
    background: #e8383d;
    color: #fff;
}

/*---------------------------------
●icomoon
-----------------------------------*/
@font-face {
    font-family: 'icomoon';
    src: url('icomoon/icomoon.eot?dzjega');
    src: url('icomoon/icomoon.eot?dzjega#iefix') format('embedded-opentype'),
    url('icomoon/icomoon.ttf?dzjega') format('truetype'),
    url('icomoon/icomoon.woff?dzjega') format('woff'),
    url('icomoon/icomoon.svg?dzjega#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*="icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-line:before {
    content: "\e901";
}
.icon-hatebu:before {
    content: "\e902";
}
.icon-feedly:before {
    content: "\e903";
}

/*---------------------------------
●bxSlider ver 4.1.2
-----------------------------------*/
/*RESET AND LAYOUT*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    display: block;
    max-width: 100%;
    margin:0 auto;
    box-shadow: none;
    border-radius: 0;
}

/*THEME*/
.bx-wrapper .bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager {
  /*position: absolute;*/
  /*bottom: -30px;*/
    width: 100%;
}
.bx-wrapper .bx-controls-auto {
    position: absolute;
  /*bottom: -30px;*/
    width: 100%;
}

/*LOADER*/
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

/*PAGER*/
.bx-wrapper .bx-pager {
    line-height: 1;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    color: #d1d1d1;
    padding-top: 5px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #d1d1d1;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #666;
}

/*DIRECTION CONTROLS(NEXT/PREV)*/
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 100;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/*AUTO CONTROLS(START/STOP)*/
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/*PAGER WITH AUTO-CONTROLS HYBRID LAYOUT*/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/*IMAGE CAPTIONS*/
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    display: block;
    padding: 10px;
    font-family: Verdana;
    font-size: .85em;
    color: #fff;
}

/*---------------------------------
●CTAコンテンツ
-----------------------------------*/
.cta {
    margin: 0 auto;
    background: #e5e5e5;
    text-align: center;
}
.cta-title {
    padding: 20px;
    font-weight: bold;
}
.cta-body {
    padding: 0 20px 20px 20px;
}
.cta-btn-outer {
    margin: 20px 0 0 0;
}
.cta-btn-outer a,
.cta-btn-outer a:hover {
    color: #fff;
}
.cta-btn-in {
    display: block;
    padding: 10px 20px;
    background: #b2b2b2;
}
.cta-btn-in:hover {
    background: #7f7f7f;
}

/*---------------------------------
●SNSボタン
-----------------------------------*/
/*#1*/
.sns-01 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    font-family: Verdana;
    text-align: center;
}
.sns-01 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-01 li:last-child {padding: 5px 0 0 0;}
.sns-01 li a {
    display: block;
    width: 88px;
    height: 30px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
.sns-01 .balloon {display: none;}
.sns-01 .icon {line-height: 34px; font-size: 20px;}
.sns-01 .text {font-size: 11px;}
.sns-01 .googleplus .icon {font-size: 16px;}
.sns-01 .hatena .icon {font-size: 18px;}
.sns-01 .line .icon {display: none;}
.sns-01 .line .text {line-height: 34px;}
.sns-01 .count {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    padding: 1px 3px;
    border-radius: 4px;
    background: #fff;
    font-family: Verdana;
    font-size: 8px !important;
    color: #555;
}
.sns-01 .facebook {background: #3b5998;}
.sns-01 .googleplus {background: #dc4e41;}
.sns-01 .hatena {background: #00a5de;}
.sns-01 .pocket {background: #ef3f56;}
.sns-01 .feedly {background: #6cc655;}
.sns-01 .twitter {background: #55acee;}
.sns-01 .rss {background: #ffa500;}
.sns-01 .line {background: #00c300;}
.sns-01 li a:hover {
    text-decoration: none;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3;
    color: #fff;
}
@media screen and (max-width: 959px) {
    .sns-01 li a {width: 74px;}
    .sns-01 .text {font-size: 10px;}
}

/*#2*/
.sns-02 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    font-family: Verdana;
    text-align: center;
}
.sns-02 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-02 li:last-child {padding: 5px 0 0 0;}
.sns-02 li a {
    display: block;
    width: 88px;
    height: 30px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
.sns-02 .balloon {display: none;}
.sns-02 .icon {line-height: 34px; font-size: 20px;}
.sns-02 .text {font-size: 11px;}
.sns-02 .googleplus .icon {font-size: 16px;}
.sns-02 .hatena .icon {font-size: 18px;}
.sns-02 .line .icon {display: none;}
.sns-02 .line .text {line-height: 34px;}
.sns-02 .count {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    padding: 1px 3px;
    border-radius: 4px;
    background: #fff;
    font-family: Verdana;
    font-size: 8px !important;
    color: #555;
}
.sns-02 .facebook,.sns-02 .googleplus,.sns-02 .hatena,.sns-02 .pocket,
.sns-02 .feedly,.sns-02 .twitter,.sns-02 .rss,.sns-02 .line {
    background: #777;
}
.sns-02 .facebook:hover {background: #3b5998;}
.sns-02 .googleplus:hover {background: #dc4e41;}
.sns-02 .hatena:hover {background: #00a5de;}
.sns-02 .pocket:hover {background: #ef3f56;}
.sns-02 .feedly:hover {background: #6cc655;}
.sns-02 .twitter:hover {background: #55acee;}
.sns-02 .rss:hover {background: #ffa500;}
.sns-02 .line:hover {background: #00c300;}
.sns-02 li a:hover {text-decoration: none; color: #fff;}
@media screen and (max-width: 959px) {
    .sns-02 li a {width: 74px;}
    .sns-02 .text {font-size: 10px;}
}

/*#3*/
.sns-03 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    font-family: Verdana;
    text-align: center;
}
.sns-03 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-03 li:last-child {padding: 5px 0 0 0;}
.sns-03 li a {
    display: block;
    width: 86px;
    height: 28px;
    border-radius: 4px;
    text-decoration: none;
    border: solid 1px #d1d1d1;
    color: #555;
}
.sns-03 .balloon {display: none;}
.sns-03 .icon {line-height: 32px; font-size: 20px;}
.sns-03 .text {font-size: 11px;}
.sns-03 .googleplus .icon {font-size: 16px;}
.sns-03 .hatena .icon {font-size: 18px;}
.sns-03 .line .icon {display: none;}
.sns-03 .line .text {line-height: 32px;}
.sns-03 .count {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    padding: 1px 3px;
    border-radius: 4px;
    background: #fff;
    font-family: Verdana;
    font-size: 8px !important;
    color: #555;
}
.sns-03 .facebook,.sns-03 .googleplus,.sns-03 .hatena,.sns-03 .pocket,.sns-03 .feedly,
.sns-03 .twitter,.sns-03 .rss,.sns-03 .line {background: #fff;}
.sns-03 .facebook:hover {background: #3b5998; border: solid 1px #3b5998;}
.sns-03 .googleplus:hover {background: #dc4e41; border: solid 1px #dc4e41;}
.sns-03 .hatena:hover {background: #00a5de; border: solid 1px #00a5de;}
.sns-03 .pocket:hover {background: #ef3f56; border: solid 1px #ef3f56;}
.sns-03 .feedly:hover {background: #6cc655; border: solid 1px #6cc655;}
.sns-03 .twitter:hover {background: #55acee; border: solid 1px #55acee;}
.sns-03 .rss:hover {background: #ffa500; border: solid 1px #ffa500;}
.sns-03 .line:hover {background: #00c300; border: solid 1px #00c300;}
.sns-03 li a:hover {text-decoration: none; color: #fff; }
@media screen and (max-width: 959px) {
    .sns-03 li a {width: 72px;}
    .sns-03 .text {font-size: 10px;}
}

/*#4*/
.sns-04 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    font-family: Verdana;
    text-align: center;
}
.sns-04 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-04 li:last-child {padding: 5px 0 0 0;}
.sns-04 li a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
.sns-04 .icon {line-height: 40px; font-size: 24px;}
.sns-04 .text {display: none; font-size: 11px;}
.sns-04 .googleplus .icon {font-size: 20px;}
.sns-04 .hatena .icon {font-size: 22px;}
.sns-04 .hatena .icon {line-height: 44px;}
.sns-04 .feedly .icon {line-height: 42px;}
.sns-04 .line .icon {display: none;}
.sns-04 .line .text {display: block; line-height: 36px;}
.sns-04 .count {display: none;}
.sns-04 .balloon-outer {
    display: block;
    width: 36px;
    height: 24px;
}
.sns-04 .balloon {
    position:relative;
    padding: 3px 0;
    border:1px solid #d1d1d1;
    border-radius:4px;
    background-color:#fff;
    font-family: Verdana;
    font-size: 12px !important;
    color: #555;
}
.sns-04 .balloon:before {
    z-index: 1;
    display: block;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 13px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.sns-04 .balloon:after {
    display: block;
    width: 0;
    position: absolute;
    bottom: -4px;
    left: 13px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #d1d1d1;
    border-bottom-width: 0;
}
.sns-04 .facebook {background: #3b5998;}
.sns-04 .googleplus {background: #dc4e41;}
.sns-04 .hatena {background: #00a5de;}
.sns-04 .pocket {background: #ef3f56;}
.sns-04 .feedly {background: #6cc655;}
.sns-04 .twitter {background: #55acee;}
.sns-04 .rss {background: #ffa500;}
.sns-04 .line {background: #00c300;}
.sns-04 li a:hover {
    text-decoration: none;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3;
    color: #fff;
}

/*#5*/
.sns-05 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    font-family: Verdana;
    text-align: center;
}
.sns-05 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-05 li:last-child {padding: 5px 0 0 0;}
.sns-05 li a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
.sns-05 .icon {line-height: 40px; font-size: 24px;}
.sns-05 .text {display: none; font-size: 11px;}
.sns-05 .googleplus .icon {font-size: 20px;}
.sns-05 .hatena .icon {font-size: 22px;}
.sns-05 .hatena .icon {line-height: 44px;}
.sns-05 .feedly .icon {line-height: 42px;}
.sns-05 .line .icon {display: none;}
.sns-05 .line .text {display: block; line-height: 36px;}
.sns-05 .count {display: none;}
.sns-05 .balloon-outer {
    display: block;
    width: 36px;
    height: 24px;
}
.sns-05 .balloon {
    position:relative;
    padding: 3px 0;
    border:1px solid #d1d1d1;
    border-radius:4px;
    background-color:#fff;
    font-family: Verdana;
    font-size: 12px !important;
    color: #555;
}
.sns-05 .balloon:before {
    z-index: 1;
    display: block;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 13px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.sns-05 .balloon:after {
    display: block;
    width: 0;
    position: absolute;
    bottom: -4px;
    left: 13px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #d1d1d1;
    border-bottom-width: 0;
}
.sns-05 .facebook,.sns-05 .googleplus,.sns-05 .hatena,.sns-05 .pocket,
.sns-05 .feedly,.sns-05 .twitter,.sns-05 .rss,.sns-05 .line {
    background: #777;
}
.sns-05 .facebook:hover {background: #3b5998;}
.sns-05 .googleplus:hover {background: #dc4e41;}
.sns-05 .hatena:hover {background: #00a5de;}
.sns-05 .pocket:hover {background: #ef3f56;}
.sns-05 .feedly:hover {background: #6cc655;}
.sns-05 .twitter:hover {background: #55acee;}
.sns-05 .rss:hover {background: #ffa500;}
.sns-05 .line:hover {background: #00c300;}
.sns-05 li a:hover {
    text-decoration: none;
    color: #fff;
}

/*#6*/
.sns-06 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    font-family: Verdana;
    text-align: center;
}
.sns-06 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-06 li:last-child {padding: 5px 0 0 0;}
.sns-06 li a {
display: block;
width: 34px;
height: 34px;
border-radius: 4px;
border: solid 1px #d1d1d1;
color: #555;
}
.sns-06 .icon {line-height: 38px; font-size: 24px;}
.sns-06 .text {display: none; font-size: 11px;}
.sns-06 .googleplus .icon {font-size: 20px;}
.sns-06 .hatena .icon {font-size: 22px;}
.sns-06 .hatena .icon {line-height: 42px;}
.sns-06 .feedly .icon {line-height: 40px;}
.sns-06 .line .icon {display: none;}
.sns-06 .line .text {display: block; line-height: 34px;}
.sns-06 .count {display: none;}
.sns-06 .balloon-outer {
    display: block;
    width: 36px;
    height: 24px;
}
.sns-06 .balloon {
    position:relative;
    padding: 3px 0;
    border:1px solid #d1d1d1;
    border-radius:4px;
    background-color:#fff;
    font-family: Verdana;
    font-size: 12px !important;
    color: #555;
}
.sns-06 .balloon:before {
    z-index: 1;
    display: block;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 13px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.sns-06 .balloon:after {
    display: block;
    width: 0;
    position: absolute;
    bottom: -4px;
    left: 13px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #d1d1d1;
    border-bottom-width: 0;
}
.sns-06 .facebook,.sns-06 .googleplus,.sns-06 .hatena,.sns-06 .pocket,.sns-06 .feedly,
.sns-06 .twitter,.sns-06 .rss,.sns-06 .line {background: #fff;}
.sns-06 .facebook:hover {background: #3b5998; border: solid 1px #3b5998;}
.sns-06 .googleplus:hover {background: #dc4e41; border: solid 1px #dc4e41;}
.sns-06 .hatena:hover {background: #00a5de; border: solid 1px #00a5de;}
.sns-06 .pocket:hover {background: #ef3f56; border: solid 1px #ef3f56;}
.sns-06 .feedly:hover {background: #6cc655; border: solid 1px #6cc655;}
.sns-06 .twitter:hover {background: #55acee; border: solid 1px #55acee;}
.sns-06 .rss:hover {background: #ffa500; border: solid 1px #ffa500;}
.sns-06 .line:hover {background: #00c300; border: solid 1px #00c300;}
.sns-06 li a:hover {
    text-decoration: none;
    color: #fff;
}

/*パターン#7*/
.sns-07 {
    display: inline-block;
    line-height: 1;
    padding-bottom: 5px;
    text-align: left;
}
.sns-07 li {
    float: left;
    margin: 0 auto;
    padding: 5px 5px 0 0;
}
.sns-07 li:last-child {padding: 5px 0 0 0;}
.sns-07 .balloon-outer {
    display: block;
    width: 66px;
    height: 42px;
}
.sns-07 .balloon {
    position:relative;
    line-height: 34px;
    border:1px solid #d1d1d1;
    border-radius:4px;
    background-color:#fff;
    font-family: Verdana;
    font-size: 12px !important;
    text-align: center;
    color: #555;
}
.sns-07 .balloon:before {
    z-index: 1;
    display: block;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 27px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.sns-07 .balloon:after {
    display: block;
    width: 0;
    position: absolute;
    bottom: -4px;
    left: 27px;
    content: "";
    border: 4px solid transparent;
    border-top-color: #d1d1d1;
    border-bottom-width: 0;
}
.sns-07 .feedly img,.sns-07 .line img {
    box-shadow: none;
    border-radius: 0;
}

/*シェアメッセージ・フリースペース*/
.share-message1 {padding: 0;}
.share-message2 {padding: 0 0 5px 0;}
.sns-fs1        {padding: 0 0 15px 0;}
.sns-fs2        {padding: 10px 0 15px 0; clear: both;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■余白設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#container-in {padding: 35px 0 15px;}

.article,#error,.post,.sidebar,
.list,.related,#cms,#tbs,.ad3,.ad4,.ad6,.cta1 {margin: 0 0 30px 0;}

.pagination {margin: 0 0 25px 0;}
.pagination a,.pagination .current,.pagination span {margin: 0 1px 5px 1px;}

.ad1 {padding: 0 0 30px 0;}
.ad2 {padding: 30px 0 0 0;}

.cta2      {margin: 30px 0 0 0;}
.pankuzu   {margin: 0 0 15px 0;}
.navi-post {margin: 30px 0;}
.fbody     {margin: 30px 0;}

.article-header {padding: 15px 0 5px 0;}
.ah-info        {padding: 0 0 5px 0;}
.ah-info li     {padding: 0 0 5px 0;}
.read-time1     {padding: 0 0 5px 0;}
.thumbnail      {padding: 0 0 10px 0;}
.sns-ue         {padding: 0 0 20px 0;}

.message-old    {margin: 0px 0 30px 0;}
.more-link      {margin: 15px -5px 0 0;}

.article-footer {padding: 30px 0 0 0;}
.af-info        {padding: 10px 0;}
.sns-shita      {padding: 0 0 10px 0;}

.page-header    {padding: 15px 0 15px 0;}
.page-footer    {padding: 30px 0 0 0;}
.read-time2     {padding: 0 0 15px 0;}
.pf-info        {padding: 10px 0;}

.eyecatchbanner-outer {padding: 15px 0;}

#content1,#content2,#content3 {padding: 10px 10px 1px 10px;}
#sidebarbody-l,#sidebarbody-r {padding: 10px 10px 1px 10px;}
.sidecontent {margin: 0 0 15px 0; padding: 10px; text-align: left;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■表示調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media screen and (max-width: 799px) {
.style-article a,.style-page a,.style-error {padding: 20px 10px;}
.article-body,.page-body,.error-body {padding: 0 10px;}
.error-body {padding-top: 20px;}
.style-post,.style-list,.style-related,.style-cm {padding: 10px;}
.list-body {padding: 0 10px;}
.list-body2 {padding: 10px 0;}
.related-body {padding: 0 10px;}
.related-body2 {padding: 10px 0;}
.kijilist > li {padding: 10px 0;}
.post-body,.com-body {padding: 10px;}
.card {padding: 15px 10px;}
.cta-title {padding: 20px 15px;}
.cta-body {padding: 0 15px 20px 15px;}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■記事装飾パーツ shortcode.cssに記載
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■レスポンシブ設定 responsive.cssに記載
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/