@charset "UTF-8";

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

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ブラウザ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;
}

P {
	margin-top: 1.625em;
}
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,"游ゴシック","ヒラギノ角ゴ 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;
}
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,.page-body .pagination 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,.page-body .pagination a: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,.style-post,.style-list,.style-related,.style-cm,.style-error,.kl-list,.navi-post a .title,.widget-title,.share-message1,.share-message2,.gallery-title {
    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,.gallery-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: 22px;
        color: #373737;
        font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.0em;
	text-transform: none;
       border-left:7px solid #37a4cb;
       margin: 5px; padding: 10px;
}
/*h3タイトル(変更非推奨)*/
h3,.article-body h3,.post-body h3,.sidebar-body h3 {
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #1a1a1a;
	line-height: 27px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom: 1px #999999 dotted;
}
/*主要部分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,.gallery-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 {display: block; 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;
    word-break: break-all;
}

/*---------------------------------
●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;
}
.thumbnail img {
    display: block;
    margin: 0 auto;
}

/*---------------------------------
●WordPress画像回り込み
-----------------------------------*/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
    margin: 5px 10px 0 0;
}
.alignright {
    float: right;
    margin: 5px 0 0 5px;
}
.wp-caption {
    max-width: 100% !important;
    text-align: center;
}
.wp-caption img {
    display: block;
}
.wp-caption .wp-caption-text {
    margin: 0 auto;
    padding: 2px 0 0 0;
}

/*---------------------------------
●WordPressギャラリー
-----------------------------------*/
#gallery-1,#gallery-2,#gallery-3,#gallery-4,#gallery-5,
#gallery-6,#gallery-7,#gallery-8,#gallery-9,#gallery-10 {
    clear: both;
    overflow: hidden;
}
.gallery-icon img {
    display: block;
}
.wp-caption-text {
    margin: 0 auto;
    padding: 5px 0 0 0;
}
.gallery-title,.gallery-caption {
    margin: 0 auto;
}

/*---------------------------------
●個別記事内の古い記事注意メッセージ
-----------------------------------*/
.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 {
    display: block;
    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{
    display: block;
    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 20px 0 20px;
    font-weight: bold;
}
.cta-body {
    padding: 0 20px 20px 20px;
}
.cta-thumbnail img {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}
.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;
    text-align: center;
}
.sns-01 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0 3px 5px 0;
}
.sns-01 li:last-child {padding: 0  0 5px 0;}
.sns-01 li a {
    display: block;
    width: 90px;
    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 {padding: 0 0 0 3px;font-size: 11px;}
.sns-01 .line .icon {display: none;}
.sns-01 .line .text {line-height: 34px;}
.sns-01 .count {
    display: block;
    position: absolute;
    top: 2px;
    right: 6px;
    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: 78px;}
    .sns-01 .text {font-size: 10px;}
}

/*#2*/
.sns-02 {
    display: inline-block;
    line-height: 1;
    text-align: center;
}
.sns-02 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0 3px 5px 0;
}
.sns-02 li:last-child {padding: 0 0 5px 0;}
.sns-02 li a {
    display: block;
    width: 90px;
    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 {padding: 0 0 0 3px;font-size: 11px;}
.sns-02 .line .icon {display: none;}
.sns-02 .line .text {line-height: 34px;}
.sns-02 .count {
    display: block;
    position: absolute;
    top: 2px;
    right: 6px;
    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: 78px;}
    .sns-02 .text {font-size: 10px;}
}

/*#3*/
.sns-03 {
    display: inline-block;
    line-height: 1;
    text-align: center;
}
.sns-03 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0 3px 5px 0;
}
.sns-03 li:last-child {padding: 0 0 5px 0;}
.sns-03 li a {
    display: block;
    width: 88px;
    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 {padding: 0 0 0 3px;font-size: 11px;}
.sns-03 .line .icon {display: none;}
.sns-03 .line .text {line-height: 32px;}
.sns-03 .count {
    display: block;
    position: absolute;
    top: 2px;
    right: 6px;
    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: 76px;}
    .sns-03 .text {font-size: 10px;}
}

/*#4*/
.sns-04 {
    display: inline-block;
    line-height: 1;
    text-align: center;
}
.sns-04 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0 5px 5px 0;
}
.sns-04 li:last-child {padding: 0 0 5px 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 .hatena .icon {line-height: 44px;}
.sns-04 .feedly .icon {line-height: 42px;}
.sns-04 .googleplus .icon {font-size: 22px;}
.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;
    text-align: center;
}
.sns-05 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0 5px 5px 0;
}
.sns-05 li:last-child {padding: 0 0 5px 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 .hatena .icon {line-height: 44px;}
.sns-05 .feedly .icon {line-height: 42px;}
.sns-05 .googleplus .icon {font-size: 22px;}
.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;
    text-align: center;
}
.sns-06 li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0 5px 5px 0;
}
.sns-06 li:last-child {padding: 0 0 5px 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 .hatena .icon {line-height: 42px;}
.sns-06 .feedly .icon {line-height: 40px;}
.sns-06 .googleplus .icon {font-size: 22px;}
.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;
    text-align: left;
}
.sns-07 li {
    float: left;
    margin: 0 auto;
    padding: 0 5px 5px 0;
}
.sns-07 li:last-child {padding: 0 0 5px 0;}
.sns-07 .balloon-outer {
    display: block;
    width: 66px;
    height: 42px/*must*/;
}
.sns-07 .balloon {
    position:relative;
    line-height: 34px;
    border:1px solid #d1d1d1;
    border-radius:4px;
    background-color:#fff;
    font-family: Verdana;
    font-size: 14px !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 0 2px 0;}
.share-message2 {padding: 0 0 2px 0;}
.sns-fs1        {padding: 0 0 15px 0;}
.sns-fs2        {padding: 0 0 15px 0; clear: both;}
.image-sns-fs1  {padding: 0 0 15px 0;}
.image-sns-fs2  {padding: 0 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;}
.posted-date    {padding: 0 0 5px 0;}
.read-time1     {padding: 0 0 5px 0;}
.thumbnail      {padding: 15px 0;}
.sns-ue         {padding: 15px 0 5px 0;}

.message-old    {margin: 15px 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 5px 0;}

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

.image-sns-ue   {padding: 0 0 5px 0;}
.image-sns-shita{padding: 0 0 5px 0;}
.image-navi     {margin: 0 -1px;}

.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 0 15px;}
.cta-body {padding: 0 15px 20px 15px;}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■記事装飾パーツ shortcode.cssに記載
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■レスポンシブ設定 responsive.cssに記載
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* テーブル */
table, th, td {
    border:outset;
    width:auto;
    padding:0px;
    font-size:14px;
}
/* テーブル */

/* カエレバ用 */
.booklink-box, .kaerebalink-box {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    padding: 22px 25px 22px 25px;
    width: 94%;
    margin: 0 auto 15px;
    border: 3px solid #dfdfdf; 
    box-sizing: border-box;
    text-align: center;
}
.booklink-image, .kaerebalink-image {
    width: 100%;
    margin: 0 0 5px 0;
}
.booklink-image img, .kaerebalink-image img {}
.booklink-info, .kaerebalink-info {
    line-height: 125%;
    width: 100%;
}
.booklink-name, .kaerebalink-name {
    margin: 0 0 4px 0;
}
.booklink-name a, .kaerebalink-name a {
    color: #0066cc;  
    text-decoration: underline;
}
.booklink-name > a, .kaerebalink-name > a {
    font-size: 16px; 
}
.booklink-name a:hover, .kaerebalink-name a:hover {
    color: #FF9900;
}
.booklink-powered-date, .kaerebalink-powered-date {
     font-size: 8px;
}
.booklink-detail, .kaerebalink-detail {
    color: #333333; 
    font-size: 12px; 
    margin: 0 0 10px 0;
}
.booklink-link2, .kaerebalink-link1 {}
.booklink-link2 a, .kaerebalink-link1 a {
    width: 90%;
    display: block;
    margin: 0px auto 8px;
    padding: 10px 1px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
     border-radius: 5px; 
    
    
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
    opacity: 0.6;
}

@media screen and (min-width: 800px) {

.booklink-box, .kaerebalink-box {
    text-align: left;
    display: table;
}
.booklink-image, .kaerebalink-image {
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    width: 111px;
    text-align: center;
    margin: 0;
}

.booklink-image img, .kaerebalink-image img {
    max-width: 100%
}

.booklink-info, .kaerebalink-info {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 25px;
    width: auto;
}

.booklink-name, .kaerebalink-name {
    margin: 0 0 24px 0;
}

.booklink-name > a, .kaerebalink-name > a {
    font-size: 16px; 
}

.booklink-powered-date, .kaerebalink-powered-date {
    margin: 6px 0 0 0;
}

.booklink-detail, .kaerebalink-detail {
    margin: 0 0 14px 0;
}

.booklink-link2 a, .kaerebalink-link1 a {
    width: auto;
    text-align: center;
    margin: 0;
}

.booklink-link2 > div, .kaerebalink-link1 > div {
    width: 33.33%;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
    float: left;
}

}

.shoplinkamazon a {
    color: #ffffff;
    background: #0080ff;
    border: 2px solid #006ad5;
}
.shoplinkrakuten a {
    color: #ffffff;
    background: #ff3c9d;
    border: 2px solid #ea0075;
}
.shoplinkyahoo a {
    color: #ffffff;
    background: #ff0033;
    border: 2px solid #ff0033;
}
.shoplinkseven a {
    color: #ffffff;
    background: #008837;
    border: 2px solid #008837;
}
.shoplinkbellemaison a {
    color: #ffffff;
    background: #80bd22;
    border: 2px solid #80bd22;
}
.shoplinkcecile a {
    color: #ffffff;
    background: #8d124b;
    border: 2px solid #8d124b;
}
.shoplinkkakakucom a {
    color: #ffffff;
    background: #051d93;
    border: 2px solid #051d93;
}
.shoplinkkindle a {
    color: #ffffff;
    background: #0074c1;
    border: 2px solid #0074c1;
}
.shoplinkrakukobo a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinkbk1 a {
    color: #ffffff;
    background: #0085cd;
    border: 2px solid #0085cd;
}
.shoplinkehon a {
    color: #ffffff;
    background: #000066;
    border: 2px solid #000066;
}
.shoplinkkino a {
    color: #ffffff;
    background: #004097;
    border: 2px solid #004097;
}
.shoplinktoshokan a {
    color: #ffffff;
    background: #15b0e7;
    border: 2px solid #15b0e7;
}
/* カエレバ用 */

/* 沿革 */
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}
/* 沿革 */
/* マーカー */
ins {
    background: linear-gradient(transparent 60%, #ffff66 60%);
	text-decoration: none;
}
/* マーカー */

/* テーブルを横スクロール */
table {
 width: 10%;
}

/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
.scroll {
 overflow: auto;
 white-space: nowrap;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
 height: 10px;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
/* テーブルを横スクロール */

/* youtube */
iframe {
  max-width: 100%;
}
/* youtube */
/* 囲み枠 */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
/* 囲み枠 */
/* ボックスデザイン（囲み枠30） */
.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}
/* ボックスデザイン（囲み枠30） */
/* TOC */
#toc_container{
	margin:20px auto 30px;
	background-color:rgba(44,153,181,.04);
	border:3px solid rgba(64,105,144,.2);
	border-radius:3px;
	box-sizing:border-box;
	padding:38px 52px;
	display:table;
	min-width: 68%;
}
 
/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}
 
/* 目次の見出しタイトル */
#toc_container .toc_title{
	text-align:center;
	font-weight:bold;
	font-size:118%;
	padding:0;
}
 
/* 見出しタイトル左のアイコン */
#toc_container .toc_title::before{
	position:relative;
	font-size:28px;
	content:"\2254";
	display:inline-block;
	width:40px;
	height:40px;
	line-height:34px;
	margin-right:8px;
	border-radius:50%;
	vertical-align:baseline;
	speak:none;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	background-color:#5f7b96;
}
 
/* 表示／非表示トグル */
#toc_container .toc_toggle a{
	font-size:13px;
	font-weight:normal;
	padding:2px 4px;
}
 
/* 目次エリア */
#toc_container p.toc_title + ul.toc_list{
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid rgba(0,0,0,.1);
}
 
/* 目次のリストの共通スタイル */
#toc_container ul.toc_list li{
	padding:0;
	margin:0;
}
 
/* 目次のリンク */
#toc_container ul.toc_list li a{
	position:relative;
	font-size:94%;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	padding:3px 0;
	margin:7px 0;
	line-height:1.6;
	transition:all .3s ease;
}
 
/* 目次のリンクカラー */
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
	color:#5f7b96;
}
 
/* マウスオーバー時 */
#toc_container ul.toc_list a:hover{
	opacity:.88;
	text-decoration:none;
}
 
/* 親の目次 */
#toc_container ul.toc_list > li > a{
	font-size:104%;
	font-weight:bold;
	margin-left:40px;
}
 
/* 番号振り用のスタイル */
#toc_container .toc_number{
	display:inline-block;
	text-align:center;
	margin-right:5px;
	font-family:'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
	font-weight:400;
	color:#fff;
	background-color:rgba(125,157,188,0.52);
}
 
/* 親の目次の番号 */
#toc_container .toc_number.toc_depth_1{
	position:absolute;
	top:0;
	left:-40px;
	width:32px;
	height:32px;
	line-height:32px;
	border-radius:16px;
}
 
/* 子の目次の番号 */
#toc_container .toc_number:not(.toc_depth_1){
	border-radius:15px;
	line-height:30px;
	padding:0 5.43px;
}
 
/* 子の目次 */
#toc_container ul.toc_list > li > ul{
	margin-left:40px;
}
 
/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#toc_container{
		padding:20px 3vw;
		min-width: auto;
		width:100%!important;
	}
	#toc_container p.toc_title+ul.toc_list{
		padding:20px 0 0;
	}
	#toc_container ul.toc_list > li > ul{
		margin-left:30px;
	}
}
/* TOC */