@charset "utf-8";
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input,
button,
html [type="button"],
html [type="input"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none !important;
  border:none;
  background:none;
}

.data-pushbar-close i{
	-webkit-padding-right:2px !important;
}

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

.pushbar_bottom{
	margin-bottom: 120px !important;
}

.pushbar{
  -webkit-overflow-scrolling: touch;
}

#header .global-nav-phone .p_draw_search {
  float: right;
  margin-top: -31px;
  margin-right: 40px;
}
.search_draw{
  display: none;
  position:fixed;
  z-index: 10000;
  top:64px;
  left:0;
  width:100%;
  background:#fff;
  padding:20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search_draw .header__search-form--phone ,
.search_draw .header__search-form--phone input{
  position:static;
  width:100%;
}
.search_draw .header__search-form--phone input,
.search_draw .header__search-form--phone select{
  height: 40px;
  line-height: 40px;
}
.search_draw .header__search-form--phone dl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin:0;
}
.search_draw .header__search-form--phone dl>dt{
  margin:0 0 10px;
  width:6em;
}
.search_draw .header__search-form--phone dl>dd{
  margin:0 0 10px;
  width:calc(100% - 6em);
}
.search_draw .header__search-form--phone .sch_btn{
  position:static;
  display: table;
  margin:10px auto;
  background:#314c69;
  color:#fff;
  width:90%;
  border-radius: 4px;
}
.search_draw .header__search-form--phone .sch_btn:before{content:none;}
.search_draw .header__search-form--phone .close{
  float: none;
  width:90%;
  text-align: center;
  position: static;
  display: table;
  color:inherit;
  font-size: 0.8em;
  margin:auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.fnav_sns {
    display: flex;
    justify-content: center;
    align-items: center;
  margin-top: 10px;
}
.fnav_sns a {
    display: block;
    width: 30px;
    margin: 0 10px;
}
ul.detail_cat_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0 0;
}

ul.detail_cat_list li {
    width: calc((100vw - 80px)/3);
    height: calc((100vw - 80px)/3);
}
ul.detail_cat_list a {
    font-size: 3.5vw;
    line-height: 3.0;
    color:#222;
}
ul.detail_cat_list[class] img {
    display: table;
    width: 52px;
    margin: 7.46% auto 0;
    width: 50%;
    height: auto;
}
.article_date{
	text-align:left;
	padding:5px;
	margin-bottom:0;
	font-size:12px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	max-width:1000px;
}
@media(max-width:991px){
	.article_date{
		font-size:10px;
	}
}

/* series tabs */
.imgBtn_wrap {
  display: block;
  height: 36px;
  text-align: center;
}
.imgBtn_wrap img {
  height: 100%;
  max-width: none;
  width: auto;
}
.button.button--typeB{
  color: #999;
  border: 1px solid #ccc;
  border-radius: 100px;
  width: 230px;
  text-align: center;
  margin: 10px auto 0;
  display: block;
  padding: 7px;
  box-sizing: border-box;
}
.tabContent {
  display: none;
}
.tabContent.active {
  display: block;
}
.tabSwitch li span{
  cursor: pointer;
}
/* @media (min-width: 992px) {
  .tabSwitch {
    position: absolute;
    top: 50px;
    right: 0;
  }
  .tabSwitch li {
    display: inline-block;
  }
  .tabSwitch li:not(:last-child):after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
  }
} */
@media (max-width: 991px) {
  /* .tabSwitch {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
    box-sizing: border-box;
  }
  .tabSwitch li {
    max-width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
    text-align: center;
  }
  .tabSwitch li span{
    border-bottom: 2px solid #fff;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
  }
  .tabSwitch li.active span{
    border-bottom: 2px solid #333;
  } */
}
.tabSwitch.col-3 li {
  max-width: 33.333%;
  flex-basis: 33.333%;
}
.tab--typeB .tabSwitch li.active span {
  border-color: #bdb0a5;
}
.tab--typeB .tabSwitch{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.tab--typeB .tabSwitch li span{
  padding-right: 0;
padding-left: 0;
}

.sponlyTopNavi h3 {
    margin: 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #8e8e8e;
}
.sponlyTopNavi .seriesWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 20px;
}
.sponlyTopNavi .seriesBlock {
    width: 100%;
}
.sponlyTopNavi .seriesBlock a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.sponlyTopNavi .seriesBlock a img {
    max-width: 30%;
}
.sponlyTopNavi .seriesBlock h3 {
  font-weight: 900;
  color: #222;
  border: none;
  margin-left: 10px;
  font-size: 3.5vw;
}
.sponlyTopNavi .seriesBlock p {
  width: 100%;
  color: #999;
  text-align: center;
  font-size: 10px;
}
.sponlyTopNavi .seriesWrap > a {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.sponlyTopNavi .tab{
  padding-top:20px;
}

.sponlyTopNavi ul.banner-list.row{
  overflow-x: scroll;
  white-space: nowrap;
  position: relative;
}
.sponlyTopNavi li.banner-list__unit {
    display: inline-block;
    width: 48%;
}
.sponlyTopNavi li.banner-list__unit p{
text-align:center;
color:#222;
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝","Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size: 12px;
}
.sponlyTopNavi .tabContents{
  padding-bottom:20px;
}
.sponlyTopNavi .tabSwitch li .seriesBlock{
  border-bottom: 2px solid #fff;
}
.sponlyTopNavi .tabSwitch li.active .seriesBlock{
    border-color:#bdb0a5;
}

/* 240301追加 */
/* 検索窓 */

.add-search .searchform {
  position: relative;
  margin-top: 20px;
}

.add-search .searchform input {
  width: 75%;
  background: #fff;
  border: 1px solid #dfdfdf;
}

.add-search .searchform i {
  position: absolute;
  top: 25%;
  right: 23%;
  color: #666;
  font-size: 16px;
}

.add-search .searchform button {
  padding: 4px 0;
  background: #dfdfdf;
  width: 19%;
}


/* 追従バナー */
.add-banner{
  position: fixed;
  bottom: 10px;
  max-width: calc(900px - 46px); /* 23pxの余白を左右に追加 */
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  z-index: 9999;
}

.add-banner img{
  padding-bottom: 0!important;
  display: block;
  width: calc(100% - 43px)!important;
  margin: auto;
}

/* NEWSTYLE */
#wrapper {
  padding-top: 0 !important;
}
.twoColumnWrap {
  padding-top: 30px;
}
@media (min-width: 992px) {
  #hdrLogo {
      width: 120px;
  }
  .twoColumnWrap {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    justify-content: space-between;
    padding-top: 80px;
  }
  .twoColumnWrap #side {
    display: block;
    width: 250px;
  }
  .twoColumnWrap .main {
    width: calc(100% - 290px);
  }
  .twoColumnWrap #side .ks__keywords {
    margin-top: 20px;
  }
  .twoColumnWrap #side .ks__keywords h3 {
    margin-bottom: 10px;
  }
  .twoColumnWrap #side .keywordList {
    gap: 5px 10px;
  }
  .twoColumnWrap #side .keywordList li {
    margin: 0;
  }
  /* .twoColumnWrap #side .sideTitle {
    font-family: Noto Serif JP;
    font-weight: 500;
    font-size: 16px;
  } */
}
.page_title,
.series_nav {
  background: none;
}
.series_nav ul {
  display: flex;
  flex-wrap: wrap;
}
.series_nav ul li {
  flex: 0 0 25%;
  border: 0;
  position: relative;
  border-bottom: 4px solid transparent;
  margin-bottom: 5px;
}
.series_nav ul li::after {
  content: "";
  height: 20px;
  width: 1px;
  background: #DFDFDF;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.series_nav ul li:nth-child(n + 4),
.series_nav ul li:last-child {
  content: none;
}
.series_nav ul li.current {
  border-color: #314C69;
}
.series_nav ul li a {
  font-family: Zen Old Mincho;
  font-weight: 500;
  font-size: 18px;
  line-height: 50px;
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #000;

}

body.home .page_title {
  padding: 70px 0;
  color: #fff;
  background-image: url(https://file001.shop-pro.jp/PA01138/382/images/access/ningyocho01.jpg);
  /* background-image: url('your-image.jpg'); */
      background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
      background-blend-mode: multiply; /* or darken */
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% auto;


}
body.home .page_title .section__title-h2 {
  font-family: Noto Serif JP;
  font-weight: 500;
  font-style: Medium;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  margin: 0 0 10px;
  color: #fff;
}
body.home .page_title p {
  font-family: Zen Old Mincho;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: center;

}

a:hover .read_more {
  letter-spacing: normal;
}

.topics_label {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  background: #1B1B1B;
  margin: 5px 0;
  text-align: center;
  width: 88px;
  line-height: 23px;
}
.topics_label.label-info {
    background: #1B1B1B;
}
.topics_label.label-atelier {
    background: #698AAC;
}
.topics_label.label-ningyocho {
    background: #698AAC;
}
.topics_label.label-info {
    background: #1B1B1B;
}
.topics_label.label-info {
    background: #1B1B1B;
}
.topics_label.label-info {
    background: #1B1B1B;
}
.topics_label.label-info {
    background: #1B1B1B;
}

.topics_title {
  margin-bottom: 0;
}
.read_more {
  color: #314C69;
  font-family: Noto Sans JP;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  display: inline-block;
  letter-spacing: normal;
}

@media (max-width: 767px) {
  body.home .page_title {
    background-size: auto 100%;
  }
  .series_nav {
    padding: 10px 15px;
  }
  .series_nav ul li {
    flex: 0 0 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }

  .series_nav ul li:nth-child(n + 3), .series_nav ul li:last-child {
    content: none;
  }
  .series_nav ul li:nth-child(n + 4) {
    content: "";
  }
  .series_nav ul li a {
    font-size: 14px;
    line-height: 18px;
  }
}

.main {
  line-height: normal;
}
.breadcrumbs ul li:not(:last-child)::after {
  content: ">";
  display: inline-block;
  padding: 0 5px;
}

/* NEW ARTICLE LAYOUT */
.single-post .post_thumbnail {
  margin-top: 10px;
  margin-bottom: 40px;
}
.single-post .post_thumbnail img {
  max-width: 100%;
}
.single-post .page_title {
  padding: 0;
}
.single-post .page_title h1 {
  color: #314C69;
  font-family: Zen Old Mincho;
  font-weight: 500;
  font-size: 30px;
  line-height: 160%;
  letter-spacing: 0;
  margin-bottom: 15px;
  text-align: left;
}
.single-post .article_date {
  padding: 0;
  color: #314C69;
  font-family: Noto Sans JP;
  font-weight: 300;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0;
  margin-bottom: 30px;
}
.article_content {
  color: #314C69;
}
.article_content img {
  max-width: 100%;
}
.article_lead {
  margin-bottom: 40px;
  font-family: Zen Old Mincho;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
}
.article_content .toc {
  font-family: Zen Old Mincho;
  font-weight: 400;
  font-size: 18px;
  line-height: 200%;
  letter-spacing: 0;
  margin-bottom: 70px;
}
.article_content .toc a {
  color: #314C69;
}
.article_content > h2 {
  font-family: Zen Old Mincho;
  font-weight: 500;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0;
  margin-bottom: 20px;
  padding-left: 15px;
  border-left: 7px solid #314C69;
}
.article_content > h2:not(:first-child) {
  margin-top: 80px;
}
.article_content > h3 {
  font-family: Zen Old Mincho;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0;
  margin: 40px 0 20px;
}
.article_content > img + img {
  margin-top: 30px;
}
.article_content > img {
  margin-bottom: 15px;
}
.article_content > p {
  font-size: 15px;
  line-height: 2;
}
.article_content hr {
  margin: 70px 0;
}
.questionBlock {
  margin-bottom: 90px;
}
.questionBlock dl {
  margin-bottom: 50px;
}
.questionBlock dt {
  font-family: Noto Sans JP;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0;
  padding-left: 3em;
  position: relative;
  margin-bottom: 20px;
}
.questionBlock dt::before {
  content: "";
  width: 2em;
  height: 1px;
  background: #314C69;
  position: absolute;
  top: 50%;
  left: 0;
}
.questionBlock dd p {
  margin-bottom: 20px;
  color: #484848;
}
.questionBlock dd p strong {
  font-weight: 500;
}
.questionBlock dd p.questionBlock_answ {
  display: flex;
  font-weight: 400;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0%;
}
.questionBlock dd p.questionBlock_answ span {
  font-weight: 500;
  flex: 0 0 auto;
  padding-right: 1em;
}
.eventBlock {
  padding: 50px 55px;
  background: #f2f2f2;
  margin-bottom: 35px;
}
.eventBlock_h2 {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #314C69;
}
.eventBlock time {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 20px;
  display: block;
}
.eventBlock p {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 15px;
  line-height: 200%;
  letter-spacing: 0%;
  color: #484848;
}
.eventBlock img {
  margin-top: 40px;
  margin-bottom: 15px;
}
.eventBlock :last-child {
  margin-bottom: 0;
}
p.note {
  font-size: 13px;
  font-weight: 300;
}
.article_table {
  margin: 80px 0;
  width: 100%;
  max-width: 680px;
}
.article_table td, .article_table th {
  font-size: 13px;
  font-weight: 300;
  color: #484848;
  border: 1px solid #747373;
  padding: 10px 25px;
}
.article_table th {
  text-align: center;
  width: 25%;
}
.pointBlock {
  border: 2px solid #314C69;
  padding: 30px 55px;
  position: relative;
  margin: 60px 0;
}
.pointBlock_title {
  /* content: "＜ POINT ＞"; */
  display: inline-block;
  background: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 160%;
  padding: 0 15px;
  position: absolute;
  top: -20px;
  left: 40px;
}

.authorBlock {
  margin: 90px auto;
}
.authorBlock_title {
  font-family: Noto Sans JP;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #484848;
  display: inline-block;
  padding-right: 47px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='27' viewBox='0 0 28 27' fill='none'><path d='M13.9677 11.7464L15.4773 13.256L25.1923 3.54143L23.6823 2.03184L13.9677 11.7464ZM2.55729 24.6664H4.06729L14.256 14.4773L12.7465 12.9677L2.55729 23.1568V24.6664ZM16.0673 15.0673L12.189 11.1568L20.1727 3.17268L19.5735 2.57351C19.4024 2.40268 19.146 2.31726 18.8044 2.31726C18.4624 2.31726 18.206 2.40268 18.0352 2.57351L9.90354 10.7048L8.72396 9.58934L16.9102 1.39393C17.4485 0.855593 18.089 0.586426 18.8315 0.586426C19.574 0.586426 20.2145 0.855593 20.7531 1.39393L21.3523 1.99351L22.7306 0.615176C22.9998 0.346009 23.3155 0.211426 23.6777 0.211426C24.0399 0.211426 24.3556 0.346009 24.6248 0.615176L26.7369 2.72726C27.006 2.99643 27.1301 3.29073 27.109 3.61018C27.0876 3.92962 26.9422 4.22406 26.6727 4.49351L16.0673 15.0673ZM4.76896 26.3331H0.890625V22.4548L12.1569 11.1568L16.0673 15.0673L4.76896 26.3331Z' fill='%23484848'/></svg>");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 26px;
}
.authorBlock_inner {
  padding: 40px;
  border: 1px solid #DFDFDF;
  display: flex;
  gap: 20px;
}
.authorBlock_img {
  flex: 0 0 150px;
  max-width: 150px;
}
.authorBlock_name {
  margin-bottom: 15px;
  color: #484848;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
}
.authorBlock_inner p {
  line-height: 2;
  color: #484848;
}
.authorBlock_inner .button--typeB {
  width: 120px;
}

.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 30px 0;
}
.videoContainer.videoContainer_youtube_horiz {
  max-width: 560px;
  background: red;
  padding-bottom: 34.65%;
}
.videoContainer.videoContainer_youtube_vert {
  max-width: 315px;
  background: yellow;
  padding-bottom: 61.5%;
}
.videoContainer.videoContainer_instagram {
  max-width: 540px;
  min-width: 326px;
  background: green;
  padding-bottom: 59.4%;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.itemBlock {
  padding: 55px;
  background: #f2f2f2;
  display: flex;
  gap: 40px;
}
.itemBlock_img {
  flex: 0 0 325px;
}
.itemBlock_name {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  margin-bottom: 20px;
  color: #484848;
}
.itemBlock_info p {
  color: #484848;
  line-height: 2;
}
@media (max-width: 768px){
  .single-post .post_thumbnail {
    margin-top: 15px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 110%;
    overflow: hidden;
  }
  .single-post .post_thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 -50%;
    height: 100%;
    width: auto;
    max-width: none;
  }
  .single-post .page_title h1,
  .single-post .article_date {
    padding: 0 15px;
  }
  .article_content .toc {
    margin-bottom: 50px;
  }
  .article_content {
    padding: 0 15px;
  }
  .article_content > h2 {
    font-size: 22px;
    padding-left: 12px;
  }
  .article_content > h2:not(:first-child) {
    margin-top: 60px;
  }
  .article_content hr {
    margin: 60px 0;
  }
  .questionBlock {
    margin-bottom: 60px;
  }
  .questionBlock dt {
    font-size: 18px;
    padding-left: 0;
    padding-top: 40px;
  }
  .questionBlock dt::before {
    top: 15px;
  }
  .questionBlock dd p.questionBlock_answ {
    font-size: 14px;
  }
  .eventBlock {
    padding: 40px 15px;
    width: 100vw;
    margin: 0 -15px 60px;
  }
  .article_table td, .article_table th {
    font-size: 12px;
    padding: 10px 15px;
  }
  .article_table th {
    width: 33%;
    text-align: left;
  }
  .pointBlock {
    padding: 20px 25px;
    margin: 40px 0;
  }
  .pointBlock::before {
    font-size: 20px;
    padding: 0 10px;
    top: -20px;
    left: 20px;
  }
  .authorBlock {
    margin: 70px auto;
  }
  .authorBlock_inner {
    padding: 30px 15px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .authorBlock_name {
    font-size: 15px;
  }
  .authorBlock_inner p {
    font-size: 13px;
  }
  .videoContainer.videoContainer_youtube_horiz {
    padding-bottom: 56.25%;
  }
  .videoContainer.videoContainer_youtube_vert {
    padding-bottom: 162%;
  }
  .videoContainer.videoContainer_instagram {
    padding-bottom: 92vw;
  }
  .itemBlock {
    padding: 40px 25px;
    flex-direction: column;
    gap: 20px;
    width: 100vw;
    margin: 0 -15px;
  }
  .itemBlock_img {

  }
  .itemBlock_name {
    margin-bottom: 15px;
  }
}

.back_top a {
  color: #fff !important;
}

.single-post .article_lead_img {
    margin-top: 10px;
    margin-bottom: 40px;
}
.single-post .article_lead_img img {
    max-width: 100%;
}
@media (max-width: 768px) {
    .single-post .article_lead_img {
        margin-top: 15px;
        margin-bottom: 30px;
        position: relative;
        padding-top: 110%;
        overflow: hidden;
    }
    .single-post .article_lead_img img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 -50%;
        height: 100%;
        width: auto;
        max-width: none;
    }
}

.article_content #section01, .article_content #section02, .article_content #section03, .article_content #section04, .article_content #section05 {
    margin-top: initial !important;
    padding-top: initial !important;
}
.article_content  .anchor {
  margin-top: -20px;
  padding-top: 20px;
  pointer-events: none;
}
.article_content  #section01.anchor, .article_content  #section02.anchor, .article_content  #section03.anchor, .article_content  #section04.anchor, .article_content  #section05.anchor {
  margin-top: -20px !important;
  padding-top: 20px !important;
}

.function_cateList a[class*="iconButton"] {
    border-color: #314C69;
    color: #314C69;
    text-align: center;
}

@media (min-width: 481px) {
	.topics_boxx {
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.single.single-post section {
	 max-width: inherit !important;
	}
}