@charset "utf-8";
/* CSS Document */

.anb_bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.anb_blogtopbox{
  display:flex;
  width:100%;
  min-height:min(23.12vw, 350px);
  gap:0 3.35%;
}

.anb_blogtopbox > a{
  display:block;
  height:fit-content;
  width:69%;
}

.anb_blogtopbox img{
  width:100%;
}

.anb_profarea{
  width:23.65%;
}

.anb_title p{
  font-size:1.25em;
  font-weight:bold;
  padding-top:1em;
  color:#5B587A;
}

.anb_body{
  width:100%;
  margin:auto;
  background-color:#FFF;
  max-width:1240px;
  padding:40px;
}

.anb_blogarea{
  display:flex;
  gap:0 3.35%;
}

.anb_leftbox{
  max-width:800px;
  width:69%;
}

.ann_rightbox{
  max-width:320px;
  width:27.65%;
}

.backnumberText{
  padding:8px 0;
}

.anb_catebox{
  padding:8px 0;
}

.anb_catetxt dl dd{
  padding:8px;
}

.anb_catetxt dl dd a{
  color:#3B71D9;
}

.bkLink{
  text-align:right;
  font-size:0.875em;
  padding:1.5em 0;
}

.bkLink a{
  color:#666;
}

/*-- profile --*/
.anb_prof_img{
  position:relative;
}

#prof_code{
  position:absolute;
  bottom:12px;
  right:12px;
}

#prof_code a{
  background-color:#FFF;
}

.anb_proftxt{
  font-size:0.75em;
  color:#5B587A;
  line-height:1.5;
  display:flex;
  padding-bottom:1.5em;
  justify-content: space-between;
}

#prof_code a{
  width: fit-content;
  font-size: 0.875em;
  font-weight:bold;
  border:solid 1px #ECECEC;
  text-decoration: none;
  border-radius:4px;
  color:#707070;
  padding:0.5em 1em;
  display:flex;
  justify-content: center;
  align-items: center;
}

.anb_labelhead{
  background-color:#F5F5F5;
  padding:0.5em;
  font-weight:bold;
  color:#5B587A;
}

.anb_entrylist{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  gap:20px 0;
}

.anb_entrylist a{
  color: #000;
  display:flex;
  justify-content: space-between;
  text-decoration: none;
  width:100%;
}

.anb_entrylist a dt{
  aspect-ratio:1/1;
  width:17%;
  background-size: 100% auto;
  background-repeat:no-repeat;
  background-position: center;
  background-color:#F5F5F5;
}

.anb_entrylist dd{
  width:78%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  gap:6px;
}

.anb_entrylist dd{
  font-size:0.75em;
}

.anb_entrylist dd span{
  text-decoration:underline;
  color:#3B71D9;
  font-size:1rem;
  line-height:1.25;
}

.anb_blogbnr{
  display:flex;
  flex-wrap: wrap;
  gap: 6px;
}

.anb_blogbnr li{
  width:49%;
}

.anb_blogbnr li a{
  display:block;
}

.anb_blogbnr li img{
  width:100%;
}



@media screen and (min-width:801px){
  .anb_leftbox{margin-top:max(-9.375vw , -72px);}
  .anb_blogtopbox > a:hover img,
  .anb_blogbnr a:hover img,
  #prof_code a:hover{
    opacity:0.6;
  }
  .anb_catebox a:hover,
  .backnumberText a:hover,
  .anb_entrylist a:hover dd span{
    text-decoration: none;
  }
  
}
@media screen and (max-width:800px){
  .anb_blogarea{
    flex-direction: column;
  }
  .anb_proftxt{
    display:none;
  }
  .anb_body{
    padding:6px;
    padding-bottom:134px;
  }
  #prof_code{
    bottom: -26px;
    right:0;
    width:100%;
  }
  #prof_code a {
    font-size: 0.675em;
  }
  .anb_leftbox{
    width:100%;
  }
  .anb_title p{
    padding-top:2em;
  }
  .ann_rightbox{
    width:100%;
    max-width: inherit;
  }
  .anb_catetxt dl{
    display:flex;
    gap:1em;
  }
  
  
}




/*-- WYSIWYG対策 --*/
.anb_blogbox p{
  margin:12px 0;
}

.anb_blogbox {
  text-align: left;
  margin-bottom: 50px;
  font-size: 12px;
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}

.anb_imagebox01{
  width:100%;
  text-align:left;
}

.anb_imagebox01 img{
  display:inline-block;
  max-width:48%;
  height:auto;
  padding:24px 1%;
}

.anb_blogbox p{
  margin-top: 12px;
  margin-bottom: 12px;
}

.anb_blogbox span{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}

#anaBlog a:link {
  color: #3B71D9;
  text-decoration: underline;
}

.anb_customimgbox p.anb_imgsize_large {
  width: 100%;
  max-width:640px;
}

.anb_customimgbox p.anb_imgsize_large img{
  width: 100%;
}

.anb_customimgbox p {
  width: 48%;
  padding: 1% 0;
  display: inline-block;
}

.anb_imgsize_small img{
  width:100%;
}

/*-- ad対策 --*/
.ann_adarea{
  max-width:960px;
  width:100%;
  margin:0 auto;
  padding-top:64px;
}

.ann_adarea .halfway{
  display:flex;
  justify-content:center;
}

.ann_adarea > div > div{
  display: flex;
  justify-content: space-between;
  width: 88%;
}

.tss_gotop img{
  width:80px;
}