/*
Template: twentytwenty
Theme Name: twentytwenty-child
Version:1.0
*/

/*******************************************************
 * 1 - Base
 *******************************************************/
:root {
  --pink: #fc9191;
}

 html { font-size: 100%; }
 body { font-size: 16px; line-height: 1.8; }
 body,
 h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2,
.entry-content h3 {
  color: #404040;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.02em;
 }
 .header-footer-group,
 body:not(.overlay-header) #site-header .toggle {
  color: #404040;
 }
#hdimg {
 margin: 0;
 padding: 0;
 width: 100%;
}
#hdimg img {
 width: 100%;
 max-height: 246px;
 object-fit: cover;
}

#hdimg2 {
  margin:0 auto;
  padding: 0;
  width: 100%;
 }

 #hdimg2 img {
  width: 60%;
  padding: 50px;
 }

 #hdimg2 .img-box {
  text-align:center;
}

 @media screen and (max-width: 500px){
  
   #hdimg2 img {
    width: 100%;
    padding: 10px;
   }
 }

 #site-content {
  margin: 50px 5% 0;
  width: 90%;
  max-width: 1100px;
 }
 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 1000px;
  width: calc(100% - 4rem);
 }
 .section-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 120rem;
  width: calc(100% - 3rem);
 }
 
 .brmb::before, .brpc::before {
   content: "\A" ;
   white-space: pre ;
 }
 .brmb::before { display: none; }
 
 
  /* Header-------------------------------------------*/
 .header-inner {
  max-width: 75rem;
  padding: 14px 0;
 }
 .site-logo img { max-height: 2rem; }
 
 .header-inner .toggle {
  padding: 20px;
  width: 62px;
  justify-content: flex-end;
 }
 .nav-toggle .toggle-icon,
 .nav-toggle .toggle-icon::before,
 .nav-toggle .toggle-icon::after {
   display: block;
  width: 22px;
  height: 2px;
  background-color: var(--pink);
  border-radius: 2px;
  transition: all .4s;
 }
 .nav-toggle .toggle-icon {
  position: relative;
  overflow: visible;
 }
 .nav-toggle .toggle-icon::before,
 .nav-toggle .toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
 }
 .nav-toggle .toggle-icon::before { top: 8px; }
 .nav-toggle .toggle-icon::after { bottom: 8px; }
 
 .menu-modal-inner { background-color: var(--pink); }
 .menu-modal nav * { border-color: rgba(255,255,255,.3); }
 .modal-menu a { padding: 1.5rem 2rem; color: #fff; }
 .modal-menu a:hover { 
  background-color: #cd2653;
  color: #fff;
 }
 .menu-modal .toggle { color: #fff; }
 .menu-modal button:hover { text-decoration: none; }
 button.close-nav-toggle .toggle-text { font-size: 0.75rem; }
 button.close-nav-toggle {
  padding: 1.2rem 0 3rem;
  font-weight: normal;
 }
 .modal-menu > li > a,
 .modal-menu > li > .ancestor-wrapper > a {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: flex;
 }
 .modal-menu > li > a::before,
 .modal-menu > li > .ancestor-wrapper > a::before {
  font-family: "Material Icons Outlined";
  content: "\eaaa";
  margin-right: 0.3rem;
  font-size: 1.4rem;
  font-weight: normal;
 }
 .modal-menu a:focus, .modal-menu a:hover,
 .modal-menu li.current-menu-item > .ancestor-wrapper > a,
 .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
  text-decoration: none;
 }
 
#site-header ul.primary-menu { line-height: 1.3; }
 
 
 /* Footer Widget-------------------------------------*/
 
 .footer-nav-widgets-wrapper {
  padding: 0;
  background-color: #403f34;
  border: 0;
  position: relative;
 }
 .footer-widgets-outer-wrapper {
  padding: 0;
  border: 0;
 }
 .footer-widgets.column-one {
  padding: 38px 5.33333vw 30px;
  color: #fff;
 }
 .footer-widgets.column-one figure + p {
  margin-top: 35px;
  line-height: 1.6;
 }
 .footer-widgets.column-two { display: none; }
 
 .footer-copyright {
  margin: 0;
  font-size: 0.7rem;
  font-weight: normal;
 }
 
 .footerPageTop { right: 3.2vw; }
 .footerPageTop {
  width: 79px;
  height: 79px;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  top: -42px;
  z-index: 20;
 }
 #site-footer {
  margin-top: -1px;
  padding: 0 0 1rem;
  background-color: #403f34;
  color: #fff;
  display: none;
 }
 #site-footer .section-inner { justify-content: center; }
 
 
 /*******************************************************
  * 2 - Typography
  *******************************************************/
 h1, .heading-size-1 {
  margin: 0 0 2.5rem;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
 }
h1 span {
 margin-top: 0.7rem; 
 font-size: 0.75rem;
 display: block;
}
h3, .heading-size-3 { font-size: 1.5rem; }
.entry-content > * { margin-bottom: 2rem; }
p, .entry-content p {
 margin: 0 auto 1rem;
 font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
 line-height: 1.8;
}
.entry-content p.nosp { margin: 0 0 0.3rem; }
 
 
a { background-color: transparent; transition: background 1s; }
b,strong { font-weight: bold; }
.red { color: #bc0000 }
.redb { color: #bc0000; font-weight: bold; }
.stx { font-size: 0.75rem; }
.ltx { font-size: 1.2rem; }
.btx { font-weight: bold; }
.bltx { font-size: 1.1rem; font-weight: bold; }

.cside { text-align: center; }
 
 
/*******************************************************
 * 3 - Basic Elements
 *******************************************************/
button, input[type="button"],
input[type="reset"],
input[type="submit"] {
 text-transform: none;
}
 
.wp-block-image.nosp { margin: 0 !important; }
 
/*******************************************************
 * 5 - Common
 *******************************************************/
/*------------------------------------
   Links
 -----------------------------------*/
a:hover,
a:focus,
a:active {
 color: #c86464;
 text-decoration: underline;
}
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; }

#breadcrumbs {
 margin: 0;
 padding: 0;
 font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
 line-height: 1.3;
}
#breadcrumbs ul { margin-bottom: 0.5rem; }
#breadcrumbs a { margin: 0 0.3rem; color: #707070; }
#breadcrumbs .breadcrumb_last { margin-left: 0.3rem; }
#breadcrumbs a:hover { color: #c86464; text-decoration: underline; }
 
#site-content a:hover img { opacity: 0.5; }
#site-content a img { transition: .5s; }
 
#site-content > .btn {
 margin: 3rem 0 0;
 width: 100%;
 text-align: center;
}
#site-content > .btn a {
 margin: 0 auto;
 padding: 0.8rem 1.5rem;
 width: 80%;
 max-width: 15em;
 background-color: var(--pink);
 border-radius: 5px;
 color: #fff;
 font-size: 1.2rem;
 font-weight: 700;
 letter-spacing: 0.03em;
 text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
}
#site-content > .btn .material-icons-outlined { margin-left: 0.3rem; }
#site-content > .btn a:hover { background-color: #e22658; }

 
 /*******************************************************
  * Contents
  *******************************************************/
 /*------------------------------------
    TOP
  -----------------------------------*/
 .blog #site-content .archive-title,
 .blog #site-content hr,
 .blog #site-content .post-meta-wrapper,
 .blog #site-content article .entry-header,
 .blog #site-content article .post-inner { display: none; }
 .blog #site-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
.blog #site-content header { width: 100%; }
.blog .toplist {
 margin: 0 -1.5rem 0 0;
 display: flex;
 flex-wrap: wrap;
}
.blog .toplist article {
 margin: 0 1.5rem 1.5rem 0;
 width: calc((100% - 3rem) / 2);
}
body:not(.singular) main > article:first-of-type { padding-top: 0; }
 
.blog #site-content article .featured-media,
.archive .archivelist .featured-media { margin-top: 0; }
.blog #site-content article .featured-media-inner { width: 100%; }


/*------------------------------------
  Custom Search
 -----------------------------------*/
#filtersch {
 margin: 0;
 padding: 0 0 2rem;
 width: 100%;
}
#filtersch h1 { letter-spacing: 0.1em; }
#filtersch > div {
 margin: 0 auto;
 padding: 16px 20px 20px;
 border: 1px solid #707070;
 max-width: 1000px;
}
#filtersch dt {
 font-size: 0.82rem;
 font-weight: 500;
}
#filtersch dd {
 margin: 0;
 padding: 0.3rem 0 0;
 font-size: 0.875rem;
}
#filtersch dd + dt { margin-top: 0.3rem; }
#filtersch dd input { display: none; }
#filtersch dd label {
 margin: 0 0.5rem 0.6rem 0;
 padding: 0;
 font-size: 0.9rem;
 font-weight: 500;
 display: inline-block;
}
#filtersch dd label span {
 padding: 0.4rem 1rem;
 background-color: #f3f2f2;
 border-radius: 8px;
 display: block;
}
#filtersch dd input[type=checkbox]:checked+span {
 background: var(--pink);
 color: #fff;
}
#filtersch p.btn {
 margin: 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
#filtersch .btn input[type="submit"] {
 margin: 0 0.5rem;
 padding: 0.8rem 1.5rem;
 background-color: var(--pink);
 border-radius: 50px;
 font-size: 1rem;
 font-weight: 700;
 line-height: 1;
 letter-spacing: 0.03em;
 text-decoration: none;
 text-transform: none;
}
#filtersch .btn a {
 margin: 0 0.5rem;
 padding: 0.8rem 1rem;
 border: 1px solid #aaa;
 border-radius: 50px;
 color: #707070;
 font-weight: 500;
 line-height: 1;
 text-decoration: none;
 display: block;
}
 

/*------------------------------------
  SEARCH
 -----------------------------------*/
#filtersch + div { font-size: 0.875rem; }
.search #site-content ul {
 margin: 1rem -1.5rem 1rem 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
}
.search #site-content li {
 margin: 0 0 1.5rem 0;
 width: calc((100% - 3rem) / 2);
 list-style: none;
}
.search #site-content li.noitem { width: auto; }


/*------------------------------------
  ARCHIVE
 -----------------------------------*/
.archive article .entry-header-inner,
.archive hr,
.archive .archivelist .post-meta-wrapper,
.archive h1.archive-title .color-accent { display: none; }
.archive .archive-header { padding: 2rem; }
h1.archive-title { font-size: 1.1rem; }
h1.archive-title span {
 margin-top: 0.7rem;
 font-size: 1.1rem;
 letter-spacing: 0.03em;
 display: flex;
 justify-content: center;
 align-items: center;
}
h1.archive-title span::before {
 font-family: 'Material Icons Outlined';
 content: "\e8b6";
 margin: 0 0 -0.3rem;
 font-size: 1.8rem;
}
.archive .archivelist {
 margin: 0 -1.5rem 0 0;
 display: flex;
 flex-wrap: wrap;
}
.archive .archivelist article {
 margin: 0 1.5rem 1.5rem 0;
 width: calc((100% - 3rem) / 2);
}
.archive .archivelist .featured-media { margin: 0; }
.archive .archivelist article .section-inner { width: 100%; }
.post-meta { font-size: 0.9rem; }
.post-meta .post-edit .meta-icon svg {
 width: 1.4rem;
 height: 1.4rem;
}
 
 /*------------------------------------
    SINGLE PAGE
  -----------------------------------*/
.single #site-content article .entry-header,
.single #site-content article featured-media,
.post-meta-single-bottom { display: none; }
.post-inner { padding-top: 0; }
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 width: 100%;
 max-width: 1000px;
}
.entry-content h2.itemcode {
 margin: 1.5rem 0 0.5rem;
 padding: 0;
 font-size: clamp(1rem, 0.932rem + 0.34vw, 1.188rem);
 font-weight: normal;
}
.single #site-content article .itemcode + h2 {
 margin: 0 auto 1.5rem;
 padding: 0;
 font-size: clamp(1.563rem, 1.494rem + 0.34vw, 1.75rem);
}

.entry-content .taxonomy-post_tag {
 padding: 2rem 0 1.5rem;
 font-family: 'Noto Sans JP', sans-serif;
}
.entry-content .taxonomy-post_tag a {
	margin: 0 0.5rem 0.5rem 0;
 padding: 0.4rem 1.2rem;
 background-color: #f3f2f2;
 border-radius: 10px;
 color: #404040;
 font-size: 0.8rem;
 text-decoration: none;
 display: inline-block;
}

.entry-content .attention{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    display: block;
}

.single #site-content article .wp-block-buttons > .wp-block-button { margin: 0 auto; }
.single #site-content article .wp-block-buttons .wp-block-button__link {
 margin: 0 auto;
 padding: 1.1rem 2rem 0.9rem;
 background-color: var(--pink);
 border-radius: 5px;
 color: #fff;
 font-size: 1.2rem;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1;
}
.single #site-content article .wp-block-buttons .wp-block-button__link::after {
 font-family: 'Material Icons Outlined';
 content: "\e039";
 vertical-align: sub;
 font-weight: normal;
 margin-left: 0.2rem;
 font-size: 1.4rem;  
}
.single #site-content article .wp-block-buttons .wp-block-button__link:hover {
 background-color: #cd2653;
 text-decoration: none;
}

.single .chilogo1 {
 margin:1rem 0 0 !important;
 width: 50%;
 max-width: 209px;
}
.single .chi-concept {
 padding: 1.5rem;
 border: 1px solid #2d2d2d;
}
.single .chi-concept .wp-block-image { margin: 0 !important; }
.single .chi-concept .wp-block-image img {
 margin: 1rem auto 0;
 width: 115px;
}





 /*------------------------------------
   Related post
  -----------------------------------*/
.relate h3 {
 font-size: 1.1rem;
 display: flex;
 align-items: center;
}
.relate h3 .material-icons-outlined { font-size: 1.6rem; }
.relate ul {
 margin: 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
}
.relate li {
 margin: 0 10px 20px;
 padding: 0;
 width: calc(50% - 20px);
 list-style: none;
}


 
/*------------------------------------
  PAGENATION
 -----------------------------------*/
.pagination-wrapper { margin-top: 3rem; }
.pagination .nav-links {
 margin: 0;
 width: 100%;
 font-size: 1rem;
 font-weight: normal;
 align-items: center;
}
.nav-links > * {
 margin: 0 0.5rem 0;
 padding: 0.15rem 0.75rem;
 border: 1px solid #707070;
}
.nav-links > span.current { background-color: #efefef; }
.nav-links > a { color: #404040; }
.nav-links > a:hover { color: #e22658; text-decoration: none; }
.nav-links > a:not(.prev):not(.next):hover {
 color: #fff;
 background-color: var(--pink);
 border-color: var(--pink);
 text-decoration: none;
}
.nav-links > .prev,
.nav-links > .next {
 margin: 0;
 border: 0;
 display: flex;
 align-items: center;
}
.nav-links .placeholder {
 display: none;
 visibility: hidden;
}
.pagination .dots {
 margin: 0 0px -20px;
 padding: 0.15rem 0.4rem;
 border: 0;
 font-size: 2rem;
}


/*------------------------------------
  LINE BUTTON
-----------------------------------*/
.top-btn {
 position: fixed;
 bottom: 2%;
 right: 2%;
 transition: all .3s;
 visibility: visible;
 display: flex;
 justify-content:flex-end;
 z-index: 10000;
}
.open { cursor: pointer; }
.top-btn > div {
 margin: 0 0.5rem;
 width: 26%;
}
#pop-up, .overlay { display: none; }
#pop-up:checked + .overlay {
 display: block;
 z-index: 9999;
 background-color: rgba(0,0,0,0.565);
 position: fixed;
 width: 100%;
 height: 100vh;
 top: 0;
 left: 0;
}
.window {
 margin: 0 auto;
 padding: 0 5%;
 width: 100%;
 max-width: 700px;
 height: auto;
 border-radius: 6px;
 display: flex;
 justify-content: center;
 align-items: center;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.window ul {
 margin: 0 auto;
 padding: 0;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.window ul li {
 margin: 0 10px 30px;
 width: calc(50% - 20px);
 color: #fff;
 font-size: 0.8rem;
 font-weight: bold;
 letter-spacing: normal;
 text-align: left;
 list-style: none;
}
.window ul li span {
 margin-bottom: 10px;
 display: block;
}
.window ul li img {
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
}
.window dt {
 margin-bottom: 0.5rem;
 font-weight: normal;
}
.window dd { margin: 0; }
.text {
 margin: 0;
 font-size: 18px;
}
.close {
 cursor: pointer;
 position: absolute;
 top: initial;
 bottom: -80px;
 opacity: 1;
 color: #fff;
 font-size: 60px;
}



 
/*******************************************************
 * Style  less 500px
 -----------------------------------------------------------------*/
@media (max-width: 500px){
.brpc::before { display: none; }
.brmb::before { display: initial; }
 
.footer-widgets.column-one .widget-content img { margin: 0 auto; }
.open img { width: 75px; }

.search #site-content ul { margin-right: -1rem; }
.search #site-content li {
 margin: 0 1rem 1rem 0;
 width: calc((100% - 2rem) / 2);
}
 
.blog .toplist,
.archive .archivelist { margin-right: -1rem; }
.blog .toplist article,
.archive .archivelist article {
 margin: 0 1rem 1rem 0;
 width: calc((100% - 2rem) / 2);
} 
  
.entry-content .attention{
    margin: 0 auto;
    display: block;
    font-size: 12px;
}
 
}
 
/*******************************************************
 * Style  over 700px
----------------------------------------------------------------*/
@media (min-width: 700px){

.section-inner { width: calc(100% - 4rem); }  
h1, .heading-size-1 { font-size: 1.5rem; }
h1 span { font-size: 0.85rem; }
 
  
/* Footer Widget-----------------------------------*/
.footer-widgets-wrapper {
 margin-left: 0;
 width: 100%;
 justify-content: flex-start; 
}
.footer-widgets { margin-left: 0;}
.entry-content { font-size: 1rem; }
  
/* TOP ----------------------------------*/

 
  
/* Pagenation ----------------------------------*/
.pagination .nav-links {
 margin: 0.5rem 0.3rem 0;
 font-size: 1.125rem;
}  
.nav-links > * { margin: 0 0.5rem 0; }
  

/* Related post ----------------------------------*/
.relate li {
 margin: 0 20px 20px;
 width: calc(25% - 40px);
}

}
 /*******************************************************
  * Style  over 782px
  -----------------------------------------------------------------*/
 @media (min-width: 782px){
 .single #site-content article .wp-block-buttons > .wp-block-button { margin: 0; }
 .single #site-content article .wp-block-buttons .wp-block-button__link {
  font-size: 1.4rem; }

}
  
 /*******************************************************
  * Style  less 840px
  ------------------------------------------------------*/
 @media (max-width: 839px){
 /* Footer Widget-----------------------------------*/
 .footer-widgets.column-one .widget-content img { width: 181.15px; }
 }
 
 
 /*******************************************************
  * Style  over 840px
  -----------------------------------------------------------------*/
 @media (min-width: 840px){
 #site-content {
  margin: 75px auto 0;
  width: 80%;
 }
.section-inner { width: calc(100% - 8rem); }  

#site-content > .btn { margin-top: 5rem; }  
  
  /* Typography ---------------------------------------*/
h1, .heading-size-1 { font-size: 2rem; }
h1 span {
 margin-top: 1rem; 
 font-size: 1.1rem;
}
 .entry-title { font-size: 2rem; }
 p { font-size: 1rem; }
 h2 {
   margin-top: 7rem;
   margin-bottom: 1.5rem;
   padding: 1.1rem;
   font-size: 1.5rem;
 }
 
  /* Header ---------------------------------------*/ 
 .site-logo img { max-height: 2.625rem; } 
 ul.primary-menu { align-items: center; }
 body:not(.overlay-header) .primary-menu > li > a {
  color: #404040;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight: 500;
 }
 body:not(.overlay-header) .primary-menu > li > a:hover {
  text-decoration: none;
 }
 body:not(.overlay-header) .primary-menu > li:last-child > a {
  display: block;
  padding: 0.6rem 1.4rem;
  background-color: var(--pink);
  border-radius: 40px;
  color: #fff;
  font-size: 0.875rem;
 }
  
  
  
 /* Footer Widget-----------------------------------*/
 .footer-nav-widgets-wrapper { background-color: #fff; }
 .footer-inner.section-inner {
  max-width: initial;
  width: 100%;
 }
 .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper {
  border-top-width: 0.1rem;
  position: relative;
 }
 .footer-widgets.column-one {
  padding: 84px 0 54px;
  width: 71.8571428571%;
  background-color: #403F34;
 }
 .footer-widgets.column-one .widget-content > div {
  margin-left: auto;
  padding-right: 106px;
  max-width: 820px;
  display: flex;
  align-items: center;
 }
 .footer-widgets.column-one figure + p { margin-left: 68px; }
 .footer-widgets.column-one p { font-size: 0.9rem; }
 .footer-widgets.column-two {
  padding: 53px 0 54px;
  width: 27.1428571429%;
  display: block;
 }
 .footer-widgets.column-two .widget-content > div {
  margin-right: auto;
  padding-left: 78px;
  max-width: 280px;
 }
 .footer-widgets.column-two .widget-content > div h2 {
  margin-bottom: 16px;
  padding: 0;
  border-bottom: 1px solid #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  line-height: 1.5;
 }
 .footer-widgets.column-two .widget-content > div ul,
 .footer-widgets.column-two .widget-content > div li {
  margin: 0;
  padding: 0;
  list-style: none;
 }
 .footer-widgets.column-two .widget-content > div li a {
  margin-bottom: 5px;
  color: #403f34;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
  display: flex;
  align-items: center;
 }
 .footer-widgets.column-two .widget-content > div li a img {
  margin-right: 4px;
  width: 17px;
 }
 .footer-widgets.column-one .widget-content img { width: 244.82px; }
 .footerPageTop { right: 3.85714vw; }
 
  
 /* TOP ----------------------------------*/
  
  
 
/*------------------------------------
  Custom Search
 -----------------------------------*/
#filtersch { padding: 0 0 4rem; }
#filtersch p { font-size: 1.125rem; }
#filtersch > div { padding: 30px 50px; }
#filtersch dl {
 display: flex;
 flex-wrap: wrap;
 align-items: top;
}
#filtersch dt {
 padding: 0.8rem 0 1rem;
 width: 7em;
 font-size: 1.125rem;
}
#filtersch dd {
 padding: 0.5rem 0 0;
 width: calc(100% - 7em);
 font-size: 1.125rem;
 font-weight: normal;
}
#filtersch dd + dt { margin-top: 0; }
#filtersch dd label {
 margin: 0 1rem 1rem 0;
 font-size: 1.125rem;
}
#filtersch dd label span {
 padding: 0.6rem 1.4rem;
 border-radius: 12px;
}
#filtersch .btn input[type="submit"] {
 margin: 0 0.6rem;
 padding: 1.2rem 2.2rem;
 font-size: 1.1rem;
}
#filtersch .btn a {
 margin: 0 0.6rem;
 padding: 1.2rem 1.5rem;
 font-size: 1.1rem;
}
  
/* Search -------------------------------------------*/
.search #site-content ul { margin-right: -2rem; }
.search #site-content li {
 margin: 0 2rem 2rem 0;
 width: calc((100% - 8rem) / 4);
}  
  
  
/* Single page -------------------------------------------*/
.entry-content h2.itemcode { margin: 1.5rem 0 0.8rem;}
.entry-content .taxonomy-post_tag { padding: 1.5rem 0; }
.entry-content .taxonomy-post_tag a {
	margin: 0 0.8rem 0.8rem 0;
 font-size: 0.9rem;
}
 
.relate h3 { font-size: 1.2rem; }
.relate h3 .material-icons-outlined { font-size: 1.8rem; }  
 
.single .chi-concept {
 padding: 2rem 2.5rem 2rem 1.5rem;
 width: 80% !important;
 max-width: 800px !important;
}
.single .chi-concept .wp-block-image img { margin-top: 0; }
  
  
 /* Archive -------------------------------------------*/
h1.archive-title,
h1.archive-title span { font-size: 1.5rem; }
.archive .archive-header { padding: 2rem 2rem 3rem; }
.blog .toplist,
.archive .archivelist { margin-right: -2rem; }
.blog .toplist article,
.archive .archivelist article {
 margin: 0 2rem 2rem 0;
 width: calc((100% - 8rem) / 4);
}
.nav-links > * { padding: 0.15rem 0.8rem; }
.nav-links .placeholder {
 display: none;
 visibility: hidden;
}
h1.archive-title span::before {
 margin-right: 0.2rem;
 font-size: 2.4rem;
}
  

 /* LINE Button -------------------------------------------*/ 
.top-btn { right: 4%; }
.top-btn > div { margin: 0; }
.window ul li {
 margin: 0 20px 30px;
 width: calc(50% - 40px);
 font-size: 1rem;
}

}

 /*******************************************************
  * Style  over 1000px
  -----------------------------------------------------------------*/
@media (min-width: 1000px){
.pagination .nav-links { justify-content: flex-start; } 
.pagination .prev,
.pagination .next { margin: 0; }
.nav-links .placeholder {
 display: none;
 visibility: hidden;
}
 
}
  

 /*******************************************************
  * PC Style: over 1220px / 1500px
  -----------------------------------------------------------------*/
 @media (min-width: 1220px){
 .widget-content { font-size: 1rem; }
 .footer-widgets { margin-left: 0; }
 }
 @media screen and (min-width: 1500px){
  .footer-widgets.column-one { width: 68.8571428571%; }
 }