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

ファイル名はページIDに topics-ページID.css
.postid-ページID .article {}

#FF8A3D
#7ED6C1
#6BB9F0
#2F80ED
#1f2874
#cceafb

*/
/*====================
スマホ・PCの時だけ改行
====================*/
.br-sp {
  display: none;
}
.br-pc {}
@media (max-width: 767.98px) {
  .br-sp {
    display: block;
  }
  .br-pc {
    display: none;
  }
}
/*====================
調整cssここから
====================*/
#topics code {
  color: #888;
}
#topics mark {
  padding: 0;
}
/*ここにある命令を修正すれば優先される */
/* LINK Btn
_________________________________________*/
#topics .link_btn {
  display: block;
  width: 100%;
  margin: .5em 0;
}
#topics .link_btn a {
  background: linear-gradient(45deg, #012952 0%, #003d7a 100%, #012952 -100%);
  border: 0;
  font-size: 1.4rem !important;
  font-family: "Noto Serif JP", serif;
  line-height: 1.3;
  padding: .5em 15px;
  height: 75px;
  border-radius: 2px;
  margin: 0 auto !important;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/*#topics .link_btn.link_btn2 a {
  background: linear-gradient(45deg, #ffcf3d 0%, #FF8A3D 100%, #ffcf3d -100%);
}*/
#topics .link_btn a:before {
  content: '';
  position: absolute;
  border: solid 1px #C99C33;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left:5px;

}
#topics .link_btn a:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #C99C33;
  border-right: solid 2px #C99C33;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 25px;
  bottom: 0;
  margin: auto;
}
#topics .link_btn code {
  color: #fff;
  font-size: 84%;
  display: block;
  font-family: "Noto Serif JP", serif;
}
#topics .link_btn em {
font-style: normal;
  font-size: 84%;
  display: inline;
}
@media (min-width: 767.98px) {
#topics .link_btn {
  margin: 1em 0;
}
  #topics .link_btn a {
    font-size: 2.2rem !important;
   width: calc(100% - 80px);
    height: 120px;
  }
  #topics .link_btn a br {
    display: none !important;
  }
#topics .link_btn a:before {
  top: 8px;
  right: 8px;
  bottom: 8px;
  left:8px;

}
}
/*
_________________________________________*/
#topics h3.xmas-lead {
  font-size: 1.3rem;
  line-height: 1.8;
  text-align: center;
  margin: 5vw;
}
#topics h3.xmas-ttl {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #c00;
  margin: 30px 0;
  font-weight: 700;
}
#topics h3.xmas-option {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #006622;
  margin: 40px 0 0;
  font-weight: 700;
}
#topics h3.xmas-ttl strong {
  font-size: 110%;
}
@media (min-width: 767.98px) {
  #topics h3.xmas-lead {
    font-size: 1.7rem;
    margin: 30px 0 40px;
  }
  #topics h3.xmas-ttl {
    font-size: 3rem;
    margin: 50px 0 30px;
  }
  #topics h3.xmas-option {
    font-size: 3rem;
    margin: 80px 0 0;
  }
  #topics h3.xmas-ttl strong {
    font-size: 130%;
  }
}



#topics .xmas-point {
  padding: 1.5em !important;
  background: rgba(201, 156, 51, .1);
  margin-left: 10px;
  margin-right: 10px;
}
#topics .xmas-point figure {
  margin: 0 !important;
}
#topics .xmas-point h4 {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #c00;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  margin-bottom: .5em;
}
#topics .xmas-point h4 em {
  font-size: 160%;
}
#topics .xmas-point p {
  margin-bottom: 0 !important;
}
#topics .xmas-opdtl .wp-block-column {
  padding: 1.5em 1.5em 0 !important;
  background: rgba(166, 170, 174, .1);
}
#topics .xmas-opdtl .wp-block-column:empty {
  padding: 0 1.5em !important;
  background: #fff;
}
#topics .xmas-opdtl h4 {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #c00;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  margin-bottom: .5em;
}
#topics .xmas-opdtl p {
	font-size: 1.2rem !important;
}
#topics .xmas-opdtl p strong {
	font-size: 1.3rem !important;
}
@media (max-width: 767.98px) {
  #topics .xmas-point h4 {
    font-size: 1.4rem;
    margin: .5em 0;
  }
  #topics .xmas-point h4 em {
    font-size: 140%;
  }
  #topics .xmas-opdtl {
  	margin-bottom: 0 !important;
  }
#topics .xmas-opdtl .wp-block-column {
  	margin: 1em !important;
  }
#topics .xmas-opdtl h4 {
    font-size: 1.4rem;
    margin: .5em 0;
}
}






#topics .yyk-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
}
#topics .yyk-ttl::before, #topics .yyk-ttl::after {
  content: '';
  height: 1px;
  width: 50px;
  background-color: #333;
  /*flex-grow: 1;*/
}
#topics .yyk-ttl::before {
  margin-right: 15px;
}
#topics .yyk-ttl::after {
  margin-left: 15px;
}
@media (min-width: 767.98px) {
  #topics .yyk-ttl::before, #topics .yyk-ttl::after {
    width: 200px;
  }
}





/*
_________________________________________*/
/*#topics h3.h3-ttl {
  line-height: 1;
  padding: .5em;
  margin-bottom: 20px;
  background: #c6a648;
  color: #fff;
  text-align: center !important;
}*/
#topics h4.h4-ttl {
  padding: .5em .2em;
  margin-bottom: 15px;
  color: #C99C33;
  border-bottom: 1px dashed #aaa;
  font-weight: 700;
}
#topics h4.h4-ttl::before {
  content: '\25C6\a0'; /*◆ */
}
/*#topics .hayawari {
  background: rgba(255, 234, 246, .8);
  padding: 1em;
}*/
@media (max-width: 767.98px) {}
/*
_________________________________________*/
@media (max-width: 767.98px) {}
/*
_________________________________________*/
@media (max-width: 767.98px) {}
/*
_________________________________________*/
@media (max-width: 767.98px) {}
/*
_________________________________________*/
@media (max-width: 767.98px) {}
/*
_________________________________________*/
@media (max-width: 767.98px) {}
/*
_________________________________________*/
@media (max-width: 767.98px) {}