@charset "UTF-8";

/*
Theme Name:kaetenGraph ( 180621 )
Author:クリエイティブプランニング
Description:カエテングラフ kaetenGraph ワードプレステーマ
Productdesign:kaetenGraph_css_main
Version:180621
*/


/*
■ブラウザリセット
*/
p,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
article,aside,canvas,details,figcaption,figure,footer,header,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{margin:auto;background:#fff;text-align:center;-webkit-text-size-adjust:100%;word-wrap:break-word;}
html{overflow-y:scroll;}
ul{list-style-type:none;}
ol{counter-reset:li;list-style-type:none;}
input{vertical-align:top;}
img{max-width:100%;height:auto;border:none;vertical-align:bottom;}
.kl-l img,.pn-in img,.card-l img,.kpp-l img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:link{text-decoration:none;}
a:hover,.hnav i:hover,.post-body a,.card a:hover .card-ttl,.kpp-ul a:hover .kpp-ttl,.kpp-ol a:hover .kpp-ttl,.krc a:hover .krc-ttl,.fs-main a{text-decoration:underline;}
.gnav a,.tpc-btn a,.tpc-btn2 a,.post-head a,a.more-link,.pankuzu a,.pfnav a,.kl-l a:hover,.reply a:hover,.fbtn a,.postnav a:hover,.pager a,.pager-index a,.post-pager a,.cta a,.card a,.sitemap a,.kpp-ul a,.kpp-ol a,.krc a{text-decoration:none;}
.post-ttl:hover,.post-cat-in a:hover,.pankuzu a:hover,.pfnav a:hover,.overlay-ttl:hover,.tgl-cm:hover .txt,.pn-in:hover .pn-ttl,.sitemap a:hover{text-decoration:underline;}
a:hover,.post-head:hover,input[type="submit"],.tgl-cm:hover .txt,.tabmenu:hover,.pn-in:hover,.post-pager a:hover span,.card a:hover .card-ttl{transition:1s;}
.gnav li li{transition:.5s;}
.kl-l a:hover img{opacity:.5;transition:1s;}
.kl>li>a:hover,.card-in:hover,.sitemap a:hover,.err-body li a:hover,.kpp-in:hover,.widget li a:hover{background:rgba(0,0,0,.03);transition:1s;}


/*
■■エリア別
*/

/*
■全体
*/
#main,#side-r,#side-l,#side-3crl,.header-in-l,.header-in-r,.kl-l,.kl-r,.card-l,.card-r,.kpp-l,.kpp-r,.ad-l,.ad-r,.fs-footer-l,.fs-footer-c,.fs-footer-r{box-sizing:border-box;min-width:0;}
#ctr1,#ctr2,#ctr3,#ctr-in,.hnav,.header-in,.gnav-in,.tpc-head-in,.tpc-sub-in,.tpc-body-in,.post-head-in,.arch-head-in,.pankuzu-in,.footer-in,.fs-footer-in{margin:auto;}
#ctr-in:after,.header-in:after,.header-in-l:after,.gnav-in:after,.card a:after,.kpp-ul li a:after,.kpp-ol li a:after,.krc li a:after,[class*="sns-0"]:after,.fs-footer-in:after{content:"";display:block;clear:both;}


/*
■ヘッダー/グローバル
*/

/*全体*/
#header{position:relative;border-top:solid 5px;background:#fff;word-break:break-all;}
#header>a{position:absolute;top:0;left:0;width:100%;height:100%;}

/*ナビ*/
.hnav{position:relative;}
.hnav-in{position:absolute;top:8px;right:0;}
.hnav ul{margin:0 -8px 0 0;font-size:0;}
.hnav li{display:inline-block;}
.hnav a{display:block;padding:0 8px;}

/*外側*/
.header-outer{padding:30px 0;background-position:center center;background-repeat:no-repeat;background-size:cover;}

/*内側*/
.header-in{}

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

/*グローバル*/
.gnav{box-shadow:0 2px 2px rgba(0,0,0,.15);border-top:solid 1px rgba(0,0,0,.15);background:#fff;}
.gnav-in{box-sizing:border-box;margin-top:-1px;text-align:left;}
.gnav ul{margin-left:-15px;font-size:0;}
.gnav li{display:inline-block;position:relative;}
.gnav a{display:block;padding:11px 15px;}


/*
■トップコンテンツ
*/
.tpc-head{background-position:center center;background-repeat:no-repeat;background-size:cover;}
.tpc-head-tpc{padding:60px 0;}
.tpc-head-tpc2{padding:15px 0;}
.tpc-head-in{justify-content:space-between;align-items:center;}
.tpc-ttl,.tpc-sub-txt{flex:1;}
.tpc-sub{padding:15px 0;background:#eee;}
.tpc-sub-in{justify-content:space-between;align-items:center;}
.tpc-btn,.tpc-btn2{display:flex;justify-content:center;align-items:center;margin:15px 0 0;}
.tpc-btn a,.tpc-btn2 a{position:relative;padding:10px 20px;border:solid 1px #fff;text-align:center;}
.tpc-btn2 a{border:solid 1px;}
.tpc-body,.tpc-body2{padding:30px 0 60px;background:#fff;text-align:left;}
.tpc-body2{padding:15px 0;}


/*
■記事
*/

/*全体*/
.post,.err{}

/*ボディ*/
.post-body,.err-body{padding:10px;background:#fff;text-align:left;}

/*タイトル*/
.post-head,.arch-head{position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.post-head>a{position:absolute;top:0;left:0;width:100%;height:100%;}
.post-head:hover{opacity:.9;}
.post-head-sgl,.arch-head-arch{padding:60px 0;}
.post-head-top{padding:30px 10px;}
.post-ttl{position:relative;display:inline;}
.post-cat{display:block;}
.post-cat-in{display:inline;}
.post-cat a{position:relative;}
.post-date,.post-cat{margin:5px 0 0;}
/*
.dark{background:rgba(0,0,0,.55)}
.dark2{background:rgba(0,0,0,.2)}
*/

/*パン屑*/
.pankuzu{line-height:1;padding:15px 5px;background:#eee;text-align:center;}
.pankuzu-in li{display:inline;padding:0 5px;}

/*所用時間*/
.read-time{line-height:1;padding:15px 0;background:#eee;}
.read-time-txt{font-weight:bold;}

/*フッター*/
.post-foot{clear:both;word-break:break-all;}
.pfnav{text-align:right;font-size:0;}
.pfnav li{display:inline;padding:0 0 0 10px;}

/*続きを読む*/
a.more-link{display:block;box-sizing:border-box;width:100%;padding:10px;border:solid 1px;text-align:center;}

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

/*保護パスワード*/
.post-password-form p{margin:0 0 10px;}
.post-password-form input[type="password"],.post-password-form input[type="submit"]{-webkit-appearance:none;font:inherit;padding:0 10px;border:solid 1px #999;border-radius:4px;background:#f9f9f9;font-size:14px;}
.post-password-form input[type="password"]{width:150px;height:30px;}
.post-password-form input[type="submit"]{height:32px;}
.post-password-form input[type="submit"]:hover{border:solid 1px #999;background:#999;color:#fff;cursor:pointer;}


/*
■フッター
*/

/*全体*/
.footer-in{padding:20px 0;word-break:break-all;}
.copyright{font-style:normal;text-align:left;}
.footer-ttl{}

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


/*
■サイドバー/FSメイン
*/

/*全体*/
.side,.fs-main{padding:10px;background:#fff;text-align:left;}

/*タイトル*/
.side-ttl,.fs-main-ttl{position:relative;margin:-10px -10px 10px;padding:10px;border-bottom:solid 2px #d9d9d9;}
.side-ttl:before,.fs-main-ttl:before{position:absolute;content:"";left:0;bottom:-2px;width:50%;height:2px;}

/*追従*/
@media screen and (min-width:960px){
.side-scroll{position:-webkit-sticky;position:sticky;top:10px;}
}


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

/*全体*/
.list,.relate,.cms,.tbs{background:#fff;text-align:left;}

/*タイトル*/
.list-ttl,.relate-ttl,.cms-ttl{position:relative;padding:10px;border-bottom:solid 2px #d9d9d9;}
.list-ttl:before,.relate-ttl:before,.cms-ttl:before{position:absolute;content:"";left:0;bottom:-2px;width:50%;height:2px;}


/*
■記事一覧
*/

/*ボディ*/
.list-body{}
.list-body2,.list-body3,.relate-body2{padding:10px;}
.kl{padding:5px 0 0;word-break:break-all;}
.kl>li{position:relative;box-sizing:border-box;width:100%;padding:15px 0;border-bottom:dashed 1px #d9d9d9;}
.kl>li>a{position:absolute;top:0;left:0;width:100%;height:100%;}
.kl-ttl a{position:relative;}
.kl-info{}
.kl-desc{display:block;margin:5px 0;}
.kl-date{display:inline-block;margin:0 10px 0 0;}
.kl-cat{display:inline;position:relative;}

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

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

/*NOIMAGE*/
.noimg{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;border:solid 1px #d9d9d9;font-size:11px;color:#999;}

/*オーバーレイ*/ 
.overlay-ttl{padding:10px;line-height:1.5;font-size:12px;}

/*関連*/
.relate .kl>li:last-child{border:none}


/*
■CM/TB
*/

/*ボディ*/
.cms-body{}
#respond,.cm-list,.tb-url{margin:0 10px}
.cm-ttl,.reply-cxl{margin:10px 0;}
.tb-ttl{margin:10px 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 10px;}
.cms input[type="text"],.tbs input[type="text"],.cms textarea{-webkit-appearance:none;font:inherit;box-sizing:border-box;width:100%;height:30px;margin:0 0 10px;padding:0 10px;border:solid 1px #d9d9d9;border-radius:0;}
.cms textarea{display:block;box-sizing:border-box;height:150px;padding:5px 10px;}

/*送信*/
.form-submit{margin:10px auto 0;text-align:center;}
.submit{-webkit-appearance:none;font:inherit;line-height:1;padding:14px 30px;border:solid 1px #d9d9d9;border-radius:0;background:#fff;}
.submit:hover{cursor:pointer;}

/*リスト*/
.commentlist li{padding:10px 0 15px;border-bottom:dashed 1px #d9d9d9;}
.commentlist li li{margin:15px 10px 0;border:none;background:#f3f3f3;}
.commentlist li li li{background:#fff;}
.cm-avatar{float:left;padding:5px 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 9px;border:1px solid #d9d9d9;background:#fff;}

/*WP側*/
#reply-title{margin:10px 0;}

/*チェックボックス*/
.comment-form-cookies-consent{display:flex;align-items:center;}
.comment-form-cookies-consent input[type="checkbox"]{flex:none;}
.comment-form-cookies-consent label{flex:1;align-items:center;}
input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;vertical-align:middle;position:relative;margin-right:8px;width:30px;height:30px;border:solid 1px #d9d9d9;border-radius:0;}
input[type="checkbox"]:hover{cursor:pointer;}
input[type="checkbox"]:checked:before{display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:absolute;top:-1px;left:-1px;content:"\f00c";width:30px;height:30px;font-size:24px;font-family:kaeten;color:#fff;}

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

/*タブ式*/
.tab-cms .tabmenu.active{background:#fff;}
.tab-cont{margin:-1px 0 0;padding:10px 0 0;border-top:solid 1px rgba(0,0,0,.15);border-radius: 0 0 4px 4px;background:#fff;}
.tab-cms-cont{display:none;}
.tab-cms-cont.active{display:block;}


/*
■タブ基本設定
*/
.tabnav{font-size:0;text-align:left;}
.tabmenu{display:inline-block;line-height:1;margin:0 0 0 3px;padding:10px;border:solid 1px rgba(0,0,0,.15);border-bottom-color:rgba(0,0,0,0);background:rgba(0,0,0,.05);cursor:pointer;}
.tabmenu.active{}


/*
■フッターボタン
*/
.fbtn{display:none;position:fixed;bottom:0;right:0;z-index:100;line-height:1;font-size:0;}
.fbtn li{display:inline-block;position:relative;margin:0 0 0 1px;}
.fbtn a{display:block;width:50px;height:50px;background:rgba(255,255,255,.9);}
.fbtn .icon{position:absolute;top:5px;left:0;right:0;font-size:26px;}
.fbtn .icon-bar{left:4px;}
.fbtn .icon-arrow-r{left:5px;}
.fbtn .icon-arrow-l{left:2px;}
.fbtn .txt{position:absolute;bottom:5px;left:0;right:0;font-size:10px;}


/*
■前後記事ナビ
*/
.postnav{display:flex;word-break:break-all;}
.prev,.next{position:relative;width:50%;background:#f9f9f9;}
.prev{margin:0 2px 0 0;}
.next{margin:0 0 0 2px;}
.pn-in{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:150px;overflow:hidden;}
.pn-in img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;}
.pn-in:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";}
.pn-in:hover{opacity:.9;}
.pn-txt,.pn-ttl{z-index:1;color:#fff;}
.pn-txt{position:absolute;top:2px;}
.prev .pn-txt{left:0;}
.next .pn-txt{right:0;}
.pn-txt .icon{margin:0 7px}
.pn-ttl{padding:0 5px;}


/*
■前後ページナビ
*/

/*基本*/
.pager{font-size:12px;line-height:1;}
.pager a,.pager span,.pager .current{display:inline-block;padding:14px 17px;border:solid 1px rgba(0,0,0,.15);background:#fff;}
.pager span{background:#f7f7f7;}
.pager .current{color:#fff;}

/*トップ*/
.pager-index{display:flex;justify-content:center;}
.pager-index a{padding:10px 30px;border:solid 1px rgba(0,0,0,.15);}
.pager-index .icon{margin:0 0 0 15px}


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


/*
■CTA
*/
.cta{box-sizing:border-box;margin:auto;border-style:solid;background:#eee;text-align:center;}
.cta-ttl{padding:20px 20px 0 20px;border-style:solid;border-bottom:none;}
.cta-body{padding:0 20px 20px 20px;border-style:solid;border-top:none;}
.cta-thumb{padding:10px 0;text-align:center;}
.cta-btn{margin:10px 0 0;}
.cta-btn a{display:block;padding:10px 20px;border-style:solid;background:#999;}


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


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


/*
■記事内アイキャッチ画像
*/
.thumb{text-align:center;}


/*
■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 .wp-caption-text{padding:2px 0 0;}


/*
■WPギャラリー
*/
.gallery{overflow:hidden;word-break:break-all;}
.gallery-item{display:inline-block;vertical-align:top;padding:5px 0;text-align:center;}
.gallery-columns-1 .gallery-item{width:calc(100%/1);}
.gallery-columns-2 .gallery-item{width:calc(100%/2.001);}
.gallery-columns-3 .gallery-item{width:calc(100%/3.001);}
.gallery-columns-4 .gallery-item{width:calc(100%/4.001);}
.gallery-columns-5 .gallery-item{width:calc(100%/5.001);}
.gallery-columns-6 .gallery-item{width:calc(100%/6.001);}
.gallery-columns-7 .gallery-item{width:calc(100%/7.001);}
.gallery-columns-8 .gallery-item{width:calc(100%/8.001);}
.gallery-columns-9 .gallery-item{width:calc(100%/9.001);}
.gallery-icon{padding:0 5px;}
.gallery-caption{padding:5px;}


/*
■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%;}
}


/*
■サイトマップ
*/
.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,li.sm-tax-child{position:relative;margin:0;padding:0 0 0 28px;border:none;font-weight:normal;}
.sm-post li li:before,li.sm-tax-child:before,.widget .sm-post li li:before,.widget li.sm-tax-child:before{position:absolute;top:5px;left:12px;content:"";box-sizing:border-box;width:14px;height:14px;border:solid 1px #d9d9d9;border-top:none;border-right:none;}


/*
■エラーページ
*/
.err-body ul{margin:10px -10px 0;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:dashed 1px #d9d9d9;}
.err-body .side-count,.err-body .children{display:none;}
.err-body form{margin:10px 0 0;}


/*
■検索BOX 
*/
.screen-reader-text{display:none;}
.sp-s-form,.s-form,#searchform{font-size:0;}
.sp-s-txt,.s-txt,#s,
.sp-s-sbmt,.s-sbmt,#searchsubmit{-webkit-appearance:none;font:inherit;height:34px;border:none;border-radius:0;}
.sp-s-txt,.s-txt,#s{box-sizing:border-box;width:78%;padding:0 10px;border:solid 1px #d9d9d9;border-right:none;font-size:14px;}
.sp-s-sbmt,.s-sbmt,#searchsubmit{box-sizing:border-box;width:22%;padding:0;border:solid 1px #d9d9d9;background:#fff;font-size:12px;font-weight:normal;}
.sp-s-txt{font-size:16px;}
.sp-s-sbmt:hover,.s-sbmt:hover,#searchsubmit:hover{color:#fff;cursor:pointer;}
.side #searchform{margin:0 -10px;}
.fs-foot #searchform{margin:0 -5px;}


/*
■ウィジェット
*/

/*タイトル*/
.widget-ttl{}

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

/*最近の投稿の日付*/
.widget_recent_entries .post-date{margin:0 0 0 10px;}

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

/*親カテゴリー*/
.widget_rss ul,.widget_archive ul,.widget_nav_menu ul,.widget_categories ul,.widget_meta ul,.widget_pages ul,.widget_recent_comments ul,.widget_recent_entries ul,.widget_kaetenwp_customcat ul{margin:-5px 0 0;}
.widget_rss li,.widget_archive li,.widget_nav_menu li,.widget_categories li,.widget_meta li,.widget_pages li,.widget_recent_comments li,.widget_recent_entries li,.widget_kaetenwp_customcat li{margin:0 -5px;border-bottom:dashed 1px #d9d9d9;}
.widget_rss li:last-child,.widget_archive li:last-child,.widget_nav_menu li:last-child,.widget_categories li:last-child,.widget_meta li:last-child,.widget_pages li:last-child,.widget_recent_comments li:last-child,.widget_recent_entries li:last-child,.widget_kaetenwp_customcat li:last-child{border:none;}
.widget_recent_comments li,.widget_recent_entries li{padding:10px 5px;}
.widget_rss li a,.widget_archive li a,.widget_nav_menu li a,.widget_categories li a,.widget_meta li a,.widget_pages li a,.widget_kaetenwp_customcat li a{display:block;padding:10px 5px;}

/*子カテゴリー*/
.widget li li{position:relative;margin:0;padding:0 0 0 28px;border:none;}
.widget li li:before{position:absolute;top:10px;left:12px;content:"";box-sizing:border-box;width:14px;height:14px;border:solid 1px #d9d9d9;border-top:none;border-right:none;}

/*WP子カテゴリー*/
.widget ul.children{margin:0;}

/*投稿数*/
.widget_categories li a,.widget_archive li a,.widget_kaetenwp_customcat li a{display:flex;justify-content:space-between;align-items:center;}
.side-count{line-height:1;padding:5px 8px;background:rgba(0,0,0,.2);color:#fff;}
.widget_categories li a:hover .side-count,.widget_archive li a:hover .side-count,.widget_kaetenwp_customcat li a:hover .side-count{background:rgba(0,0,0,.03);}
.widget_categories li a:hover,.widget_archive li a:hover,.widget_kaetenwp_customcat li a:hover{transition:none;}


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

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

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

/*最近のコメント*/
.krc{margin:-5px 0 0;word-break:break-all;}
.krc li{position:relative;margin:0 -5px;border-bottom:dashed 1px #d9d9d9;}
.krc li a{display:block;padding:15px 5px;}
.krc li:last-child{border:none;}
.krc-img{float:left;margin:2px 8px 2px 0;}
.krc-info{margin:5px 0 0;}
.krc-ttl{display:inline;}
.avatar{}


/*
■プラグイン
*/

/*WordPress Popular Posts*/
.wpp-list li{padding:10px 0;border-bottom:dashed 1px #d9d9d9;}
.wpp-list li:last-child{border:none;}
.wpp-list img{margin:0 10px 5px 0;text-align:left;}
.wpp-post-title{display:block;word-break:break-all;}
.wpp-views{display:inline-block;margin:5px 0 0;padding:1px 5px;border-radius:4px;background:#e8383d;color:#fff;}
.wpp-list .post-stats{font-weight:normal;}

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


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


/*
■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:1;}

/*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:1;}
.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;}
[class*="sns-0"] li{position:relative;}
[class*="sns-0"] li a{text-decoration:none;}
.sns-in{padding:1px;}

/*#1/2/3*/
.sns-01 li,.sns-02 li,.sns-03 li{width:calc(100%/7.001);}
.sns-01 li a,.sns-02 li a,.sns-03 li a{display:block;box-sizing:border-box;height:30px;text-align:center;color:#fff;}
.sns-03 li a{border:solid 1px #d9d9d9;color:#555;}
.sns-01 .icon,.sns-02 .icon,.sns-03 .icon{display:inline-block;line-height:30px;font-size:20px;}
.sns-01 .text,.sns-02 .text,.sns-03 .text{display:inline-block;padding:0 0 0 5px;font-size:11px;vertical-align:-2px;}
.sns-01 .balloon,.sns-02 .balloon,.sns-03 .balloon{display:none;}
.sns-01 .count,.sns-02 .count,.sns-03 .count{position:absolute;top:4px;right:8px;font-size:10px;color:#fff;}
.sns-03 .count{color:#555;}
.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 a:hover{color:#fff;opacity:.5;}
.sns-02 a:hover,.sns-03 a:hover{color:#fff;}
.sns-03 li:hover .count{color:#fff;transition:1s;}
@media screen and (max-width:599px){
.sns-01 li,.sns-02 li,.sns-03 li{width:calc(100%/3);}
.sns-01 .icon-facebook,.sns-02 .icon-facebook,.sns-03 .icon-facebook{padding:0 4px;}
.sns-01 .icon,.sns-02 .icon,.sns-03 .icon{width:40%;box-sizing:border-box;text-align:right;}
.sns-01 .text,.sns-02 .text,.sns-03 .text{width:60%;padding:0;}
}

/*#4/5/6*/
.sns-04 li a,.sns-05 li a,.sns-06 li a{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:36px;height:36px;color:#fff;font-size:24px;}
.sns-06 li a{border:solid 1px #d9d9d9;color:#555;}
.sns-04 .googleplus .icon,.sns-05 .googleplus .icon,.sns-06 .googleplus .icon{font-size:22px;}
.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;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 a{background:#777;}
.sns-06 a{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 a:hover{color:#fff;opacity:.5;}
.sns-05 a:hover,.sns-06 a:hover{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-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;}


/*
■WebFont
*/

/*ベース設定*/
@font-face {
font-family:kaeten;
src: url('fonts/kaeten.eot?lr15w1');
src: url('fonts/kaeten.eot?lr15w1#iefix') format('embedded-opentype'),
url('fonts/kaeten.ttf?lr15w1') format('truetype'),
url('fonts/kaeten.woff?lr15w1') format('woff'),
url('fonts/kaeten.svg?lr15w1#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-home{font-size:16px;}
.hnav .icon{font-size:15px;}
.hnav .icon-facebook{padding:0 2px;}
.hnav .icon-home{vertical-align:-1px;font-size:17px;}
.post-head .icon,.pfnav .icon,.kl .icon,.card .icon{margin:0 2px 0 0;}
.post-head .icon-refresh{margin:0 2px 0 7px;}
.pfnav .icon-cms{vertical-align:1px;}
a.more-link .icon{margin:0 0 0 15px;}
.gnav .icon,.fnav .icon{margin:0 3px 0 0;}
@media screen and (max-width:799px){
.gnav .icon-home{margin-left:-2px;}
.gnav .icon-sitemap{margin-left:-1px;}
}


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

/*文字だけ見出し*/
.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;}

/*引用*/
blockquote{position:relative;margin:5px 0;padding:35px 8px 35px 19px;border:solid 1px #d9d9d9;border-radius:6px;background:rgba(234,234,234,.5);}
blockquote:before,blockquote:after{position:absolute;font-size:24px;color:#d9d9d9;}
blockquote:before{content:"\f10d";top:0;left:10px;}
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*/
[class*="table-"]{border-spacing:0;box-shadow:0 2px 2px rgba(0,0,0,.05);text-align:center;}
[class*="table-"] th{padding:5px 15px;border-right:solid 1px rgba(255,255,255,.2);border-bottom:solid 1px rgba(255,255,255,.2);font-weight:normal;color:#fff;}
[class*="table-"] th:last-child{border-right:none;}
[class*="table-"] tr td{padding:5px 15px;border-bottom:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;}
.table-00 tr:nth-child(2n+1){background:rgba(234,234,234,.5);}
[class*="table-"] tr td:first-child{border-left:solid 1px #d9d9d9;}
[class*="table-"] tr:first-child td{border-top:solid 1px #d9d9d9;}

/*BOX*/
[class^="box-"],[class*=" box-"]{margin:5px 0;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;margin:5px 0;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;}

/*Ｑ＆Ａ*/
.que,.ans{position:relative;margin:5px 0;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;}
.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-glay,.h2-04-glay,.h2-05-glay:before,.h3-04-glay,.h3-05-glay:before,.h3-08-glay:before,.h3-09-glay,.ul-03-glay li:before,.ol-01-glay li:before,.ol-02-glay li:before,.parts-01-glay,.parts-02-glay,.parts-03-glay,.parts-04-glay,.parts-05-glay,.b-glay,
.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-glay,.h2-03-glay,.h3-01-glay,.h3-02-glay,.h3-03-glay,.h3-06-glay,.h3-07-glay,.ul-01-glay li,.ul-04-glay li:before,.ol-03-glay li:before,.ol-04-glay li:before,
.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;}

/*文字色*/
.t-white{color:#fff;}
.t-blue,.ul-02-blue li:before,.ul-04-blue li:after,.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:after,.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:after,.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:after,.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:after,.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:after,.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:after,.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:after,.ul-05-black li:before,.ul-06-black li:before,.ul-07-black li:before,.ul-08-black li:before{color:#000;}
.t-glay,.ul-02-glay li:before,.ul-04-glay li:after,.ul-05-glay li:before,
.t-grey,.ul-02-grey li:before,.ul-04-grey li:after,.ul-05-grey li:before,.ul-06-grey li:before,.ul-07-grey li:before,.ul-08-grey li:before{color:grey;}

/*h2*/
[class*="h2-"]{line-height:1.5;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:.6em;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:.287em;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:"";box-sizing:border-box;width:1.5em;height:1.5em;}
[class*="ul-03-"] li:after,[class*="ul-04-"] li:after{position:absolute;top:-1px;left:3px;content:"\f00c";font-size:1.125em;font-weight:normal;}
[class*="ul-03-"] li:after{color:#fff;}
[class*="ul-04-"] li:before{border-width:1px;border-radius:4px;}
[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{position:absolute;top:0;font-weight:normal;}
[class*="ul-06-"] li:before{left:1px;content:"\f058";}
[class*="ul-07-"] li:before{left:1px;content:"\f057";}
[class*="ul-02-"] li:before{left:0;content:"●";}
[class*="ul-08-"] li:before{left:0;content:"■";}
.ul-09 li:before{position:absolute;top:0;left:0;content:"※";}

/*ol*/
[class*="ol-0"]{margin:5px;word-break:break-all;}
[class*="ol-"] li{position:relative;padding:0 0 0 1.875em;}
[class*="ol-"] li:nth-child(n+10){padding:0 0 0 2.37em;}
[class*="ol-"] li:before{position:absolute;top:.162em;left:0;content:counter(li);counter-increment:li;line-height:1;padding:.187em .437em;border-radius:50%;}
[class*="ol-01-"] li:before,[class*="ol-02-"] li:before{color:#fff;}
[class*="ol-03-"] li:before,[class*="ol-04-"] li:before{top:.1em;border-width:1px;}
[class*="ol-02-"] li:before,[class*="ol-04-"] li:before{border-radius:4px;}

/*パーツ*/
[class*="parts-"]{line-height:1.2;margin:0 0 5px;font-weight:bold;text-align:center;color:#fff;font-size:18px;word-break:break-all;}
[class*="parts-01-"],[class*="parts-02-"]{font:inherit;padding:1px 10px;font-weight:normal;}
[class*="parts-03-"],[class*="parts-04-"]{box-sizing:border-box;width:120px;padding:5px 10px;}
[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%;}

/*ボタン*/
[class*="kbtn-"]{margin:5px auto;display:flex;justify-content:center;text-align:center;}
[class*="kbtn-"] a{padding:10px 30px;color:#fff;text-decoration:none;}

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

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

/*文字背景*/
[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);}

/*リンク文字*/
[class*="h2-"] a,[class*="h3-"] a,[class*="parts-"] a{display:block;}
[class*="h2-"] a,[class*="h3-"] a,[class*="parts-"] a,
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;}
.side [class*="h2-02-"] a:hover,.side [class*="h2-04-"] a:hover,.side [class*="h3-04-"] a:hover,.side [class*="h3-09-"] a:hover,.side [class*="parts-"] a:hover,.side a:hover[class*="h2-02-"],.side a:hover[class*="h2-04-"],.side a:hover[class*="h3-04-"],.side a:hover[class*="h3-09-"],.side a:hover[class*="parts-"],.fs-foot [class*="h2-02-"] a:hover,.fs-foot [class*="h2-04-"] a:hover,.fs-foot [class*="h3-04-"] a:hover,.fs-foot [class*="h3-09-"] a:hover,.fs-foot [class*="parts-"] a:hover,.fs-foot a:hover[class*="h2-02-"],.fs-foot a:hover[class*="h2-04-"],.fs-foot a:hover[class*="h3-04-"],.fs-foot a:hover[class*="h3-09-"],.fs-foot a:hover[class*="parts-"]{color:#fff}

/*グラデ*/
[class*="h2-04-"],[class*="h2-05-"]:before,[class*="h3-05-"]:before,[class*="parts-"]{background-image:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(153,153,153,.1) 100%);}
[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%);}
[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ヘッダー*/
.fs-head-l,.fs-head-r{text-align:center;}
.fs-head-l a,.fs-head-r a{position:relative;}
.fs-head-l{float:left;margin:0 8px 0 0;}
.fs-head-l img{margin:8px 0 0;}

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

/*FSフッター*/
.fs-footer{padding:1px 0;background:#f3f3f3;}
.fs-footer-in{text-align:left;}
.fs-foot{padding:0 5px;}
.fs-foot-ttl{margin:0 -2px 10px;}

/*FSその他*/
.fs1/*記事内上部*/,
.fs2/*記事内下部*/,
.fs3/*続きを読む直後*/,
.fs4/*サイドバー*/,
.fs5/*アーカイブ*/,
.fs7/*AMPヘッダー下*/,
.fs8/*AMPフッター上*/{clear:both;}
.fs6/*コメント欄*/{clear:both;text-align:center;}

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

/*横並びBOX*/
.flexbox,.flexbox2{display:flex;}
.flex-1{flex:1;}
.flex-2{flex:2;}
.flex-none{flex:none;}
.items-center{align-items:center;}
.flex-center{justify-content:center;}
.flex-start{justify-content:flex-start;}
.flex-end{justify-content:flex-end;}
.space-between{justify-content:space-between;}
.row-reverse{flex-direction:row-reverse;}


/*
■文字色
*/

/*ベースカラー箇所*/
.gnav a:hover,.tpc-head,.post-head,.arch-head,a.more-link:hover,#footer,#footer a,.submit:hover,.reply a:hover,.tabmenu:hover,.fbtn a:hover,.pager a:hover,.pager-index a:hover,.post-pager a:hover span,.s-sbmt:hover,#searchsubmit:hover{color:#fff;}
.fnav li{border-right:solid 1px rgba(255,255,255,.5);}

/*文字太さ*/
.site-ttl,.gnav,.tpc-ttl,.post-ttl,.arch-ttl,.side-ttl,.list-ttl,.relate-ttl,.cms-ttl,.kl-ttl,.pn-ttl,.cta-ttl,.card-ttl,.widget-ttl,.sns-msg1,.sns-msg2,.fs-foot-ttl,.fs-main-ttl{font-weight:bold;}

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

/*文字色固定*/
.kl-desc,.tgl-cm,.cm-meta,.tbs .cms-body,.tbs input[type="text"],.card-info,.card-date,.wp-caption,.gallery,.kpp-info,.krc-info,.widget_recent_entries .post-date,.fs-main-date{color:#999;}


/*
■文字サイズ/行の高さ
*/
body{font-size:14px;line-height:1.7;}
#header,.tpc-ttl,.post-ttl,.arch-ttl,.kl-ttl,.cta-ttl,.card-ttl,h2{line-height:1.5;}
.wp-caption,.gallery{line-height:1.3;}

/*主要1*/
.post-body,.tpc,.cta,.err-body,.fs-main{font-size:16px;}

/*主要1タイトル*/
.site-ttl,.tpc-ttl,.post-ttl,.arch-ttl,.cta-ttl{font-size:26px;}

/*主要2タイトル*/
.side-ttl,.list-ttl,.relate-ttl,.cms-ttl,.kl-ttl,.fs-foot-ttl,.fs-main-ttl{font-size:18px;}

/*主要2*/
.gnav a,.fnav a,.tgl-cm,.tb-link,.msg-old,.fs-footer-in{font-size:14px;}
.cm-ttl,.reply-cxl,.cm-link,.pager-index,.pn-ttl{font-size:16px;}

/*主要3*/
.site-desc,.post-date,.post-cat,.pfnav li,.pankuzu,.read-time,.footer-in,.kl-desc,.kl-date,.kl-cat,.cms,.tbs,.tabmenu,.pn-txt,.card-info,.card-date,.wp-caption,.gallery,.side-count,.kpp-ol li:before,.kpp-info,.kpp-view-txt,.krc-txt,.krc-info,.none-meta,.wpp-list .fs-main-stats,.wpp-list .wpp-author a,.wpp-list .wpp-category a, #npcatch .date,.fs-head-l,.fs-head-r,.fs-bnr,.fs-main-date,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.fs7,.fs8,.ad,.ad-pc,.ad-sp{font-size:12px;}

/*記事装飾*/
h2,[class*="h2-"],.copy,h2.copy,h3.copy{font-size:20px;}
h3,[class*="h3-"]{font-size:16px;}
[class*="table-"]{font-size:14px;}

/*799以下*/
@media screen and (max-width:799px){
.site-ttl{font-size:18px}
.post-ttl,.arch-ttl,.tpc-ttl{font-size:20px}
.kl-ttl{font-size:16px}
h2,[class*="h2-"],.copy,h2.copy,h3.copy{font-size:18px;}
.cms input[type="text"],.tbs input[type="text"],.cms textarea,.s-txt,#s,select{font-size:16px}
.pn-ttl{font-size:14px;}
.pn-txt{font-size:11px;}
}


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

/*文字サイズ*/
.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-left-auto{margin-left:auto;}
.margin-right-auto{margin-right:auto;}
.margin-0{margin:0;}
.margin-t-5px{margin-top:5px;}
.margin-t-10px{margin-top:10px;}
.margin-t-15px{margin-top:15px;}
.margin-t-20px{margin-top:20px;}
.margin-b-5px{margin-bottom:5px;}
.margin-b-10px{margin-bottom:10px;}
.margin-b-15px{margin-bottom:15px;}
.margin-b-20px{margin-bottom:20px;}
.margin-l-5px{margin-left:5px;}
.margin-l-10px{margin-left:10px;}
.margin-l-15px{margin-left:15px;}
.margin-l-20px{margin-left:20px;}
.margin-r-5px{margin-right:5px;}
.margin-r-10px{margin-right:10px;}
.margin-r-15px{margin-right:15px;}
.margin-r-20px{margin-right:20px;}

.padding-0,a.padding-0{padding:0;}
.padding-t-5px,a.padding-t-5px{padding-top:5px;}
.padding-t-10px,a.padding-t-10px{padding-top:10px;}
.padding-t-15px,a.padding-t-15px{padding-top:15px;}
.padding-t-20px,a.padding-t-20px{padding-top:20px;}
.padding-b-5px,a.padding-b-5px{padding-bottom:5px;}
.padding-b-10px,a.padding-b-10px{padding-bottom:10px;}
.padding-b-15px,a.padding-b-15px{padding-bottom:15px;}
.padding-b-20px,a.padding-b-20px{padding-bottom:20px;}
.padding-l-5px,a.padding-l-5px{padding-left:5px;}
.padding-l-10px,a.padding-l-10px{padding-left:10px;}
.padding-l-15px,a.padding-l-15px{padding-left:15px;}
.padding-l-20px,a.padding-l-20px{padding-left:20px;}
.padding-r-5px,a.padding-r-5px{padding-right:5px;}
.padding-r-10pxa.padding-r-10px{padding-right:10px;}
.padding-r-15px,a.padding-r-15px{padding-right:15px;}
.padding-r-20px,a.padding-r-20px{padding-right:20px;}

.radius-0{border-radius:0;}
.radius-4px{border-radius:4px;}
.radius-6px{border-radius:6px;}
.radius-8px{border-radius:8px;}
.radius-10px{border-radius:10px;}

.width-full{width:100%;}
.width-auto{width:auto;}

.border-none{border:none;}
.bg-none{background:none;}
.grada-none{background-image:none;}
.grada{background-image:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(153,153,153,.1) 100%);}

.block{display:block;}
.inline-block{display:inline-block;}
.break-all{word-break:break-all;}
.font-weight-normal{font-weight:normal;}
.line-height-normal{line-height:inherit}
#ctr .decoration-none{text-decoration:none;}
#ctr .decoration-none:hover{text-decoration:underline;}

.border-blue{border-color:#00f;}
.border-navy{border-color:navy;}
.border-red{border-color:red;}
.border-green{border-color:green;}
.border-orange{border-color:orange;}
.border-purple{border-color:purple;}
.border-pink{border-color:#ff69b4;}
.border-black{border-color:#000;}
.border-grey{border-color:grey;}


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

.post,.err,.list,.relate,.cms,.tbs,.cta3,.pager-index,.postnav,.fs-main,.fs4,.fs5{margin-bottom:45px;}
.side{margin-bottom:30px;}

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

.thumb,.msg-old{margin:0 0 15px;}
.sns-ue,.cta1,.fs1,.pankuzu-post,.pankuzu-arch{margin:0 0 30px;}
.more-link{margin:30px 0;}
.cta2,.fs2{margin:30px 0 0;}
.post-pager-word{margin:30px auto 5px;}
.fs3{padding:30px 0}
.fs6{margin:10px 0 0;}

.post-foot{margin:30px 0 0;}
.sns-shita{margin:30px 0 15px;}
.sns-msg1,.sns-msg2{margin:0 0 5px;}
.sns-fs1{margin:5px 0 0;clear:both;}
.sns-fs2{margin:0 0 5px;clear:both;}

.fs-bnr{padding:15px 0;}
.fs-foot{margin:30px 0;}
.fs-side3crl{margin:0 0 20px;padding:10px;text-align:left;}
.fs7{margin:15px 0;}
.fs8{margin:0 0 15px;}

.amp-test{font-size:11px;margin:0 0 10px;}


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

/*959px以下*/
@media screen and (max-width:959px){
/*
#ctr-in{padding:0;}
#main,#side-l,#side-r{margin:0;padding:10px 8px;}
.fs-footer-in{margin:0 13px;}
#header{height:auto;}
.post-head-sgl{padding-left:0;padding-right:0}
*/
.side #searchform{margin:0 -5px;}
.pn-in{height:100px;}
}

/*799px以下*/
@media screen and (max-width:799px){
#ctr br{display:none;}
/*
.header-outer{padding:15px 0}
.header-in{height:auto}
.site-ttl,.site-desc{width:auto;padding:0 35px 0 0}
.post-head-sgl{padding-top:30px;padding-bottom:30px}
*/
.hnav{display:none;}
.fs-head-l{margin:0 6px 0 0;}
.fs-head-l img{margin:4px 0 0;}
.tpc-head-tpc,.arch-head-arch{padding:30px 0;}
.kl-l,.card-l,.kpp-l{margin:0 10px 0 0;}
/*
.gnav{position:relative;margin:0;border:none;background:none}
.gnav-in{display:none;position:absolute;top:0;right:0;z-index:2;width:100%;margin:0;padding:10px;background:#e6e6e6}
.gnav a{padding:10px;font-weight:normal}
.gnav ul{margin:0}
*/
.sp-s-form{padding:10px 5px;}
.sp-s-form,.sp-sns,.sp-smap{display:block;}
.gnav .sp-sns a{display:inline-block;}
.gnav li{display:block;}
.gnav li a{border-top:1px solid rgba(0,0,0,.15);}
.gnav li li a,.gnav li li a:hover{padding:10px 5px;border:none;}
.gnav li li{position:relative;padding:0 0 0 33px;}
.gnav li li:before{position:absolute;top:14px;left:22px;content:"";box-sizing:border-box;width:8px;height:8px;border:solid 1px #999;border-top:none;border-right:none;}
.gnav li li li{padding:0 0 0 28px;}
.gnav li li li:before{left:17px;}
.hbtn{position:absolute;top:8px;right:0;z-index:3;box-sizing:border-box;width:50px;height:50px;transition:border-color .8s;cursor:pointer;}
.hbtn span,.hbtn span:before,.hbtn span:after{content:"";position:absolute;left:0;right:0;width:26px;height:1px;margin:auto;background:#777;transition:all .8s;}
.hbtn span{top:50%;}
.hbtn span:before{transform:translateY(-8px);}
.hbtn span:after{transform:translateY(8px);}
.hbtn.open span{background:rgba(0,0,0,0);}
.hbtn.open span:before{left:-7px;width:40px;transform:rotate(-45deg) translate(0);}
.hbtn.open span:after{left:-7px;width:40px;transform:rotate(45deg) translate(0);}
}

/*599px以下*/
@media screen and (max-width:599px){
.footer-in p{display:inline;}
.overlay-ttl{padding:5px;}
.err-body li{width:calc(100%/2);}
}