@charset "UTF-8";

body{min-height: 100vh;}
:root{
  --shiro:white;
  --mic:#DD3B74;
  --kuro:#191818;
  --usc:#F7F2F7;
  --gray:#595758;
  --pk:#F7D9F0;
  --en:"Barlow", sans-serif;
  --yajirushi:polygon(15% 0, 100% 50%, 15% 100%, 0% 100%, 85% 50%, 0% 0%);
  --kage:rgba(0, 0, 0, 0.152);
  --inli:rgba(255, 255, 255, 0.631);
  --tral:0.33s ease-in-out;
  --km:90rem
}

.pc__logo,.pc__link{display: none;}
@media (min-width:770px){
body{background: conic-gradient(from 90deg,#F7F2F7,#FFCBFF,#FFCCCC,#F5E3D1,#F7F2F7);}
.pc__back{z-index: 2;position: relative;max-width: 600px;margin: 0 max(24vw,300px) 0 auto;box-shadow:0 0 12px var(--kage);}
.pc__logo,.pc__link{display: block;position: fixed;top: 50%;transform: translateY(-50%);}
.pc__logo{width:calc(100% - max(24vw,300px) - 600px);padding: 3rem;left: 0}
.pc__link{width:max(24vw,300px);padding: 2rem;right: 0;}
}
.pc__back{background: var(--usc);min-height: 100vh;}
/* header */
#wcom-hd{display: grid;grid-template-columns: 1fr 12rem;}
.hd_logo{font-size: min(calc(1rem + 1.4vw),2.1rem);padding: 0.4em 1.47em;align-items: center;}
.h_m__btn{display: block;}
.hd_subp{padding: 0.3em 1.2em;color: var(--mic);border: solid 1px;box-shadow: 0 2px 0;font-size: 1.2rem;margin: 1rem auto;border-radius:var(--km);display: grid;place-items: center;}


.dld__main,.sin__main,.ach__main{min-height: 82vh;}
/* top */
.tp__fv_sec{margin: 5% auto 1em;width: fit-content;}
.tp__fv_sec h2{font-size: min(calc(1.4rem + 3vw),4rem);color:var(--mic) ;font-weight: 900;opacity: 0.42;}

.tp_cat_sec{padding: 0 calc(1rem + 1vw) 3rem;}
.cat_name{display: block;}
.oya_depth_0{background: var(--shiro);border-radius: 1.2em;padding: 1.2em;}
.ko_depth_0{border-left: solid 2px var(--mic);padding: 0.8em 1.2em;}
.cat_name.depth_0{margin-bottom: 0.5em;color: var(--mic);border-bottom: dashed 2px var(--pk);font-size: 1.3em;}
.cat_name.depth_1{color: gray;}
.oya_depth_1{padding-left: 1.2em;}
.ko_posts{padding: 0.3em;}
.ko_depth_1{margin-bottom: 1.4rem;}
.cat_inner{margin-bottom: 0.3em;}
.cat_inner a{position: relative;display: block;width: fit-content;color: var(--kuro);}
.cat_inner a::before{content: "┗";font-size: 1.2em;margin-right: 5px;color: var(--pk);}
.cat_inner a::after{content: "";padding:0 0.4em;margin-left: 5px;background-color: var(--mic);clip-path: var(--yajirushi);}

.tp_news_sec{padding: 2rem;width: 94%;margin:0 auto 8%;border-radius: 1.6em;box-shadow:4px 9px 12px var(--kage),inset 4px 4px 12px var(--shiro);}
.tp_news_h2{width: fit-content;margin:0.4em auto 1.2em;line-height: 1.2;text-align: center;}
.tp_news_h2 span{display: block;font-size: 2em;color: var(--mic);font-weight: 900;opacity: 0.54;}
.tp_news_link{width: fit-content;padding: 0.6em 1.4em;margin: auto 1rem auto auto;display: block;background: var(--gray);color: var(--shiro);}
.tp_news_li{border-bottom: dashed 1px var(--pk);}
.tp_news_li a{width: 100%;}
.tp_news_li a::before{content: "●";color: var(--pk);margin-right: 0.5em;}
.tp_sec_3{background: var(--shiro);padding: 2.2rem 1rem;}


/*　single */

.sin__con,.acf_fv_sec{width: 86%;margin:3% auto;}
.sin__cat a{color: var(--kuro);text-decoration: underline;}
.sin__cat a::after{content: "";padding: 0.5em;background: var(--mic);clip-path: var(--yajirushi);margin-left:5px;display: inline-block;transform: translateY(0.2em);}
.sin__cat{margin-bottom: 1rem;border-bottom: dashed 2px gray;width: 100%;}
.sin__h1{font-size: 1.8rem;}
.custom-entry-block{width: fit-content;margin: auto;padding: 2.36em 1.1em;background: var(--shiro);}
.sin_pdf{display:inline-block;background:var(--mic);padding:1.2em 2.4em;border:1px solid #ccc;color: var(--shiro);border-radius: var(--km);box-shadow:inset 4px 4px 9px var(--inli),2px 6px 12px var(--kage);border: unset;} 
.sin__in{margin-top: 8%;padding: 1.4em;background: #FFEAEA;}

.back_top{display: block;width: fit-content;margin: 8% auto;color: var(--mic);font-size: 2.2rem;font-weight: 800;}
.back_top::before{content: "";padding: 0.5em;background: var(--mic);clip-path: var(--yajirushi);margin-right:5px;display: inline-block;transform: translateY(0.2em);}

.sin__in_c{padding-top: 1.2em;border-top: solid 1px var(--pk);}

/* ach */

.cat__fv{font-size: 2rem;}
.ach__sec{padding: 2rem;}
.ach_in{display: grid;grid-auto-flow: row;gap: 1.4em;}
.ach__art a{padding: 0.8em 2.8em 0.8em 1.8em;color: var(--kuro);background: var(--shiro);border-radius: var(--km);display: block;border-left:solid 3px var(--mic);position: relative;}
.ach__art a::after{content: "";position: absolute;top: 50%;right: 1.8em;padding: 0.5em;clip-path: var(--yajirushi);display: block;background-color: var(--mic);transform: translateY(-50%);}


/* link */
.aside_link{width: 96%;margin: 8% auto;max-width: 340px;}
.link__ul li{margin-bottom: 2em;}
.link__ul a{width: 100%;text-align: center;padding: 1.2em 0;font-size: 2rem;color: var(--mic);border: solid 1px;}



/* pagenation */
.git-pagenation{width: 100%;margin:auto;padding: 3rem 0 ;}
.git-pul{display: flex;justify-content: center;width: 90%;max-width: 1200px;margin: auto;gap: 1rem;flex-wrap: wrap;}
.git-pli{}
.git-pli a{padding: 0.6rem 1rem;color: var(--kuro);display: block;border: solid 1px;}
.nobd{}
.nobd span{}
.git-pg{padding: 0.6rem 1rem;background: var(--kusgray);border: solid 1px;color: gray;}

.back_button{width: fit-content;margin: 3rem auto;}
.back_button button{padding: 1.2rem 4rem;background: var(--kao);color: var(--shiro);border: unset;}

.searchform{display: flex;width: 90%;margin:0 auto;padding-bottom: 2rem;}
.searchfield{width: calc(100% - 40px - 2.4rem);background: var(--shiro);box-shadow: inset 2px 4px 8px var(--kage);border:solid 1px var(--gray);border-right: unset;border-radius: 1.2em 0 0 1.2rem;padding: 1rem 0 1rem 2rem;}
.sumbitbtn{background: var(--mic);border-radius: 0 1.2rem 1.2rem 0;padding: 1rem 2.2rem 1rem 1.5rem;cursor: pointer;box-shadow: inset 3px 3px 6px var(--inli),2px 2px 4px var(--kage);}
.sumbitbtn img{height: 40px;object-fit: contain;}
.searchsubmit{display: none;}

.en{font-family:var(--en);}
.txtcent{text-align: center;}
.txtrht{text-align: right;}
.fs_def{font-size: inherit !important;}
.pd1{padding: 1rem;}
small{font-size: 0.9em;}
.big_r{font-size: 1.4em;color: red;}
.txt12{font-size: 1.2rem}
.mt1{margin-top: 1rem;}
.mt3{margin-top: 3rem;}
.mb3{margin-bottom: 3rem;}
.mr1{margin-right: 1rem;}
.txtb{font-size: 1.1em;}
.fs_small{font-size: 0.8em;}
.ovfinh{overflow: inherit;}
.bloc{display: block;}
.fc_p{color: var(--mic);}
.fc_k{color: var(--kuro);}
.bold{font-weight: 800;}
.bg_w{background: var(--shiro);}



@media (max-width:769px){

}
 
@container (width < 530px){
}


@media (hover:hover){
}