/*
Theme Name: f9012
Version: 9.0.0
Author: AF-Partner
Author URI: http://www.af-joho.com/
Description: クールでかっこいいシリーズ　WordPress無料テーマ F9012　　■当テーマは、ブログでの利用を想定した２カラムテーマです。サイトの基本機能ははテーマカスタマイザーで設定できます。
Tags: 右サイドバー,3カラムフッター,カスタムカラー,カスタムメニュー,カスタムヘッダー,ブログ
*/

/* 初期設定 */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {margin: 0;padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: bottom;-ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
.textwidget{margin: 0;padding: 0;}
 * {-webkit-box-sizing: border-box; box-sizing: border-box;}

/* BODY */
body {font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Sans', 'ヒラギノ角ゴシック', Arial, 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
	color: #555; font-size: 87.5%; line-height: 1.6em; text-align: left; -webkit-text-size-adjust: 100%;}

#wrapper {width: 100%; min-width: 980px; border-width: 5px 0 0 0; border-style: solid; border-color: #949799;}

/* リンクの属性（未指定の時）*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* 画像属性等 */
img {max-width: 100%; height: auto; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; vertical-align: bottom;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{margin: 5px auto;display:block;}
a.link img,a img.link {margin: 0; overflow: hidden;}
a:hover.link img,a:hover img.link{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}

/* ヘッダー */
header {height: auto; background-color: #FFF;}
#header-inner {position: relative; width: 90%; max-width: 1100px; margin: 0 auto;}
#ptitle {width: 100%; margin: 0 auto; padding: 5px 0; font-size: 1.5em; font-weight: bold; line-height: 1.6em; color: #444; text-align: center; display: block;}
#ptitle a {color: #444; text-decoration: none;}
#ptitle a:hover {color: #444;}

/* ヘッダーナビゲーション */
#gnav-btn {display :none;}
#gnav-btn a {color: #1c6ecd;}
#gnav {width: 100%; margin: 0}
#gnav nav {margin: 0 padding: 0; position: relative; z-index: 1000;}
#gnav nav > ul { list-style-type: none; padding: 10px 0; text-align: right;}
#gnav nav > ul > li {position: relative; display:inline-block; height: auto;  line-height: 2.4em; margin: 0; text-align: center;}
#gnav nav > ul > li .target{padding: 0 10px; display:inline-block; vertical-align: middle; line-height:1.2em;}
#gnav nav > ul > li a {display: block; color: #333; font-weight: 600; text-decoration: none; -webkit-transition: all .6s ease;  -moz-transition: all .6s ease;}
#gnav nav > ul > li > ul {position: absolute; top: 100%; left:  0; list-style: none; margin: 0;}
#gnav nav ul li ul li{margin: 0; overflow: hidden; height: 0; width: 300%; border-right: none; -webkit-transition: .3s; transition: .3s;}
#gnav nav ul li:last-child ul {width: 100%; left: -200%;}
#gnav nav ul li ul li a{padding: 0 1em; height: 30px; line-height: 30px; color: #444; font-weight: normal; text-align: left; background-color: #eaf6f7; border-style: solid; border-color: #CCC; border-width: 0 1px  1px 1px; overflow: hidden;}
#gnav nav ul li ul li:first-child a {border-top: 1px solid #CCC;}
#gnav nav ul li ul li:last-child a {border-radius: 0 0 8px 8px;}
#gnav nav .sub-menu .current-menu-item {border-bottom: none;}
#gnav nav ul li:hover ul li {overflow: hidden; height: 30px;}
#gnav nav ul > li:hover > a {color: #1c6ecd; text-decoration: underline; }
#gnav nav ul li ul li:hover > a {color: #1c6ecd;}
#gnav nav .current-menu-item a, #gnav nav .current-menu-parent a {color: #1c6ecd;}

/* ヘッダー画像 */
#mainvisual {position: relative;  width: 100%; height:calc( 500/2000*100vw ); overflow: hidden; z-index: 10;}
#mainvisual {background: url('img/header.jpg') 50% 0 no-repeat;  -webkit-background-size: cover; background-size: cover;}
#mainvisual-description {width: auto; position: absolute; top: 50%; left: 50%; text-align: center;  padding: 20px 30px; border-radius: 10px; transform: translate( -50% , -50% ); }
#mainvisual-description h2 {text-align: center; font-size: 2.2em; font-weight: 600; line-height: 1.2em; display: inline-block; text-shadow: -2px 0 0 #FFF, 2px 0 0 #FFF, 0 -2px 0 #FFF, 0 2px 0 #FFF;}
#mainvisual-description p { margin-top:25px;  font-size: 1em; font-weight: bold; line-height: 1.8em; text-shadow: -1px 0 0 #FFF, 1px 0 0 #FFF, 0 -1px 0 #FFF, 0 1px 0 #FFF;}

/* パンくずリスト */
#plist {width: 100%; padding: 10px 0; font-size: 79%;}
#plist .plist-inner {max-width: 1000px;margin: 0 auto;overflow: hidden;}

/* コンテンツ */
#containar {max-width: 1020px;margin: 0 auto; padding: 15px 0;}
#contents {float: left; width: 690px; padding: 10px 20px; background-color: #FFF; border-radius: 8px;}
h1 {margin: 0; padding: 0 0 0.5em; font-size: 1.6em; font-weight: 600; line-height: 1.3em; color: #222;}
h2 {margin: 0; padding: 0 0 0.5em; font-size: 1.5em; font-weight: 600; line-height: 1.3em; color: #222;}
h3 {margin: 0; padding: 0 0 0.5em; font-size: 1.3em; font-weight: 600; line-height: 1.3em; color: #222;}
h4 {margin: 0; padding: 0 0 0.5em; font-size: 1.2em; font-weight: 600; line-height: 1.3em; color: #222;}
h5 {margin: 0; padding: 0 0 0.5em; font-size: 1.1em; font-weight: 600; line-height: 1.3em; color: #222;}
h6 {margin: 0; padding: 0 0 0.5em; font-size: 1.0em; font-weight: 600; line-height: 1.3em; color: #222;}
.info-title{position: relative; color: black; background-color: #EFEFEF; font-size: 1.5em; line-height: 1.3em; padding: 0.25em 0.5em; margin: 1em 0 0.5em; border-radius: 0 5px 5px 5px;}
.info-title:after {position: absolute; font-family: 'Arial',sans-serif; content: 'Infomation'; background: #1c6ecd; color: #FFF; left: 0; bottom: 100%; border-radius: 5px 5px 0 0; padding: 3px 7px 1px; font-size: 0.75em; line-height: 1;}
.main-title{position: relative; color: black; background-color: #EFEFEF; font-size: 1.5em; line-height: 1.3em; padding: 0.25em 0.5em; margin: 1.8em 0 0.5em; border-radius: 0 5px 5px 5px;}
.main-title:after {position: absolute; font-family: 'Arial',sans-serif; content: 'Check'; background: #1c6ecd; color: #FFF; left: 0; bottom: 100%; border-radius: 5px 5px 0 0; padding: 3px 7px 1px; font-size: 0.75em; line-height: 1;}
.cat-title, .post-title {position: relative; background-color: #EFEFEF; margin-bottom: 10px; padding: 0.5em 5px 0.5em 2.4em; font-size: 1.5em; font-weight: 600; color: #333; border-radius: 0.4em;}
.c-title, .p-title {position: absolute; left: 0.2em; top: 50%; padding: 0em; width: 2.1em;  height:2.1em; line-height: 1.8em; text-align: center; vertical-align: top; background-color: #1c6ecd; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #FFF; background-color: #1c6ecd;}
.c-title img, .p-title img {width: 1.2em; vertical-align: middle;}
.sub-title {position: relative; font-size: 1.0em; line-height: 1.4em; font-weight: 600; color: #333; background: #EEE; margin-bottom: 6px; padding: 0.4em 0.5em; border-left: solid 1.8em #1c6ecd;}
.s-title{position: absolute; padding: 0em; left: -1.35em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.s-title img {width: 1.0em; vertical-align: middle;}
.parts-title {margin-bottom: 1em; padding: 0; font-size: .92em; font-weight: 600; line-height: 1.6em; color: #333; text-align: center; display: block;}
.fmenu-title {margin: 0; padding: 0; font-size: 92%; font-weight: 600; line-height: 1.6em; color: #FFF; background-color: #949799; text-align: center; display: block;}
.comment-reply-title{ font-size: 1.429em; font-weight: normal;}
.comment-reply-title:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f27a'; padding-right: 0.2em; vertical-align: text-top;}
.cat-title, .post-title, .info-title, .main-title {background-color: rgba(<239,239,239,0.8);}
.parts-title {background-color: rgba(204,204,204,0.3);}

/* 投稿設定*/
.doc {margin-top: 1.6em; padding: 0 ; text-align: justify; text-justify: inter-ideograph; background-color: #FFF; border-radius: 10px;}
.info  {padding: 10px 2em; font-size: 1em; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.info-img {max-width: 250px;}
.doc h2 {position: relative;padding: 0.1em 0 0.1em 0.5em; border-bottom: 6px double #1c6ecd;}
.doc h3 {position: relative;padding: 0.1em 0 0.1em 0.5em; border-bottom: 3px solid rgba(28,110,205,0.5);}
.doc h4 {position: relative;padding: 0.1em 0 0.1em 0.5em; border-left: 5px solid rgba(28,110,205,0.3);}
.doc h5, .doc h6 {position: relative; padding: 0.1em 0 0.6em 1.2em;}
.doc h5:before{position: absolute; left: 0; top: 50%; content: '●'; transform: translateY(-70%); color: rgba(28,110,205,0.3);}
.doc h6:before{position: absolute; left: 0; top: 50%; content: '・'; transform: translateY(-70%); color: #1c6ecd;}
.doc > p {padding: 0.5em 1em;}
.waku {border: 1px solid #CCC;}
.doc ul {padding: 0 2em;}
.doc ol {padding: 0 4em;}
.doc ul li {list-style-type: disc;}
.line {padding-bottom: 0.1em; background-image: linear-gradient(to right, #FFF 1.1px, transparent 1px), linear-gradient(to bottom, #CCC 1.1px, transparent 1px); background-size: 2px 2.0em; line-height: 2.0em;}

/* 前の記事・次の記事 */
#post-link {padding: 15px 0; text-align: center;}

/* 記事リスト表示(アーカイブ) */
#post-list-cat{margin: 0 0 15px; padding: 0;}
#post-list-cat article {position: relative; height: 202px; margin-bottom: 15px ; padding:  0; background-color: rgba(255,255,255,0.3);}
#post-list-cat article {border-bottom: none; border: 1px solid #DDD;}
#post-list-cat article h3 {padding: 10px; font-size: 1.4em; font-weight: 600; line-height: 1.2em; text-align: justify; text-justify: inter-ideograph;}
#post-list-cat article .img-set {float: left; clear: both; margin-right: 10px; max-width: 200px; overflow: hidden;}
#post-list-cat .img-set {border: none;}
#post-list-cat article p {padding: 0 1em; font-size: 1em; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph; overflow: hidden; }
#post-list-cat h3 a {color: #333;}
/* 続きを読む */
#post-list-cat .next {position: absolute; bottom: 0; right: 0; margin: 0 ; padding: 0; font-size: 0.9em;}
#post-list-cat .next {text-align: left;}
#post-list-cat .next a {margin: 0; padding: 5px 10px; font-weight: 500; color: #444; text-decoration: none; background-color: #EEE;}
#post-list-cat .next a {-webkit-border-radius: 0; border-radius: 0;}
#post-list-cat .next a:hover {color: #FFF; background-color: #1c6ecd;}

/* カテゴリー等表示 */
.p-cate {position: absolute; bottom: auto; top: 0; right: 0; margin: 0; padding: .5em 1em; font-size: 0.8em; line-height: 1.2em; color: #FFF;}
.a-cate {margin: 0; padding: 1em 1em 0.5em; text-align: right; font-size: 0.8em; line-height: 1.2em;}
.p-cate a {color: #FFF;}
.p-cate a:hover{color: #FFF; text-decoration: underline;}
.a-cate a{color: #1c6ecd;}
.ds-logo, .cs-logo{margin-right: 2px; vertical-align: middle;}
.ds-logo img, .cs-logo img{ width: 1.2em; vertical-align: text-bottom;}
.k-date {padding-left: 1em;}
#top-post-list .p-cate, #sub-post-list .p-cate{padding-left: 0;}
.p-list .p-cate{font-size: .78em; line-height: 1.2em;}

/* 公開日等表示 */
.post-date {float: none; width: auto; height: auto; border-radius: 0;}
.post-date {position: absolute; bottom: 0; left: 0; margin: 0; padding: .5em 1em; font-size: 0.9em; font-weight: 600; line-height: 1.4em; color: #1c6ecd;}
#posts-date {padding: 5px 10px; font-size: 0.8em; font-weight: bold; font-style: italic; text-align: right;}

/* ページナビ */
.wp-pagenavi {padding-bottom: 20px; letter-spacing: 0;}

/*  関連記事リスト属性  */
#related-posts{margin: 0 auto;}
#related-posts  article {display: block; margin: 0; padding: 10px 2em; loverflow: hidden;}
#related-posts  article .img-set {float: left;  margin-right: 10px; border: 1px solid #CCC; max-width: 100px; overflow: hidden;}
#related-posts  article h5 {margin: 0 0 10px; padding: 0 ; font-size: 1.2em; font-weight: 600; line-height: 1.4em;}
#related-posts  article h5 a {color: #000; text-decoration: none; display: block; overflow: hidden;}
#related-posts  article h5 a:hover {color: #EB4A5F; text-decoration: underline; display: block;}
#related-posts  article p {font-size: 0.9em; color: #666; line-height: 1.5em; padding: 0 5px; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.arrow05{fill:#0085c9;}

/* アドセンス属性 */  
#ads-parallel {max-width: 640px; margin: 0 auto 15px auto;}
.ads-left {float: left; display: block;}
.ads-right {float: right; display: block;}
#ads-parallel img {max-width: 300px;}
.ads-res > .textwidget {margin: 0 0 15px; text-align: center;}
.ads-rec > .textwidget {text-align: center;}

/* コメント */
#comments {background-color: #F5F5F5; padding:25px; border-radius: 12px; margin-top:1em; line-height:1.4em;}
/*Comment List*/
.coments-title {margin-bottom: 10px; padding: .1em 1em; color: #606; font-size: 1.2em; font-weight: 500; background-color: rgba(0,0,0,.08); -webkit-border-radius: 12px; border-radius: 12px; }
#comments{padding: 10px; border: none;}
#comment-list {padding: 15px 15px 0;}
ul#comment-list{list-style: none; margin: 0; color:#444; font-size: 1.0em;}
ul#comment-list li {margin-bottom: 1em; padding: 0 1em 0;}
ul#comment-list li.depth-1{border-bottom: 1px dotted #CCC; margin-bottom: 1em;}
ul#comment-list ul.children {list-style: none; padding-left: 0.5em;}
#comment-list .commentmetadata {font-size: .8em;}
#comment-list p {padding: 10px 0; font-size: 0.9em;}
img.avatar {margin-right:8px;}
span.says{display:none;}
cite.fn {font-size:.9em;}
#comment-list .reply a {font-size: 1em; line-height:1.2em; color: #FFF; background-color:#00BFFF; padding:0.3em 1.2em;border-radius: 12px;}
#comment-list .reply a:hover {background-color:#B22222; text-decoration: none;}
.comment-reply-title{ font-size: 1.429em; font-weight: normal;}
.comment-reply-title:before {font-weight: 900; content: '▼'; padding-right: 0.2em; vertical-align: middle; color: #1c6ecd;}

/*Comment Form*/
#respond {background: #EEE; padding:1em; border-radius: 9px;}
#respond h3#reply-title {font-size:1.3em; margin:0 0 0.7em; color:#555;}
#respond h3#reply-title small a {font-size:.8em; margin-left:1em; text-decoration:underline;}/*コメントをキャンセルの文字*/
#respond p { margin-bottom: .8em;}
p.comment-notes, p.form-allowed-tags {font-size: 0.9em;}
label[for="comment"], label[for="author"], label[for="email"] {font-weight: bold;}
#respond p.commentNotesBefore, #respond p.commentNotesAfter {font-size: .8em;}
#respond p.form-submit {margin-bottom: 0;}
/*form element*/
input#author, input#email, textarea#comment {width: 100%; border:none; border-radius:12px; margin-top:0; font-size:14px; padding:7px 12px; color:#00BFFF;}
textarea#comment {line-height:1.6em;}
input#submit {cursor:pointer; font-size:1.0em; padding: 5px 1em; margin-top: 0.5em; border-style:none; color: #FFF; background-color: #BBB; border-radius: 18px;}
input#submit:hover {background-color:#B22222;}

/* サイドバー */
#sidebar {float: right; width: 321px;}
.sidebar-wrapper {margin-bottom: 10px; padding: 10px; background-color: #FFF; border-radius: 6px;}
.sidebar-wrapper h4 {position: relative; padding: 0.4em 5px 0.4em 1.8em; font-size: 1em; line-height: 1.5em; color: #444; font-weight: bold; border-bottom: 1px solid #CCC; z-index: 300;}
.sidebar-wrapper .side-title {position: absolute; left: 0; top: 50%; padding: 0em; width: 1.4em;  height:1.4em; line-height: 1.2em; text-align: center; vertical-align: middle; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #1c6ecd; }
.side-title img {width: 0.9em; vertical-align: middle;}
.sidebar-wrapper form {padding: 10px; font-size: 85%;}
.sidebar-wrapper .tagcloud{padding: 10px; font-size: 85%;}
.sidebar-wrapper ul {padding: 0; border-bottom: 1px solid #CCC;}
.sidebar-wrapper ul li {border-top: solid 1px #D5D5D5;}
.sidebar-wrapper ul li:first-child {border-top: none;}
.sidebar-wrapper ul li a {display: block;padding: 10px 20px 10px 10px; font-size: 0.9em; line-height: 1.5em; color: #333;text-decoration: none;background: url(img/arrow_04.png) no-repeat right center;}
.sidebar-wrapper ul li a:hover{color: #C00;}
.sidebar-wrapper ul.children {padding: 0; border: none;}
.sidebar-wrapper ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px;}
.sidebar-wrapper ul.children li:first-child{border-top: solid 1px #D5D5D5;}
.sidebar-wrapper .post-date {padding-left: 15px; line-height: 1.0em; font-size: 77%;}

/* フッター */
footer {width: 100%; min-width: 980px; color: #FFF; background-color: #000;}
#footer-inner {width: 980px;margin: 0 auto;padding: 10px 0;}
#footer-inner nav{text-align: center;margin: 0; padding: 10px 0 20px;}
#footer-inner nav ul li {display: inline-block;*display: inline;*margin-bottom: 12px;padding: 0 10px 0 15px;line-height: 1.3em;font-size: 92%; color: #FFF;border-left: solid 1px #333;}
#footer-inner nav ul li:first-child {border-left: none;}
#footer-inner2{ margin: 0 auto; padding: 20px 0; width: 980px; letter-spacing: -.4em;}
#footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right {display: inline-block; vertical-align:top; margin: 0; padding: 0 10px; width: 33.33%; line-height: 1.3em; letter-spacing: 0;}
#footer-inner2 .f-01, #footer-inner2 .f-02, #footer-inner2 .f-03, #footer-inner2 .f-04 {display: inline-block; vertical-align:top; margin: 0; padding: 0 10px; width: 25%; line-height: 1.3em; letter-spacing: 0;}
.footer-wrapper h4 {position: relative; padding: 0.4em 5px 0.4em 1.8em;  font-size: 1em; line-height: 1.5em;  color: #FFF; z-index: 300;}
.footer-wrapper h4:before {color: #EFEFEF;}
.footer-wrapper .f-title {position: absolute; left: 0; top: 50%; padding: 0em; width: 1.4em;  height:1.4em; line-height: 1.2em; text-align: center; vertical-align: middle; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #1c6ecd; }
.f-title img {width: 0.9em; vertical-align: middle;}
.footer-wrapper ul {margin: 0 0 10px 5px; list-style: none;}
.footer-wrapper ul > li {position: relative; padding-left: 1.3em; line-height: 2.0em; font-size: 90%; display: block;}
.footer-wrapper ul > li:before {content: "└"; position: absolute; left: 0; top: 0; padding: 0em; color: #EFEFEF;}
.footer-wrapper ul > li > a {padding-left: 2px;}
.footer-wrapper ul.children {margin: 0;}
.footer-wrapper ul.children li { padding-left:  2em;}
.footer-wrapper form,
.footer-wrapper p,
.footer-wrapper .tagcloud {padding: 0 10px 10px;}
.footer-wrapper .tagcloud {line-height: 2.0em; font-size: 85%;}
.footer-wrapper .post-date{font-size: 85%;}
footer a {color: #FFF; text-decoration: none; font-weight: 500;}
footer a:hover{color: #FFF; text-decoration: underline;}
#copyright {width: 100%; padding: 10px 0; text-align:center; font-size: 85%; font-weight: 600; color: #FFF; border-style: solid; border-width: 0 0 5px 0; background-color: #1c6ecd; }

/*ピックアップ記事 */
.pickup-post {margin-top: 10px; padding: 0 10px; overflow: hidden;}
.pickup-post .p-post {margin-bottom: 10px;}
.pickup-post .p-post .img-set{max-width: 100%; position: relative; border: 1px solid #CCC; overflow: hidden;}
.pickup-post  .idx{position: absolute; top: calc(100% - 1.3em) ; left: auto; width: 100%; height: 100%; overflow: hidden; z-index: 200; -webkit-transition: .2s;	transition: .2s;}
.pickup-post .p-post:hover .idx {top: 0; padding-top: 15%;}
.pickup-post .idx h5{padding: 0 20px; font-size: 1.05em; line-height: 1.2em; color: #FFF; font-weight: 600; text-align: center;  z-index: 600; display: block;}
.pickup-post .idx p { padding: 20px 20px 0; font-size: .85em; line-height: 1.2em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
.pickup-post .idx a {color: #FFF; text-decoration: none;}
.pickup-post .idx a:hover{text-decoration: underline;}

/* ページナビ */
.wp-pagenavi {padding: 10px 0; letter-spacing: 0; text-align: center; display: block;}
.wp-pagenavi a, .wp-pagenavi span {color:#666; background-color:#FFF; border:1px solid #CCC; padding: 8px 15px!important; margin:0 2px; white-space: nowrap; 
	 -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out;  -o-transition: 0.2s ease-in-out;  transition: 0.2s ease-in-out;}
.wp-pagenavi a:hover{ color:#333; font-weight: 600; border-color: #1c6ecd;}
.wp-pagenavi span.current{ color:#333; background-color:#F5F5F5; font-weight: 600; border-color: #1c6ecd;}
    
/* 検索フォーム */
#h-search {position: absolute; top: 10px; right: 0; width: 250px; text-align: right;}
#searchform #s {width: 70%; height: 30px; padding-left: 5px; font-size: 92%; border-radius: 0; border: 1px solid #CCC;}
#searchsubmit {width: 60px; height: 30px; margin: 0 0 0 -5px; font-size: 92%; border: none; border-radius: 0; background: transparent; cursor: pointer; background-color: #CCC; color: #FFF; font-weight: 600;}
#n-search {display: none;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
#searchsubmit:hover {background-color: #1c6ecd;}

/*タグクラウド */
.tagcloud {margin: 0; padding: 5px 10px;}
.tagcloud  a {display: inline-block; line-height: 100%; font-size: 1.0em!important; background: none; border: 1px solid #CCC; text-decoration: none; padding: 4px 6px 4px; margin: 0 5px 5px 0;
	 -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-border-radius: 4px;  border-radius: 4px;}
.footer-wrapper .tagcloud  a {  background-color: rgba(255,255,255,0.8); color: #333;}
.tagcloud  a:hover {color: #FFF; font-weight: 600; text-decoration: none; background-color: #1c6ecd;}

/* ソーシャルボタン等 */
#header-social-button {position: absolute; top: 15px; left: 20px; display: block; z-index: 2000;}
#gnav-social-button {display: none;}
#header-social-button .sns{padding: 0 0.1em;}
#header-social-button a.sns.fbook{opacity: 0.4;}
#header-social-button a:hover.sns.fbook{opacity: 1.0;}
#header-social-button a.sns.tweet{opacity: 0.4;}
#header-social-button a:hover.sns.tweet{opacity: 1.0;}
#header-social-button a.sns.insta{opacity: 0.4;}
#header-social-button a:hover.sns.insta{opacity: 1.0;}
#header-social-button a.sns.rss{opacity: 0.4;}
#header-social-button a:hover.sns.rss{opacity: 1.0;}
#mob-social-button{display: none; padding: 20px 0; text-align: center;}

#mob-social-button{display: none; padding: 20px 0; text-align: center;}
#mob-social-button a {font-size: 3.0em; text-decoration: none; text-decoration: none;}
#mob-social-button .icon-feed:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f143"; margin: 0 .2em; color: #FB9F3B;}
#mob-social-button .icon-facebook:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; margin: 0 .2em; color: #3379E4;}
#mob-social-button .icon-instagram:before {font-family: "Font Awesome 5 Brands"; content: "\f16d"; margin: 0 .2em; color: #cf3371;}
#mob-social-button .icon-twitter:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; margin: 0 .2em; color: #00B1EA;}

/*  SNSシェアボタン  */
.sns_btn{width: 100%; margin: 10px auto 20px; letter-spacing: -.4em;}
.sns_btn .parts{display: inline-block; vertical-align: top; width: 20%; margin: 0; padding: 0; letter-spacing: 0; text-align: center; list-style-type: none; border: 2px solid #FFF;}
.parts a{width: 100%; padding: 0.8em 0; color: #FFF; font-size: 92%; font-weight: 600; ; text-decoration: none;}
.parts a:hover{color: #FFF; text-decoration: none;}
.parts.twitter {padding: 10px 0; background-color: #00acee;}
.parts.twitter img {vertical-align: middle;}
.parts.facebook {padding: 10px 0;background-color: #3b5998;}
.parts.facebook img {vertical-align: middle;}
.parts.pocket {padding: 10px 0;background-color: #EB4257;}
.parts.pocket img {vertical-align: middle;}
.parts.hatena {padding: 10px 0;background-color: #2D4C86;}
.parts.hatena a:before {font-family: Arial Bold; content: "B!"; font-weight: bold; font-size: 120%; font-weight: bold; vertical-align: bottom; margin: 0 5px;}
.parts.line_me {padding: 10px 0; background-color: #1cbb20;}
.parts.line img {vertical-align: middle;}

/*  プロフィール  */
.s-profile {padding: 5px 14px;}
.s-profile .img-set{max-width: 500px; margin: 0 auto 5px; overflow: hidden;}
.s-profile .p-name {font-size: .9em; font-weight: bold; text-align: center;}
.s-profile .p-work {font-size: .8em; color: #034F45; text-align: center;}
.s-profile  p {font-size: .85em; text-align: left; text-align: justify; text-justify: inter-ideograph;}
.p-sns {padding: 5px 0; text-align: center;}
.p-sns a {font-size: 1.5em; text-decoration: none; color: #CCC; opacity: 0.8;}
.icon-feed:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f143"; margin: 0 4px;}
.icon-facebook:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; margin: 0 4px;}
.icon-gplus:before {font-family: "Font Awesome 5 Brands"; content: "\f0d4"; margin: 0 4px;}
.icon-instagram:before {font-family: "Font Awesome 5 Brands"; content: "\f16d"; margin: 0 4px;}
.icon-twitter:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; margin: 0 4px;}
.p-sns a.icon-feed:hover {color: #FB9F3B; opacity: 1.0;}
.p-sns a.icon-facebook:hover{color: #3379E4; opacity: 1.0;}
.p-sns a.icon-gplus:hover {color: #D00; opacity: 1.0;}
.p-sns a.icon-instagram:hover {color: #cf3371; opacity: 1.0;}
.p-sns a.icon-twitter:hover {color: #00B1EA; opacity: 1.0;}

/*  テーブル  */
table {width: 96%; margin: 0 auto; border-collapse: collapse; border-spacing:0; border: 1px solid #CCC;}
th {padding: 5px; font-weight: 600; border: 1px solid #CCC; text-align: center; background-color: #EFEFEF;}
td {padding: 5px; border: 1px solid #CCC;}

/* 引用 */
blockquote { margin: 0 2em ; color: #666; font-size: 100%; font-style: italic; font-weight: 600; background-color:#F5F5F5; padding:1em 1em 1em 3em; position:relative;}
blockquote:before{content: '“'; font-size: 4em; line-height:1em; color:#CCC; position:absolute; left:0; top: 10px;;}

/* 出典 */
.source{margin-left: 30px; font-size: 11px; font-weight: normal; color: #888;}
.source a {font-weight: normal; color: #999; text-decoration: none;}
.source a:hover {color: #C00; text-decoration: underline;}

/* Youtube */
.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* ------ スクロールトップ------ */
.pagetop {display: none; position: fixed; bottom: 30px; right: 0; z-index: 10000;}
.p_back, .p_back01, .p_back02, .p_back03, .p_back04, .p_back05, .p_back06{fill:#DC143C;}

/* その他属性 */
.clr{clear: both;}
strong{font-weight: 600;}
.txtcenter{text-align: center; display: block;}
.txtright{text-align: right;}
.red{color: #C00;}
.pink{color: #C09;}
.blue{color: #3CF;}
.green {color: #46c7ac;}
.bg_yellow{background: #FF0;}
.gold{color: #F4CA54;}
.silver{color: #999;}
.copper{color: #BD4C54;}
.other{color: #71AAE0;}
.bld{font-weight: 600;}

_::-webkit-full-page-media, _:future, :root strong { font-weight: bold;}
_::-webkit-full-page-media, _:future, :root .bld { font-weight: bold;}
_::-webkit-full-page-media, _:future, :root .comments label { font-weight: bold;}

/* 線の属性 */
.dot{border-bottom:1px dotted #CCC;}
.solid{border-bottom:1px solid #CCC;}
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 1px solid #F63;}
.link_line{text-decoration: underline;} 

/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  #wrapper {min-width: 0;}
  /*  ヘッダー   */
  #header-inner {width: 100%;}
  #ptitle {padding-left: 10px;}
  /*  ヘッダー画像  */
  #mainvisual-inner {width: 100%;}
  #mainvisual-description h2 { font-size: 2em;}
  /* パンくずリスト */
  #plist .plist-inner {width: 100%;}
  /* コンテンツ */
  #containar {width: 94%; margin: 0 auto;}
  #contents {width: 100%;}
  /*  サイドバー  */
  #sidebar {float: none; width: 100%;	margin: 0 auto; letter-spacing: -.4em; overflow: hidden;}
  #sidebar-01, #sidebar-02 {display: inline-block; vertical-align: top; width: 50%; margin: 0 0 10px; padding: 5px; letter-spacing: 0;}
  /*  フッター  */
  footer {min-width: 0;}
  #footer-inner {width: 90%;}
  #footer-inner2 {width: 98%;}
}

/* ------ ～ 769px ------ */
@media screen and (max-width: 769px) {
  /*  ヘッダー部  */
  #ptitle {font-size: 2.4em; width: 90%; margin: 0 auto; display: block;}
  #header-social-button {display: none;}
  #mob-social-button {display: block;} 
  /*  ヘッダーナビゲーション  */
  #gnav-btn {margin: 0; padding: 5px 10px 10px; display: block;}
  #gnav-btn a { display: block; width: 100px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px;	border-radius: 5px;}
  #gnav {width: 100%; max-width: 100%; margin: 0; font-size: 1em; z-index: 9999; display: none; border: none; }
  #gnav nav {width: 100%;  margin: 0; padding: 0; position: static;}
  #gnav nav ul {display: block; list-style-type: none; height: auto; background-color: #FFF; border-bottom: 1px solid #CCC; padding-bottom: 0;}
  #gnav nav > ul > li {position: relative; display: block!important; width: 100%!important; height: auto; text-align: left; border-right: none; overflow: hidden;  margin-top: 0!important;}
  #gnav nav li:last-child {border-right: none;}
  #gnav nav  ul  li a {display: block; padding: 0 3em 0 1em!important; color: #333!important; font-weight: normal; height: 3em; line-height: 3em; text-align: left; text-decoration: none; background: url("img/arrow_02.png") no-repeat right center!important; border-top: 1px solid #CCC;}
  #gnav nav  ul  li  ul {position: static; width: 100%; list-style: none; margin: 0; padding-bottom: 0!important; border-bottom: none!important;}
  #gnav nav > ul > li:last-child ul li {left: 0;}
  #gnav nav  ul li  ul li {margin: 0; width: 100%; height: 3em; overflow: hidden;}
  #gnav nav ul li ul li:first-child a {border-radius: 0;}
  #gnav nav ul li ul li:last-child a {border-radius: 0; border-width: 0;}
  #gnav nav  ul  li  ul li a{padding: 0 3em 0 2em; height: 3em; line-height: 3em; text-align: left; font-size: 100%; font-weight: normal ; border-width: 0 0 1px 0; border-color: #CCC!important; overflow: hidden; opacity: 1.0;}
  #gnav nav  ul  li:hover {border-bottom: none;}
  #gnav nav  ul  li:hover >a {color: #333!important; background-color: #EFEFEF!important;}
  #gnav nav  ul  li  ul li:hover a {color: #333!important; background-color: #EFEFEF!important;  border-bottom: none;}
  #gnav nav  ul  li:hover ul li{overflow: visible; height: 3em; border-top: none;}
  #gnav nav  ul  li ul li:hover >a {color: #C06; background-color: #EFEFEF; opacity: 1.0;}
  #gnav nav .current-menu-item, #gnav nav .current-menu-parent  {border-bottom: none;}
  /*  ヘッダー画像  */
  #mainvisual-description { width: 60%;}
  #mainvisual-description h2 {font-size: 1.5em;}
  #mainvisual-description p { margin-top:15px;  font-size: 0.8em; line-height: 1.6em; }
  /*  注目記事表示  */
  #at-post-list article h4{position: absolute; top: 80%; left: 0; margin: 0; padding: 0 15px; font-size: 92%; color: #FFF; z-index: 600;}
  /*  フッター  */
  #footer-inner2 .f-left {width: 47%;}
  #footer-inner2 .f-center {width: 47%;}
  #footer-inner2 .f-right {width: 47%;}
}

/*  ～479px  */
@media screen and (max-width: 479px) {
  #ptitle {font-size: 1.6em; width: 90%;}
  #containar {width: 100%; padding: 0;}
  #contents{width: 92%; margin: 0 auto; padding: 10px 0;}
  .single #contents, .page #contents {width: 100%; padding: 10px 0;}
  #m-contents {width: 92%; margin: 0 auto;}
  .alignleft, .alignright {float: none; text-align: center; margin: 0 auto; padding: 0; display: block;}
  /*  ヘッダー画像  */
  #mainvisual {height:calc( 600/2000*100vw );}
  #mainvisual-description { width: 80%; padding: 10px 20px;}
  #mainvisual-description h2 {margin: 0; padding: 0; font-size: 1.0em;}
  #mainvisual-description p { margin-top:5px;  font-size: 0.7em; line-height: 1.6em; }
  #plist {padding-left: 1em;}
  /* 投稿 */
  h1 {font-size: 1.38em;}
  h2 {font-size: 1.28em;}
  h3 {font-size: 1.22em;}
  h4 {font-size: 1.14em;}
  h5 {font-size: 1.08em}
  .doc {padding: 0.5em 0;}
  .info {padding: 15px 0;}
  .info-img {max-width: 100%;}
  .main-title, .cat-title, .post-title {margin: 0 0 10px; font-size: 1.2em;}
  .single #contents article h1{width: 106%; margin-left: -3%;}
  /* 記事リスト表示 */
  #post-list {padding: 10px 0;} 
  #post-list article {width: 100%; padding: 0 0 20px;}
  #post-list h3 {font-size: 1.25em;}
  #post-list p, #post-list-cat p {padding: 0;}
  #post-list-cat h3,  #post-list-cat article h3 {font-size: 1.25em;}
  #post-list article .idx p { padding: 5% 10% 0; font-size: 0.9em; line-height: 1.3em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
  #post-list-cat article {height: auto; padding-bottom: 1.5em;}
  #post-list-cat article .img-set {float: none; clear: both; margin-right: 0; max-width: 100%;}
  #post-list-cat p {padding: 1em 0 0;}
  /* テキスト段落表示 */
  .txt-column .d-text {display: block; width: 96%; margin: 0 auto 10px; padding: 0;}
  /*  関連記事リスト属性  */
  #related-posts  article h5 {margin: 0 0 5px;font-size: 1.15em; line-height: 1.2em;}
  #related-posts  article p {padding-top: .5em;}
  #related-posts  article { padding: 10px 0;}
  /* アドセンス属性 */ 
  .ads-left {float: none; margin: 0 auto; text-align: center; display: block;}
  .ads-right {float: none; margin: 0 auto; text-align: center; display: block;}
  /* ソーシャルボタン等 */
  .icon-feed:before {margin: 0 2px 0 5px;}
  .icon-facebook:before {margin: 0 5px;}
  .icon-gplus:before {margin: 0 5px;}
  .icon-twitter:before {margin: 0 5px;}
  /* テーブル属性 */
   table.scroll{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
  .scroll::-webkit-scrollbar{ height: 5px;}
  .scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
  .scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
  /* 引用 */
  blockquote { margin: 0 ;} 
  /* 注目記事表示 */
  #at-post-list article {width: 100%; margin: 0; padding: 10px 0; letter-spacing: 0; overflow: hidden; z-index: 100;}
  /*  サイドバー  */
  #sidebar {width:  100%;}
  #sidebar-01, #sidebar-02 {width: 100%; padding: 0 4%;}
   .sidebar-wrapper {padding: 0;}
 /*  フッター  */
  #footer-inner2 {width: 100%; padding: 0!important;}
  #footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right {padding: 0 10px; width: 100%;}
  #footer-inner2 .f-01, #footer-inner2 .f-02, #footer-inner2 .f-03, #footer-inner2 .f-04 {padding: 0 10px; width: 100%;}  
  #footer-inner2 .textwidget { padding: 15px;}
  .footer-wrapper h4 {position: relative;margin: 0.6em 0;}
  .footer-wrapper ul > li {padding: 5px 0 5px 1.3em;}
  .footer-wrapper ul > li:before {top: 5px;}
  .footer-wrapper .tagcloud {padding: 10px;}
}