<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: f7052
Description: WordPressç„¡æ–™ãƒ†ãƒ¼ãƒž f7052
Version: 16.0.0
Author: AF Partner
Author URI: http://www.af-joho.com/
*/

/* ------ åˆæœŸè¨­å®š ------ */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ul li, 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;}

/* ------ BODY ------ */
body {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3", Hiragino Kaku Gothic ProN, 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: 1050px;}
*{-webkit-box-sizing: border-box; border-box; box-sizing: border-box;}

/* ------ ãƒªãƒ³ã‚¯ã®å±žæ€§ï¼ˆæœªæŒ‡å®šã®æ™‚ï¼‰------ */
a {outline: none;}
a {color: #174088;text-decoration: none;}
a:hover {color: #C00;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;}
.link a img, a.link img,a img.link {margin: 0; overflow: hidden;}
.link a:hover img, a:hover.link img,a:hover img.link{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}

/* ------ ãƒ˜ãƒƒãƒ€ãƒ¼ ------ */
header {height: calc(1em + 20px); background-color: #282A3A;}
#header-inner {width: 1050px; margin: 0 auto;}
#ptitle {float: left; margin: 0; padding: 10px 0; color: #FFF; font-size: 100%; line-height: 1.0em; font-weight: bold;}
#ptitle a {color: #FFF; text-decoration: none;}
#ptitle a:hover {color: #FFF;}


/* ------ ãƒ˜ãƒƒãƒ€ãƒ¼ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ ------ */
#gnav-btn {display :none;}
#gnav {width: 100%; margin-top: 0; font-size: 92%; background-color: #F5F5F5; border-top: 1px solid #CCC; border-bottom: 2px solid #CCC;}
#gnav nav { width: 1050px; margin: 0 auto; padding: 0; position: relative; z-index: 1000;}
#gnav nav &gt; ul {list-style-type: none; height: 48px; margin: 0; padding: 0;}
#gnav nav &gt; ul li {position: relative; float: left; width: 20%; margin: 0; text-align: center; border-right: 1px solid #CCC;}
#gnav nav &gt; ul &gt; li:first-child{border-left: 1px solid #CCC;}
#gnav nav ul li a {display: block; color: #444; font-weight: normal; line-height: 16px; text-align: center; text-decoration: none; padding: 8px 0;}
#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: 180%; border-right: none; -moz-transition: .15s; -webkit-transition: .15s; transition: .15s;}
#gnav nav ul li:last-child ul {width: 100%;}
#gnav nav ul li:last-child li {left:   -80%;}
#gnav nav ul li ul li a{padding: 0 1em; height: 36px; line-height: 36px; color: #444; text-align: left; background-color: #E5E5E5; border-bottom: 1px solid #CCC; overflow: hidden; opacity: 0.8;}
#gnav nav ul li:hover &gt; a {background-color: #E5E5E5;}
#gnav nav ul li ul li:hover &gt;a {color: #444; opacity: 1.0;}
#gnav nav .current-menu-item, #gnav nav .current-menu-parent {background-color: #E5E5E5;}
#gnav nav .sub-menu .current-menu-item {border-bottom: none;}
#gnav nav ul li:hover ul li {overflow: hidden; height: 36px;}
#gnav nav .menu-item-description{display: block; font-size: 80%; color: #666;}

.clone-nav {position: fixed;	top: 0; left: 0; z-index: 10000; width: 100%; transition: .3s;	transform: translateY(-100%);}
.clone-nav nav .menu-item-description{display: block; font-size: 80%; color: #DFDFDF;}
.is-show {transform: translateY(0);}

/* ------ ãƒ˜ãƒƒãƒ€ãƒ¼ç”»åƒ ------ */
#mainvisual {position: relative; width: 100%; padding-top:calc( 560/2000*100vw ); overflow: hidden; z-index: 10;}
#mainvisual #mainvisual-inner {width: 1050px; margin: 0 auto;}
#mainvisual {background: url('img/header.jpg') 50% 0 no-repeat;  -webkit-background-size: cover; background-size: cover;}
#mainvisual-description {position: absolute; top: calc( 650/2000*100vw/4 ); left: 0; width: 100%; text-align: center; display: block;}
#mainvisual-description h2 {text-align: center;font-size: 3em; font-weight: normal; line-height: 1.2em; color: #FFF; padding: 20px; background: rgba(0,0,0,0.15); -webkit-border-radius: 8px; border-radius: 8px;display: inline-block;}
#mainvisual-description h2 .des { opacity: 1.0;}

/* ------ ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆ ------ */
#plist {width: 100%; padding: 0 0 10px 0; font-size: 79%;}
#plist .plist-inner {max-width: 1000px;margin: 0 auto;overflow: hidden;}

/* ------ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ------ */
#containar {max-width: 1050px; margin: 0 auto; padding-top: 15px;}
#contents {float: left; width: 730px; padding-bottom: 20px;}

/* ------ è¦‹å‡ºã— ------ */
h1{font-weight: normal; font-size: 1.85rem; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h2{font-weight: normal; font-size: 1.8rem; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h3{font-weight: normal; font-size: 1.6rem; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h4{font-weight: normal; font-size: 1.4rem; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h5{font-weight: normal; font-size: 1.2rem; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
h6{font-weight: normal; font-size: 1.15rem; line-height: 1.2em; margin: 0; padding-bottom: 0.2em;}
.main-title, .cat-title, .post-title {position: relative; background: #EFEFEF; margin-bottom: 10px; padding: 0.3em 5px 0.3em 2.3em; font-size: 1.8em; font-weight: 600; color: #444; border-radius: 1.2em 8px 8px 1.2em;}
.main-title::before, .cat-title:before, .post-title:before {position: absolute; left: 0; top: 50%; padding: 0em; color: #FFF; font-weight: normal;	width: 2.0em;  height:1.8em; line-height: 1.8em; text-align: center;border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #FFF;}
.main-title::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f3c5';}
.cat-title:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f07c';}
.post-title:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f15c"}
.parts-title {margin: 0; padding: 0; font-size: 92%; font-weight: bold; line-height: 1.6em; color: #444; text-align: center; background-color: #EEE; 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;  font-weight: normal; content: '\f086'; padding-right: 5px; vertical-align: baseline; color: #CCC;}

/* ------ æŠ•ç¨¿ ------ */
.doc {margin-bottom: 15px; padding: 10px 1em; font-size: 108%; line-height: 2.0em; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.doc-page {margin-bottom: 15px; padding: 10px 1em; font-size: 108%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.doc h2{font-weight: normal; font-size: 1.8em; line-height: 1.2em; margin: 0; padding-bottom: 15px;}
.doc h3{font-weight: normal; font-size: 1.45em; line-height: 1.2em; margin: 0; padding-bottom: 15px;}
.doc h4{font-weight: normal; font-size: 1.35em; line-height: 1.2em; margin: 0; padding-bottom: 10px;}
.doc h5{font-weight: normal; font-size: 1.25em; line-height: 1.2em; margin: 0; padding-bottom: 10px;}
.doc h6{font-weight: normal; font-size: 1.15em; line-height: 1.2em; margin: 0; padding-bottom: 10px;}
.info {padding: 1em; font-size: 1.1em; line-height: 1.6em; text-align: justify; text-justify: inter-ideograph;}
.waku {border: 1px solid #CCC;}
.doc ul {margin-left: 3em;}
.doc ul li {list-style-type: disc;}

/* è¦‹å‡ºã—02 */
.doc h2 {position: relative; padding: 0.2em 1em 0.2em 1.8em; line-height: 1.8em; color: #333; background: #F2F2F2; border-radius: .2em; display: block} 
.doc h2:before {position: absolute; left: .5em; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f0a9'; color: #C00}

/* è¦‹å‡ºã—03 */
.doc h3 {position: relative; padding: 0.2em 1em 0.2em 1.8em; line-height: 1.8em; color: #333; background: #F2F2F2; border-radius: .2em; display: block} 
.doc h3:before {position: absolute; left: .5em; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f138'; color: #C06}

 /* è¦‹å‡ºã—04 */
.doc h4 {position: relative; margin-left: .2em; padding: 0.2em 0 0 1.2em; color: #333; line-height: 1.8em;}
.doc h4:before {position: absolute; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f111';; margin-right: .2em; color: #ED8C97;}

/* å‰ã®è¨˜äº‹ãƒ»æ¬¡ã®è¨˜äº‹ */
#post-link {padding: 15px 0; text-align: center;}

/* ------ è¨˜äº‹ãƒªã‚¹ãƒˆè¡¨ç¤º ------ */
#post-list article {padding: 10px 0 10px; border-bottom: 1px dotted #CCC; overflow: hidden;}
#post-list article h3{margin: 0; padding: 0 0 10px; font-size: 1.72em; font-weight: normal;}
#post-list .img-set {float: left; max-width: 250px; overflow: hidden; margin-right: 10px;  border: 1px solid #CCC;}
#post-list p {padding: 0; font-size: 100%; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
#post-list h3 a{color: #333!important; text-decoration: none;}
#post-list h3 a:hover{color: #333!important; text-decoration: underline;}
/* ------ ç¶šãã‚’èª­ã‚€ ------ */
#post-list  article .next {padding: 10px 0; font-size: 92%;}
#post-list  article .next a {margin: 0; padding: 5px 10px; font-weight: normal; color: #444; text-decoration: none; border: 1px solid #CCC; background-color: #FFF;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#post-list  article .next a:hover {color: #FFF; font-weight: bold; background-color: #282A3A;}

/* ã‚«ãƒ†ã‚´ãƒªãƒ¼ç­‰è¡¨ç¤º */
.p-cate {margin: 0; padding: .2em 1em 0.5em; text-align: right; font-size: 0.8em; line-height: 1.2em;}
.p-cate:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f07c'; margin-right: 2px; vertical-align: middle;}
.p-date {padding-left: 1em;}
.p-date:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f274'; margin-right: 2px; vertical-align: middle;}
.p-cate{font-size: .85em; line-height: 1.2em;}


/* ------ æ³¨ç›®è¨˜äº‹è¡¨ç¤º ------ */
#at-post-list{padding-bottom: 10px;}
#at-post-list article {position: relative; display: inline-block; vertical-align: top; width: 48.4%; margin: 10px 0 .62%; padding: 0; border: 1px solid #CCC; overflow: hidden; z-index: 100;}
#at-post-list article .carousel-set {overflow: hidden;}
#at-post-list .idx {position: absolute; top: calc(100% - 1.5em) ; left: auto; width: 100%; height: 100%; background: rgba(0,0,0,.1); overflow: hidden; z-index: 200; -webkit-transition: .2s;	transition: .2s;}
#at-post-list article:hover .idx {top: 0; padding-top: 10%; background: rgba(0,0,0,.4);}
#at-post-list .idx h3{padding: 0 20px; font-size: 1.15em; line-height: 1.2em; color: #FFF; font-weight: bold; text-align: center;  z-index: 600; display: block;}
#at-post-list .idx p { padding: 20px 20px 0; font-size: 85%; line-height: 1.2em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
#at-post-list .idx a {color: #FFF; text-decoration: none;}

/* ------ ã‚¢ãƒ‰ã‚»ãƒ³ã‚¹å±žæ€§ ------ */  
#ads-parallel {max-width: 660px; 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 &gt; .textwidget {margin: 0 0 15px; text-align: center;}
.ads-rec &gt; .textwidget {text-align: center;}

/* ------ é–¢é€£è¨˜äº‹ãƒªã‚¹ãƒˆå±žæ€§ ------ */
#related-posts{margin: 0 auto;}
#related-posts  article {position: relative; display: inline-block; vertical-align: top; width: 24%; margin: 10px 0.2% 0; padding: 0; border: 1px solid #CCC; overflow: hidden; z-index: 100;}
#related-posts  article .img-set {overflow: hidden;}
#related-posts .idx {position: absolute; top: calc(100% - 1.2em) ; left: auto; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); overflow: hidden; z-index: 200; -webkit-transition: .2s; transition: .2s;}
#related-posts article:hover .idx {top: 0; padding-top: 6%; background-color: rgba(0,0,0,0.4);}
#related-posts  .idx h5 {padding: 0 20px; font-size: 0.92em; line-height: 1.2em; color: #FFF; font-weight: bold; text-align: center;  z-index: 600; display: block;}
#related-posts  .idx p { padding: 10px 20px 0; font-size: 0.85em; line-height: 1.2em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
#related-posts .idx a {color: #FFF; text-decoration: none;}

/* ---- ã‚³ãƒ¡ãƒ³ãƒˆãƒ»ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯----- */
.tback {border: none;}
.tback h2{margin-botoom: 0; padding-bottom: 15px;}
.tback p {margin: 0 0 10px 10px;padding: 0;font-size: 12px; line-height: 1.6em;}
.comments{padding: 10px; border: none;}
.comments ul{list-style: none;margin: 0; color:#444; font-size: 100ï¼…;}
.comments ul li {margin-bottom: 10px; padding: 12px;}
.comments ul li.depth-1{border-bottom: 1px dotted #CCC;margin-bottom: 12px;}
.comments ul.children {list-style: none;}
.comments p{padding: 0 10px 5px 20px; text-align: left;}
.comments form p{line-height: 1.8em; display: block;}
.comments label{font-weight: bold;display:block;}
.comments form p.comment-notes,.comments form p.form-allowed-tags{font-size: 100%;text-align: left;}
.comments .reply{width: 40px;height: 20px;margin-left: 20px;text-align: center;line-height: 20px;border: 1px solid #CCC;display: block;}
.comments .reply a{color: #444;text-decoration: none;display: block;} 
.comments .reply a:hover{color: #C00;} 
.comments h3 small{font-size: 114%;}
#author{width: 200px; height: 2em}
#email{width: 200px; height: 2em}
#url	{width: 200px; height: 2em}
#comment	{width: 99%; height:100px;}
#submit	{margin:0; padding:5px 25px; cursor:pointer; background-color: #EFEFEF; border: 1px solid #CCC;}
.comments-list-back {background-color: #FFF;}

/* ------ ã‚µã‚¤ãƒ‰ãƒãƒ¼ ------ */
#sidebar {float: right; width: 301px;}
.sidebar-wrapper {margin-bottom: 20px;}
.sidebar-wrapper h4{display: block ; margin: 0; padding: 5px 8px; font-size: 1em; line-height: 1.2em; color: #000; font-weight: normal; border: 1px solid #CCC; background-color: #EFEFEF;}
.sidebar-wrapper h4:before {font-family: "Font Awesome 5 Free"; font-weight: 900;  content:'\f0a9'; padding-right: 2px; font-size: 1.2em; vertical-align: middle; color: #282A3A;}
.sidebar-wrapper form,
.sidebar-wrapper .tagcloud{padding: 0; font-size: 92%;}
.sidebar-wrapper ul {padding: 0; border-bottom: 1px solid #CCC;}
.sidebar-wrapper ul li {border-top: solid 1px #D5D5D5;  background-color: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
.sidebar-wrapper ul li:first-child {border-top: none;}
.sidebar-wrapper ul li a {display: block;padding: 5px 20px 5px 10px;font-size: 92%; font-weight: normal; line-height: 1.5em; color: #444;text-decoration: none;background: url(img/arrow_04.png) no-repeat right center;}
.sidebar-wrapper ul li a:hover{background-color: #F5F5F5;}
.sidebar-wrapper ul.children {padding: 0; border: none;}
.sidebar-wrapper ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px; border-left: none; border-right: none;}
.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: 1040px; background-color: #282A3A;}
#footer-inner {width: 1040px;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 #CCC;}
#footer-inner nav ul li:first-child {border-left: none;}
#footer-inner2 {width: 1040px; margin: 0 auto;padding: 20px 0; letter-spacing: -.4em;}
.footer-wrapper h4 {position: relative;margin: 0 0 0.6em 0; padding: 0.4em 0 0.4em 2em; color: #FFF; font-size: 100%; font-weight: 600; line-height: 1.4em; border-bottom: 1px solid #CCC; background-color: rgba(255,255,255,0.1);}
.footer-wrapper h4:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; position: absolute; left: 5px; top: 50%; padding: 0em; font-size: 1.2em; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#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-wrapper ul{margin: 0 0 10px ; list-style: none;}
.footer-wrapper ul li {line-height: 2.0em; padding: 0 10px;}
.footer-wrapper ul.children {margin: 0;}
.footer-wrapper ul.children li {padding-left: 25px;}
.footer-wrapper form,
.footer-wrapper p{padding: 0 10px 10px; font-size: 92%; line-height: 2em; color: #FFF;}
.footer-wrapper .tagcloud {padding: 0 10px 10px;}
.footer-wrapper .tagcloud {line-height: 2.0em; font-size: 85%;}
.footer-wrapper .post-date{font-size: 84%;}
footer  a {color: #FFF; text-decoration: none; font-weight: normal;}
footer  a:hover{color: #FFF; text-decoration: underline;}
footer #copyright {width: 100%; padding: 10px 0; text-align:center; font-size: 85%; font-weight: bold; color: #FFF; background-color: #282A3A;}

/* ------ ãƒšãƒ¼ã‚¸ãƒŠãƒ“ ------ */
.wp-pagenavi {padding-bottom: 20px;}
.wp-pagenavi a, .wp-pagenavi span {color:#666; background-color:#FFF; border:solid 1px #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:#FFF; background-color:#c9356c; font-weight: bold;}
.wp-pagenavi span.current{ color:#FFF; background-color:#f48db4;font-weight: bold;}


/* ------ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—è¨˜äº‹ç­‰ ------ */
.rank-post {margin-top: 10px; padding: 0 ; overflow: hidden; *zoom: 1;}
.rank-post .p-post {position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999;}
.rank-post  h5{display: block; padding: 0 0 5px ; font-size: 0.92em; line-height: 1.2em; font-weight: bold; text-align: left; text-align: justify; text-justify: inter-ideograph;}
.rank-post .p-post:last-child {border-bottom: none;}
.rank-post .p-post a {color: #444; text-decoration: none;}
.footer-wrapper .rank-post .p-post a {color: #FFF!important; font-weight: bold!important; text-decoration: none;}
.rank-post .p-post a:hover {text-decoration: underline;}
.rank-post .p-post p {font-size: 0.7em!important; line-height: 1.2em!important; color: 666; text-align: justify!important; text-justify: inter-ideograph!important;}
.rank-post .p-post .img-set{float: left; margin-right: 8px; max-width: 120px; border: 1px solid #CCC;display: block; overflow: hidden;}
.rank-post .p-post .num {position: absolute; top: 5px; left: 5px; font-size: 12px; line-height: 12px; font-weight: bold; color: #FFF; padding: 4px 6px; background-color: #900;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rank-post .p-post .num2 {position: absolute; top: 5px; left: 5px; font-size: 12px; line-height: 12px; font-weight: bold; color: #FFF; padding: 4px 6px; background-color: #666;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rank-post .eday {float: right; color: #999; font-size: 9px;}

/* ------ã‚¿ã‚°ã‚¯ãƒ©ã‚¦ãƒ‰ ------ */
.tagcloud {margin: 0;}
.tagcloud  a {display: inline-block; line-height: 100%; color: #444;  background: #F5F5F5; 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: 5px; -moz-border-radius: 5px;  -ms-border-radius: 5px; border-radius: 5px;}
.footer-wrapper .tagcloud  a { background: none; color: #FFF;}
.tagcloud  a:hover {background: #C9356C; color: #FFF; font-weight: bold; text-decoration: none;}

/* ------ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å†…ã‚¿ã‚°è¡¨ç¤º ------ */
#contents .tagcloud {margin: 15px 5px;}
#contents .tagcloud a {font-size: 100% !important; line-height: 1em; background: #FFF; color: #666; font-weight: normal; display: inline-block; white-space: nowrap; padding: 4px 8px; margin: 3px; border: 1px solid #CCC;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none;}
#contents .tagcloud a:hover {background: #EFEFEF; color: #666;}

/* æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ&nbsp; */
#h-search {position: absolute; top: 10px; right: 0; width: 250px; text-align: right;}
#searchform #s {width: 75%; 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;}

/* ------ ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ç­‰ ------ */
#header-social-button {padding: 5px 0 5px; text-align: right; display: block;}
#header-social-button a {font-size: 24px; text-decoration: none;  color: #FFF; opacity: 0.4;}
#gnav-social-button {display: none;}
.icon-feed:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f143"; margin: 0 2px;}
.icon-facebook:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; margin: 0 2px;}
.icon-instagram:before {font-family: "Font Awesome 5 Brands"; content: "\f16d"; margin: 0 2px;}
.icon-twitter:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; margin: 0 2px;}
#header-social-button a.icon-feed:hover {color: #FB9F3B; opacity: 1.0;}
#header-social-button a.icon-facebook:hover{color: #3379E4; opacity: 1.0;}
#header-social-button a.icon-instagram:hover {color: #cf3371; opacity: 1.0;}
#header-social-button a.icon-twitter:hover {color: #00B1EA; opacity: 1.0;}
#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 a:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.facebook {padding: 10px 0;background-color: #3b5998;}
.parts.facebook a:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.google_plus {padding: 10px 0;background-color: #dd4b39;}
.parts.google_plus a:before {font-family: "Font Awesome 5 Brands"; content: "\f0d4"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.pocket {padding: 10px 0;background-color: #EB4257;}
.parts.pocket a:before {font-family: "Font Awesome 5 Brands"; content: "\f265"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.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_me a:before {font-family: "Font Awesome 5 Brands"; content: "\f3c0"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}

/* ------ ãƒ†ãƒ¼ãƒ–ãƒ« ------ */
table {width: 96%; margin: 0 auto; border-collapse: collapse; border-spacing:0; border: 1px solid #CCC;}
th {padding: 5px; font-weight: bold; border: 1px solid #CCC; text-align: center; background-color: #EFEFEF;}
td {padding: 5px; border: 1px solid #CCC;}

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

/* ------ å¼•ç”¨ ------ */
blockquote {color: #666; font-size: 100%; font-style: italic; font-weight: bold; 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{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;}

/* ------  ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆ ------ */
.sidebar-wrapper .screen-reader-text, .footer-wrapper .screen-reader-text {display: none;}
.sidebar-wrapper select, .footer-wrapper select {margin: 5px 0 5px 10px; width: 90%!important; border-radius: 0!important;}

/* ------ ãã®ä»–å±žæ€§ ------ */
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 1px solid #F63;}  
.dotline{clear: both;margin: 5px 0; border-bottom: 1px dotted #CCC;}
.clr{clear: both;}
strong {font-weight: bold;}
em{color: red;}
.txtcenter{text-align: center;}
.red{color: #C00;}
.pink{color: #C09;}
.blue{color: #22b2da;}
.green{color: #00ad7c;}
.c06{color: #C06;}
.bg_yellow{background-color: #f4f56e;}
.bg_cyan {background-color: #CCF4FE;}
.bld {font-weight: bold;}
#sitemap_list li a {font-weight: normal;}
.comments label {font-weight: bold;}

_::-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;}

/* ------ ä»˜éŒ²ã®å±žæ€§ ------ */
.tab-title:before {font-family: "Font Awesome 5 Free"; font-weight: 900;  content:'\f0a9'; font-weight: normal; padding-right: 5px; vertical-align: bottom; color: #4C70BF;}



</pre></body></html>