@charset "utf-8";

:root {
}

/* Header
------------------------------------------*/
.header .pagetit {float:left;color:var(--color-white);font-size:185%;line-height:45px;padding-left:190px;font-weight:bold;}
@media screen and (max-width:767px) {
  .header .pagetit {float:none;display:flex;padding:0;margin:0;position:absolute;top:0;left:15px;z-index:2;height:45px;align-items:center;}
}

/* lnav
------------------------------------------*/
/* .lnav {width:100%;margin-left: auto;}
.lnav_menu {display: flex;align-items: center;margin:10px 0;}
.lnav_menu li {margin-right:5px;}
.lnav_menu li a {display:flex;color:var(--color-white);height:26px;padding:0 15px;font-weight:500;border:1px solid var(--color-white);font-size:93%;border-radius: 5px;}
.lnav_menu li.current-cat a,
.lnav_menu li a:hover {color:var(--color-main);background:var(--color-white);}
@media screen and (min-width: 961px),print {
}
@media screen and (max-width:767px) {
  .lnav {float:none;margin:0;position:relative;width:100%;height:45px;background:var(--color-white);display:flex;align-items:center;justify-content:flex-end;z-index:1;}
  .lnav_btn {margin:0;cursor:pointer;display:flex;align-items:center;height:100%;padding-right:15px;z-index:20;}
  .lnav_btn span {position:relative;display:inline-block;font-size:85%;padding-right:15px;}
  .lnav_btn span::after {content:''; height:0; width:0; display:block; border:6px transparent solid; border-bottom-width:0; border-top-color:var(--color-accent); position:absolute; top:calc(50% - 3px); right:0px; }
  .lnav_btn.active span::after {border-bottom-width:6px;border-top-width:0;border-bottom-color:var(--color-accent);}
  .lnav_menu {width:100%;overflow:hidden;margin:0;padding:10px;background:var(--color-white);position:absolute;top:45px;left:0;z-index:10;}
  .lnav_menu li {float:left;width:50%;margin:0 0 10px 0;}
  .lnav_menu li a {display:block;height:42px;line-height:42px;padding:0;margin:0 5px;text-align:center;background:var(--color-white);}
  .lnav_menu li.current-cat a,
  .lnav_menu li a:hover {font-weight:bold;background:var(--color-white);border:1px solid var(--color-main);}
} */

/* Header navi
------------------------------------------*/
/* .hnav .topic_srch {order:2;width:200px;}
.hnav .topic_srch form {display:flex;width:100%;height:27px;}
.hnav .topic_srch .srch_inp {width:80%;padding:2px;border:0;border-radius: 5px 0 0 5px;}
.hnav .topic_srch .srch_btn {width:20%;background:#aaa;color:var(--color-white);line-height:25px;border:0;text-align:center;cursor:pointer;font-family:"Font Awesome 5 Free";font-weight: 700;border-radius: 0 5px 5px 0;}
@media screen and (min-width: 769px) and (max-width: 960px) {
  .hnav .topic_srch {position:absolute;bottom:10px;right:10px;}
}
@media screen and (max-width:767px) {
  .hnav .topic_srch {width:100%;max-width:200px;border:1px solid #ddd;border-radius:var(--box-border-radius);}
  .hnav .topic_srch .srch_btn {background:#ddd}
} */


/* content
------------------------------------------*/
.content {width:100%;max-width:990px;margin:60px auto;padding: 0 15px;min-height:calc(var(--win-vh) - var(--header-h) - var(--footer-h) - 120px);}
@media screen and (max-width: 600px) {
  .content {width:100%;margin:30px auto;min-height: calc(var(--win-vh) - var(--header-h) - var(--footer-h) - 60px);}
}

/* footer
------------------------------------------*/
.footer {margin-top:60px;}

/* text style
------------------------------------------*/
.content p {font-size:100%;line-height:1.85;margin-bottom:20px;}
.content p a {color:var(--color-main);border-bottom:1px dotted var(--color-main);}
.content p strong {font-weight:bold;}
.content p em {font-style:italic;}
.content .url_link a {color:var(--color-main);display:inline-block;border-bottom:0;line-height:1.6;}
.content .url_link a:before {content:"URL";display:inline-block;padding:5px 8px;color:var(--color-white);text-align:center;background:var(--color-main);margin-right:10px;font-size:75%;}
.content .url_link a span {display:inline-block;border-bottom:1px dotted var(--color-main);}
.content .tit1 {color:var(--color-main);font-size:139%;line-height:1.6;font-weight:bold;margin-bottom:20px;}
.content .tit1 a {color:var(--color-main);border-bottom:1px dashed var(--color-main);}
.content .tit2 {color:var(--color-main);font-size:139%;line-height:1.6;margin-bottom:20px;}
.content .tit2 a {color:var(--color-main);border-bottom:1px dashed var(--color-main);}
.content .tit3 {color:var(--color-main);font-weight:bold;font-size:100%;line-height:1.4;margin-bottom:5px;}
.content p + .tit1 {margin-top:40px;}
.content p + .tit2  {margin-top:30px;}
.content .ul_list1 + .tit1 {margin-top:10px;}
.content .ul_list1,
.content .ol_list1 {padding-bottom:20px;font-size:100%;line-height:1.6;}
.content .ol_list1 {counter-reset:li-single;}
.content .ol_list1 li {position:relative;line-height:30px;padding-left:40px;}
.content .ul_list1 li,
.content .ol_list1 li {margin-bottom:10px;}
.content .ul_list1 li:before {content:"■";margin-right:5px;color:var(--color-main);}
.content .ol_list1 li:before {content:counter(li-single);
    counter-increment: li-single;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:absolute;top:0;left:0;width:30px;height:30px;line-height:30px;vertical-align:middle;background-color:var(--color-main);color:var(--color-white);text-align:center;speak:none;}
.content .ul_list1 li a {border-bottom:1px dotted #666;}
.content aside p {margin:0;}
.content .aside_box1 {padding:20px;margin-bottom:40px;border:1px solid var(--color-main);background:var(--color-white);}
.content .aside_box2 {padding:15px 15px 5px 15px;margin-bottom:40px;border:1px solid var(--color-main);background:var(--color-white);}
.content .aside_box2 .ul_list1 {padding-bottom:0;font-size:93%;}
.content .aside_box2 .ul_list1 li:before {color:#999;}
.content .aside_box1 .tit2 {margin-top:0;padding-left:0;font-size:100%;font-weight: 600;}
.content .aside_box1 .tit2::before {display:none;}

/* 2021.07.18 add */
.entry_body h2 {color:var(--color-main);font-size:139%;line-height:1.6;font-weight:bold;border-bottom: 1px solid var(--color-main);padding-bottom:10px;}
.entry_body h2 span {font-weight: inherit;}
.entry_body h3 {position:relative;color:var(--color-accent);font-size:120%;line-height:1.6;font-weight:700;}
.entry_body h4 {color:var(--color-main);font-weight:bold;font-size:100%;line-height:1.4;margin-bottom:5px;}
.entry_body .wp-block-code {padding:20px;border:1px solid var(--color-main);background:var(--color-white);}
.entry_body p strong {font-weight:700;}
.entry_body h2,
.entry_body h3,
.entry_body h4,
.entry_body p,
.entry_body ul,
.entry_body ol,
.entry_body .wp-block-code,
.entry_body .wp-block-image,
.entry_body .wp-block-syntaxhighlighter-code {margin:30px auto;}
.entry_body h2 {margin-top:50px;}
.entry_body h3 {margin-top:40px;}
.entry_body h2 a,
.entry_body h3 a,
.entry_body h4 a {color:inherit;font-weight:inherit;border-bottom: 1px dotted var(--color-main);}
.entry_body h3 a {border-color:var(--color-accent)}
.entry_body .aligncenter {}
.entry_body .alignright {margin: 0 0 10px 20px;}
.entry_body .alignleft {margin: 0 20px 10px 0;}
.entry_body .wp-block-image {}
.entry_body .wp-block-image img {max-width:100%;height:auto;}
.entry_body .wp-block-image figcaption {font-size:12px;line-height:1.5;margin-top:5px;padding:0;}
.entry_body ul,
.entry_body ol {font-size:100%;line-height:1.6;}
.entry_body ol {counter-reset:li-single;}
.entry_body ul li,
.entry_body ol li {position:relative;padding-left:20px;}
.entry_body ul li,
.entry_body ol li {margin:10px 0;}
.entry_body ol li > ul,
.entry_body ul li > ul {margin:10px auto;}
.entry_body ol li:before {content:counter(li-single); counter-increment: li-single;box-sizing: border-box;position:absolute;top:0;left:0;width:30px;height:30px;vertical-align:middle;background-color:var(--color-main);color:var(--color-white);text-align:center;speak:none;}
.entry_body ol li a,
.entry_body ul li a {border-bottom:1px dotted #666;}
.entry_body ul li::before {content:"・";position: absolute;top:0;left:0;}
@media screen and (max-width: 600px) {
  .entry_body {font-size:4vw;}
}

/* term list
2024.09.16 add
------------------------------------------*/
.entry_terms .term_list {text-align:center;width:100%;display:flex;flex-wrap:wrap;}
.entry_terms .term_list.center {justify-content:center;}
.entry_terms .term_list .term {margin:0 2px 4px 2px;display:inline-flex;font-size:12px;text-align:center;border-radius:var(--box-border-radius);line-height:1.4;padding:0 10px;align-items: center;justify-content: center;}
.entry_terms .term_list.cats {margin-top: 20px;}
.entry_terms .term_list.cats .term {color:var(--color-white);background:var(--color-main);border:1px dashed var(--color-main);height:28px;}
.entry_terms .term_list.cats .term.cat_dialysis {background:var(--color-green);border-color:var(--color-green);}
.entry_terms .term_list.cats .term.cat_diary {background:var(--color-yellow);border-color: var(--color-yellow);}
.entry_terms .term_list.cats .term.cat_web {background:var(--color-blue);border-color: var(--color-blue);}
.entry_terms .term_list.cats .term.cat_wordpress {background:var(--color-green);border-color:var(--color-green);}
.entry_terms .term_list.cats .term.cat_js {background:var(--color-orange);border-color:var(--color-orange);}
.entry_terms .term_list.cats .term.cat_css {background:var(--color-yellow);border-color: var(--color-yellow);}
.entry_terms .term_list.cats .term.cat_html {background:var(--color-blue);border-color: var(--color-blue);}
.entry_terms .term_list.tags {margin-top: 5px;}
.entry_terms .term_list.tags .term {color:var(--color-main);border:1px dashed var(--color-main);height:24px;}
.entry_terms .term_list.tags .term.current {color: var(--color-accent);border: 1px solid var(--color-accent);font-weight: 600;pointer-events: none;}

/* entry list
------------------------------------------*/
.entrylist_head {text-align:center;margin-bottom:60px;}
.entrylist_title {font-size:200%;color:var(--color-main);line-height:1.6;font-weight:bold;}
.entrylist_title small {display: block;font-size: 55%;text-transform: capitalize;color: var(--color-main);font-weight:400;}
.entrylist_title2 {display:inline-flex;color:var(--color-white);line-height:1.4;font-size:12px;margin:15px auto 0;padding:0 15px;border:1px solid var(--color-accent);border-radius:var(--box-border-radius);background:var(--color-accent);height:28px;color:var(--color-white);/*font-variant:small-caps;*/align-items:center;}
.entrylist_head .entry_terms {margin-top: 30px;}
.entrylist_nav .term_list.cats .term {height:28px;}
.entrylist_nav .term_list.cats .term.current {pointer-events: none;}
.entrylist_nav .term_list.cats .term:not(.current) {background: var(--color-main);
  border-color: var(--color-main);}
.entrylist_nav .term_list.cats .term.current.cat_dialysis {background-color: var(--color-green);border-color:var(--color-green);}
.entrylist_nav .term_list.cats .term.current.cat_diary {background-color: var(--color-yellow);border-color:var(--color-yellow);}
.entrylist_nav .term_list.cats .term.current.cat_web {background-color: var(--color-blue);border-color:var(--color-blue);}
.entrylist_nav .term_list.cats .term.current.cat_wordpress {background:var(--color-green);border-color:var(--color-green);}
.entrylist_nav .term_list.cats .term.current.cat_js {background:var(--color-orange);border-color:var(--color-orange);}
.entrylist_nav .term_list.cats .term.current.cat_css {background:var(--color-yellow);border-color: var(--color-yellow);}
.entrylist_nav .term_list.cats .term.current.cat_html {background:var(--color-blue);border-color: var(--color-blue);}
.entrylist_nav .term_list.cats .term.current.cat_others {background:var(--color-purple);border-color: var(--color-purple);}

.entrylist_nav .term_list.tags {margin-top:5px;}
.entrylist_box_tit {color:var(--color-main);line-height:1.4;font-size:1.154em;font-weight:bold;margin-bottom:5px;
}
.entrylist_box_date {display:inline-block;font-size:85%;line-height:16px;color:#999;margin-bottom:5px;}
.entrylist_box_category {display:inline-block;margin:0 10px 15px 0;}
.entrylist_box_category span {display:inline-block;padding:0 10px;font-size:77%;line-height:16px;border:1px solid var(--color-accent);border-radius:4px;color:var(--color-accent);margin:0 4px 4px 0;}
.entrylist_box_category span.cate_html,
.entrylist_box_category span.cate_diary {color:var(--color-accent);border-color:var(--color-accent);}
.entrylist_box_category span.cate_css,
.entrylist_box_category span.cate_web {color:var(--color-accent);border-color:var(--color-accent);}
.entrylist_box_category span.cate_js,
.entrylist_box_category span.cate_dialysis {color:#6bbea2;border-color:#6bbea2;}
.entrylist_box_category span.cate_wp {color:#579dd0;border-color:#579dd0;}
.entrylist_box_category span.cate_others {color:#C97064;border-color:#C97064;}
.entrylist_foot .btn_wrap .link_btn {}
@media screen and (min-width: 601px) {
  .entrylist_title2:hover {color:var(--color-white)}
  .entrylist_box .article a:hover {opacity:0.65;}
}
@media screen and (max-width: 600px) {
  .entrylist_head {margin-bottom: 30px;}
  .entrylist_title {font-size:6.4vw;padding:0;}
  .entrylist_box_date {margin-bottom:5px;}
  .entrylist_box_category {margin:0 0 5px 0;}
}

/* news */
.news .root {float:left;margin-left:20px;}
.news .root ul {overflow:hidden;}
.news .root li {position:relative;float:left;margin:10px 0 0 0;color:#666;padding:0 10px 0 20px;height:26px;line-height:26px;font-weight:normal;font-size:93%;}
.news .root li:first-child {padding:0 10px;}
.news .root li:after {position:absolute;top:0;left:0;content:">";color:#999;}
.news .root li:first-child:after {content:"";}
.news .root li a {color:#666;}
.news .root li a:hover {text-decoration:underline;}
.news .entrylist_box {padding-bottom:20px;}
.news .entrylist_box .article {margin-bottom:10px;}
.news .entrylist_box .article a {display:flex;align-items:center;background:var(--color-white);padding:10px 15px;}
.news .entrylist_box_date {width:100px;display:block;margin-bottom:0;}
.news .entrylist_box_tit {flex:1;margin:0;font-size:1em;}
.news .entrylist_box_tit span {font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
@media screen and (min-width: 601px) {
  .news .entrylist_box .article a:hover {opacity:0.65;}
}
@media screen and (max-width: 600px) {
  .news .root {display:none;}
  .news .entrylist_box {padding:0 15px 10px;}
  .news .entrylist_box_date {width:80px;}
}

/* blog */
.blog .entrylist_box .article_list {display:flex;width:calc(100% + 20px);flex-wrap:wrap;margin:0 -10px;}
.blog .entrylist_box .article {width:calc(33.333333% - 20px);margin:0 10px 20px;}
.blog .entrylist_box .article a {display:flex;position:relative;padding:20px 20px 5px 20px;background:var(--color-white);border-radius: var(--box-border-radius-l) 0 var(--box-border-radius-l) 0;height:100%;flex-direction:column;}
.blog .entrylist_box_info {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom: 10px;}
.blog .entrylist_box .entry_date {width:90px;margin:0;}
.blog .entrylist_box .entry_cats {width:calc(100% - 90px);display: flex;justify-content: flex-end;}
.blog .entrylist_box_tit {font-size:100%;margin:5px 0 0;width:100%;}
.blog .entrylist_box_thumb {width:100%;margin:auto 0 15px;position:relative;overflow:hidden;aspect-ratio: 500 / 330;}
.blog .entrylist_box_thumb img {position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit: cover;}
@media screen and (max-width: 960px) {
  .blog .entrylist_box .article {width:calc(50% - 20px);}
  .blog .entrylist_box .article a {padding:15px;}
  .blog .entrylist_box_tit {}
}
@media screen and (max-width: 600px) {
  .blog .entrylist_box {padding:0 0 10px;}
  .blog .entrylist_box .article_list {display:block;width:100%;margin:0;}
  .blog .entrylist_box .article {width:100%;margin:0 0 10px;}
  .blog .entrylist_box_tit {font-size:4vw;}
  .blog .entrylist_box_thumb {margin:0;}
}

/* topics */
.archive.topics .entrylist_box {padding-bottom:20px;}
.archive.topics .entrylist_box .article {margin-bottom:10px;}
.archive.topics .entrylist_box .entry_link {display:flex;align-items:center;flex-wrap:wrap;background:var(--color-white);padding:15px;border-radius:var(--box-border-radius);}
.archive.topics .entrylist_box .entry_date {flex:1;margin-bottom:0;font-size:85%;letter-spacing: 0.04em;color: #999;}
.archive.topics .entrylist_box .entry_terms.cat .term {height:24px}
.archive.topics .entrylist_box .entry_terms.cat {margin-right: 10px;}
.archive.topics .entrylist_box .entry_terms.cat .term_list {margin-top: 0;}
.archive.topics .entrylist_box .entry_title {width:100%;font-size:100%;margin:5px 0 0 0;}
.archive.topics .entrylist_box .entry_terms.tag {width:100%;}
.archive.topics .entrylist_box .entry_terms.tag .term {height:20px;font-size:11px;}
@media screen and (max-width: 600px) {
  .archive.topics .entrylist_box {padding:0 0 20px;}
  .archive.topics .entrylist_box .entry_link {margin:0;}
  .archive.topics .entry_title {font-size:124%;}
}
@media screen and (max-width: 480px) {
  .archive.topics .entrylist_box .article a {min-height:33px;}
  .archive.topics .entrylist_box_tit {font-size:100%;line-height:1.2;}
}

/* search */
.search .entrylist_box {padding-bottom:20px;}
.search .entrylist_box .article {margin-bottom:10px;}
.search .entrylist_box .article a {width:100%;display:flex;align-items:stretch;background:var(--color-white);border-radius:var(--box-border-radius);overflow: hidden;}
.search .entrylist_box_date {margin-bottom:0;}
.search .entrylist_box .entry_cats {margin-left:10px;}
.search .entrylist_box_info {order:2;padding:10px;width:calc(100% - 100px);display: flex;flex-wrap: wrap;align-items:center; }
.search .entrylist_box_tit {width:100%;font-size:100%;line-height:1.6;margin-top: 10px;}
.search .entrylist_box_thumb {order:1;width:100px;overflow:hidden;margin:0;position:relative;}
.search .entrylist_box_thumb img {object-fit: cover;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;height:100%;}
.search .entrylist_box_thumb span {display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--color-main);color:var(--color-white);font-weight:bold;font-size:14px;position:absolute;top:0;left:0;}
@media screen and (max-width: 600px) {
  .search .entrylist_box {padding:0 0 10px;}
  .search .entrylist_box_thumb {width:80px;}
  .search .entrylist_box_info {width:calc(100% - 80px);display: block;height:33vw;}
  .search .entrylist_box .entry_cats {margin:5px 0 0;}
  .search .entrylist_box_tit {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
}


/*　page(基本) */
.pages .entrylist_box {padding-bottom:20px;}
.pages .entrylist_box .article {float:none;width:100%;margin-bottom:10px;}
.pages .entrylist_box .article a {margin:0 20px;padding:10px 15px 0 165px;overflow:hidden;border:0;}
.pages .entrylist_box .article p {clear:both;height:20px;overflow:hidden;}
.pages .entrylist_box_category,
.pages .entrylist_box_date {margin-bottom:5px;}
.pages .entrylist_box_thumb {position:absolute;left:0;top:0;width:150px;height:auto;margin:0;}
.pages .entrylist_box_thumb img {width:150px;height:100px;}
@media screen and (max-width: 600px) {
  .pages .entrylist_box {padding: 0 15px 10px;}
  .pages .entrylist_box .article a {padding:10px 15px 10px 110px;}
  .pages .entrylist_box_thumb {width:100px;}
  .pages .entrylist_box_thumb img {width:100px;height:auto;}
  .pages .entrylist_box_tit {font-size:124%;height:22px;overflow:hidden;}
  .pages .entrylist_box .article p {display:none;}
}


/* entry detail
------------------------------------------*/
.entry_cnt {margin-bottom:40px;}
.entry_head {text-align:center;color:var(--color-main);line-height:1.6;padding:0 0 30px;border-bottom:2px solid var(--color-main);}
.entry_date {font-size:100%;margin-bottom:15px;color:var(--color-main);}
.entry_title {font-size:200%;font-weight:bold;}
.entry_title small {display: block;font-size: 55%;text-transform: capitalize;color: var(--color-main);font-weight:400;}
.entry_category_icon a {display:inline-block;padding:5px 10px;color:var(--color-white);background:var(--color-accent);font-size:85%;border-radius:3px;}
.entry_category_icon a + a {margin-left:4px;}
.entry_tag_icon {margin-top:20px;}
.entry_tag_icon a {display:inline-block;padding:3px 8px;color:var(--color-main);border:1px dashed var(--color-main);font-size:85%;border-radius:3px;line-height:1.4;margin:0 2px 4px;}
.entry_tag_icon a + a {margin-left:4px;}
.entry_thumb {padding:30px 30px 0 30px;text-align:center;background:var(--color-white);}
.entry_thumb img {width:100%;max-width:600px;height:auto;}
.entry_body {overflow:hidden;padding:50px 40px;background:var(--color-white);}
.entry_body_inner {max-width:600px;margin:0 auto;}
.entry_body_inner small.at {display:block;color:#999;font-size:77%;font-weight:bold;text-align:right;}
.entry_body_inner small.at:before {content:"@ ";}
.entry_body_inner .author {margin-top: 40px;display: flex;justify-content: flex-end;}
.entry_body_inner .author a {display:inline-flex;height:20px;align-items: center;justify-content: center; text-align:center;color:var(--color-white);font-size:70%;background:var(--color-accent);border-radius:3px;padding:0 10px;letter-spacing: 0.04em;opacity: 0.8;}
.entry_body_inner .author a::before {content:"written by";margin-right:8px;}
@media screen and (min-width: 641px) {
  .entry_category_icon a:hover,
  .entry_tag_icon a:hover,
  .entry_body_inner .author a:hover {opacity:0.65;}
}
@media screen and (max-width: 600px) {
  .entry_head {padding: 0 15px 30px;}
  .entry_cnt {margin-bottom:0;}
  .entry_title {font-size:6.5vw;}
  .entry_thumb {padding:15px 15px 0 15px;}
  .entry_body {padding:15px 15px 20px;}
}

/* topics */
.topics .entry_body_inner {max-width:800px;}

/* entry_pager
------------------------------------------*/
.entry_pager.pager1 a,
.entry_pager.pager1 span {width:33px;height:33px;line-height:33px;display:inline-block;color:var(--color-text);
  background:var(--color-white);border:1px solid #ddd;
}
.entry_pager.pager1 {width:960px;overflow:hidden;text-align:center;margin:0 auto;}
.entry_pager.pager1 {display:inline-block;}
.entry_pager.pager1 a.prev {border-radius:4px 0 0 4px;}
.entry_pager.pager1 a.next {border-radius:0 4px 4px 0;}
.entry_pager.pager2 {position:relative;max-width:800px;margin:0 auto;}
.entry_pager.pager2 ul {display:flex;width:100%;height:40px;text-align:center;align-items:stretch;}
.entry_pager.pager2 li a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;
  line-height:1.4;}
.entry_pager.pager2 li a span {display:block;font-size:80%;}
.entry_pager.pager2 li.tolist a {color:var(--color-white);background:var(--color-accent);font-weight:bold;font-size:85%;}
.entry_pager.pager2 li.tolist a.cat_dialysis {background:var(--color-green);border-color:var(--color-green);}
.entry_pager.pager2 li.tolist a.cat_diary {background:var(--color-yellow);border-color: var(--color-yellow);}
.entry_pager.pager2 li.tolist a.cat_web {background:var(--color-blue);border-color: var(--color-blue);}
.entry_pager.pager2 li.tolist a.cat_wordpress {background:var(--color-green);border-color:var(--color-green);}
.entry_pager.pager2 li.tolist a.cat_js {background:var(--color-orange);border-color:var(--color-orange);}
.entry_pager.pager2 li.tolist a.cat_css {background:var(--color-yellow);border-color: var(--color-yellow);}
.entry_pager.pager2 li.tolist a.cat_html {background:var(--color-blue);border-color: var(--color-blue);}

.entry_pager.pager2 li.prev,
.entry_pager.pager2 li.next {background: var(--color-main);}
.entry_pager.pager2 li.prev a,
.entry_pager.pager2 li.next a {position:relative;color: var(--color-white);}
.entry_pager.pager2 li.prev a::before {content:"";position:absolute;top:0;left:15px;width:12px;height:100%;background:url(../img/arr_white_01.svg) center center / 100% auto no-repeat;transform: scale(-1, 1);}
.entry_pager.pager2 li.next a::after {content:"";position:absolute;top:0;right:15px;width:12px;height:100%;background:url(../img/arr_white_01.svg) center center / 100% auto no-repeat;}
.entry_pager.pager2 li a i {color:var(--color-white);}
.entry_pager.pager2 li a:hover i {color:var(--color-white);}
.entry_pager.pager1 .current,
.entry_pager.pager1 a:hover {color:var(--color-white);background:var(--color-main);border:1px solid var(--color-main);}
@media screen and (max-width: 960px) {
  .entry_pager {width:100%;margin:0 auto 30px auto;}
}
@media screen and (min-width: 601px),print {
  .entry_pager.pager2 ul {border-radius:var(--box-border-radius);overflow: hidden;}
  .entry_pager.pager2 li.tolist {order: 2;width:180px;height:100%;}
  .entry_pager.pager2 li.prev {order:1;width:calc(50% - 90px);margin-right:auto;}
  .entry_pager.pager2 li.prev a {
    padding: 0 5px 0 30px;}
  .entry_pager.pager2 li.next {order: 3;width:calc(50% - 90px);margin-left:auto;}
  .entry_pager.pager2 li.next a {
    padding: 0 30px 0 5px;}
  .entry_pager.pager2 li a span {overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media screen and (max-width: 600px) {
  .entry_pager.pager2 {position:relative;}
  .entry_pager.pager2 ul {flex-wrap: wrap;height:auto;}
  .entry_pager.pager2 li.prev,
  .entry_pager.pager2 li.next {width:calc(50%);}
  .entry_pager.pager2 li.prev {order:1;border-right:1px solid var(--color-white)}
  .entry_pager.pager2 li.next {order:2;}
  .entry_pager.pager2 li.prev a {padding:15px 10px 15px 20px;height:54px;}
  .entry_pager.pager2 li.next a {padding:15px 20px 15px 10px;height:54px;}
  .entry_pager.pager2 li.prev span,
  .entry_pager.pager2 li.next span {text-align: left;}
  .entry_pager.pager2 li.prev a::before {left:8px;}
  .entry_pager.pager2 li.next a::after {right:8px;}
  .entry_pager.pager2 li.tolist {margin:15px auto 0;max-width:auto;display:inline-flex;order:3;width:auto;}
  .entry_pager.pager2 li.tolist a {padding:0 15px;height:30px;border-radius: var(--box-border-radius);background: var(--color-main);font-weight:400;}
}


/* comment */
/* .commentBx {overflow:hidden;padding:40px;background:var(--color-white);border:1px solid #ddd;margin:30px 0;}
.commentBx .tit {padding:10px 15px;background:var(--color-white);margin-bottom:10px;line-height:1.6;}
.commentBx .tit em {font-size:116%;}
.commentBx .navigation {padding:0 20px;}
.commentBx .navigation ul {text-align:center;}
.commentBx .navigation .nav-previous,
.commentBx .navigation .nav-next {display:inline-block;}
.commentBx .navigation a {position:relative;display:inline-block;font-size:85%;padding:8px 5px;border:1px solid #ddd;}
.commentBx .navigation .nav-previous a {padding:8px 10px 8px 5px;}
.commentBx .navigation .nav-previous a:before {content:"<";color:#00acc6;font-size:93%;margin-right:5px;}
.commentBx .navigation .nav-next a {padding:8px 5px 8px 10px;}
.commentBx .navigation .nav-next a:after {content:">";color:#00acc6;font-size:93%;margin-left:5px;}
.commentBx .commentlist {padding:10px 20px;margin-bottom:20px;}
.commentBx .commentlist li {padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ddd;font-size:85%;}
.commentBx .comment-author {margin-bottom:10px;}
.commentBx .commentmetadata {margin-bottom:5px;}
.commentBx .commentmetadata a {color:var(--color-main);}
.commentBx .reply {text-align:right;}
.commentBx .reply a {display:inline-block;padding:5px;border:1px solid #ddd;}
.commentBx .comment-awaiting-moderation {display:block;color:#ff6600;}
.commentBx #respond {margin-top:-50px;padding-top:50px;}
.commentBx #respond h3 {overflow:hidden;font-size:139%;color:var(--color-text);margin:0 0 15px 15px;line-height:1.6;}
.commentBx #respond h3 > a {display:inline-block;float:left;color:var(--color-text);text-decoration:underline;}
.commentBx #respond h3 small {display:inline-block;float:right;font-size:62%;margin-top:5px;line-height:1.2;}
.commentBx #respond h3 small a {display:block;border:1px solid #ddd;padding:5px 10px;color:#333;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;}
.commentBx #respond h3 small a:hover {border:1px solid #ccc;background:var(--color-white);}
#commentform {padding:15px;background:var(--color-white);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
#commentform > p {margin-bottom:10px;font-size:93%;}
#commentform > p a {text-decoration:underline;}
#commentform .required {color:red;}
#commentform small {font-size:93%;}
#commentform input[type="text"],
#commentform textarea {padding:10px;border:1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
#commentform textarea {width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing:border-box;}
#commentform #submit {display:block;width:200px;height:35px;line-height:35px;margin:0 auto;color:var(--color-white);border:0;text-align:center;background:#999;cursor:pointer;
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
#commentform #submit:hover {
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
@media screen and (max-width: 600px) {
  .commentBx {padding:20px;}
  #commentform p {position:relative;margin-bottom:10px;}
  #commentform label {position:absolute;top:0;left:0;}
  #commentform input[type="text"] {margin-top:25px;width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing:border-box;}
  #commentform textarea {margin-top:10px;padding:10px;}
} */

/* ページ下部　ボタン */
.content_foot .btn_wrap {margin-top: 60px;}
.content_foot .btn_wrap .link_btn {width:300px;height:44px;margin:0 auto;display:flex;font-weight:600;color:var(--color-white);line-height:1.4;text-align:center;background:var(--color-accent);border-radius:var(--box-border-radius);align-items:center;justify-content:center;}
@media screen and (max-width: 600px) {
  .content_foot .btn_wrap {margin-top:40px;}
}

/* page
------------------------------------------*/
/* .page .content {margin-top:80px;}
.page_head {text-align:center;border-bottom:2px solid var(--color-main);}
.page_title {font-size:200%;color:var(--color-main);line-height:1.6;margin-bottom:50px;font-weight:bold;}
.page_title small {display:block;font-size:55%;text-transform:capitalize;color:var(--color-main);}
.page_body {overflow:hidden;padding:40px 40px 10px 40px;background:var(--color-white);min-height:400px;}
.content .page_body .tit1 {color:var(--color-main);}
.content .page_body .ul_list1 li:before {color:var(--color-main);}
@media screen and (min-width: 769px) and (max-width: 960px) {
}
@media screen and (max-width: 960px) {
  .page .content {margin-top:40px;}
} */



/* page--contact
------------------------------------------*/
.contact_cnt {margin-bottom:30px;}
.contact_cnt dl {line-height:1.6;padding:20px 20px 5px 20px;border:1px solid #ddd;background:var(--color-white);margin-bottom:20px;}
.contact_cnt dt {color:#666;font-size:100%;margin-bottom:10px;}
.contact_cnt dd {margin-bottom:15px;}
.contact_cnt .icon {display:inline-block;width:30px;color:var(--color-white);background:var(--color-accent);font-size:10px;text-align:center;margin:0 10px;line-height:1.6;border-radius: 2px;}
.contact_cnt .txt1 {line-height:1.6;font-size:100%;text-align:center;margin-bottom:20px;}
.contact_cnt .form_btn {text-align:center;}

/* form reset*/
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width:100%;
  background-color: var(--color-white);
  padding:10px 15px;
  color: #333;
  border: 1px solid #ddd;
  font-size: 100%;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing:border-box;}

/* submit button */
.wpcf7 input[type="submit"] {
  color:var(--color-white);
  font-size: 108%;
  padding: 12px 30px;
  background: var(--color-main);
  border-radius: 4px;
  cursor: pointer;
  /*box-shadow: 0 0 1px rgba(0,0,0,.2);*/
  border:0;
  /*text-shadow: -1px 1px 0 rgba(255,255,255,1);*/
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  text-decoration:none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  font-weight:bold;
}
.wpcf7 input[type="submit"]:hover {
  /*box-shadow: 0 0 1px rgba(0,0,0,.2) inset;*/
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
}

/* 入力漏れがあるとき */
.wpcf7 span.wpcf7-not-valid-tip {font-size:93%;}

/* メッセージ欄 */
div.wpcf7-mail-sent-ok {padding:10px 15px;text-align:center;border:2px solid var(--color-main);}


/* page--sitemap
------------------------------------------*/
.content .sitemap_wrap .list_title.term small {font-size:80%;}
.content .sitemap_wrap .entry_list .more {margin-top:20px;}
.content .sitemap_wrap .entry_list .more a {font-weight:700;color:var(--color-main)}
.content .sitemap_wrap .entry_list .more::before {display:none;}

/* page--links
------------------------------------------*/
.links_btn {overflow:hidden;max-width:600px;margin:30px auto;}
.links_btn li {float:left;width:50%;}
.links_btn li a {display:block;margin:0 10px;height:44px;line-height:44px;color:var(--color-white);font-size:116%;text-align:center;background:var(--color-accent);border-radius:var(--box-border-radius);font-weight:bold;}
.links_btn li a:hover {background:var(--color-main);}
.links_btn2 {overflow:hidden;max-width:600px;margin:30px auto;}
.links .txtarea1 {overflow:hidden;min-height:60px;position:relative;}
.links .txtarea1 p {padding-right:240px;}
.links .txtarea1 .btn {position:absolute;top:0;right:0;width:220px;}
.links .txtarea1 .btn a {display:block;height:35px;line-height:35px;color:var(--color-white);text-align:center;background:var(--color-main);font-weight:bold;border-radius: 5px;}
.links .txtarea1 .btn a:hover {opacity:0.65;}
.links .txtarea1 .btn a small {margin-left:5px;font-size:85%;font-weight:bold;}
.links .tit1 {color:var(--color-white);font-weight:normal;margin-bottom:0;padding:8px 15px;background:var(--color-main);font-weight:bold;font-size:124%;}
.links .links_tabpanel {overflow:hidden;border:1px solid #ddd;background:var(--color-white);padding:20px;margin:0 auto 40px auto;}
.links .tabs {width:100%;display:table;padding-bottom:10px;margin-bottom:20px;}
.links .tabs li {display:table-cell;width:16.666666%;}
.links .tabs li a {display:block;position:relative;text-align:center;color:var(--color-white);margin-left:5px;background:var(--color-main);font-weight:bold;
  font-size:115%;height:45px;line-height:45px;border-radius:10px 10px 0 0;}
.links .tabs li:first-child a {margin-left:0;}
.links .tabs li.active a,
.links .tabs li a:hover {background:var(--color-accent);}
.links .tabs li.active a:after,
.links .tabs li a:hover:after {content:"";position:absolute;bottom:-10px;left:50%;margin: 0 0 0 -10px;width:0;height:0;
    border-style: solid;border-width: 10px 10px 0 10px;border-color: var(--color-accent) transparent transparent transparent;}
.links .tab_content {margin:0 -5px;}
.links .tab_content ul {overflow:hidden;margin:0;}
.links .tab_content li {float:left;width:33.333333%;margin-bottom:20px;line-height:1;}
.links .tab_content li > a {position:relative;display:block;margin:0 10px;padding:3px;background:var(--color-white);border:1px dashed #ccc;}
.links .tab_content li a:hover .over {opacity:1;z-index:2;}
.links .tab_content li a .img img {width:100%;height:auto;}
@media screen and (max-width: 960px) {
  .links .txtarea1 p {padding:0;}
  .links .txtarea1 .btn {position:static;float:right;margin:5px 0 20px 0;}
  .links .tab_content {margin:0 5px;}
  .links .tab_content li {width:50%;margin-bottom:10px;}
  .links .tab_content li a {margin:0 5px;}
}
@media screen and (max-width: 600px) {
  .links_btn li {float:none;width:100%;margin-bottom:10px;}
  .links .tabs {overflow:hidden;width:100%;display:block;padding:0;margin:0;}
  .links .tabs li {display:block;float:left;width:33.333333%;}
  .links .tabs li a,
  .links .tabs li:first-child a {margin:0 5px 10px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
  .links .tabs li a:after {display:none;}
  .links .tab_content {padding-top:10px;}
}

/* syntaxhighlighter */
div + .tit2 {margin-top:30px;}


/* -----------------------------------------------------------*/
/* ボタン もっと見る */
/* -----------------------------------------------------------*/
.more_list .more_btn {z-index:20;position:relative;}
.more_list .more_btn span {max-width:280px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:25px;position:relative;border:1px solid #dcdcdc;margin:30px auto;cursor:pointer;background:var(--color-white);color:#666;font-size:15px;color:#666;}
.more_list .more_btn span::after {position:absolute;font-family:"Font Awesome 5 Free";top:auto;right:15px;height:auto;line-height:unset;font-weight:bold;}
.more_list .more_btn span.down::after {content:"\f078";}
.more_list .more_btn span.up::after {content:"\f077";}
@media screen and (min-width: 601px) {
	.more_list .more_btn span:hover {opacity:.65;}
}
@media screen and (max-width: 600px) {
	.more_list .more_btn {margin:20px auto;}
	.more_list .more_btn span {font-size:14px;-webkit-tap-highlight-color:rgba(0, 0, 0, .2);}
	.more_list .more_btn span::after {font-size:12px;}
}

/* -----------------------------------------------------------*/
/* 一覧 pagenation */
/* -----------------------------------------------------------*/
.pagination {display:flex;justify-content:center;}
.nav-links {display:inline-flex;position: relative;padding:0 80px;justify-content: center;align-items: center;margin: 40px auto;}
.page-numbers {margin:0 5px;display:flex;width:40px;height:40px;align-items: center;justify-content: center; color:var(--color-main);border-radius:var(--box-border-radius);background:var(--color-white);}
.page-numbers.current {background:var(--color-accent);color:var(--color-white);}
.page-numbers.prev,
.page-numbers.next {font-size:85%;width:80px;background:transparent;box-shadow:none;color:var(--color-main);}
.page-numbers.prev::before{content:"";display: block;background: url(../img/arr_main_01.svg) center center / 100% auto no-repeat;width: 8px;height: 100%;margin-right:5px;transform: scale(-1,1);}
.page-numbers.next::after {content:"";display: block;background: url(../img/arr_main_01.svg) center center / 100% auto no-repeat;width: 8px;height: 100%;margin-left:5px;}
.page-numbers.next {position: absolute;top:0;right:0}
.page-numbers.prev {position: absolute;top:0;left:0}
.page-numbers.dots {margin:0;background:transparent;box-shadow:none;color:var(--color-main);}
@media screen and (max-width:600px) {
  .nav-links {padding:0 20vw;margin:20px auto;}
  .page-numbers {width:10vw;height:10vw;font-size:4vw;margin:0 3px;}
  .page-numbers.prev,
  .page-numbers.next {width:20vw;font-size:3.5vw;}
  .page-numbers.prev::before,
  .page-numbers.next::after {width:6px;}
  .page-numbers.dots {width:8vw;margin: 0;}
}

/* -----------------------------------------------------------*/
/* 本文中の目次 */
/* -----------------------------------------------------------*/
.entry_body .toc__container {
  background: var(--color-main);
  border-radius: 8px;
  overflow: hidden;
  padding: 15px 25px;
  width: 100%;
  margin: 30px auto;
}

.entry_body .toc__title {
  cursor: pointer;
  font-size: 100%;
  line-height: 1.4;
  margin: 0;
  padding-left: 20px;
  position: relative;
  transition: opacity 0.3s ease;
  color: var(--color-white);
}

.entry_body .toc__title span {
  font-weight: inherit;
}

.entry_body .toc__title::before {
  background: url(../img/arr_white_01.svg) center center/100% auto no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
}

.entry_body .toc__title.is_open::before {
  -webkit-transform: rotate(90deg) translate(-120%, 0);
  transform: rotate(90deg) translate(-120%, 0);
}

.entry_body .toc__list {
  margin: 0;
}

.entry_body .toc__list li {
  border-bottom: 1px solid var(--color-main-op);
  padding-left: 0;
  margin: 0;
}

.entry_body .toc__list li:last-of-type {
  border-bottom: 0;
}

.entry_body .toc__list li::before {
  display: none;
}

.entry_body .toc__list li a {
  display: block;
  border-bottom: 0;
  transition: opacity 0.6s ease, padding 0.6s ease;
  color:var(--color-white);
}


.entry_body .toc__list.is_open {
  margin-top: 12px;
}

.entry_body .toc__list.is_open li a {
  display: block;
  font-size: 88%;
  line-height: 1.4;
  padding: 8px 0;
  visibility: visible;

}

.entry_body .toc__list:not(.is_open) li {
  border-bottom: 0;
}

.entry_body .toc__list:not(.is_open) li a {
  font-size: 0;
  line-height: 0;
  opacity: 0;
  padding: 0;
  transition: opacity 0.8s ease, padding 0.8s ease;
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .entry_body .toc__container {
    border-radius: 2.1333vw;
    margin: 8vw 0;
    padding: 4vw;
  }

  .entry_body .toc__title {
    font-size: 3.7333vw;
    padding-left: 5.3333vw;
  }

  .entry_body .toc__title::before {
    height: 2.9333vw;
    left: 1.3333vw;
    width: 1.3333vw;
  }

  .entry_body .toc__list.is_open {
    margin-top: 3.2vw;
  }

  .entry_body .toc__list.is_open li a {
    padding: 2.1333vw 0;
  }
}