* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html {
  height: 100%;
  width: 100%;
}

body {
  /* height: 100%; */
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

html,
body {
  font-family: sans-serif;
  height: auto;
  /* min-height: 100%; */
  overflow-x: hidden;
  position: relative;
  background: #fff;
  color: #000;
  margin: 0;
}

a {
  color: #111;
  text-decoration: none;
}

img {
  border: 0;
  display: block;
  width: 100%;
  height: auto;
}

dl,
menu,
ol,
ul {
  margin: 0;
}

menu,
ol,
ul {
  list-style-type: none;
  padding: 0;
}

/*h1{font-size:1.3em;font-weight:700;margin:8px 0;}*/
h1 {
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 8px 0;
  min-height: 1rem;
}

/*.fa,
.fas {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}*/
.fl {
  float: left;
}

.fr {
  float: right;
}

.header {
  background: #072967;
  position: fixed;
  z-index: 11;
  height: 70px;
}

.wfull {
  width: 100%;
  clear: both;
  float: left;
}

.oppa {
  margin-top: 70px;
}

.part {
  padding: 20px;
  float: left;
  width: 100%;
}

.header a.logo {
  float: left;
}

.header a.logo img {
  width: 100%;
  height: 28px;
}

.header .btm {
  background: url(../images/main/ic_bars.png) no-repeat;
  background-size: 30px 30px;
  content: "";
  float: right;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  cursor: pointer
}

.header .select.search {
  margin-left: 10px;
  position: absolute;
  right: 60px;
  top: 20px;
  width: 30px;
  height: 30px;
  z-index: 3;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}

.header .select.search a {
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.header .select.search a img {
  width: 30px;
  height: 30px;
}

.header .select.search input {
  width: calc(100% - 40px);
  float: left;
  border: 0;
  padding: 6px 10px;
  background: 0;
  font-size: 14px;
  color: #111;
}

.header .select.search button {
  border: 0;
  display: none;
  padding: 0;
  background: #072967;
  width: 30px;
  height: 30px;
  float: right;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.box_img {
  background: #f4f4f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.detail {
  margin-top: 12px;
}

.detail .info a.topik {
  font-size: 14px;
  margin: 0 12px 8px 0;
  padding: 0;
  display: inline-block;
}

.detail .info a.topik i {
  color: #072967;
}

.detail .info a.topik span {
  color: #6d6d6d;
  font-size: 13px;
  font-weight: bold;
  margin-left: 4px;
}

.detail h1 {
  font-family: "Noto Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  margin: 8px 0
}

.detail .maker {
  font-family: sans-serif;
  font-size: 13px;
  color: #777;
}

.detail .img_detail {
  position: relative;
  margin-top: 20px;
  min-height: 200px;
  max-width: 100%;
}

.detail .img_detail img {
  height: auto;
  width: 100%;
  object-fit: cover;
}

.detail .img_detail .caption {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px;
  font-size: 15px;
  background: #f4f4f4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 28px;
}

.nav_detail {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  max-width: 100%;
  height: 35px;
}

.nav_detail .left {
  margin-top: 4px;
}

.nav_detail .left li {
  float: left;
  position: relative;
}

.nav_detail .left li a {
  font-family: sans-serif;
  font-size: 15px;
  color: #111;
  margin-right: 20px;
}

.nav_detail .left li::before {
  position: absolute;
  right: 8px;
  top: 2px;
  content: "/";
  font-size: 14px;
}

.nav_detail .left li:last-child {
  margin-right: 0;
}

.nav_detail .left li:last-child::before {
  content: " ";
  display: none;
}

.nav_detail .right li {
  float: left;
  margin-left: 8px;
}

.nav_detail .right li a img {
  width: 24px;
  height: 24px;
}

.copyright {
  width: 100%;
  clear: both;
  float: left;
  background: #072967;
  padding: 20px;
  font-size: 14px;
  color: #a5bbe2;
  text-align: center;
  height: 72px;
}

.footer {
  background: #0e3781;
  width: 100%;
  clear: both;
  float: left;
  position: relative;
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 20px;
}

.section {
  width: 100%;
  clear: both;
  float: left;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0;
  overflow: hidden;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.section.no_border {
  border-bottom: 0;
}

.komentar {
  width: 100%;
  float: left;
  /* background: aliceblue; */
}

.komentar {
  margin-bottom: 20px;
}

.komentar h3 {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  float: left;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.nightmode {
  background: #111;
}

.nightmode .b_ac {
  border-color: #3d3d3d;
}

.nightmode .b_white {
  background: #111;
}

.nightmode .nav_detail {
  border-bottom-color: #363636;
}

.nightmode .nav_detail li a {
  color: #aaa;
}

.nightmode .nav_detail li::before {
  color: #aaa;
}

.nightmode .subtitle {
  color: #aaa;
}

.nightmode .detail .info a.topik i {
  color: #5074b6;
}

.nightmode .detail .info a.topik span {
  color: #aaa;
}

.nightmode .detail h1,
.nightmode .detail h1 a {
  color: #efefef;
}

.nightmode .detail .maker {
  color: #aaa;
}

.nightmode .detail .img_detail .caption {
  background: #000;
  color: #aaa;
}

.nightmode .detail .grey_r5 {
  background: #000;
}

.nightmode .detail .tool_bt button {
  float: left;
}


.nightmode .detail .tool_bt .bookmark {
  float: right;
}

.nightmode .detail .tool_bt .bt_save {
  background: #182337;
  float: right;
}

.nightmode .detail .tool_bt .bt_save i {
  color: #aeaeae;
}

.nightmode .detail .text {
  color: #efefef;
}

.nightmode .detail .text a {
  color: #ff6c00;
}

.nightmode .detail .related {
  border-color: #3d3d3d;
}

.nightmode .detail .related .style_3 li a {
  color: #aaa;
}

.nightmode .detail .quotes {
  color: #efefef;
}

.nightmode .detail .bottom_article li a {
  background: #242f43;
  color: #fff;
}

.nightmode .read .style_2 li,
.nightmode .read2 .style_2 li {
  border-color: #3d3d3d;
}

.nightmode .read .style_2 li .block .subt,
.nightmode .read2 .style_2 li .block .subt {
  color: #5074b6;
}

.nightmode .read .style_2 li .block a,
.nightmode .read2 .style_2 li .block a {
  color: #efefef;
}

.nightmode .read .style_2 li .block .info a.kanal,
.nightmode .read2 .style_2 li .block .info a.kanal {
  color: #5074b6;
}

.nightmode .read .style_2 li .block .info a.topik i,
.nightmode .read2 .style_2 li .block .info a.topik i {
  color: #5074b6;
}

.nightmode .read .style_2 li .block .info a.topik span,
.nightmode .read2 .style_2 li .block .info a.topik span {
  color: #aaa;
}

.nightmode .connected .style_3 li a {
  color: #efefef;
}

.nightmode .connected .style_3 li .info a.kanal {
  color: #5074b6;
}

.nightmode .connected .style_3 li .info a.topik i {
  color: #5074b6;
}

.nightmode .connected .style_3 li .info a.topik span {
  color: #aaa;
}

.nightmode .box_15 {
  background: #000;
}

.nightmode .box_15 p {
  color: #fff;
}

.nightmode .box_15 .feedback li a,
.nightmode .box_15 .feedback li button {
  background: #000;
  color: #fff;
}

.nightmode .section {
  border-bottom: 1px solid #3d3d3d;
}

.nightmode body,
.nightmode .sliders .bar_right,
.nightmode .search_topic form input,
.nightmode .box_31 {
  background: #111;
}

.nightmode .header,
.nightmode .sliders .bar_left,
.nightmode .footer,
.nightmode .header .select.search.show::before,
.nightmode .my_medcom .lat_topic,
.nightmode .my_medcom .lat_topic ul,
.nightmode .style_6 li .info a.unfol,
.nightmode .box_15,
.nightmode .box_33 ul.comment li .comment_ct,
.nightmode .box_33 ul.comment li .reply_ct,
.nightmode .box_33 ul.comment li .reply_ct textarea,
.nightmode .section.gray:before {
  background: #222;
}

.nightmode .nav_page,
.nightmode .nav_page:before,
.nightmode .section.blue::before,
.nightmode .copyright,
.nightmode .header .select.search.show,
.nightmode .box_kanal ul,
.nightmode .box_kanal ul li a,
.nightmode .style_6 li,
.nightmode .style_6 li .info,
.nightmode .box_31 .box_31_ct .team li .team_ct::before,
.nightmode .alphabet,
.nightmode .b_blue5,
.nightmode .my_medcom .lat_topic ul li,
.nightmode .style_9 li,
.nightmode .style_8,
.nightmode .pagination li a,
.nightmode .sch_slide .item table tr:nth-child(3) td,
.nightmode .sch_slide .item table tr:nth-child(4) td,
.nightmode .box_33 .inp_comment form textarea,
.nightmode .sliders .bar_left .menumenu li a,
.nightmode .sliders .bar_left .user_go li a {
  background: #333;
}

.nightmode .nav_page ul li a.act,
.nightmode .header .select.search.show::after {
  background: #555;
}

.nightmode center button.more,
.nightmode .header .select.search button,
.nightmode .box_kanal ul li.act a {
  background: #ff6c00;
}

.nightmode .headline li a,
.nightmode .headline li .info a.topik i,
.nightmode .style_2 li .block a,
.nightmode .style_2 .lop .block a,
.nightmode .style_2 li .block .info a.topik i,
.nightmode .style_3 li a,
.nightmode .style_2 .lop .block .info a.topik i,
.nightmode .style_3 li .info a.topik i,
.nightmode .style_4 li a,
.nightmode .copyright,
.nightmode .footer a,
.nightmode .style_3 li .topic a.topic_name,
.nightmode .header .select.search input,
.nightmode .search_topic form input,
.nightmode .box_kanal ul li a,
.nightmode .style_6 li .info h5 a,
.nightmode .box_31 .ti span,
.nightmode .box_31 .box_31_ct h4,
.nightmode .box_16 table th,
.nightmode .style_5 li a,
.nightmode .detail .detail_profile h2,
.nightmode .my_medcom .lat_topic ul li a.tpc,
.nightmode .style_9 li a,
.nightmode .style_8 a,
.nightmode .box_ind .left,
.nightmode .box_16 p,
.nightmode .sch_slide h6,
.nightmode .sch_slide .item table,
.nightmode .box_15 p,
.nightmode .box_33 .inp_comment form textarea,
.nightmode .box_33 ul.comment li .reply_ct textarea,
.nightmode .box_33 ul.comment li .text h4,
.nightmode .style_7 li .info h5,
.nightmode .sliders .bar_left .top_left li h6,
.nightmode .sliders .bar_left .menumenu li a,
.nightmode .sliders .bar_left .user_info h5,
.nightmode .sliders .bar_left .user_info h2,
.nightmode .sliders .bar_left .user_go li a,
.nightmode .style_9 li a.tpc {
  color: #eaeaea;
}

.nightmode .headline li .info a.kanal,
.nightmode .headline li .info a.topik span,
.nightmode .style_2 li .block .info a.topik span,
.nightmode .style_2 .lop .block .info a.topik span,
.nightmode .style_3 li .info a.kanal,
.nightmode .style_2 li .block .info a.kanal,
.nightmode .style_2 .lop .block .info a.kanal,
.nightmode .style_4 li .time,
.nightmode .style_6 li .info .art,
.nightmode .box_31 .box_31_ct,
.nightmode .box_16 table td,
.nightmode .style_5 li .job,
.nightmode .alphabet li a,
.nightmode .detail .text,
.nightmode .detail .detail_profile .job,
.nightmode .style_8 .text span,
.nightmode .box_15 .feedback li a,
.nightmode .box_33 ul.comment li .text p,
.nightmode .box_33 ul.comment li .comment_bt button,
.nightmode .bc_head,
.nightmode .style_7 li .info span {
  color: #aaa;
}

.nightmode .box_33 ul.comment li .reply_ct button,
.nightmode .title3 {
  color: #ff6c00;
}

.nightmode .style_2 li,
.nightmode .style_2 .lop,
.nightmode .section,
.nightmode .search_topic form,
.nightmode .box_31 .box_31_ct .team li .team_ct,
.nightmode .box_16 table th,
.nightmode .box_16 table td,
.nightmode .box_kanal,
.nightmode .alphabet,
.nightmode .my_medcom .lat_topic,
.nightmode .sch_slide .item table,
.nightmode .box_16 .tab_bt,
.nightmode .box_33 ul.comment li .comment_ct,
.nightmode .box_33 ul.comment li .comment_bt,
.nightmode .box_33 ul.comment li .reply_ct,
.nightmode .bot_a,
.nightmode .style_7 li,
.nightmode .sliders .bar_left .menumenu {
  border-color: #333;
}

.nightmode .section.blue .title2,
.nightmode .footer .medsos,
.nightmode .footer a.cr,
.nightmode .box_31 .box_31_ct .team li .team_ct::before,
.nightmode .my_medcom .info li.btn.bb,
.nightmode .my_medcom .info,
.nightmode .style_8 .text ul.sub_article li,
.nightmode .box_33 .inp_comment form textarea {
  border-color: #555;
}

.nightmode .box_15 .feedback li a::before {
  border: 1px solid #666;
}

/*Defer*/
.title3 {
  width: 100%;
  clear: both;
  float: left;
  font-size: 13px;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
}

h3 {
  font-size: 1.17em;
  margin: 0;
}

h4 {
  font-size: 1em;
  margin: 0;
  font-weight: 400;
}

.banner_showcase {
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
  overflow: hidden;
}

.banner_showcase {
  height: auto !important;
}


.banner_showcase .placeholder {
  background: #f4f4f4;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100px;
}

.banner_showcase .placeholder:empty::before {
  background-color: dimgrey;
  border-radius: 5px;
  color: lightgrey;
  content: "Loading";
  font: 12px sans-serif;
  font-weight: 700;
  padding: 6px;
  text-align: center;
}

center {
  float: left;
  width: 100%;
  clear: both;
  float: left;
  text-align: center;
}

center a.more {
  margin: 0;
  padding: 10px 98px;
  background: #072967;
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-color: transparent;
  display: inline-block;
}

.parallax_ads {
  width: calc(100% - -40px);
  left: -20px;
  float: left;
  background: #072967;
  position: relative;
  z-index: 1;
}

.parallax_wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 300px;
  max-height: 300px;
}

.parallax_clip {
  overflow: hidden;
  width: 100%;
  height: 300px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(auto auto auto auto);
  z-index: 0;
}

.parallax_fixed {
  width: calc(100% - -40px);
  height: 100%;
  position: fixed;
  bottom: 0;
  margin: 0 auto;
  -moz-transform: translatez(0);
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.parallax_content {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  border: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.title {
  font-family: "Montserrat", sans-serif;
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #ff6c00;
  margin-bottom: 20px;
  max-width: 240px;
}

.title h5,
.title div,
.title h2,
.title h4,
.title h3,
.title h6 {
  float: left;
  color: #ff6c00;
  font-size: 14px;
  font-weight: 700;
  max-width: 200px;
}

.detail .tool_bt {
  margin-top: 20px;
  padding: 10px;
  width: 100%;
  clear: both;
  float: left;
}

.detail .tool_bt button,
.detail .tool_bt .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-color: transparent;
}

.detail .tool_bt .a_plus,
.detail .tool_bt .a_min,
.detail .tool_bt .moon {
  float: left;
  margin-right: 10px
}

.detail .tool_bt .a_min {
  background: #072967 url(../images/main/ic_Amin.png) no-repeat center;
  background-size: 19px 14px
}

.detail .tool_bt .a_plus {
  background: #072967 url(../images/main/ic_Aplus.png) no-repeat center;
  background-size: 19px 14px
}

.detail .tool_bt .moon {
  display: none;
}

.detail .tool_bt .sun {
  display: none;
}

.detail .tool_bt .bt_save {
  float: right;
}

.detail .tool_bt .bt_save i {
  color: #fff;
  font-size: 14px;
}

.detail .text {
  width: 100%;
  clear: both;
  float: left;
  font-family: "Noto Sans", sans-serif;
  font-size: 17px;
  color: #111;
  line-height: 200%;
  margin: 20px 0;
}

.detail iframe {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.detail .text a {
  color: #0e3781;
}

.detail .text h3 {
  margin-bottom: 12px;
  margin-top: 12px;
}

.detail .text h2 {
  font-size: 20px;
  line-height: 160%;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  margin-bottom: 15px;
}

.detail .text ol,
.detail .text ul {
  list-style-type: auto;
  margin: 0 20px
}

.detail table {
  border-collapse: collapse;
  width: 100%;
  float: left
}

.detail table th,
.detail table td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 13px
}

.detail .quotes,
.detail blockquote {
  padding: 10px;
  margin: 10px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  line-height: 24px;
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  background: #E6E9F0;
}

/*! .detail .text ol,.detail .text ul{list-style-type:auto;} */
.bottom_article {
  width: 100%;
  clear: both;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}

.bottom_article li {
  display: inline-block;
  margin: 0 4px;
}

.bottom_article li a {
  float: left;
  background: #072967;
  padding: 4px 20px;
  border-radius: 50px;
  color: #fff;
  font-family: sans-serif;
  font-size: 14px;
}

.grey_r5 {
  width: 100%;
  clear: both;
  float: left;
  background: #f4f4f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 44px;
}

.share {
  text-align: center;
  padding: 8px;
  margin: 30px 0;
}

.share li {
  display: inline-block;
  margin: 0 4px;
}

.share li img {
  width: 24px;
  height: 24px;
  /*width: 100%;height: auto;*/
}

.subs {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  background: #ff6c00;
  padding: 8px 20px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  margin-bottom: 24px;
  margin-top: 20px;
  border: 0;
}

.subs svg {
  margin-right: 10px;
}

.connected .style_3 li,
.sel_news .style_3 li {
  width: 190px;
  min-height: 200px;
  overflow-x: hidden;
}

.connected .style_3 li .box_img,
.sel_news .style_3 li .box_img {
  height: 120px;
}

.connected .style_3 li a,
.sel_news .style_3 li a {
  font-size: 15px;
}

.related {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 16px 0;
  margin: 16px 0;
  min-height: 253px;
}

.related .title2 {
  margin-bottom: 4px;
  color: #ff6c00
}

.related .style_3 li {
  width: 140px;
}

.related .style_3 li .box_img {
  height: 90px;
}

.related .style_3 li a {
  font-size: 15px;
  float: left;
  line-height: 17px;
  width: 100%;
  color: #0e3781
}

.style_2 {
  width: 100%;
  clear: both;
  float: left;
}

.style_2 li,
.style_2 .lop {
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #efefef;
}

.style_2 li .block,
.style_2 .lop .block {
  float: left;
  width: calc(100% - 110px);
}

.style_2 li .block h2,
.style_2 .lop .block h2,
.style_2 li .block a,
.style_2 .lop .block a {
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #333;
}

.style_2 li .block .info,
.style_2 .lop .block .info {
  margin-top: 10px;
}

.style_2 li .block .info a.topik,
.style_2 .lop .block .info a.topik {
  float: left;
  font-size: 12px;
  margin-right: 10px;
}

.style_2 li .block .info a.topik i,
.style_2 .lop .block .info a.topik i {
  color: #072967;
}

.style_2 li .block .info a.topik span,
.style_2 .lop .block .info a.topik span {
  color: #6d6d6d;
  margin-left: 2px;
  font-family: sans-serif;
}

.style_2 li .box_img,
.style_2 .lop .box_img {
  float: right;
  width: 90px;
  height: 90px;
  position: relative;
}

.style_2 li .box_img img,
.style_2 .lop .box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  visibility: hidden;
}

.style_3 {
  float: left;
  width: calc(100% - -40px);
  padding: 0 20px;
  position: relative;
  left: -20px;
  overflow-x: auto;
  white-space: nowrap;
}

.style_3 li {
  display: inline-block;
  margin-right: 16px;
  vertical-align: top;
}

.style_3 li .box_img {
  width: 100%;
  margin-bottom: 10px;
}

.style_3 li .box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.style_3 li a {
  font-family: sans-serif;
  color: #111;
  line-height: 18px;
  font-weight: 700;
  white-space: normal;
}

.style_3 li .info {
  margin-top: 10px;
}

.style_3 li .info a.kanal {
  float: left;
  color: #072967;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: 700;
  margin-right: 10px;
}

.style_3 li .info a.topik {
  float: left;
  font-size: 12px;
}

.style_3 li .info a.topik i {
  color: #072967;
}

.style_3 li .info a.topik span {
  color: #6d6d6d;
  margin-left: 8px;
  font-family: sans-serif;
}

.modal_wrap {
  z-index: 20;
  position: fixed;
  top: -200%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: opacity ease-out 0.3s;
  -moz-transition: opacity ease-out 0.3s;
  -webkit-transition: background ease-out 0.3s;
}

.modal_wrap .modal {
  font-family: sans-serif;
  opacity: 0;
  width: 90%;
  max-width: 320px;
  height: auto;
  padding: 20px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.modal_wrap .modal .modal_head {
  width: 100%;
  clear: both;
  float: left;
  padding: 10px;
}

.modal_wrap .modal .modal_head h3,
.modal_wrap .modal .modal_head div {
  width: 100%;
  clear: both;
  float: left;
  margin: 0;
  color: #ff6c00;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.modal_wrap .modal .modal_ct {
  width: 100%;
  clear: both;
  float: left;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}

.modal_wrap .modal .modal_foot {
  text-align: center;
  width: 100%;
  clear: both;
  float: left;
  padding: 20px;
}

.modal_wrap .modal .modal_foot button {
  border: 0;
  display: inline-block;
  padding: 10px 30px;
  text-align: center;
  background: #0e3781;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.section img {
  max-width: 100%;
}

.box_15 {
  width: 100%;
  clear: both;
  float: left;
  position: relative;
  padding: 20px 0;
  background: #f4f4f4;
  border-radius: 5px;
  margin-bottom: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* min-height: 156px; */
}

.box_15 p {
  width: 100%;
  clear: both;
  float: left;
  padding: 0 20px;
  margin: 0 0 20px;
  font-size: 14px;
  color: #111;
  text-align: center;
}

.box_15 .feedback {
  width: 100%;
  clear: both;
  float: left;
  text-align: center;
}

.box_15 .feedback li {
  display: inline-block;
  width: 40px;
  margin-right: 20px;
  text-align: center;
}

.box_15 .feedback li:last-child {
  margin-right: 0;
}

.box_15 .feedback li a,
.box_15 .feedback li button {
  width: 40px;
  display: block;
  padding: 0;
  position: relative;
  font-size: 11px;
  color: #111;
  border: 0;
  background: #f4f4f4;
}

.box_15 .feedback li a img,
.box_15 .feedback li button img {
  display: inline-block;
  margin-bottom: 8px;
  width: 100%;
  object-fit: contain;
  background-color: #0e3781;
  border-radius: 8px;
}

.bell,
.notif_2 {
  width: 48px;
  height: 48px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 29;
}

.bell .bell_bt,
.notif_2 .bell_bt {
  width: 100%;
  height: 100%;
  display: none;
  font-size: 20px;
  border: 0;
  background: #ff6c00;
  color: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  animation: shake 1s linear infinite;
  -moz-animation: shake 1s linear infinite;
  -webkit-animation: shake 1s linear infinite;
}

.bell .bell_ct,
.notif_2 .bell_ct {
  font-family: sans-serif;
  width: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.bell .bell_ct .text,
.notif_2 .bell_ct .text {
  width: 280px;
  height: auto;
  padding: 20px 20px 50px 20px;
  position: relative;
}

.bell .bell_ct .text h4,
.notif_2 .bell_ct .text h4,
.bell .bell_ct .text div,
.notif_2 .bell_ct .text div {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

.bell .bell_ct .text p,
.notif_2 .bell_ct .text p {
  font-size: 14px;
  color: #666;
}

.bell .bell_ct .text ol,
.notif_2 .bell_ct .text ol {
  list-style: number;
  padding-left: 18px;
  font-size: 14px;
  color: #666;
}

.bell .bell_ct .text ol li,
.notif_2 .bell_ct .text ol li {
  margin-bottom: 10px;
  list-style: decimal;
}

.bell .bell_ct .text span,
.notif_2 .bell_ct .text span {
  font-size: 14px;
  color: #0e3781;
}

.bell .bell_ct .close_bt,
.notif_2 .bell_ct .close_bt {
  width: 36px;
  height: 36px;
  font-size: 20px;
  color: #333;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: 0;
  border: 0;
}

.sticky_bottom {
  position: fixed;
  width: 100%;
  max-height: 70px;
  bottom: 0;
  left: 0;
  z-index: 28;
}

.sticky_bottom .ads,
.sticky_bottom .sticky_bottom_ct {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 0;
  background: #fff url(../images/main/diagonal_pattern.png);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-align: center;
}

.affiliate {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 20px 0;
  text-align: center;
  margin-top: 12px;
}

.affiliate li {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
  margin: 10px 0;
  padding: 0 10px;
}

.affiliate li a {
  display: block;
}

.affiliate li a img {
  width: 100%;
  height: auto;
}

.medsos {
  margin-top: 0;
}

.section.no_border.pb_0 {
  text-align: center;
}

.section.no_border.pb_0 div {
  display: inline-block;
  float: none;
}

.next_page {
  float: right;
  position: relative;
  text-align: right;
  line-height: 30px
}

.next_page span {
  font-weight: 700
}

.next_page a {
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
  color: #2e64fe;
  background: #fff
}

.next_page a:hover {
  color: #f90;
  background: #fff
}

.detail .page_number {
  width: 100%;
  float: left;
  border: 1px solid;
  color: #ff6c00;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 5px 5px;
  margin-bottom: 20px;
  margin-top: 20px
}

.detail .page_number ul {
  float: left
}

.detail .page_number li {
  margin-left: 10px;
  display: block;
  padding: 5px 0;
  float: left;
  color: #ff6c00;
  font-weight: 700
}

.detail .page_number a {
  display: block;
  padding: 0 10px;
  color: #ff6c00;
  font-size: 14px;
  font-weight: 700;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px
}

.detail .page_number a:hover {
  background-color: #ff6c00;
  color: #fff
}

.detail .page_number .active {
  display: block;
  background-color: #ff6c00;
  color: #fff;
  font-weight: 700
}

.detail .page_number .read_all {
  width: 100px;
  text-align: center;
  float: right;
  background-color: #ff6c00;
  color: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 8px 5px
}

.detail .page_number .read_all:hover {
  width: auto;
  float: right;
  background-color: #072967;
  color: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 8px 5px
}

.clm {
  width: 100%;
  clear: both;
  float: left;
  font-family: "Noto Sans", sans-serif;
  margin-top: 12px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px
}

.clm .img_col {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  border-radius: 50%;
  float: left;
  overflow: hidden
}

.clm .img_col img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.clm h4,
.clm a {
  font-size: 14px;
  color: #111;
  font-weight: 700;
  display: block
}

.clm span {
  font-size: 14px;
  color: #777
}

.detail {
  margin-top: 12px
}

.mt20 {
  margin-top: 20px
}

.mb20 {
  margin-bottom: 20px
}

/*.social-share {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    text-decoration: none;
    cursor: pointer;
    position: relative
}

.social-share:focus {
    outline: 2px solid #0389ff;
    outline-offset: 2px
}

.social-share-twitter {
    background-color: #1da1f2
}

.social-share-facebook {
    background-color: #32529f
}

.social-share-pinterest {
    background-color: #e60023
}

.social-share-linkedin {
    background-color: #0077b5
}

.social-share-tumblr {
    background-color: #3c5a77
}

.social-share-email {
    background-color: #000
}

.social-share-whatsapp {
    background-color: #25d366
}

.social-share-line {
    background-color: #52b448
}


.social-share-facebook {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M212 197h-37v60h37v176h70V257h50l5-60h-55v-33c0-14 3-20 17-20h38V83h-49c-52 0-76 23-76 67v47z"/></svg>')
}

.social-share-pinterest {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M267 77c-101 0-151 71-151 131 0 36 14 69 43 81 5 2 9 0 11-6l4-16c1-6 1-8-3-12-8-10-14-23-14-42 0-53 40-101 104-101 57 0 88 35 88 81 0 61-27 112-67 112-22 0-39-18-33-40 6-27 18-56 18-75 0-17-9-32-28-32-23 0-41 24-41 55 0 20 7 33 7 33l-27 115c-9 34-2 76-1 80 0 3 4 3 5 1 2-2 29-35 38-69l15-58c7 14 29 27 51 27 68 0 114-62 114-145 0-62-53-120-133-120z"/></svg>')
}

.social-share-linkedin {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M186.4 142.4c0 19-15.3 34.5-34.2 34.5-18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5 18.9 0 34.2 15.5 34.2 34.5zm-5 58.9h-57.8v186.8h57.8V201.3zm92.4 0h-55.4v186.8h55.4v-98c0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9v98H398V269.8c0-50-28.3-74.2-68-74.2-39.6 0-56.3 30.9-56.3 30.9v-25.2h.1z"/></svg>')
}

.social-share-email {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M101 142v229h310V142H101zm275 26-120 91-120-91h240zm-248 26 64 49-64 64V194zm0 150 85-85 43 33 43-33 85 85H128zm256-36-64-65 64-49v114z"/></svg>')
}

.social-share-twitter {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><g fill="none" fill-rule="evenodd"><path d="M0 0h400v400H0z"/><path fill="%23FFF" fill-rule="nonzero" d="M153.6 301.6c94.4 0 146-78.2 146-146 0-2.2 0-4.4-.2-6.6a104.4 104.4 0 0 0 25.6-26.5 102.4 102.4 0 0 1-29.5 8 51.5 51.5 0 0 0 22.6-28.3 102.8 102.8 0 0 1-32.6 12.4 51.3 51.3 0 0 0-87.4 46.8 145.6 145.6 0 0 1-105.7-53.6 51.3 51.3 0 0 0 15.9 68.5 51 51 0 0 1-23.3-6.4v.6a51.3 51.3 0 0 0 41.1 50.3 51.2 51.2 0 0 1-23.1.9 51.4 51.4 0 0 0 48 35.6 103 103 0 0 1-63.8 22 104.4 104.4 0 0 1-12.2-.7 145.2 145.2 0 0 0 78.6 23"/></g></svg>')
}

.social-share-tumblr {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M211 80c-2 19-7 34-13 46a96 96 0 0 1-59 50v50h39v125c0 16 1 28 5 37 3 8 9 16 18 24s20 13 32 17c13 5 27 7 43 7a174 174 0 0 0 81-20v-56a97 97 0 0 1-54 18c-10 0-19-3-27-7-6-4-10-8-12-14s-3-19-3-40v-91h85v-56h-85V80h-50z"/></svg>')
}

.social-share-whatsapp {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46"><path fill="%23FFF" d="M35.4 10.4a18.27 18.27 0 0 0-31.2 13c0 3.2.9 6.3 2.4 9.1L4 42l9.7-2.5c2.7 1.5 5.7 2.2 8.7 2.2a18.4 18.4 0 0 0 13-31.3zM22.5 38.6c-2.7 0-5.4-.7-7.7-2.1l-.6-.3-5.8 1.5L9.9 32l-.4-.6c-4.4-7.1-2.3-16.5 4.9-20.9 7.2-4.4 16.5-2.3 20.9 4.9 4.4 7.2 2.3 16.5-4.9 20.9-2.3 1.5-5.1 2.3-7.9 2.3zm8.8-11.1-1.1-.5s-1.6-.7-2.6-1.2c-.1 0-.2-.1-.3-.1-.3 0-.5.1-.7.2l-1.5 1.7c-.1.2-.3.3-.5.3h-.1c-.1 0-.3-.1-.4-.2l-.5-.2c-1.1-.5-2.1-1.1-2.9-1.9-.2-.2-.5-.4-.7-.6-.7-.7-1.4-1.5-1.9-2.4l-.1-.2c-.1-.1-.1-.2-.2-.4 0-.2 0-.4.1-.5 0 0 .4-.5.7-.8.2-.2.3-.5.5-.7.2-.3.3-.7.2-1-.1-.5-1.3-3.2-1.6-3.8-.2-.3-.4-.4-.7-.5h-1.1c-.2 0-.4.1-.6.1l-.1.1c-.2.1-.4.3-.6.4-.2.2-.3.4-.5.6a5.1 5.1 0 0 0-.6 5.4l.1.3c.9 1.9 2.1 3.6 3.7 5.1l.4.4c.3.3.6.5.8.8 2.1 1.8 4.5 3.1 7.2 3.8.3.1.7.1 1 .2h1c.5 0 1.1-.2 1.5-.4.3-.2.5-.2.7-.4l.2-.2c.2-.2.4-.3.6-.5.2-.2.4-.4.5-.6.2-.4.3-.9.4-1.4v-.7s-.1-.1-.3-.2z"/></svg>')
}

.social-share-line {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M443 233c0-84-84-152-188-152S67 149 67 233c0 76 67 139 157 151 7 1 15 4 17 9s1 12 1 17l-3 16c-1 5-4 19 16 10s108-63 148-109c27-30 40-60 40-94zm-254 45a4 4 0 0 1-4 4h-53a4 4 0 0 1-2-1 4 4 0 0 1-1-3v-82a4 4 0 0 1 4-3h13a4 4 0 0 1 3 3v65h36a4 4 0 0 1 4 4zm32 0a4 4 0 0 1-4 4h-13a4 4 0 0 1-4-4v-82a4 4 0 0 1 4-3h13a4 4 0 0 1 4 3zm90 0a4 4 0 0 1-3 4h-13a4 4 0 0 1-1 0h-1v-1a3 3 0 0 1-1-1l-38-50v48a4 4 0 0 1-4 4h-13a4 4 0 0 1-4-4v-82a4 4 0 0 1 4-3h16v1l38 51v-49a4 4 0 0 1 4-3h13a4 4 0 0 1 3 3zm73-69a4 4 0 0 1-3 4h-36v14h36a4 4 0 0 1 3 4v13a4 4 0 0 1-3 4h-36v13h36a4 4 0 0 1 3 4v13a4 4 0 0 1-3 4h-53a4 4 0 0 1-3-1 4 4 0 0 1-1-3v-82a4 4 0 0 1 1-2 4 4 0 0 1 3-1h53a4 4 0 0 1 3 3z" data-name="レイヤー 1"/></svg>')
}*/