@charset "UTF-8";

/* CSS Document */
/* SHOWANOMORI CSS 20201113 */
/* GLOBAL */
body {
  padding-top: 0;
}

body, header {
  background-color: #fff;
}

/* WORDPRESS 縦長表示対応 */
.wp-block-image img {
  max-width: 100％;
  height: auto;
}

ul {
  padding-inline-start: 0;
}

li {
  /* list-style: none; */
}

hr {
  border-top: solid 1px #ddd;
}

a {
  color: #7ac943;
  /* GREEN */
}

a:hover {
  color: #2f4f4f;
  /* DARK GREEN */
  text-decoration: none;
}

table th {
  / padding: 10px;
}

table td {
  padding: 3px 10px;
}

#menu-park_guide .active {
  color: #00a99d;
}

.read-more {
  font-size: 0.8rem;
  color: #909090;
}

/*TABLE TEXT VERTICAL */
.ttv-middle td {
  vertical-align: middle;
}

/* /TABLE TEXT VERTICAL */
/* BACKGROUND */
.bg-text-gray {
  background-color: #f8f8ff;
}

/* /BACKGROUND */
/* BORDER */
.b-black {
  border: solid #000 1px;
  padding: 1rem;
}

.b-gray {
  border: solid #aaa 1px;
}

.b-green {
  border: solid 1px #00a99d;
}

/* /BORDER */
/* BAR */
.bt-3 {
  border-top: solid 3px #000;
}

.bb {
  border-bottom: solid 1px #000000;
}

.bb-green {
  border-bottom: solid 1px #00a99d;
}

.bb-green-2 {
  border-bottom: solid 2px #00a99d;
}

.underbar-purple {
  border-bottom: solid 1px #E9E5E9;
}

.instructor-list .underbar-white {
  border-bottom: 1px solid #ccc;
}

.bt-gray {
  border-top: solid 1px #ccc;
}

.bl-gray {
  border-left: solid 1px #ccc;
}

.bb-gray {
  border-bottom: solid 1px #ccc;
}

@media (min-width: 768px) {
  .bb-gray-md-none {
    border-bottom: none;
  }

  .bl-md-gray {
    border-left: solid 1px #ccc;
  }
}

/* /UNDERBAR */
/* BUTTON */
/** CIRCLE + BUTTON **/
/*** CIRCLE ***/
.open-button {
  display: inline-block;
  text-decoration: none;
  /*background: #aaa;*/
  position: relative;
  width: 30px;
  height: 30px;
  border: solid 1px #aaa;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: .4s;
}

.open-button:hover {
  /*background: #efbb00;*/
}

/*** /CIRCLE ***/
/*** + ***/
.open-button span::before,
.open-button span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 1px;
  margin: -1% 0 0 -34%;
  background: #aaa;
  transition: .4s;
}

.open-button span::before {
  transform: rotate(-0deg);
}

.open-button span::after {
  transform: rotate(90deg);
}

.open-button:hover span:before,
.open-button:hover span:after {
  background: #aaa;
}

.open-button[aria-expanded="true"] span:before {
  transform: rotate(225deg);
}

.open-button[aria-expanded="true"] span:after {
  transform: rotate(-45deg);
}

/*** /+ ***/
.minh-200 {
  min-height: 200px;
}

/** CIRCLE + BUTTON **/
/* /BUTTON */
/** TEXT **/
/* COLOR */
.color-black {
  color: #000000;
}

.f-green {
  color: #00a99d;
  /* GREEN */
}

.f-blue {
  color: #00a1e9;
  /* BLUE */
}

/* /COLOR */
/* SIZE */
.text-ss {
  font-size: 0.8rem;
}

.text-s {
  font-size: 0.9rem;
}

.ls-15 {
  letter-spacing: 15px;
}

/* /SIZE */
/* FONT */
p, .minchou-ryo-200 {
  font-family: "ryo-text-plusn", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 200;
  font-style: normal;
}

.minchou-ryo-400 {
  font-family: "ryo-text-plusn", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 400;
  font-style: normal;
}

.gothic-ryo-200 {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 200;
  font-style: normal;
}

.gothic-ryo-400, .sbi_bio {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  font-style: normal;
}

.gothic-ryo-700 {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 700;
  font-style: normal;
}

.minchou-han-200 {
  font-family: "source-han-serif-japanese", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 200;
  font-style: normal;
}

.minchou-tbud-500 {
  font-family: ".tk-tbudmincho-std", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 500;
  font-style: normal;
}

.minchou-tbud-900 {
  font-family: ".tk-tbudmincho-std", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 900;
  font-style: normal;
}

.minchou-ten-400 {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
}

/** /FONT **/
/*** FONT BEFORE AFTER ***/
.icon::before, .icon::after, .widget li::before, footer .widget li::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.prev a::before {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  /*font-weight: 900;*/
  content: "<";
  color: #000;
  margin-right: 0.8rem;
}

.next a:after {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  /*font-weight: 900;*/
  content: ">";
  color: #000;
  margin-left: 0.8rem;
}

.link a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ac";
  margin-left: 0.8rem;
}

.search-submit:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
  margin-left: 0.8rem;
}

a[href^=tel]:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f098";
  margin-right: 0.5rem;
}

/* .side-part .widget li::before, footer .widget li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  margin-right: 0.5rem;
} */
/* /FONT BEFORE AFTER */
/** /TEXT **/
/* BUTTON */
.btn-maru {
  display: inline-block;
  text-decoration: none;
  background: rgba(255, 0, 0, 1);
  color: #FFF;
  width: 100px;
  height: 100px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

/*.btn-maru:hover{
background: #668ad8;
}*/
/* BUTTON CSS ANIMATION */
/* BASIC */
.menu-trigger, .menu-trigger-acrd,
.menu-trigger span, .menu-trigger-acrd span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger, .menu-trigger-acrd {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: auto;
}

.menu-trigger span, .menu-trigger-acrd span {
  position: absolute;
  top: -5px;
  left: 0px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg);
  -webkit-animation: 2s infinite;
  animation: 2s infinite;
  box-sizing: border-box;
}

/* /BASIC */
/* ACTIVE */
.menu-trigger.active span, .menu-trigger-acrd.active span {
  -webkit-transform: translate(0, 10px) rotate(-225deg);
  transform: translate(0, 10px) rotate(-225deg);
  -webkit-animation: 2s infinite;
  animation: 2s infinite;
}

/* /ACTIVE */
/* /BUTTON CSS ANIMATION */
/* /BUTTON */
/* MENU */
header {
  position: relative;
  height: auto;
}

#globalfixed {
  position: fixed;
  top: 0px;
  z-index: 30;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.navbar {
  width: 100%;
  max-height: 120px;
  top: 0;
  padding-bottom: 0px;
  /*position: fixed;*/
  z-index: 21;
}

.navbar-brand {
  /* margin-right: 0px; */
  padding-bottom: 0px;
}

.menu-button {
  margin: auto 0px;
}

/** NAVBAR **/
/* NAVBAR-TITLE */
#navbar-title {
  width: 100%;
  /* z-index: 151; */
  /* background-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); */
}

#navbar-title .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 30px;
  height: 40px;
  box-sizing: border-box;
  position: relative;
}

#navbar-title .navbar-toggler-icon {
  background-image: none;
  /* この行で背景画像を無効化 */
  background-color: #000;
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease .5s;
}

/* /NAVBAR-TITLE */
/* NAVBAR-TITLE LG用 */
@media (min-width: 992px) {
  #navbar-title {
    width: 400px;
    position: absolute;
    top: 120px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    /* z-index: 151; */
  }
}

/* /NAVBAR-TITLE LG用 */
/** /NAVBAR **/
/** HAM-MENU BUTTON **/
.navbar-toggler-icon:nth-of-type(1) {
  top: 7px;
}

.navbar-toggler-icon:nth-of-type(2) {
  top: 17px;
}

.navbar-toggler-icon:nth-of-type(3) {
  top: 27px;
}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
  top: 13px;
  background-color: #000;
  z-index: 152;
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
  opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
  top: 13px;
  background-color: #000;
  z-index: 152;
  transform: rotate(-45deg);
}

/** /HAM-MENU BUTTON **/
/** MENU **/
/* MENU-SM SM表示用 */
#menu-sm {
  background-image: url("../images/common/menu_sm_forest.gif");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 20;
}

#menu-sm .d-flex {
  height: 100%;
}

#menu-sm ul {
  list-style: none;
}

#menu-sm ul li {
  height: 60px;
}

#menu-sm ul li::before {
  /* content: "\200B"; */
}

/* /MENU-SM SM表示用用 */
#menu-sm li {
  padding-left: 0rem;
}

#menu-sm li a {
  display: block;
  height: 40px;
  padding: auto 5px;
  font-size: 1.5rem;
  color: #000000CC !important;
  letter-spacing: 0.5rem;
  line-height: 20px;
  /* メニューの高さ */
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  /*z-index: 2;*/
  border-bottom: 2px solid #000;
}

#menu-sm li a>span {
  display: block;
  font-size: 0.7rem;
  margin-left: 0px;
  /* メニュー英語 */
}

#menu-sm li a:hover {
  font-stretch: expanded;
  color: #000000;
}

#menu-sm li a::after, #menu-sm li a.active {
  width: 100%;
  height: 40px;
  background-repeat: no-repeat;
  background-position: bottom right 20px;
  background-size: 140px 25px;
}

#menu-sm li a::after {
  position: absolute;
  bottom: -25px;
  left: 0;
  content: '';
  /* height: 25px; */
  background-image: url("../images/common/menu_bg_hover.png");
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

#menu-sm li a:hover::after {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
}

#menu-sm li a.active {
  border-bottom: 2px solid #008b8b;
  box-sizing: border-box;
  /* height: 40px; */
  background-image: url("../images/common/menu_bg_active.png");
}

#menu-parkguide {
  position: fixed;
  width: 100%;
  height: auto;
  top: 60px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 21;
}

#menu-parkguide[aria-expanded="false"] {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .8s ease;
  -ms- transition: opacity .8s ease;
  -moz- transition: opacity .8s ease;
  transition: opacity .8s ease;
}

#menu-parkguide[aria-expanded="true"], #menu-parkguide[page="park-guide"] {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .8s ease;
  -ms- transition: opacity .8s ease;
  -moz- transition: opacity .8s ease;
  transition: opacity .8s ease;
}

#menu-parkguide li {
  list-style: none;
}

#menu-parkguide li a {
  font-size: 0.7rem;
}

/* /GLOBAL MENU BUTTON */
@media (min-width: 413px) {
  #menu-parkguide li a {
    font-size: 0.8rem;
  }
}

/* MENU LG表示用 */
@media (min-width: 992px) {
  #globalfixed {
    z-index: 20;
  }

  #menu-sm {
    width: 100%;
    height: 60px;
    padding: 10px 0;
    display: block;
    z-index: 21;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  #menu-sm ul {
    padding-left: 0;
  }

  #menu-sm li a::after,
  #menu-sm li a.active {
    background-position: bottom center;
  }

  .menu-part ul, #menu-sm ol {
    min-height: 40px;
    display: table;
    /*width: 100%;*/
    margin: 0 auto;
    table-layout: fixed;
    /*line-height: 1rem;*/
  }

  .menu-part li {
    display: table-cell;
    width: 150px;
    padding: 0px 5px;
    text-align: center;
  }

  #menu-sm li a, #menu-parkguide li a {
    font-size: 0.8rem !important;
    /* MENU FONT SIZE*/
    letter-spacing: 0rem !important;
  }

  #menu-parkguide {
    height: 40px;
  }

  /* DROPDOWN-MENU */
  .dropdown-menu2 {
    display: none;
    width: 100%;
    height: auto;
    left: 0px;
    padding: 0px 10px;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position: absolute;
    z-index: 30;
  }

  .dropdown-menu2 a {
    margin-left: 0rem;
  }

  .dropdown-item2 {
    /*background-color: #f8f8ff;*/
    height: 50px;
    vertical-align: bottom;
  }

  .dropdown-item-name {
    margin: 10px;
  }
}

/* /MENU LG表示用 */
/** /MENU **/
/** DROP DOWN **/
.dropdown-menu2 {
  display: block;
}

.dropdown-menu2 a {
  margin-left: 1rem;
}

.dropdown-item2 {
  height: 3rem;
  padding: auto 10px;
}

.dropdown-item-name {
  padding: 10px 0px 10px 0px;
}

/* /MENU-SM用 */
/** /MENU **/
/** LAYOUT **/
.img-fluid {
  width: 100%;
}

.info-part {
  height: auto;
  margin-bottom: 20px;
}

.page-part {
  margin-top: 60px;
}

.page-part-parkguide {
  margin-top: 160px;
}

@media (min-width: 992px) {
  .page-part {
    margin-top: 70px;
  }

  .info-part {
    /* height: 372px; */
    margin-bottom: 0;
  }
}

.people-photo {
  border-radius: 75px;
  -moz-border-image: border-radius: 75px;
  -webkit-border-image: border-radius: 75px;
}

.people-photo-m {
  border-radius: 150px;
  -moz-border-image: border-radius: 150px;
  -webkit-border-image: border-radius: 150px;
}

.text-sub {
  margin-top: -0.5rem;
  font-size: 1rem;
}

.blog {
  margin-bottom: 0.7rem;
}

.blog h6 {
  margin-bottom: 0;
}

.sns a {
  margin-right: 20px;
}

/* /LAYOUT */
/* PARTS */
.new_arrived {
  width: 100%;
  color: #FF0004;
  border-top: solid 2px #FF0004;
  /*position: absolute;
  top: 0px;
  left: 0px;*/
}

/* /PARTS */
/* PAGE */
.page-part .container {
  position: relative;
}

.content-fade {
  /*position: absolute;*/
  top: 0px;
  left: 0;
  padding-left: 15px;
  padding-right: 15px;
}

/* .page-part #content2,
.page-part #content3,
.page-part #content4,
.page-part #content5 {
  display: none;
} */
.content-fade[aria-expanded="true"] {
  display: block;
}

/* LOOP */
/* LOOP-FLOWER-INFO */
.hover-link:hover {
  transform: scale(1.05);
  transition-duration: 0.3s;
}

.shop-text {
  height: 10rem;
  background-color: #fff;
  position: relative;
  top: 7px;
  border: solid 1px #00a1e9;
  transition-duration: 1.0s;
}

.shop-text:hover {
  border: solid 1px #efbb00;
  /*YELLOW*/
  transition-duration: 1.0s;
}

/* SINGLE */
.single-part, .list-part {
  /*background-color: #f8f8f8;
  padding: 30px;*/
}

/* /SINGLE */
/* PAGE-SHOP-CHIBA */
.page-midashi {
  height: 300px;
  margin: 80px 0;
}

.midashi-title {
  height: 50%;
  background-size: cover;
}

.midashi-content {
  height: 50%;
  background-image: url(https://www.showanomori.jp/wpsm/wp-content/themes/showanomori/images/GLOBAL/midashi01.jpg);
  background-size: cover;
}

.midashi-content p {
  max-width: 250px;
  margin-bottom: 0px;
}

/*.shop-data {
height: 400px;
width: 100%;
position: relative;
}
.bg-map {
bottom: 0;
right: 0;
height: 66%;
width:  66%;
position: absolute;
background-size: contain;
opacity: 1.0;
}*/
@media (min-width: 768px) {
  .page-midashi {
    height: 150px;
  }

  .midashi-title {
    height: 100%;
  }

  .midashi-content {
    height: 100%;
  }

  .midashi-content p {
    max-width: 450px;
    margin-bottom: 0px;
  }

  .bg-map {
    height: 100%;
    width: 100%;
  }
}

/* /PAGE-SHOP-CHIBA */
/** CARD **/
.card {
  border: solid 2px #39B54A;
}

.card-title {
  color: #39B54A;
}

/** /CARD **/
/* FOOTER */
footer {
  background: linear-gradient(#7ac943, #00a99d);
}

footer p {
  font-size: 0.8rem;
}

footer #copyright, footer #copyright a {
  color: #fff;
}

/* /FOOTER */
/** POST **/
/*/投稿*/
/* WIDGET */
footer .widget a {
  font-size: medium;
}

/** SITEORIGINE WIDGET **/
.pb-title {
  margin-bottom: 0;
  padding: 0px 0px;
  background-color: #f8f8f8;
}

.side-part aside:first-child, .back-white {
  background-color: #f8f8f8;
}

.side-part .info, footer .info {
  padding: 10px;
}

@media (min-width: 768px) {
  .pb-title {
    padding: 50px;
  }
}

/** /SITEORIGINE WIDGET **/
/** SIDE **/
.side-part .widget, footer .widget li {
  margin-bottom: 20px;
  /*border: 1px solid #ccc;*/
  /*border-radius: 4px;
  text-align: center;*/
}

.side-part .caption {
  caption-side: top;
  text-align: center;
}

/** /SIDE **/
/* WIDGET */
/* JQUERY */
/* PAGE FADEIN-OUT */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  /* 非表示 */
  -webkit-transition: opacity .8s ease;
  -ms- transition: opacity .8s ease;
  -moz- transition: opacity .8s ease;
  transition: opacity .8s ease;
}

body.fadeout::after {
  opacity: 1;
}

/*body.fadeout article, */
body.fadeout .hover-link:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  /*transition-duration: 2.8s;*/
}

/* /PAGE FADEIN-OUT */
/* ACORDION */
.accordion-nrml .inner {
  display: none;
}

.accordion-nrml p {
  cursor: pointer;
  padding: 10px;
}

/* /ACORDION */
/* /JQUERY */
/** BREADCRUMB **/
#breadcrumbs-main {
  width: 100%;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.breadcrumbs {
  margin-right: 0px;
  margin-left: 0px;
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 200;
  font-size: 0.8rem;
}

.breadcrumbs .home {
  color: #efbb00;
  /*YELLOW*/
}

/** /BREADCRUMB **/
/** POPULER POSTS **/
.popular-posts .widget-title {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1.2em;
  font-weight: 400;
  color: #fff;
  /* font-style: normal; */
  border-bottom: solid 1px #fff;
}

.popular-posts li {
  margin-bottom: 5px;
  color: #fff;
}

.popular-posts a {
  color: #fff;
}

/** /POPULER POSTS **/
/* /WIDGET */