/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2022 | 04:27:52 */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');*/

/*リセットＣＳＳ*/
* {
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
}
/*　−−− 要素セレクタ　−−−　*/
*{
    font-family: 'Kosugi', sans-serif;
}
html {
  scroll-behavior: smooth;
}
*:focus {
  outline: none;
}
body{
  font-weight: 400;
  font-size: 1.2rem;
  color: #7d7b83;
  line-height: 1.6;
  /* #7d7b83  dove gray */
  /*
  font-family: 'M PLUS 1p', sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
  */
}
h1,h2,h3,h4{
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
  color: dimgray;
  /* #626063; slate gray */
}
a{
  color: dimgray;
  text-decoration-line:none;
}
a:hover{
  color: silver;
  text-decoration-line:none;
}
h1{
  margin: 2rem 0;
  display: inline-block;
  font-size: 1.5rem;
  text-align: center;
  background-color: transparent;
}
h2{
  font-size: 1.5rem;
}
h3{
  font-size: 1.5rem;
}
/*ul li{
  list-style-type: none;
}*/
.col_wrappin{
  width: 100%;
  display: flex;
  justify-content: center;
}
.col_by2-w{
  width: fit-content;
}
.fbox_vcenter{
  display: flex;
  align-items: center;
}
.fbox-col{
  display: flex;
  flex-wrap: wrap;
}
.fbox_flw-col-wr{
  display: flex;
  flex-flow: column wrap;
}
.block{
  display: block;
}
.ilblock{
  display: inline-block;
}
.wp-block-columns{
  margin: 0;
}
.wrapper:not(#wrapper-footer){
  padding: 0 10px;
}
.w100per{
  width: 100%;
}
.h100per{
  height: 100%;
}
.boxframe-thin{
  border: solid 1px silver;
}
.btmline{
  border-bottom: solid 1px silver;
}
.ilblock{
  display: inline-flex;
}
.pad-1rem{
  padding: 1rem;
}
.a_ilb{
  display: inline-block;
  width: fit-content;
  height: fit-content;
  float: right;
}
.clr_urushiblack{
  color: #0d0015;
}
.cl_cblack{
  color: #0C0A00;
}
.cl_ivoryblack{
  color: #333132;
}
.ci_black{
  color: black;
}
.cl_dimgray{
  color: dimgray;
}
.cl_charcoalgray{
  color: #4e454a;
}
.indent-05{
  margin-left: 0.6rem;
}
.indent_05{
  margin-left: 0.6rem;
}
.nomargin{
  margin: 0;
  }
.margintop_05{
  margin-top: 0.5rem !important;
}
.fitting{
  width: fit-content;
  height: fit-content;
}
.anchor {
    display: block;
    padding-top: 2rem;
    margin-top: -2rem;
}
.anchor-2 {
    display: block;
    padding-top: 2rem;
    margin-top: -1rem;
}
.font_2rem{
  font-size: 2rem;
}
.search-submit{
  color: white !important;
}
.search-submit:hover{
  color: whitesmoke !important;
}

/*　−−−　カテゴリ + タグ　−−−　*/

.page-header{
  width:100%;
  height: fit-content;
  margin: 0;
}
.page-header h1{
  margin: 0;
}
.w100{
  width: 100%;
}
.site-main{
  width: 100%;
}
.type-page{
  width: 100%;
}


/*　−−− ナビバー　−−−　*/

#navbarNavDropdown{
font-family: 'Noto Sans JP', sans-serif;
}
#main-nav{
  padding: 0px;
}
.ul-text a{
  text-decoration: underline;
}
#main-menu .nav-link{
  padding: 6px 6px;
  margin: 2px 0;
  font-size: 1.1rem;
  border: white solid;
  border-radius: 3px;
  border-width:1px;
}
#main-menu .nav-link:hover{
  background-color: mintcream;
  border-radius: 3px;
  border: mediumaquamarine solid;
  border-width: 1px;
}
.nav-link:active{
  background-color: mintcream;
  border: mediumaquamarine solid;
  border-width: 1px;
}
.navbar-collapse{
  justify-content: flex-end;
}
.dropdown-menu{
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  background-color: #f9ffff;
  border-radius: 3px;
  border: white solid;
  border-width: 1px
}
.dropdown-menu:hover{
  border: transparent;
  padding-top: 1px;
  padding-left: 1px;
}
.dropdown-item{
  color: gray;
  padding: 6px 6px !important;
  padding-left: 1rem !important;
  margin: 2px 0 !important;
  border-radius: 3px;
  border: transparent solid;
  border-width: 1px;
}
.dropdown-item:hover{
  background-color: mintcream;
  border-radius: 3px;
  border: mediumaquamarine solid;
  border-width: 1px;
}
.dropdown-item:active{
  background-color: mintcream;
  border-radius: 3px;
  border: mediumaquamarine solid;
  border-width: 1px;
}
.dropdown-toggle{
  padding-left: 6px;
}
#wrapper-navbar{
  border-bottom: mediumaquamarine solid 3px;
}
.sr-only{
  text-align: center;
}
#s{
  display:inline-block;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0;
}

/* −−−ウィジェットエリア・トップフル −−−*/
/*　−−−　トップフル・ウィジェット　−−−　*/

.entry-header{
  padding: 5px;
  background-color: transparent;
  border-radius: 3px;
 /* margin-bottom: 4%;*/
  text-align: center;
}
.entry-header a{
  text-align: left;
}
.static-hero-widget{
  flex: 0 0 100% !important;
  max-width: 100%  !important;
  width: 100% !important;
  display:inline-block;
  text-align: center;
  padding: 0;
}
.hero-i_wrapper{
  text-align: center;
}
.hero-i_container{
  display: inline-block;
  width: 100%;
  border: slategray solid 1px;
  border-radius: 3px;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
  text-align: center;
}
.hero_info-box{
  width: 100%;
}
.info-ul li{
  list-style-type: disc;
}

#wrapper-static-hero {
  padding: 0;
}
.heading-p{
  color: darkcyan;
  margin-top:15px;
  margin-bottom: 30px;
  font-size: 1.2rem;
}
.sprt-hr{
   border-top: slategray solid 1px;
}
.info-ul{
  font-size: 1rem;
  line-height: 1.2rem;
  margin: 0;
  padding-left: 1rem;;
}
.info-ul li{
  margin: 5px;
}
.info_inhero{
  padding: 0.8rem 0;
  width: 96%;
  display: inline-block;
  text-align: left;
}
.heading-li{
  text-align: left;
  font-size: 0.9rem;
}
#custom_html-13{
  margin-bottom: 30px;
}


/* −−−　アーティクル　−−−　*/

.site-main{
  display: flex;
  flex-flow: row wrap; 
  justify-content: space-between;
  justify-items: left;
  text-align: left;
}
.content-area{
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.entry-title{
  display: inline-block;
  text-align: left;
  background-color: transparent;
}
.entry-title a{
  display: inline-block;
  text-align: left;
}
.entry-title a:hover{
  display: inline-block;
  color: darkgray;
  background-color: transparent;
}
.entry-title a:active{
  color: silver;
}
.centerd-inl_b{
  display: inline-block;
  text-align: center;
}
#single-wrapper .site-main{
  width: 100%;
}
#single-wrapper .wp-block-image{
  text-align:center;
}
#single-wrapper .post{
  width:100%;
}
.post {
  display:inline-block;
  margin-bottom: 50px;
  padding-bottom:5px;
  width: 100%;
  min-height: 300px;
  border-bottom:1px solid silver;
  justify-self: left;
}
#index-wrapper .post{
  border-top:1px solid silver;
}
/*.updated{  display:none;}*/
.understrap-read-more-link{
  font-size: 1rem;
  display:block;
  padding:0px 5px;
  float: right;
  color:seagreen;
  background-color: transparent;
  /* biscuit = #ead7a4 */
  border:seagreen solid 1px;
  border-radius: 3px;
  margin-bottom:10px;
}
.understrap-read-more-link:hover{
  color:mediumaquamarine;
  border-color:mediumaquamarine;
  background-color: white;
}
.understrap-read-more-link:active{
  color:palegreen !important;
  background-color: transparent !important;
  border-color:palegreen;
}
.ctn-mobcol{
  flex-direction: column;
}

/*−−−トップページ −−−*/

#index-wrapper .entry-content p{
  font-size: 1rem;
  margin-top: 0.5rem;
}　

/*−−−ページ 家庭教師 −−−*/

#page-wrapper .wp-block-columns{
  margin: 0 !important;
}
.h2_ttl-li{
  margin: 0;
}
.li_idx-ld{
  display: inline-block;
  width: fit-content;
  padding-left: 1.5rem;
  border: solid 1px slategray;
}
.li_idx-ld li{
  margin: 0.3rem;
  list-style:-type: disc;
}

.ld_col{
  padding-top: 1.2rem;
}
.ld_col-1{
  border-top: slategray solid 1px;
  border-bottom: slategray solid 1px;
}
.ld_col-2{
  border-bottom: slategray solid 1px;
}
.ld_col-3{

}
.wp-block-image{
  margin-bottom: 0;
}
.charge{
  padding: 0.3rem 1rem;
  border: silver solid 1px;
  width: fit-content;
}
.col_ab{
  width: fit-content;
  text-align: left;
}

/* −−−プロフ −−−*/

.name{
  margin-right: auto;
}
.namebox{
  vertical-align: center;
}
.img_prof-top{
  clear: both;
  text-align: center;
  margin-left; 50px;
}
.wrap_tomov{
  width: fit-content;
  float: right;
}
.prftop_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
  text-align: center;
}
.prftop_col-wrap{
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-flow: row wrap;
  align-items: center;
}
.prftop_col-r{
  display: inline-block;
    width: fit-content;
  height: auto;
}
.prf_top-wrap h2{
  float:l left;
}

.prf_top-wrap p{
    align-self: center;
    width: : fit-content;
    /*width: 21rem;*/
    font-size: 8vw;
  margin: 0;
  line-height: 2rem;
  }
.prftop_col-l{
  display: inline-block;
    width: fit-content;
    margin: 0 auto;
}
.prftop_col-l img{
    width: 250px;
    height: 250px;
}
.prf_top-wrap{
    vertical-align: center;
  text-align: left;
}

/* −−−投稿・左右ナビ −−−*/

.post-navigation .nav-links{
  width: 100%;
  margin: 0;
}
.nav-previous {
  line-height: 1.2rem;
  height: 1.6rem;
  max-width: 16rem;
  padding: 0;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  border: seagreen solid 1px;
  border-radius: 3px;
  margin-left: 0;
  margin-right: auto;
  background-image: url(https://oukoku-study.com/wp-content/uploads/2021/09/triangle-ll1.svg);
  background-position: top 0 left 0;
  background-repeat: no-repeat;
  background-size: contain;
 }
.nav-previous a{
  display:  inline;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.95rem;
  max-width: 9.3rem;
  line-height: 1.6rem;
  color: seagreen;
  background-color: transparent;
  text-align: justify;
  margin-left: 1rem;
  margin-bottom: 0px;
  margin-top: 0.1rem;
 }
.nav-previous::after{
  white-space: nowrap;
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.6rem;
  background-image: url(https://oukoku-study.com/wp-content/uploads/2021/09/triangle-dott.svg);
  background-position: top 0 right 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-previous:hover{
  border-color: mediumaquamarine;
}
.nav-previous a:hover{
  color: mediumaquamarine;
}
.nav-previous:active{
  border-color: transparent;
}
.nav-previous a:active{
  color: mediumaquamarine;
}
.nav-next {
  line-height：1.6rem;
  height: 1.6rem;
  max-width: 16rem;
  padding-right: 3rem;
  display: flex;
  align-items: center;
  border: seagreen solid 1px;
  border-radius: 3px;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 3px;
  background-image: url(https://oukoku-study.com/wp-content/uploads/2021/09/triangle-rr1.svg);
  background-position: top 0 right 0;
  background-repeat: no-repeat;
  background-size: auto 1.6rem;
}
.nav-next a{
  display:  block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.95rem;
  max-width: 9.3rem;
  line-height: 1.6rem;
  color: seagreen;
  background-color: transparent;
  text-align: justify;
  margin-left:0.3rem;
}
.nav-next:hover{
  border-color: mediumaquamarine;
}
.nav-next a:hover{
  color: mediumaquamarine;
}
.nav-next:active{
  border-color: transparent;
}
.nav-next a:active{
  color: mediumaquamarine;
}
.fa-angle-left , .fa-angle-right{
display: none;
}

/* −−−ウィジェットエリア・フッターフル −−−*/

#wrapper-footer-full{
  padding: 0;
}
#wrapper-footer-full p{
  margin: 0;
}
#block-9{
  border-bottom: silver solid 1px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#block-9 .wp-block-columns{
  height: 40px;
  align-items: flex-end;
  flex-wrap: nowrap !important;
}
#block-35{
  margin-bottom: 10px;
}
#block-35 .wp-block-columns{
  flex-wrap: nowrap !important;
}
#block-31{
  padding-top: 20px;
  margin-bottom: 20px;
}
.cat-wrapper{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cat-box{
  display: block;
  width: 48.4%;
  border-radius: 0.7rem;
  text-align: center;
  background-color: silver;
  margin: 0 2px 6px;
}
.cat-box a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 2% 35%;
}
.cat-en{
    background-color: #fdd35c;
}
/*naples yellow #fdd35c*/
.cat-mt{
    background-color: cornflowerblue;
}
.cat-ja{
    background-color: lightcoral;
}
.cat-sc{
    background-color: #89c997;
}
/* mint green #89c997 */
.cat-so{
    background-color: #f6ae54;
}
/* golden yellow #f6ae54 */
.cat-ge{
    background-color: plum;
}

/*　−−−　タグクラウド　−−−　*/

.posted-on{
  display: block;
  width: 100%;
}
.entry-date{
  color: darkslategray;
  font-size: 0.9rem;
  display:block;
  text-align: left;
}
.entry-meta{
  text-align: left;
  margin-bottom: 2px;
}
#single-wrapper .entry-meta{
  display: flex;
  flex-flow: row wrap;
  text-align: left;
}

.cat-links{
  padding: 0 2px;
  width: fit-contain;
  height: fit-contain;
  overflow: visible;
  display: inline-block;
  margin-bottom: 0px;
  border
  }
.cat-links a{
  background-color: tomato;
  font-size: 0.9rem;
  color: white;
  margin-right: 0.4rem;;
  padding: 0 0.3rem;
  border: tomato solid 1px;
  border-radius: 3px;
  display: inline-block;
  text-align: left;
  flex: left;
}
.cat-links a:hover{
  color: sandybrown;
  border-color: sandybrown;
  background-color: transparent;
}
.cat-links a:active{
  color: sandybrown;
  border-color: transparent;
  background-color: transparent;
}
#single-wrapper .cat-links a{
  font-size: 0.8rem;
  padding: 1px 4px;
  margin-right: 6px;
}

.tag-links{
  width: 100%;
  display: inline-block;
  text-align: left;
  margin-bottom: 4px;
}
.tags-links a{
  width: fit-content;
  background-color: transparent;
  font-size: 0.8rem;
  color: coral;
  margin: 0 0.4rem;
  padding: 0 0.4rem;
  padding-top: 1px;
  border: coral solid 1px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: center;
  text-align: left;
}
.tags-links a:hover{
  color: sandybrown;
  border-color: sandybrown;
  background-color: transparent;
}
.tags-links a:active{
  color: sandybrown;
  border-color: transparent;
  background-color: transparent;
}
.tagcloud{
  text-align: center;
}
.tag-cloud-link{
  font-size: 1.3rem !important;
  background-color: transparent;
  color: coral;
  margin: 0 7px 15px;
  padding: 0 0.4rem;
  border: coral solid 2px;
  border-radius: 25px;
  display: inline-block;
}
.tag-cloud-link:hover{
  color: sandybrown;
  border-color: sandybrown;
  background-color: transparent;
}
.tag-cloud-link:active{
  color: sandybrown;
  border-color: transparent;
  background-color: transparent;
}
#single-wrapper .tags-links a{
  font-size: 0.8rem;
}
.wp-post-image{
  text-align: center;
}
.link-text{
  font-size: 1rem;
  vertical-align: bottom;
}
.col_gohome{
  display: flex;
  flex-flow: row nowrap;
}
.go_top{
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 1rem;
  float: right;
  flex-direction: flex-end;
}
.go_top-a{
  display: inline-block;
  width: fit-content;
  height: fit-content;
  float: right;
}
.go_home{
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  display: inline-block;
  width: fit-content;
  height: fit-content;
}
.img_home{
  vertical-align: bottom;
  width: 2.5rem;
  height: 2.5rem;
}
#tag_cloud-7{
  margin-top: 20px;
  margin-bottom: 20px;
}
.entry-content {
  display:flex;
  flex-direction: column;
}
#custom_html-7{
  margin-bottom: 0.3rem;
}
.footer-widget .wp-block-columns{
  flex-wrap: nowrap;
  align-items: flex-end;
  margin: 0;
}
#block-9 figure{
  margin-bottom: 0px;
}
#block-9 img{
  width: 40px;
  height: 40px;
}
.footer-widget{
  flex: 0 0 100% !important;
  max-width: 100%  !important;
  width: 100% !important;
  padding: 0;
}
.widget-title{
  margin-left: 0.5rem;
}
#wrapper-footer-full,
#wrapper-static-hero {
  background-color:  transparent;
}
#wrapper-footer{
  font-size: 0.9rem;
  color: seagreen;
  background-color: mediumaquamarine;
}

/*−−− フッター　−−−　*/

.site-info p{
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
  color: seagreen;
  font-size: 1rem;
}

/*−−− レスポンシブ　−−−　*/

@media (min-width: 575px) {
  .info_inhero{
    width: 89%;
  }
  .post{
    width: 45%;
    min-height: 300px;
  }
  .ctn-mobcol{
    flex-direction: row;
  }
  .site-main::after{
    content: "";
    display: block;
    width:47%;
    height: 0;
  }
  .prf_top-wrap p{
    font-size: 2rem;
  }
}
@media (min-width: 767px){
  #main-menu .nav-link{
    font-size: 1rem;
  }
  .dropdown-menu{
    font-size: 1rem;
  }
    .post{
    margin-top: 30px;
}
@media (min-width: 992px) {
  #single-wrapper h1,#page-wrapper h1{
    font-size: 1.8rem;
  }
  .bbtxt {
    width: 100%;
    font-size: 0.9rem;
    margin: 1rem 0.3rem;
    text-align: center;
    overflow: hidden;
    word-wrap; break-word;
  }
  .post{
    width: 28%;
    min-height: 500px;
    margin-top: 50px;
  }
    .cat-box{
    width: 32.9%;
  }
  .site-main::after{
    content: "";
    display: block;
    width:32.5%;
    height: 0;
  }
}