@charset "UTF-8";

/*reset*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section{margin: 0;padding: 0;}
input,textarea,select {font-size: 1em;}
form,input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing: 0;}
caption,th {text-align: left;}
div {margin: 0;padding: 0;}
a {outline: none;}
img,a img {vertical-align: bottom;border: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
/*clearfix*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
*html .clearfix {height: 1%}
.clearfix {display: block}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {background-color: transparent;font-family: "Noto Sans Japanese", sans-serif;}
select {font-size: 1rem;background-color: #fafafa;}

/*PC*/
@media screen and (min-width: 641px) {
.w-pc{max-width: 100%;margin: 0 auto;}
.w-sp{display: none !important;margin: 0 auto;}
}
/*SP*/
@media screen and (max-width: 640px) {
.w-pc{display: none !important;}
.w-sp{display: block !important;}
}

.anc {display: block;padding-top: 50px;margin-top: -50px;}
@media screen and (max-width: 480px){
.anc {display: block;padding-top: 65px;margin-top: -65px;}
}
#toc1, #toc2, #toc3, #toc4, #toc5, #toc6, #toc7, #toc8, #toc9, #toc10 {display: block;padding-top: 50px;margin-top: -50px;}
@media screen and (max-width: 480px){
#toc1, #toc2, #toc3, #toc4, #toc5, #toc6, #toc7, #toc8, #toc9, #toc10 {display: block;padding-top: 65px;margin-top: -65px;}
}

/*全体*/
.container {background-color: #fff;}
.main {padding: 30px 29px;}
/*ヘッダー*/
.header-container {box-shadow: 0 1px 20px rgba(0, 0, 0, .1);}
.header-in {padding: 0 2% 20px;width: 100%;background-color: #fff;display: inline-block;}
/*キャッチコピー*/
.tagline {font-size: .8rem;text-align:left;margin: -20px 0 0 15px;position: relative;}
/*ロゴ*/
.logo-image {width: 170px;margin: 0 0 0 10px;padding: 0;}
/*ナビ*/
#navi-in {float: right;margin: 0 20px 0 0;width: 50%;}
#navi .navi-in > ul > li {padding-top: 30px;}
#navi .navi-in > ul > li > a {padding: 0 1.4rem 0 1.1rem;letter-spacing: 0.05rem;}
/*カテゴリーアイコン*/
.cat-link {color: #333;background-color: #fff;border: 1px solid #999;}
.cat-link:hover {color: #333;}
/*目次*/
.toc {font-size: 0.95rem;padding: .5rem 1.5rem;border-radius: .5rem;}
.toc-widget-box .toc {font-size: .9rem;padding: 0;width: 94%;}
.toc .toc-list ul, .toc .toc-list ol {padding-left: .3rem;}
.toc-content > ol > li > ol > li {font-size: .8rem;margin: 0 auto;}
.toc-content > ol > li > ol > li > ol > li {font-size: .7rem;margin: 0 auto;}
.toc-list.open {padding-bottom: .8rem;}
.toc-content {transition: all .1s ease-out;}
/*日付*/
.fa-clock-o:before {content: "\f073";}

/*見出し文字*/
.article h1 {width: 98%;margin: 1.8rem auto;font-size: 1.9rem;line-height: 1.5;}
.article h2 {width: 98%;margin: 4rem auto 1.5rem;padding: .4rem .8rem;font-size: 1.5rem;line-height: 1.4;border-left: solid 6px #e10;background-color: transparent;border-radius: 0;}
.article h3 {width: 94%;margin: 0 auto 1rem;padding: .5rem 0;font-size: 1.2rem;line-height: 1.4;border: none;border-bottom: solid 2px #555;position: relative;}
.article h3:after {content: " ";display: block;border-bottom: solid 2px #e10;bottom: -2px;width: 20%;position: absolute;}
.article h4 {width: 94%;margin: 0 auto 1rem;padding: .6rem .8rem;font-size: 1.1rem;background: #f7f7f7;border: none;}
.article h5 {width: 92%;margin: .5rem auto;padding: .5rem .9rem;font-size: .9rem;}
.article h6 {width: 92%;margin: .5rem auto;padding: .5rem .9rem;font-size: .8rem;}

.article p {width: 93%;font-size: 1.05rem;margin: 0 auto 2rem;padding: 0;line-height: 2.1;letter-spacing: .01rem;}

/*サイドバー*/
.sidebar h3 {background-color: transparent;margin: 1.5rem auto 1rem;padding: .1rem;border-bottom: dotted 1px #999;border-radius: 0px;}
.widget_recent_entries ul li {font-size: .9rem;}
.widget-entry-card {font-size: .8rem;}
/*人気記事*/
.widget-entry-cards.ranking-visible .card-thumb:before {width: 1.3rem;height: auto;}
/*ウィジェット カスタムHTML*/
.textwidget.custom-html-widget a {text-decoration: none;color: #333;margin: 0 .5rem;font-size: 1rem;}

/*テーブル*/
.entry-content.cf table {border-collapse: collapse;width: 94%;margin: 1rem auto 2rem;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.entry-content.cf table th, .entry-content.cf table td {font-size: 1rem;padding: .6rem 3%;border: 1px solid #ccc;vertical-align: top;text-align: left;}
.entry-content.cf table th {background-color: #fffaf9;}

.tbl01 {border-collapse: collapse;width: 94%;margin: 1rem auto 2rem;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tbl01 th,.tbl01 td {font-size: 1rem;padding: .6rem 3%;border: 1px solid #ccc;vertical-align: top;text-align: left;}
.tbl01 th {background: #f2f8fa;}
.tbl01 td {background: #fff;}
@media only screen and (max-width:480px) {
.entry-content.cf table {border: none;border-bottom: 1px solid #ccc;}
.entry-content.cf table th, .entry-content.cf table td {border-bottom: none;}

.tbl01 th,.tbl01 td {display: block;width: auto;width: 100%;border-bottom: none;}
.tbl01 tr:last-child {border-bottom: 1px solid #ccc;}
}

/*リスト*/
.entry-content.cf ul.lst01 {width: 90%;margin: 0 auto 30px;}
.entry-content.cf ol.lst01 {width: 90%;margin: 0 auto 30px;}

/*引用リスト*/
.entry-content.cf dl {width: 92%;margin: 1rem auto;}
.entry-content.cf dl dt{font-weight: 800;}
.entry-content.cf dl dd {margin: .1rem 1rem .8rem;}
/*引用*/
.entry-content.cf blockquote blockquote {width: 94%;margin: .5rem auto 1rem;}
.entry-content.cf blockquote p {font-size: .8rem;line-height: 1.8;}
/*トップへボタン*/
.go-to-top-button {width: 4rem;height: 4rem;border-radius: 2rem;font-size: 1rem;color: #777;opacity: .7;}
/*フッター*/
.footer {padding: 8px 8px 60px;}

/*トップ 記事一覧*/
.entry-card-title {font-size: 1.5rem;line-height: 1.4;}
.entry-card-snippet {font-size: .8rem;color: #666;}
.entry-card-wrap.a-wrap.border-element.cf {margin: 0;}
.entry-card-content.card-content.e-card-content {padding-bottom: 0;}

@media screen and (max-width: 1023px){
/*ヘッダー*/
.header-in {display: none;}
}
/*▼スマホ*/
@media screen and (max-width: 640px){
/*ヘッダー*/
.mobile-header-menu-buttons {padding-top: 3px;}
/*ロゴ*/
.logo-menu-button img {width: auto;height: 30px;max-height: 30px;margin: 3px auto 0;}
/*目次*/
.toc {padding: .4rem 1rem;width: 96%;}
/*見出し文字*/
.article h1 {margin: 1rem auto;padding: 0;font-size: 1.3rem;line-height: 1.3;}
.article h2 {margin: 1rem auto;font-size: 1.2rem;border-left: solid 4px #e10;}
.article h3 {padding: .3rem 0;font-size: 1.1rem;}
.article h4 {padding: .6rem .4rem;font-size: 1rem;}

.article p {width: 92%;font-size: .95rem;margin: 0 auto 2rem;}
.article ul, .article ol {width: 96%;padding: 0;font-size: .9rem;}

.entry-card-title.card-title.e-card-title {font-size: .8rem;}
/*関連記事*/
.e-card-title {font-size: .8rem;}

}
/*▲スマホ*/



/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}