@charset "UTF-8";

/*
Theme Name:カエテンWP-JOY ( 20181221 )
Author:クリエイティブプランニング
Description:WordPressテーマ：カエテンWP-JOY
Productdesign:kaetenWP_JOY_css_main
Version:20181221
*/


/*
■基本設定
*/

/*リセット*/
a,html,body,div,span,object,iframe,/*h1,h2,h3,h4,h5,h6,*/p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,/*sub,sup,*/var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}

/*ベース*/
body{-webkit-text-size-adjust:100%;margin:auto;font-family:Meiryo,'Hiragino Kaku Gothic ProN',Roboto,'Droid Sans',sans-serif,kaeten;text-align:center;word-wrap:break-word;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
ol{counter-reset:li;}
th,td{vertical-align:middle;}
input[type="text"],input[type="submit"],input[type="password"],textarea,.comment-form-cookies-consent input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;max-width:100%;padding:0 10px;border:solid 1px #d9d9d9;border-radius:0;background:#fff;font:inherit;font-weight:normal;font-size:14px;}
input[type="submit"]:hover,input[type="checkbox"]:hover{cursor:pointer;}
pre{white-space:pre-wrap;word-break:break-all;}
img{max-width:100%;height:auto;border:none;vertical-align:bottom;}
.kl-l img,.pn-img img,.card-l img,.kpp-l img{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*アンダーライン*/
a:link{text-decoration:none;}
a:hover,.the-content a,.fsmain a,.fsmain2 a,a .overlay-ttl:hover,.tabmenu:hover,a:hover .pn-ttl,a:hover .card-ttl,a:hover .kpp-ttl,a:hover .krc-ttl,.menuOpen:hover:before,input[type="submit"]:hover{text-decoration:underline;}
.hnav-r a,a.more-link,.kl-l a,.tabmenu.active,.postnav a,.post-pager a,.sitemap a,.card a,.cta a,.kpp a,.krc a,.sp-sns a{text-decoration:none;}
.hn-txt a:hover,a.more-link:hover .txt,.tgl-cm:hover .txt,.fbtn a:hover .txt,.post-pager a:hover,.sitemap a:hover,.sp-sns a:hover .txt{text-decoration:underline;}

/*トランジション*/
#footer-in a,a.more-link,.kl>li>a,.ul-kl li a:before,.kl-cat a,.kl-read a,.reply a,.tgl-cm,.tabmenu,.fbtn a,.prev,.next,.pager a,.post-pager span,.cta-btn a,.card-in,.kpp-in,.krc-in,input[type="submit"],[class*="kbtn-"] a{transition:border .5s,background .5s,color .5s;}
.gnav a{transition:background .5s,color .5s;}
.sitemap li a,.err-body li a{transition:background .5s;}
.gnav li li,a img,a .noimg,[class*="sns-0"] li a{transition:.5s;}
.kl>li>a:hover,.prev:hover,.next:hover,.sitemap a:hover,.err-body li a:hover,.widget li a:hover,.card-in:hover,.kpp-in:hover,.krc-in:hover{background:rgba(0,0,0,.03);}
a:hover img,a:hover .noimg{opacity:.5;}


/*
■WebFont
*/
@font-face{
font-family:kaeten;
src: url('fonts/kaeten.eot');
src: url('fonts/kaeten.eot#iefix') format('embedded-opentype'),
url('fonts/kaeten.ttf') format('truetype'),
url('fonts/kaeten.woff') format('woff'),
url('fonts/kaeten.svg#kaeten') format('svg');
font-weight:normal;
font-style:normal;}

[class^="icon-"],[class*=" icon-"]{
font-family:kaeten;
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-home:before{content:"\f015"}
.icon-time:before{content:"\f017"}
.icon-refresh:before{content:"\f021"}
.icon-folder:before{content:"\f114"}
.icon-folder2:before{content:"\f07b"}
.icon-tag:before{content:"\f02b"}
.icon-cms:before{content:"\f075"}
.icon-user:before{content:"\f2bd"}
.icon-edit:before{content:"\f14b"}
.icon-sitemap:before{content:"\f0e8"}
.icon-bar:before{content:"\f0c9"}

.icon-double-r:before{content:"\f101"}
.icon-down-sign:before{content:"\f13a"}
.icon-remove-sign:before{content:"\f057"}
.icon-th:before{content:"\f009";}

.icon-arrow-l:before{content:"\f060"}
.icon-arrow-r:before{content:"\f061"}
.icon-arrow-up:before{content:"\f062"}
.icon-arrow-down:before{content:"\f063"}
.icon-chevron-l:before{content:"\f053"}
.icon-chevron-r:before{content:"\f054"}

.icon-quote-l:before{content:"\f10d"}
.icon-quote-r:before{content:"\f10e"}
.icon-alert:before{content:"\f071"}
.icon-que:before{content:"\f059"}
.icon-info:before{content:"\f05a"}
.icon-plus-sign:before{content:"\f055"}
.icon-minus-sign:before{content:"\f056"}
.icon-ok:before{content:"\f00c"}
.icon-ok-sign:before{content:"\f058"}

.icon-facebook:before{content:"\f09a"}
.icon-facebook-sign:before{content:"\f082"}
.icon-google-p:before{content:"\f0d5"}
.icon-google-p-sign:before{content:"\f0d4"}
.icon-twitter:before{content:"\e900"}
.icon-twitter-sign:before{content:"\f081"}
.icon-hatena:before{content:"\e903"}
.icon-pocket:before{content:"\e901"}
.icon-feedly:before{content:"\e905"}
.icon-rss:before{content:"\f09e"}
.icon-line:before{content:"\e907"}
.icon-instagram:before{content:"\e902"}

.icon-tags:before{content:"\f02c"}
.icon-cms2:before{content:"\f0e6"}
.icon-user2:before{content:"\f007"}
.icon-edit2:before{content:"\f044"}
.icon-folder-o:before{content: "\f07c"}
.icon-chevron-up:before{content:"\f077"}


/*
■文字色/罫線
*/

/*文字色固定*/
.kl-desc,.tgl-cm,.cm-meta,.tb-meta,.tb-ttl,#tbs input,.comment-form-cookies-consent,.akismet_comment_form_privacy_notice,.card-info,.pc-form input[type="submit"]{color:#777;}
.kpp-info,.krc-info,.wp-caption,.gallery,figcaption,cite,.rss-date,.rssSummary,.post-date{color:#999;}

/*罫線*/
#header{border-bottom-style:solid;border-width:3px;}
#footer{border-top-style:solid;border-width:3px;}
.art-ttl-outer,.list-ttl-outer,.related-ttl-outer,.cms-ttl-outer,.fsmain-ttl-outer{border-style:solid;border-width:2px;}

/*ベースカラー箇所*/
.hnav,#footer,#footer a,.gnav a:hover,a.more-link:hover,.kl-cat a:hover,.reply a:hover,.tabmenu:hover,.pager a:hover,.post-pager a:hover,.post-pager a:hover span,.menuOpen,input[type="submit"]:hover{color:#fff;}
.ul-kl li a:hover:after{border-color:#fff;}
.fnav li{border-right:solid 1px #fff;}

/*文字太さ*/
.blog-ttl,.gnav,.fttl,.art-ttl,.side-ttl,.list-ttl,.related-ttl,.cms-ttl,.fsmain-ttl,.kl-list,.pn-ttl,.card-ttl,.cta-ttl,.image-ttl,.widget-ttl,.sns-msg1,.sns-msg2{font-weight:bold;}

/*文字影*/
.blog-ttl,.art-ttl{text-shadow:1px 1px 3px rgba(0,0,0,.3);}
.blog-ttl a:hover,.art-ttl a:hover{text-shadow:none;}


/*
■文字サイズ/行の高さ
*/
body{font-size:14px;line-height:1.8;}

/*主要1*/
.art-body,.fsmain,.fsmain2,.cta{font-size:16px;}

/*タイトル*/
.blog-ttl,.art-ttl{font-size:26px;line-height:1.5;}

/*説明文*/
.blog-desc,.blog-desc2{font-size:12px;line-height:1.5;}

/*グローバルメニュー*/
.gnav a{font-size:12px;line-height:1.5;}

/*フッターメニュー*/
.fnav a{font-size:12px;}

/*主要2タイトル*/
.fttl,.side-ttl,.list-ttl,.related-ttl,.cms-ttl,.fsmain-ttl,.more-link,.prev a,.next a,.card-ttl,.widget-ttl,.sns-msg1,.sns-msg2{font-size:16px;line-height:1.5;}

/*主要2*/
.footer-blog-ttl,.fsfoot,.side,.fs3crl,.cm-ttl,.reply-cxl,.tgl-cm,.cm-link,.tb-link,.msg-old,select,.ad3{font-size:14px;}

/*記事一覧*/
.kl-list{font-size:18px;line-height:1.5;}

/*h2/h3/CTA*/
[class*="h2-"],.copy,.cta-ttl{font-size:20px;line-height:1.5;}
[class*="h3-"]{font-size:16px;}

/*主要3*/
.hnav,.h1-ttl,.pankuzu,.af,.overlay-ttl,#cms,#tbs,.none-meta,.tabmenu,.wp-caption,.gallery,figcaption,cite{font-size:12px;line-height:1.6;}
.fshead-l,.fshead-r,.fsbnr,.ad,.ad1,.ad2,.ad4,.ad5,.ad6,.ad7,.ad8,.infeed,.ad-pc,.ad-sp{font-size:12px;}
#footer-in,.art-head,.art-foot,.cm-meta,.tb-meta,.tb-txt,.kl-date,.kl-cat,.kl-desc,.card-r,.pn-txt,.kpp-info,.kpp-view-txt,.krc-txt,.krc-info,.rss-date,.rssSummary,.post-date{font-size:11px;}


/*
■■エリア別
*/

/*
■全体
*/
#main-in,#side-l,#side-r,.fs3cr,.fi-l,.fi-c,.fi-r{box-sizing:border-box;min-width:0;}
#main-in,#side-l,#side-r,.fs3crl{display:block;border-radius:6px;}
#ctr1,#ctr2,#ctr3,#ctr-in{margin:auto;}
#ctr-in:after,#header-in:after{content:"";display:block;clear:both;}


/*
■ヘッダー
*/

/*全体*/
#header{position:relative;box-shadow:0 4px 4px rgba(0,0,0,.15);font-size:0;word-break:break-all;}

/*ヘッダーナビ*/
.hnav-outer{position:relative;z-index:2;box-sizing:border-box;width:100%;box-shadow:0 2px 2px rgba(0,0,0,.15);}
.hnav-outer.fixed{left:0;max-width:100%;margin:auto;box-shadow:none;border:none;border-radius:0;background:rgba(0,0,0,.2);}
.hnav{display:flex;align-items:center;padding:4px 10px;}
.hnav .hnav-l{flex:1;text-align:left;}
.hnav ul{display:flex;}
.hnav li{margin:0 0 0 9px;}
.hnav li.hn-txt{margin:0 0 0 4px;padding:3px 0 0;font-size:10px;}
.hnav.fixed,.hnav a.fixed,.menuOpen.fixed{color:#fff;}

/*h1*/
.h1-ttl{display:inline;font-weight:normal;text-align:left;}

/*ヘッダー外側/内側*/
#header-outer{position:relative;padding:20px 0;}
#header-outer>a{position:absolute;top:0;left:0;width:100%;height:100%;}
#header-in{margin:auto;}

/*タイトル/説明文*/
.header-l,.header-r{text-align:left;}
.blog-ttl a{position:relative;}
.blog-desc,.blog-desc2{}


/*
■グローバル
*/
.gnav-outer{position:relative;border-top:solid 1px rgba(0,0,0,.1);}
.gnav{margin:-1px auto 0;text-align:left;}
.gnav ul{font-size:0;}
.gnav li{display:inline-block;position:relative;}
.gnav li:last-child{border-right:solid 1px rgba(0,0,0,.1);}
.gnav a{display:block;padding:10px 15px;border-top:solid 1px rgba(0,0,0,0);border-left:solid 1px rgba(0,0,0,.1);}


/*
■記事
*/

/*全体*/
.art{box-shadow:0 2px 2px rgba(0,0,0,.05);border-radius:6px;background:#fff;text-align:left;}

/*ボディ*/
.art-body{padding:0 19px;border:solid 1px #d9d9d9;border-top:none;border-radius:0 0 6px 6px;}
.err-body{padding:20px 19px;}

/*タイトル*/
.art-ttl-outer{padding:15px 0 0;border-top:none;border-right:none;border-left:none;border-radius:6px 6px 0 0;}
.art-ttl{border-left:solid 1px rgba(0,0,0,.1);border-right:solid 1px rgba(0,0,0,.1);border-radius:0;}
.art-ttl a,.err-ttl{padding:25px 19px;display:block;}

/*ヘッダー*/
.art-head{clear:both;}
.ah-info{position:relative;text-align:right;}

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

/*フッター*/
.art-foot{clear:both;word-break:break-all;}
.af-info{text-align:right;}
.af-info li{display:inline;padding:0 0 0 5px;}
.pf-info li.date{display:block;padding:0 0 5px;}

/*カテゴリ/タグ*/
.af{display:flex;margin:0 -5px;}
.af-l,.af-r{flex:1;padding:0 5px;}
.afttl{margin:0 0 10px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.03);}
.afbody{padding:0 5px;}
.af-r a{padding:0 5px 0 0;}

/*続きを読む*/
.more-link{float:right;padding:10px;border-radius:4px;}

/*アイキャッチ画像*/
.thumbnail{text-align:center;}

/*注意メッセージ*/
.msg-old{}

/*保護パスワード*/
.post-password-form p{margin:0 0 1em;}
.post-password-form input[type="password"]{box-sizing:border-box;width:150px;height:30px;border-right:none;font-size:16px;}
.post-password-form input[type="submit"]{vertical-align:top;height:30px;margin-left:-6px;padding:0 20px;font-size:12px;}


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


/*
■フッター
*/

/*全体*/
#footer{box-shadow:0 -4px 4px rgba(0,0,0,.15);}
#footer-in{margin:auto;padding:20px 0;word-break:break-all;}
.copyright{font-style:normal;text-align:left;}
.footer-txt{display:block;}

/*フッターメニュー*/
.fnav ul{padding:0 0 10px;font-size:0;}
.fnav li{display:inline-block;margin:5px 0;}
.fnav li:last-child{border:none;}
.fnav a{padding:0 10px;}


/*
■サイドバー
*/

/*全体*/
.side{border-radius:6px;text-align:left;}

/*ボディ*/
.side-body{padding:15px 10px;border-radius:6px;background:none;}

/*タイトル*/
.side-ttl{margin:-15px -10px 15px;padding:8px 9px;border-radius:6px;}


/*
■一覧/関連/CM/TB/FS
*/

/*全体*/
.list,.related,#cms,#tbs,.fsmain{box-shadow:0 2px 2px rgba(0,0,0,.05);border-radius:6px;background:#fff;text-align:left;}

/*ボディ*/
.list-body,.related-body,.cms-body,.fsmain-body{border:solid 1px #d9d9d9;border-top:none;border-radius:0 0 6px 6px;}

/*タイトル*/
.list-ttl-outer,.related-ttl-outer,.cms-ttl-outer,.fsmain-ttl-outer{border-top:none;border-right:none;border-left:none;border-radius:8px 8px 0 0;}
.list-ttl,.related-ttl,.cms-ttl,.fsmain-ttl{border-bottom:none;border-radius:6px 6px 0 0;padding:12px 19px;}


/*
■記事一覧
*/

/*ボディ*/
.list-body2,.list-body3,.related-body2{padding:15px 19px;}
.list-body2{border-bottom:dotted 1px #d9d9d9;}

/*リスト*/
.kl{word-break:break-all;}
.kl>li{position:relative;box-sizing:border-box;width:100%;padding:15px 0;border-bottom:dotted 1px #d9d9d9;}
.kl>li>a{position:absolute;top:0;left:0;width:100%;height:100%;}
.kl>li:last-child{border:none;}

/*レイアウト*/
.kl-in{display:flex;margin:0 19px;}
.kl-l{flex:1;max-width:120px;height:120px;}
@media screen and (max-width:799px){.kl-l{max-width:100px;height:100px;}}
@media screen and (max-width:599px){.kl-l{max-width:80px;height:80px;}}
.kl-l{position:relative;overflow:hidden;margin:0 10px 0 0;border-radius:2px;}
.kl-r{flex:1;}

/*画像*/
.kl-l img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;border-radius:2px;}

/*NOIMAGE*/
.noimg{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:2px;background:rgba(0,0,0,.15);font-size:10px;color:#fff;}

/*タイトル ul デザイン*/
.ul-kl li a{display:block;position:relative;padding:0 30px 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:"";box-sizing:border-box;width:12px;height:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-right:solid 2px #d9d9d9;border-bottom:solid 2px #d9d9d9;}
.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-info{margin:5px 0 0;font-size:0;}
.kl-date{margin:0 3px 5px 0;}
.kl-cat{display:inline-block;margin:0 3px 0 0;}
.kl-cat a{position:relative;margin:0 0 5px;}
.kl-date,.kl-cat a{display:inline-block;padding:1px 5px;border:solid 1px #d9d9d9;border-radius:4px;}
.kl-read{margin:35px 0 0;text-align:right;}
.kl-read a{display:inline-block;position:absolute;bottom:15px;right:19px;line-height:1;padding:8px 10px;border:solid 1px #d9d9d9;border-radius:4px;background:rgba(0,0,0,.15);}

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


/*
■CM/TB
*/

/*ボディ*/
.cms-body{padding:1px 19px 16px;}
.cm-ttl,.reply-cxl{margin:15px 0;}
.tb-ttl{margin:15px 0 5px;}
.cm-label{margin:0 0 5px;}
.comment-subscription-form{margin:5px 0 0;}
.logged-in-as,.comment-notes,.g-recaptcha{margin:0 0 15px;}
#cms input[type="text"],#tbs input,#cms textarea{width:100%;height:45px;border-radius:4px;margin:0 0 15px;}
#cms textarea{display:block;box-sizing:border-box;height:150px;padding:10px;}
#tbs input{margin:0;}

/*送信*/
.form-submit{margin:15px auto 0;text-align:center;}
#cms input[type="submit"]{border-radius:4px;padding:15px 30px;}

/*リスト*/
.commentlist li{margin:15px 0 0;padding:15px;box-shadow:0 1px 1px rgba(0,0,0,.05);border:solid 1px #d9d9d9;border-radius:4px;}
.commentlist .children li{box-shadow:none;border:none;background:#f3f3f3;}
.commentlist .children li li{background:#fff;}
.commentlist .children li li li{background:#f3f3f3;}
.cm-avatar{float:left;padding:0 8px 0 0;}
.cm-meta{display:inline;}
.cm-edit{display:inline-block;margin:0 0 0 5px;}
.cm-txt{margin:15px 0 0;}
.cm-txt p{margin:0 0 15px;}
.tb-link{display:inline;}
.tb-meta,.tb-edit{display:inline-block;margin:0 0 0 5px;}
.tb-txt strong{font-weight:normal;}
.tb-txt p{display:inline;}

/*返信*/
.reply a{display:inline-block;line-height:1;padding:6px 10px;border:1px solid #d9d9d9;background:#fff;}

/*チェックボックス*/
.comment-form-cookies-consent{display:flex;align-items:center;}
.comment-form-cookies-consent input[type="checkbox"]{flex:none;position:relative;width:30px;height:30px;margin:0 8px 0 0;padding:0;border-radius:4px;}
.comment-form-cookies-consent input:checked:before{position:absolute;top:-1px;left:-1px;content:"";width:30px;height:30px;border-radius:4px;background:#333;}
.comment-form-cookies-consent input:checked:after{position:absolute;top:2px;left:2px;content:"\f00c";line-height:1;font-size:24px;color:#fff;}

/*その他*/
.akismet_comment_form_privacy_notice{margin:15px auto;text-align:center;font-size:11px;}
#reply-title/*jetpack*/{margin:15px 0;}

/*開閉式*/
.tgl-cm{display:block;margin:15px 0 0;cursor:pointer;}

/*タブ*/
.tab-cms .tabmenu.active{background:#fff;}
.tab-cont{padding:10px 0 0;border-radius:0 0 6px 6px;background:#fff;}
.tab-cms-cont{display:none;}
.tab-cms-cont.active{display:block;}


/*
■タブ基本設定
*/
.tabnav{position:relative;border-bottom:solid 1px rgba(0,0,0,.15);}
.tabnav-in{display:flex;margin:0 5px -1px!important;font-size:0;text-align:left;}
.tabmenu{box-sizing:border-box;line-height:1;margin:0 1px!important;padding:10px;border:solid 1px rgba(0,0,0,.15)!important;border-bottom:none!important;background:rgba(0,0,0,.03);cursor:pointer;}
.tabmenu.active{}
aside .tabnav{margin:0 -5px;}
.fbody .tabnav{margin:0;border:none;}
.fbody .tabnav-in{margin:0!important;}
@media all and (-ms-high-contrast:none){.tabmenu{border-radius:0;}}
@supports (-ms-ime-align:auto){.tabmenu{border-radius:0;}}


/*
■フッターボタン
*/
.fbtn{display:none;position:fixed;bottom:2px;right:2px;z-index:3;line-height:1;font-size:0;}
.fbtn li{display:inline-block;position:relative;margin:0 0 0 1px;}
.fbtn a{display:block;box-sizing:border-box;width:52px;height:52px;border:solid 1px rgba(0,0,0,.1);border-radius:4px;background:rgba(0,0,0,.15);}
.fbtn .icon{position:absolute;top:5px;left:0;right:0;font-size:28px;}
.fbtn .icon-chevron-up{top:4px;}
.fbtn .icon-bar,.fbtn .icon-arrow-r{left:4px;}
.fbtn .txt{position:absolute;bottom:4px;left:0;right:0;font-size:10px;}


/*
■前後記事ナビ
*/
.postnav{display:flex;border:solid 1px #d9d9d9;border-left:none;border-right:none;background:#fff;word-break:break-all;}
.prev,.next{position:relative;box-sizing:border-box;width:50%;}
.prev{border-right:solid 1px #d9d9d9;}
.prev a,.next a{display:block;padding:30px 5px 10px;}
.pn-in{display:flex;align-items:center;min-height:80px;}
.next .pn-in{flex-direction:row-reverse;}
.pn-img{flex:none;position:relative;width:80px;height:80px;overflow:hidden;border-radius:2px;}
.pn-img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;border-radius:2px;}
.pn-txt{position:absolute;top:5px;}
.prev .pn-txt{left:0;}
.next .pn-txt{right:0;}
.pn-txt .icon{margin:0 7px;}
.pn-ttl{padding:0 10px;}


/*
■前後ページナビ
*/
.pager a,.pager span,.pager .current{display:inline-block;line-height:1;padding:10px 12px;border:solid 1px #d9d9d9;border-radius:4px;background:#fff;font-size:11px;}
.pager .current{background:rgba(0,0,0,.15);color:#fff;}


/*
■分割記事ページナビ
*/
.post-pager{display:flex;justify-content:center;clear:both;font-size:12px;}
.post-pager span,.post-pager a span{display:block;line-height:1;margin:0 1px;padding:14px 16px;border:solid 1px #d9d9d9;border-radius:4px;}
.post-pager span{background:#d9d9d9;color:#fff;}
.post-pager a span{background:#fff;}
.post-pager-num{}
.post-pager-word{}


/*
■サイトマップ
*/
.sitemap a{display:block;padding:5px;}
.sm-post li{margin:0 0 15px;padding:0 0 15px;border-bottom:dashed 1px #d9d9d9;font-weight:bold;}
.sm-post li:last-child{padding-bottom:0;border:none}
.sm-page,.sm-tax{margin:15px 0 0;padding:15px 0 0;border-top:dashed 1px #d9d9d9;font-weight:bold;}
.sm-page{font-weight:normal;}
.sm-page a{padding:2px 5px;}
.sm-post li li{position:relative;margin:0;padding:0 0 0 1.75em;border:none;font-weight:normal;font-size:14px;}
.sm-post li li:before,.widget .sm-post li li:before{position:absolute;top:.4em;left:.75em;content:"";box-sizing:border-box;width:.875em;height:.875em;border:solid 1px #d9d9d9;border-top:none;border-right:none;}


/*
■エラーページ
*/
.err-body ul{font-size:0;}
.err-body li{display:inline-block;vertical-align:top;width:calc(100%/3);font-size:14px;}
.err-body li a{display:block;margin:0 5px;padding:10px 5px;border-bottom:dotted 1px #d9d9d9;}
.err-body .side-count,.err-body .children{display:none;}
.margin-b-5px{margin-bottom:5px;}


/*
■CTA
*/
.cta{margin:auto;text-align:center;}
.cta-ttl{overflow:hidden;background-color:#eee;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.cta-ttl-in{padding:20px 20px 0 20px;}
.cta-body{padding:0 20px 20px 20px;background:#eee;}
.cta-thumb{padding:10px 0;text-align:center;}
.cta-btn a{display:block;margin:10px 0 0;padding:10px 20px;background:#999;text-align:center;}
.cta-btn a:hover{background:#555;}
.dark{background:rgba(0,0,0,.55);}


/*
■記事カード
*/
.card{margin:5px 0;border:solid 1px #d9d9d9;border-radius:4px;background:#fff;word-break:break-all;}
.card-in{display:flex;padding:15px;}
.card-l{position:relative;width:80px;height:80px;overflow:hidden;border-radius:2px;margin:0 10px 0 0;}
.card-r{flex:1;text-align:left;}
.card-l img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;}
.card-info{margin:5px 0 0;}


/*
■WP記事カード
*/
.wp-embedded-content{width:100%;max-width:100%;}


/*
■WP画像回り込み
*/
.aligncenter{display:block;margin:auto;}
.alignleft{float:left;margin:5px 10px 0 0;}
.alignright{float:right;margin:5px 0 0 5px;}
.wp-caption{max-width:100%;text-align:center;}
.wp-caption-text,figcaption{padding:5px;text-align:center;word-break:break-all;}


/*
■WPギャラリー
*/
.gallery{display:flex;flex-wrap:wrap;margin:0 -5px;}
.gallery-icon{padding:5px;text-align:center;}
.gallery-caption{padding-top:0;}
.gallery-columns-1 .gallery-item{width:calc(100%/1);}
.gallery-columns-2 .gallery-item{width:calc(100%/2);}
.gallery-columns-3 .gallery-item{width:calc(100%/3);}
.gallery-columns-4 .gallery-item{width:calc(100%/4);}
.gallery-columns-5 .gallery-item{width:calc(100%/5);}
.gallery-columns-6 .gallery-item{width:calc(100%/6);}
.gallery-columns-7 .gallery-item{width:calc(100%/7);}
.gallery-columns-8 .gallery-item{width:calc(100%/8);}
.gallery-columns-9 .gallery-item{width:calc(100%/9);}
.image-ttl{padding:5px 0;}


/*
■Youtube/google-map/iframe
*/
.youtube,.googlemap{text-align:center;}
.youtube iframe,.googlemap iframe,.adjust-iframe iframe{max-width:100%;}
@media screen and (max-width:959px){
.youtube{padding:56.25% 0 0;}
.googlemap{padding:75% 0 0;}
.youtube,.googlemap{position:relative;width:100%;}
.youtube iframe,.googlemap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
}


/*
■検索BOX
*/
.screen-reader-text{display:none;}
.sp-form,.pc-form,.searchform{font-size:0;}
.sp-form input[type="text"],.searchform input[type="text"]{box-sizing:border-box;height:34px;width:78%;border-right:none;}
.sp-form input[type="submit"],.searchform input[type="submit"]{vertical-align:top;height:34px;width:22%;padding:0;font-size:12px;}
.sp-form input[type="text"]{border:none;}
.sp-form input[type="submit"]{border:none;border-left:solid 1px rgba(0,0,0,.15)}
.pc-form input[type="text"]{width:130px;height:20px;border:none;border-radius:4px 0 0 4px;background:rgba(255,255,255,.9);}
.pc-form input[type="submit"]{vertical-align:top;height:20px;border:none;border-left:solid 1px rgba(0,0,0,.15);border-radius:0 4px 4px 0;background:rgba(255,255,255,.8);font-size:11px;}
.pc-form input[type="submit"]:hover{background:rgba(255,255,255,.5);}


/*
■カレンダー
*/
#calendar_wrap{max-width:500px;margin:auto;border-radius:6px;}
#wp-calendar{width:100%;border-collapse:separate;margin:0 0 10px;}
#wp-calendar th,#wp-calendar td{height:28px;line-height:28px;padding:0;border:none;border-radius:4px;font-weight:normal;}
#wp-calendar tbody tr a{font-weight:bold;text-decoration:underline;}
#wp-calendar tbody tr a:hover,
#wp-calendar tbody tr #today{display:block;border-radius:4px;background:rgba(0,0,0,.15);color:#fff;}
#wp-calendar caption{font-weight:bold;}
#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{border:solid 1px #d9d9d9;}
#wp-calendar thead tr th:nth-child(6){border:none;background:#00bfff;color:#fff;}
#wp-calendar thead tr th:nth-child(7){border:none;background:#e8383d;color:#fff;}


/*
■bxSlider ver 4.1.2
*/

/*RESET AND LAYOUT*/
.bx-wrapper{position:relative;margin: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{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);}
.bx-wrapper .bx-pager{width:100%;}
.bx-wrapper .bx-controls-auto{position:absolute;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:#d9d9d9;padding-top:5px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#d9d9d9;text-indent:-9999px;display:block;width:8px;height:8px;margin:0 5px;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;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;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;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:rgba(80, 80, 80, .75);width:100%;}
.bx-wrapper .bx-caption span{display:block;padding:10px;font-family:Verdana;font-size:.85em;color:#fff;}


/*
■SNSボタン
*/

/*共通*/
[class*="sns-0"]{display:flex;flex-wrap:wrap;line-height:1;margin:0 -1px;}
[class*="sns-0"] li{position:relative;}
[class*="sns-0"] li a{border-radius:4px;text-decoration:none;text-align:center;color:#fff;}
.sns-in{padding:1px;}

/*#1/2/3*/
.sns-01 li,.sns-02 li,.sns-03 li{flex:1;overflow:hidden;}
.sns-01 li a,.sns-02 li a,.sns-03 li a{display:block;box-sizing:border-box;height:30px;}
.sns-03 li a{border:solid 1px #d9d9d9;color:#555;}
.sns-01 .icon,.sns-02 .icon,.sns-03 .icon{line-height:30px;font-size:20px;}
.sns-01 .text,.sns-02 .text,.sns-03 .text{padding:0 0 0 3px;font-size:11px;}
.sns-01 .googleplus .text,.sns-02 .googleplus .text,.sns-03 .googleplus .text{font-size:9px;}
.sns-01 .balloon,.sns-02 .balloon,.sns-03 .balloon{display:none;}
.sns-01 .count,.sns-02 .count,.sns-03 .count{display:block;position:absolute;top:3px;right:4px;padding:1px 3px;border-radius:4px;background:#fff;font-family:Verdana;text-align:center;font-size:8px;color:#555;}
.sns-03 .count{padding:1px 2px;}
.sns-02 a{background:#777;}
.sns-03 a{background:#fff;}
.sns-01 .facebook,.sns-02 .facebook:hover{background:#3b5998;}
.sns-01 .googleplus,.sns-02 .googleplus:hover{background:#dc4e41;}
.sns-01 .hatena,.sns-02 .hatena:hover{background:#00a5de;}
.sns-01 .pocket,.sns-02 .pocket:hover{background:#ef3f56;}
.sns-01 .feedly,.sns-02 .feedly:hover{background:#6cc655;}
.sns-01 .twitter,.sns-02 .twitter:hover{background:#55acee;}
.sns-01 .rss,.sns-02 .rss:hover{background:#ffa500;}
.sns-01 .line,.sns-02 .line:hover{background:#00b900;}
.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:#00b900;border:solid 1px #00b900;}
.sns-01 li a:hover{text-decoration:none;opacity:.5;color:#fff;}
.sns-02 li a:hover,.sns-03 li a:hover{text-decoration:none;color:#fff;}
@media screen and (max-width:959px){.sns-01 .text,.sns-02 .text,.sns-03 .text{font-size:10px;}}
@media screen and (max-width:666px){.sns-01 li,.sns-02 li,.sns-03 li{flex:none;width:calc(100%/3);}}

/*#4/5/6*/
.sns-04 li a,.sns-05 li a,.sns-06 li a{display:block;box-sizing:border-box;width:36px;height:36px;}
.sns-06 li a{border:solid 1px #d9d9d9;color:#555;}
.sns-04 .icon,.sns-05 .icon,.sns-06 .icon{line-height:36px;font-size:24px;}
.sns-04 .text,.sns-05 .text,.sns-06 .text{display:none;}
.sns-04 .count,.sns-05 .count,.sns-06 .count{display:none;}
.sns-04 .balloon-outer,.sns-05 .balloon-outer,.sns-06 .balloon-outer{display:block;width:100%;height:24px;}
.sns-04 .balloon,.sns-05 .balloon,.sns-06 .balloon{position:relative;padding:3px 0;border:solid 1px #d9d9d9;border-radius:4px;background:#fff;font-family:Verdana;text-align:center;font-size:12px;color:#555;}
.sns-04 .balloon:before,.sns-05 .balloon:before,.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-04 .balloon:after,.sns-05 .balloon:after,.sns-06 .balloon:after{display:block;width:0;position:absolute;bottom:-4px;left:13px;content:"";border:4px solid transparent;border-top-color:#d9d9d9;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-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-04 .facebook,.sns-05 .facebook:hover{background:#3b5998;}
.sns-04 .googleplus,.sns-05 .googleplus:hover{background:#dc4e41;}
.sns-04 .hatena,.sns-05 .hatena:hover{background:#00a5de;}
.sns-04 .pocket,.sns-05 .pocket:hover{background:#ef3f56;}
.sns-04 .feedly,.sns-05 .feedly:hover{background:#6cc655;}
.sns-04 .twitter,.sns-05 .twitter:hover{background:#55acee;}
.sns-04 .rss,.sns-05 .rss:hover{background:#ffa500;}
.sns-04 .line,.sns-05 .line:hover{background:#00b900;}
.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:#00b900;border:solid 1px #00b900;}
.sns-04 li a:hover{text-decoration:none;opacity:.5;color:#fff;}
.sns-05 li a:hover,.sns-06 li a:hover{text-decoration:none;color:#fff;}

/*#7*/
.sns-07 li{padding:0 3px 5px 0;}
.sns-07 .balloon-outer{display:block;width:100%;height:42px;}
.sns-07 .balloon{position:relative;line-height:34px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-family:Verdana;font-size:14px;text-align:center;color:#555;}
.sns-07 .balloon:before{z-index:1;display:block;width:0;position:absolute;bottom:-3px;left:44%;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:44%;content:"";border:4px solid transparent;border-top-color:#d9d9d9;border-bottom-width:0;}
.sns-07 .feedly amp-img,.sns-07 .line amp-img{box-shadow:none;border-radius:0;}


/*
■ウィジェット
*/

/*タイトル*/
.widget-ttl{padding:0 0 10px;}

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

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

/*親カテゴリー*/
.widget:not(.widget_text) ul{margin:-10px 0;}
.widget:not(.widget_text) li{margin:0 -5px;border-bottom:dashed 1px #d9d9d9;}
.widget:not(.widget_text) li li{margin:0;border:none;}
.widget:not(.widget_text) li:last-child{border:none;}
.widget_recent_comments li,.widget_recent_entries li,.widget_rss li{padding:10px 5px;}
.widget_recent_entries li a,.widget_rss li a{display:block;transition:background 1s;}
.widget_recent_comments li a{transition:background 1s;}
.rss-widget-icon{vertical-align:middle;}
.widget_meta li a,.widget_pages li a,.widget_nav_menu li a{display:block;padding:10px 5px;transition:background 1s;}
.widget_archive li a,.widget_categories li a,.widget_kaetenwp_customcat li a{display:flex;position:relative;padding:10px 5px;transition:background 1s;}

/*子カテゴリー*/
.widget ul.children,.widget ul.sub-menu{margin:0;}
.widget li li{position:relative;margin:0;padding:0 0 0 1.75em;border:none;}
.widget li li:before{position:absolute;top:.75em;left:.75em;content:"";box-sizing:border-box;width:.875em;height:.875em;border:solid 1px #d9d9d9;border-top:none;border-right:none;}

/*投稿数*/
.side-count-wrap{padding-left:30px;}
.side-count{position:absolute;top:11px;right:5px;line-height:1;padding:5px 8px;border-radius:4px;background:rgba(0,0,0,.2);font-size:12px;color:#fff;}


/*
■独自ウェジェット
*/

/*人気記事/最近の投稿/カテゴリー記事*/
.kpp{margin:-10px 0;word-break:break-all;}
.kpp li{position:relative;margin:0 -5px;border-bottom:dotted 1px #d9d9d9;}
.kpp ol li:before{position:absolute;top:10px;left:5px;z-index:1;content:counter(li);counter-increment:li;line-height:1;padding:5px 8px;font-size:12px;color:#fff;}
.kpp li:last-child{border:none;}
.kpp-in{display:flex;padding:10px 5px;}
.kpp-l{position:relative;width:80px;height:80px;overflow:hidden;border-radius:2px;margin:0 10px 0 0;}
.kpp-r{flex:1;}
.kpp-l img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;border-radius:2px;}
.kpp-info{margin:3px 0 0;}
.kpp-info2{margin:10px 0 0;}
.kpp-view-outer{padding:20px 0 0;}
.kpp-view{position:absolute;bottom:10px;right:5px;font-weight:bold;line-height:1;}
.kpp-view-txt{font-weight:normal;}

/*最近の投稿インフィード*/
.knp-ad1{margin:0 -5px;padding:10px 5px;}
.knp-ad2{padding:10px 0;}

/*最近のコメント*/
.krc{margin:-10px 0;word-break:break-all;}
.krc li{position:relative;margin:0 -5px;border-bottom:dotted 1px #d9d9d9;}
.krc li:last-child{border:none;}
.krc-in{padding:10px 5px;}
.krc-img{float:left;margin:.4em 8px 0 0;}
.krc-info{margin:5px 0 0;}
.krc-ttl{display:inline;}
.krc-author{}
.krc-txt{}
.avatar{border-radius:2px;}


/*
■プラグイン
*/

/*WordPress Popular Posts*/
.wpp-list{word-break:break-all;}
.wpp-list li{margin:0 -5px;padding:10px 5px;border-bottom:dashed 1px #d9d9d9;}
.wpp-list img{margin:0 10px 0 0;}
.wpp-post-title{display:block;}
.wpp-excerpt,.wpp-meta{display:block;padding:10px 0 0;font-size:12px;color:#999;}
.wpp-meta span{padding:0 5px;}
.wpp-views{display:inline-block;margin:0 5px 0 0;padding:1px 5px;border-radius:4px;background:#e8383d;color:#fff;}
.wpp-list .post-stats{font-weight:normal;}

/*Newpost Catch*/
#npcatch{word-break:break-all;}
#npcatch li{margin:0 -5px!important;border-bottom:dashed 1px #d9d9d9;}
#npcatch li:last-child{border:none;}
#npcatch li a{padding:10px 5px!important;}
#npcatch img{float:left;padding:0 10px 0 0!important;}
#npcatch .date{display:block;font-size:12px;color:#999;}

/*WP Social Bookmarking Light*/
.wp_social_bookmarking_light{overflow:hidden;}
.wp_social_bookmarking_light_clear{display:none;}

/*Table of Contents Plus*/
#toc_container{margin:0 auto 1.8em!important;padding:1em!important;}
#toc_container .toc_title:before{content:"\f009";margin:0 5px 0;font-weight:normal;}
#toc_container ul{counter-reset:li;list-style-type:none;}
#toc_container ul ul{margin:0!important;}
#toc_container li{position:relative;padding-left:1.7em!important;}
#toc_container>ul>li:before{position:absolute;top:.562em;left:0;content:counter(li);counter-increment:li;width:1.666em;height:1.666em;border-radius:50%;text-align:center;font-size:.9em;color:#fff}
#toc_container li li:before{position:absolute;top:.5em;left:.5em;content:"・";}
.toc_list a{display:block;padding:.5em;transition:background 1s;}
.toc_list a:hover{background:rgba(0,0,0,.03);}
.toc_number{display:none;}


/*
■記事装飾パーツ
*/

/*文字だけ見出し*/
.copy,h2.copy,h3.copy{text-shadow:1px 1px 3px rgba(0,0,0,.3);font-weight:bold;word-break:break-all;}
.copy a:hover,h2.copy a:hover,h3.copy a:hover{text-shadow:none;}

/*引用*/
:not(.wp-block-pullquote)>blockquote{position:relative;margin:5px auto;padding:35px 8px 35px 19px;border:solid 1px #d9d9d9;border-radius:6px;background:rgba(234,234,234,.5);}
:not(.wp-block-pullquote)>blockquote:before,blockquote:after{position:absolute;font-size:24px;color:#d9d9d9;}
:not(.wp-block-pullquote)>blockquote:before{content:"\f10d";top:0;left:10px;}
:not(.wp-block-pullquote)>blockquote:after{content:"\f10e";bottom:0;right:10px;}

/*画像回込*/
.imgl,.imgl2{float:left;margin:0 8px 0 0;text-align:center;}
.imgr,.imgr2{float:right;margin:0 0 0 8px;text-align:center;}
.imgl img,.imgl2 img,.imgr img,.imgr2 img{margin:5px 0 0;}

/*文字回込解除*/
.text00{display:block;overflow:hidden;}
.clear:after{content:"";display:block;clear:both;}

/*TABLE*/
table{width:100%;border-collapse:collapse;text-align:center;}
table th,table td{padding:5px 15px;border:solid 1px #d9d9d9;}
[class*="table-"]{width:auto;border-collapse:separate;border-spacing:0;box-shadow:0 2px 2px rgba(0,0,0,.05)}
[class*="table-"] th{border:none;border-style:solid;border-width:0 1px 1px 0;border-color:rgba(255,255,255,.2);font-weight:normal;color:#fff;}
[class*="table-"] th:last-child{border-right:none;}
[class*="table-"] td{border:none;border-style:solid;border-width:0 1px 1px 0;border-color:#d9d9d9;}
[class*="table-"] td:first-child{border-left-width:1px;}
[class*="table-"] tr:first-child td{border-top-width:1px;}
.table-00 tr:nth-child(2n+1){background:rgba(234,234,234,.5);}

/*BOX*/
[class^="box-"],[class*=" box-"]{margin:5px auto;padding:10px 19px;}
.box-01{border-radius:6px;background:rgba(234,234,234,.5);padding:10px 20px;}
.box-02{border-radius:6px;border:solid 1px #d9d9d9;background:rgba(234,234,234,.5);}
.box-03{border:solid 1px #d9d9d9;}
.box-04{border:dotted 1px #555;}
.box-alert,.box-info,.box-que{position:relative;min-height:46px;padding:10px 8px 10px 60px;border-radius:6px;}
.box-alert{background:#ffeaf4;}
.box-info{background:#f4ffea;}
.box-que{background:#eaffff;}
.box-alert:after,.box-info:after,.box-que:after{position:absolute;line-height:1;color:#fff;}
.box-alert:after{content:"\f071";top:13px;left:10px;font-size:40px;color:#d33;}
.box-info:after{content:"\f05a";top:10px;left:10px;font-size:46px;color:#81d742;}
.box-que:after{content:"\f059";top:10px;left:10px;font-size:46px;color:#7f7fff;}
.box-ttl{background:#fff;}

/*Ｑ＆Ａ*/
.que,.ans{position:relative;margin:5px auto;padding:0 0 0 2.375em;}
.que:before,.ans:before{position:absolute;top:0;left:0;content:"";height:1.875em;width:1.875em;line-height:1;border-radius:6px;}
.que:before{background:#7f7fff;}
.ans:before{background:#d33;}
.que:after,.ans:after{position:absolute;top:.125em;line-height:1;color:#fff;font-size:1.625em;font-family:Arial;}
.que:after{content:"Q";left:.192em;}
.ans:after{content:"A";left:.25em;}

/*会話*/
.talk-l,.talk-r{display:flex;padding:5px 0;}
.talk-r{flex-flow:row-reverse;}
.tface{display:flex;flex-direction:column;align-items:center;}
.tface-in{width:60px;height:60px;overflow:hidden;border-radius:50%;}
.tface-in img{width:100%;height:auto;}
.tname{margin:2px 0 0;font-size:12px;}
.ttxt{}
.ttxt-l,.ttxt-r{position:relative;padding:10px 6px;border:1px solid #999;border-radius:6px;background:#fff;}
.ttxt-l{margin:0 0 0 15px;}
.ttxt-r{margin:0 15px 0 0;}
.ttxt-l:before{position:absolute;content:"";border:10px solid transparent;border-right:10px solid #999;top:14px;left:-20px;}
.ttxt-l:after{position:absolute;content:"";border:10px solid transparent;border-right:10px solid #fff;top:14px;left:-19px;}
.ttxt-r:before{position:absolute;content:"";border:10px solid transparent;border-left:10px solid #999;top:14px;right:-20px;}
.ttxt-r:after{position:absolute;content:"";border:10px solid transparent;border-left:10px solid #fff;top:14px;right:-19px;}

/*アコーディオン*/
.toggle{position:relative;padding:0 0 0 16px;cursor:pointer;}
.toggle:hover{text-decoration:underline;}
.acordion{display:none;}
.acordion:after{content:"";display:block;clear:both;}
.none-acordion:after{content:"\f055";}
.active-acordion:after{content:"\f056";}
.default.toggle.none-acordion:after,
.default.toggle.active-acordion:after{position:absolute;top:-1px;left:0;}
[class*="h2-"].toggle.none-acordion:after,
[class*="h2-"].toggle.active-acordion:after{position:absolute;top:7px;right:10px;}
[class*="h3-"].toggle.none-acordion:after,
[class*="h3-"].toggle.active-acordion:after{position:absolute;top:4px;right:10px;}
[class*="h3-05-"].toggle.none-acordion:after,
[class*="h3-05-"].toggle.active-acordion:after,
[class*="h3-06-"].toggle.none-acordion:after,
[class*="h3-06-"].toggle.active-acordion:after,
[class*="h3-07-"].toggle.none-acordion:after,
[class*="h3-07-"].toggle.active-acordion:after,
[class*="h3-08-"].toggle.none-acordion:after,
[class*="h3-08-"].toggle.active-acordion:after{right:5px;}
[class*="h3-"].toggle{padding-right:25px;}
[class*="h2-"].toggle,[class*="h3-09-"].toggle{padding-right:30px;}

/*背景色*/
.h2-02-blue,.h2-04-blue,.h2-05-blue:before,.h3-04-blue,.h3-05-blue:before,.h3-08-blue:before,.h3-09-blue,.ul-03-blue li:before,.ol-01-blue li:before,.ol-02-blue li:before,.parts-01-blue,.parts-02-blue,.parts-03-blue,.parts-04-blue,.parts-05-blue,.b-blue,.kbtn-blue a{background-color:#00f;}
.h2-02-navy,.h2-04-navy,.h2-05-navy:before,.h3-04-navy,.h3-05-navy:before,.h3-08-navy:before,.h3-09-navy,.ul-03-navy li:before,.ol-01-navy li:before,.ol-02-navy li:before,.parts-01-navy,.parts-02-navy,.parts-03-navy,.parts-04-navy,.parts-05-navy,.b-navy,.kbtn-navy a{background-color:navy;}
.h2-02-red,.h2-04-red,.h2-05-red:before,.h3-04-red,.h3-05-red:before,.h3-08-red:before,.h3-09-red,.ul-03-red li:before,.ol-01-red li:before,.ol-02-red li:before,.parts-01-red,.parts-02-red,.parts-03-red,.parts-04-red,.parts-05-red,.b-red,.kbtn-red a{background-color:red;}
.h2-02-green,.h2-04-green,.h2-05-green:before,.h3-04-green,.h3-05-green:before,.h3-08-green:before,.h3-09-green,.ul-03-green li:before,.ol-01-green li:before,.ol-02-green li:before,.parts-01-green,.parts-02-green,.parts-03-green,.parts-04-green,.parts-05-green,.b-green,.kbtn-green a{background-color:green;}
.h2-02-orange,.h2-04-orange,.h2-05-orange:before,.h3-04-orange,.h3-05-orange:before,.h3-08-orange:before,.h3-09-orange,.ul-03-orange li:before,.ol-01-orange li:before,.ol-02-orange li:before,.parts-01-orange,.parts-02-orange,.parts-03-orange,.parts-04-orange,.parts-05-orange,.b-orange,.kbtn-orange a{background-color:orange;}
.h2-02-purple,.h2-04-purple,.h2-05-purple:before,.h3-04-purple,.h3-05-purple:before,.h3-08-purple:before,.h3-09-purple,.ul-03-purple li:before,.ol-01-purple li:before,.ol-02-purple li:before,.parts-01-purple,.parts-02-purple,.parts-03-purple,.parts-04-purple,.parts-05-purple,.b-purple,.kbtn-purple a{background-color:purple;}
.h2-02-pink,.h2-04-pink,.h2-05-pink:before,.h3-04-pink,.h3-05-pink:before,.h3-08-pink:before,.h3-09-pink,.ul-03-pink li:before,.ol-01-pink li:before,.ol-02-pink li:before,.parts-01-pink,.parts-02-pink,.parts-03-pink,.parts-04-pink,.parts-05-pink,.b-pink,.kbtn-pink a{background-color:#ff69b4;}
.h2-02-black,.h2-04-black,.h2-05-black:before,.h3-04-black,.h3-05-black:before,.h3-08-black:before,.h3-09-black,.ul-03-black li:before,.ol-01-black li:before,.ol-02-black li:before,.parts-01-black,.parts-02-black,.parts-03-black,.parts-04-black,.parts-05-black,.b-black,.kbtn-black a{background-color:#000;}
.h2-02-grey,.h2-04-grey,.h2-05-grey:before,.h3-04-grey,.h3-05-grey:before,.h3-08-grey:before,.h3-09-grey,.ul-03-grey li:before,.ol-01-grey li:before,.ol-02-grey li:before,.parts-01-grey,.parts-02-grey,.parts-03-grey,.parts-04-grey,.parts-05-grey,.b-grey,.kbtn-grey a{background-color:grey;}

/*罫線色*/
.h2-01-blue,.h2-03-blue,.h3-01-blue,.h3-02-blue,.h3-03-blue,.h3-06-blue,.h3-07-blue,.ul-01-blue li,.ul-04-blue li:before,.ol-03-blue li:before,.ol-04-blue li:before{border-style:solid;border-color:#00f;}
.h2-01-navy,.h2-03-navy,.h3-01-navy,.h3-02-navy,.h3-03-navy,.h3-06-navy,.h3-07-navy,.ul-01-navy li,.ul-04-navy li:before,.ol-03-navy li:before,.ol-04-navy li:before{border-style:solid;border-color:navy;}
.h2-01-red,.h2-03-red,.h3-01-red,.h3-02-red,.h3-03-red,.h3-06-red,.h3-07-red,.ul-01-red li,.ul-04-red li:before,.ol-03-red li:before,.ol-04-red li:before{border-style:solid;border-color:red;}
.h2-01-green,.h2-03-green,.h3-01-green,.h3-02-green,.h3-03-green,.h3-06-green,.h3-07-green,.ul-01-green li,.ul-04-green li:before,.ol-03-green li:before,.ol-04-green li:before{border-style:solid;border-color:green;}
.h2-01-orange,.h2-03-orange,.h3-01-orange,.h3-02-orange,.h3-03-orange,.h3-06-orange,.h3-07-orange,.ul-01-orange li,.ul-04-orange li:before,.ol-03-orange li:before,.ol-04-orange li:before{border-style:solid;border-color:orange;}
.h2-01-purple,.h2-03-purple,.h3-01-purple,.h3-02-purple,.h3-03-purple,.h3-06-purple,.h3-07-purple,.ul-01-purple li,.ul-04-purple li:before,.ol-03-purple li:before,.ol-04-purple li:before{border-style:solid;border-color:purple;}
.h2-01-pink,.h2-03-pink,.h3-01-pink,.h3-02-pink,.h3-03-pink,.h3-06-pink,.h3-07-pink,.ul-01-pink li,.ul-04-pink li:before,.ol-03-pink li:before,.ol-04-pink li:before{border-style:solid;border-color:#ff69b4;}
.h2-01-black,.h2-03-black,.h3-01-black,.h3-02-black,.h3-03-black,.h3-06-black,.h3-07-black,.ul-01-black li,.ul-04-black li:before,.ol-03-black li:before,.ol-04-black li:before{border-style:solid;border-color:#000;}
.h2-01-grey,.h2-03-grey,.h3-01-grey,.h3-02-grey,.h3-03-grey,.h3-06-grey,.h3-07-grey,.ul-01-grey li,.ul-04-grey li:before,.ol-03-grey li:before,.ol-04-grey li:before{border-style:solid;border-color:grey;}
.h2-01-main,.h2-03-main,.h3-01-main,.h3-02-main,.h3-03-main,.h3-06-main,.h3-07-main,.ul-01-main li,.ul-04-main li:before,.ol-03-main li:before,.ol-04-main li:before{border-style:solid;}

/*h2*/
[class*="h2-"]{margin:5px -5px;font-weight:bold;word-break:break-all;}
[class*="h2-01-"]{padding:8px 15px;box-shadow:0 3px 3px rgba(0,0,0,.15);border-width:0 0 3px;border-top:solid 1px #c0c0c0;}
[class*="h2-02-"]{padding:8px 15px;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;}
[class*="h2-03-"]{padding:8px 10px;box-shadow:0 1px 2px rgba(0,0,0,.15) inset ,-1px -1px 2px rgba(0,0,0,.15) inset;border-width:2px 2px 2px 15px;border-radius:10px;}
[class*="h2-04-"]{padding:8px 15px;border-radius:10px;color:#fff;}
[class*="h2-05-"]{position:relative;padding:.4em .75em .4em 1.8em;border:solid 1px #c0c0c0;border-radius:10px;}
[class*="h2-05-"]:before{position:absolute;top:.5em;left:.5em;content:"";height:1.1em;width:1.1em;border-radius:50%;}

/*h3*/
[class*="h3-"]{margin:5px -5px;font-weight:bold;word-break:break-all;}
[class*="h3-01-"]{padding:5px 15px;box-shadow:0 1px 1px rgba(0,0,0,.15);border-width:0 0 2px;border-top:solid 1px #c0c0c0;border-left:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;}
[class*="h3-02-"]{padding:5px 15px;border-width:2px;}
[class*="h3-03-"]{padding:5px 15px;border-width:2px;border-radius:10px;}
[class*="h3-04-"]{padding:5px 15px;border-radius:10px;color:#fff;}
[class*="h3-05-"]{position:relative;padding:0 0 0 1.375em;}
[class*="h3-05-"]:before{position:absolute;top:.212em;left:0;content:"";height:1.125em;width:1.125em;box-shadow:1px 1px 2px rgba(0,0,0,.2);border-radius:50%;}
[class*="h3-06-"]{padding:5px 10px;border-width:0 0 0 3px;border-bottom:solid 1px #c0c0c0;}
[class*="h3-07-"]{padding:5px;border-width:0 0 2px;}
[class*="h3-08-"]{position:relative;padding:5px;border-bottom:solid 3px #e5e5e5;}
[class*="h3-08-"]:before{position:absolute;content:"";left:0;bottom:-3px;width:30%;height:3px;}
[class*="h3-09-"]{display:table;padding:5px 15px;border-radius:15px;color:#fff;font-weight:normal;}

/*ul*/
[class*="ul-0"]{margin:5px;word-break:break-all;}
[class*="ul-01-"] li{margin:4px 0;padding:0 0 0 .5em;border-width:0 0 0 3px;border-bottom:dotted 1px #c0c0c0;}
[class*="ul-03-"] li,[class*="ul-04-"] li,[class*="ul-05-"] li{position:relative;padding:0 0 0 1.875em;}
[class*="ul-03-"] li:before,[class*="ul-04-"] li:before{position:absolute;top:.125em;left:0;content:"\f00c";box-sizing:border-box;width:1.5em;height:1.5em;line-height:1.5;font-weight:normal;text-align:center;}
[class*="ul-03-"] li:before{color:#fff;}
[class*="ul-04-"] li:before{border-width:1px;border-radius:4px;line-height:1.437;}
[class*="ul-05-"] li:before{position:absolute;top:-.375em;left:0;content:"\f00c";font-size:1.5em;font-weight:normal;}
[class*="ul-02-"] li,[class*="ul-06-"] li,[class*="ul-07-"] li,[class*="ul-08-"] li,.ul-09 li{position:relative;padding:0 0 0 1.25em;}
[class*="ul-02-"] li:before,[class*="ul-06-"] li:before,[class*="ul-07-"] li:before,[class*="ul-08-"] li:before,.ul-09 li:before{position:absolute;top:0;left:0;}
[class*="ul-06-"] li:before{content:"\f058";font-weight:normal;}
[class*="ul-07-"] li:before{content:"\f057";font-weight:normal;}
[class*="ul-02-"] li:before{content:"\25CF";}
[class*="ul-08-"] li:before{content:"\25A0";}
.ul-09 li:before{content:"\203B";}

/*ol*/
[class*="ol-0"]{margin:5px;word-break:break-all;}
[class*="ol-0"] li{position:relative;padding:0 0 0 1.875em;}
[class*="ol-0"] li:before{position:absolute;top:.062em;left:0;content:counter(li);counter-increment:li;box-sizing:border-box;width:1.666em;height:1.666em;border-radius:50%;text-align:center;font-size:.9em;}
[class*="ol-01-"] li:before,[class*="ol-02-"] li:before{color:#fff;}
[class*="ol-03-"] li:before,[class*="ol-04-"] li:before{border-width:1px;line-height:1.675;}
[class*="ol-02-"] li:before,[class*="ol-04-"] li:before{border-radius:4px;}

/*パーツ*/
[class*="parts-"]{margin:0 0 5px;text-align:center;color:#fff;font-size:18px;line-height:1.2;word-break:break-all;}
[class*="parts-01-"],[class*="parts-02-"]{font:inherit;padding:1px 10px;}
[class*="parts-03-"],[class*="parts-04-"]{box-sizing:border-box;width:120px;padding:5px 10px;font-weight:bold;}
[class*="parts-02-"],[class*="parts-04-"]{border-radius:6px}
[class*="parts-05-"]{box-sizing:border-box;width:70px;height:70px;padding:15px;border-radius:50%;font-weight:bold;}

/*ボタン*/
[class*="kbtn-"]{margin:5px auto;text-align:center;}
[class*="kbtn-"] a{display:inline-block;box-sizing:border-box;padding:10px 30px;border-radius:4px;color:#fff;text-decoration:none;}
[class*="kbtn-"] a:hover{background-color:#ddd;text-decoration:underline;}

/*文字位置*/
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/*太字*/
.bold{font-weight:bold;}

/*下線*/
.underline{text-decoration:underline;}

/*文字背景*/
[class^="b-"],[class*=" b-"]{color:#fff;}

/*文字背景/蛍光マーカー/蛍光ライン/罫線囲み*/
[class^="b-"],[class*=" b-"],
[class^="m-"],[class*=" m-"],
[class^="l-"],[class*=" l-"],.border{display:inline;padding:0 5px;word-break:break-all;}

/*蛍光マーカー*/
.m-yellow{background:#ffff00;}
.m-blue{background:#99ffff;}
.m-red{background:#ff9999;}
.m-green{background:#ccff99;}
.m-orange{background:#ffcc99;}
.m-pink{background:#ff99ff;}

/*蛍光ライン*/
.l-yellow{background:linear-gradient(transparent 70%, #ffff00 70%);}
.l-blue{background:linear-gradient(transparent 70%, #99ffff 70%);}
.l-red{background:linear-gradient(transparent 70%, #ff9999 70%);}
.l-green{background:linear-gradient(transparent 70%, #ccff99 70%);}
.l-orange{background:linear-gradient(transparent 70%, #ffcc99 70%);}
.l-pink{background:linear-gradient(transparent 70%, #ff99ff 70%);}

/*罫線囲み*/
.border{border:solid 1px rgba(0,0,0,.2);}

/*ボックスタイトル*/
.box-ttl{display:table;position:relative;z-index:1;margin:5px 10px -1em 10px;}

/*文字色*/
.t-white{color:#fff;}
.t-blue,.ul-02-blue li:before,.ul-04-blue li:before,.ul-05-blue li:before,.ul-06-blue li:before,.ul-07-blue li:before,.ul-08-blue li:before{color:#00f;}
.t-navy,.ul-02-navy li:before,.ul-04-navy li:before,.ul-05-navy li:before,.ul-06-navy li:before,.ul-07-navy li:before,.ul-08-navy li:before{color:navy;}
.t-red,.ul-02-red li:before,.ul-04-red li:before,.ul-05-red li:before,.ul-06-red li:before,.ul-07-red li:before,.ul-08-red li:before{color:red;}
.t-green,.ul-02-green li:before,.ul-04-green li:before,.ul-05-green li:before,.ul-06-green li:before,.ul-07-green li:before,.ul-08-green li:before{color:green;}
.t-orange,.ul-02-orange li:before,.ul-04-orange li:before,.ul-05-orange li:before,.ul-06-orange li:before,.ul-07-orange li:before,.ul-08-orange li:before{color:orange;}
.t-purple,.ul-02-purple li:before,.ul-04-purple li:before,.ul-05-purple li:before,.ul-06-purple li:before,.ul-07-purple li:before,.ul-08-purple li:before{color:purple;}
.t-pink,.ul-02-pink li:before,.ul-04-pink li:before,.ul-05-pink li:before,.ul-06-pink li:before,.ul-07-pink li:before,.ul-08-pink li:before{color:#ff69b4;}
.t-black,.ul-02-black li:before,.ul-04-black li:before,.ul-05-black li:before,.ul-06-black li:before,.ul-07-black li:before,.ul-08-black li:before{color:#000;}
.t-grey,.ul-02-grey li:before,.ul-04-grey li:before,.ul-05-grey li:before,.ul-06-grey li:before,.ul-07-grey li:before,.ul-08-grey li:before{color:grey;}

/*リンク文字*/
[class*="h2-"] a,[class*="h3-"] a,[class*="parts-"] a{display:block;text-decoration:none;}
a[class*="h2-"],a[class*="h3-"],a[class*="parts-"]{text-decoration:none;}
[class*="h2-"] a:hover,[class*="h3-"] a:hover,[class*="parts-"] a:hover,
a:hover[class*="h2-"],a:hover[class*="h3-"],a:hover[class*="parts-"]{text-decoration:underline;}

/*文字サイズ*/
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font32{font-size:32px;}
.font36{font-size:36px;}
.font40{font-size:40px;}

/*その他*/
.margin-auto{margin:auto}
.margin-0{margin:0}
.width-full{width:100%}
.width-auto{width:auto}
.block{display:block}
.inline-block{display:inline-block}
.break-all{word-break:break-all}


/*
■グラデ
*/
.hnav-outer,#footer,.more-link:hover,.kl-cat a:hover,.kl-read a:hover,.reply a:hover,.fbtn a:hover,.pager a:hover,:not(.pc-form)>input[type="submit"]:hover,[class*="h2-04-"],[class*="h2-05-"]:before,[class*="h3-05-"]:before,[class*="ol-01-"] li:before,[class*="ol-02-"] li:before,[class*="parts-"]{background-image:linear-gradient(to bottom,rgba(255,255,255,.4)0%,rgba(153,153,153,.1)100%);}
.gnav-outer,.art-ttl,.side-ttl,.fsmain-ttl,.list-ttl,.related-ttl,.cms-ttl,.kl-date,.kl-cat a,.pager a,input[type="submit"],[class*="h2-01-"],[class*="h2-05-"],[class*="h3-01-"]{background-image:linear-gradient(to bottom,rgba(255,255,255,.2)20%,rgba(85,85,85,.1)100%);}
.gnav a:hover{background-image:linear-gradient(to bottom,rgba(255,255,255,.25)0%,rgba(255,255,255,.37)45%,rgba(255,255,255,.37)55%,rgba(255,255,255,.25)100%);}
.art-ttl-outer,.fsmain-ttl-outer,.list-ttl-outer,.related-ttl-outer,.cms-ttl-outer,[class*="h2-02-"]{background-image:linear-gradient(to bottom,rgba(153,153,153,.1)0%,rgba(255,255,255,.3)30%,rgba(255,255,255,.4)45%,rgba(255,255,255,.4)55%,rgba(255,255,255,.3)70%,rgba(153,153,153,.1)100%);}


/*
■フリースペース
*/

/*FSヘッダー*/
.fshead-l,.fshead-r{text-align:center;}
.fshead-l a,.fshead-r a{position:relative;}
.fshead-l{float:left;margin:0 8px 0 0;}
.fshead-l img{margin:2px 0 0;}

/*FSアイチャッチバナー*/
.fsbnr-outer{background:#f3f3f3;}
.fsbnr{}

/*FSフッター*/
.fsfoot-outer{padding:1px 0;background:#f3f3f3;}
.fsfoot{margin:auto;text-align:left;}
.fbody{position:relative;padding:0 5px;}
.fttl{margin:0 -5px;padding:10px 5px;border-top:solid 1px #d9d9d9;}

/*FSメイン*/
.fsmain-body{padding:15px 19px;}
.fsmain2{clear:both;text-align:left;}

/*FSその他*/
.ad1,/*記事内上部*/
.ad2,/*記事内下部*/
.ad4,/*サイドバー*/
.ad5,/*コメント欄*/
.ad6,/*記事一覧*/
.ad7,/*続きを読む直後*/
.ad8/*AMPヘッダー下/フッター上*/{clear:both;}
.ad3/*記事上/記事下*/{clear:both;text-align:left;}

/*インフィード広告*/
.infeed{display:block;}

/*横並び*/
.ad{display:flex;}
.ad-l,.ad-r{width:50%;text-align:center;}


/*
■余白設定
*/
#ctr-in{padding:15px 0;}
#main-in,#side-l,#side-r{padding:15px 10px 1px;}

.art,.side,.list,.related,#cms,#tbs,.fsmain,.fsmain2,.ad4,.ad6,.postnav,.cta1{margin:0 0 30px;}

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

.pankuzu{margin:0 0 15px;}

.art-head{padding:15px 0 0;}
.ah-info{margin:0 0 15px;}
.read-time1{padding:0 0 10px;}
.postdate{padding:0 0 5px;}
.thumbnail,.sns-ue,.msg-old{margin:15px 0;}

.the-content,.more-link,.ad1,.ad2,.ad3,.image-cont{margin:30px 0;}
.ad5{margin:15px 0 0;}
.ad7{padding:30px 0;}
.post-pager-word{margin:30px auto 5px;}

.art-foot{padding:30px 0 0;}
.sns-shita{padding:0 0 30px;}
.af-info{padding:10px 0;}

.page-head{padding:1px 0 0;}
.read-time2{padding:15px 0 0;}
.page-foot{padding:0;}
.pf-info{padding:0 0 10px;}

.image-sns-ue{padding:15px 0 0;}
.image-sns-shita{padding:0 0 15px;}

.sns-msg1{padding:0 0 5px;}
.sns-msg2{padding:0 0 5px;}
.sns-fs1{padding:5px 0;}
.sns-fs2{padding:0 0 5px;clear:both;}
.image-sns-fs1{padding:5px 0 15px;}
.image-sns-fs2{padding:0 0 15px;clear:both;}

.fsbnr-outer{padding:15px 0;}
.fbody{margin:30px 0;}
.fs3crl{margin:0 0 20px;padding:10px;text-align:left;}
.ad8{margin:0 0 15px;}

.amp-test{margin:0 10px 5px;font-size:11px;text-align:left;}


/*
■デフォルトデザイン表示調整
*/
@media screen and (max-width:799px){
.art-ttl a,.err-ttl{padding:20px 10px;}
.art-body{padding:0 10px;}
.err-body{padding:20px 10px;}
.list-ttl,.related-ttl,.cms-ttl,.fsmain-ttl,.card-in{padding:10px;}
.kl-in{margin:0 10px;}
.list-body2,.list-body3,.related-body2,.fsmain-body,.commentlist li{padding:15px 10px;}
.cms-body{padding:1px 10px 16px;}
.kl-read a{right:10px;}
.cta-ttl-in{padding:20px 10px 0 10px;}
.cta-body{padding:0 10px 20px 10px;}
}


/*
■WebFont調整
*/
.icon-home{font-size:15px;}
.hnav .icon{font-size:15px;vertical-align:-2px;}
.hnav .icon-home{font-size:17px;vertical-align:-3px;}
.hnav .icon-rss{font-size:16px;vertical-align:-3px;}
.hnav .icon-facebook{padding:0 2px;}
.gnav .icon,.fnav .icon,.ah-info .icon,.af-info .icon,.af .icon{margin:0 3px 0 0;}
.ah-info .icon{font-size:14px;}


/*
■Gutenberg調整
*/

/*hタグ*/
h1{font-size:2.44em;}
h2{font-size:1.95em;}
h3{font-size:1.56em;}
h4{font-size:1.25em;}
h5{font-size:1em;}
h6{font-size:.8em;}

/*スペーサー*/
.wp-block-spacer.kaeten{height:1px!important;margin:0 0 1.8em;}

/*クォート*/
.wp-block-pullquote{border:4px solid #666;border-left:none;border-right:none;}
.wp-block-pullquote cite{color:inherit}
.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:5px auto!important;padding:35px 8px 35px 19px!important;}

/*キャプション*/
.wp-block-image figcaption,.wp-block-quote.is-large cite,.wp-block-quote.is-style-large cite{margin:0!important;font-size:12px!important;color:#999!important;}
.wp-block-gallery .blocks-gallery-item figcaption{box-sizing:border-box!important;padding:5px!important;font-size:12px!important;}

/*ボタン*/
.wp-block-button a{text-decoration:none;}
.wp-block-button a:hover{text-decoration:underline;}

/*ウィジェット*/
.wp-block-archives li,.wp-block-categories li,.wp-block-latest-posts li,.wp-block-latest-comments li{margin:0 -5px;border-bottom:dashed 1px #d9d9d9;}
.wp-block-archives li:last-child,.wp-block-categories li:last-child,.wp-block-latest-posts li:last-child,.wp-block-latest-comments li:last-child{border:none;}
.wp-block-latest-comments li,.wp-block-latest-posts li{padding:10px 5px;}
.wp-block-latest-comments__comment-excerpt p{margin:5px 0 0!important;}
.wp-block-archives li a,.wp-block-categories li a{display:flex;position:relative;padding:10px 5px;}
.wp-block-categories li li{position:relative;margin:0;padding:0 0 0 1.75em;border:none;}
.wp-block-categories li li:before{position:absolute;top:.75em;left:.75em;content:"";box-sizing:border-box;width:.875em;height:.875em;border:solid 1px #d9d9d9;border-top:none;border-right:none;}


/*
■レスポンシブ
*/
.sp-form,.sp-sns,.sp-smap{display:none;}

/*max959pxここから1カラム*/
@media screen and (max-width:959px){
/*
#header{box-shadow:0 2px 2px rgba(0,0,0,.15)}
#footer{box-shadow:0 -2px 2px rgba(0,0,0,.15)}
.gnav,.gnav a,.gnav a:hover,.gnav li,.gnav li:last-child{box-shadow:none;border:none}
#main-in{padding:30px 5px 1px}
#side-l,#side-r{padding:15px 5px 1px}
.kl-date,.kl-cat a,.kl-cat a:hover{background:none}
*/
#ctr-in{padding:0;}
.fsmain2{padding:0 5px;}
.fsbnr{height:auto;}
.ul-kl li a:before,.ul-kl li a:after{display:none;}
.ul-kl li a{display:inline-block;padding:0;}
.kl-date,.kl-cat a,.kl-cat a:hover{margin:0;padding:0;border:none;}
.kl-date,.kl-cat{margin:0 10px 0 0;}
.kl-desc{margin:2px 0 0;}
.pager a,.pager .current,.pager span{padding:13px 15px;}
}

/*max799px*/
@media screen and (max-width:799px){
#container br{display:none;}
/*
#header-outer{padding:15px 0}
.hnav{display:block;height:28px;overflow:hidden;padding:0 100px 0 10px;border-top:none}
.blog-ttl,.blog-desc{width:auto;padding:0}
*/
.hnav-l{width:100%;line-height:28px;}
.hnav-r,.gnav-l{display:none;}
.gnav-outer{position:absolute;top:0;right:0;z-index:2;width:100%;}
/*
.gnav-outer{border:none;background:none}
.gnav{display:none;width:100%;margin:0;padding:0;font-weight:normal;text-align:left}
.gnav-r{width:auto;margin:0;padding:65px 10px 10px;background:rgba(0,0,0,.75)}
.gnav a{margin:0;padding:10px;border-radius:0;font-weight:normal;color:#fff}
.gnav a:hover{border-radius:4px;background:#111}
.gnav ul{margin:0}
*/
.sp-form{padding:0 0 10px;}
.sp-form,.sp-sns,.sp-smap{display:block;}
.gnav .sp-sns a{display:inline-block;}
.gnav .icon-home{margin:0 3px 0 -2px;}
.gnav .icon-sitemap{margin:0 3px 0 -1px;}

.gnav li{display:block;}
.gnav li a{box-shadow:0 1px rgba(255,255,255,.1)inset;border-top:1px solid rgba(0,0,0,1);}
.gnav li a:hover{box-shadow:none;border-top:1px solid #111;}
.gnav li li a,.gnav li li a:hover{padding:10px 5px;box-shadow:none;border:none;}
.gnav li li{position:relative;padding:0 0 0 33px;}
.gnav li li:before{position:absolute;top:11px;left:22px;content:"";box-sizing:border-box;width:8px;height:8px;border:solid 1px #aaa;border-top:none;border-right:none;}
.gnav li li li{padding:0 0 0 28px;}
.gnav li li li:before{left:17px;}

.menuOpen{display:block;position:absolute;top:6px;right:0;z-index:3;cursor:pointer;}
.menuOpen:before{content:"\f0c9  MENU";line-height:1;padding:0 10px;font-style:normal;font-size:16px;}
.menuClose{display:none;position:absolute;top:10px;right:10px;z-index:3;padding:20px 21px 20px 20px;border:solid 1px #aaa;border-radius:4px;cursor:pointer;}
.menuClose:before,.menuClose:after{position:absolute;top:50%;content:"";transform:rotate(45deg);background:#aaa;}
.menuClose:before{width:1px;height:41px;margin:-20px 0 0;}
.menuClose:after{width:41px;height:1px;margin:0 0 0 -20px;}

.blog-ttl,.art-ttl,[class*="h2-"],.copy,.cta-ttl{font-size:18px;}
.kl-list,input[type="text"],textarea,select{font-size:16px;}
.h1-ttl{font-size:11px;}
}

/*max599px*/
@media screen and (max-width:599px){
.footer-txt{display:inline;}
.err-body li{width:calc(100%/2);}
.overlay-ttl{padding:5px;}
.read-time1{position:static;text-align:right;}
.prev a,.next a{padding:25px 5px 10px;font-size:14px;}
.pn-in{min-height:60px;}
.pn-img{width:60px;height:60px;}
.pn-ttl{padding:0 5px;}
.more-link{float:left;width:100%;padding:10px 0;text-align:center;}
}
